html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
  word-break: break-word;
  letter-spacing: 0px;
  animation: 1s .1s backwards fadeIn;
  font-family: 'Inter';
  font-weight: normal;

}
::-webkit-scrollbar {
  width: 7px;
  height: 5px
}

::-webkit-scrollbar-track {
  background: rgb(255 255 255)
}

::-webkit-scrollbar-thumb {
  background: #FF3E06;
  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 CE';
  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: bold;
  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: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Autography;
  src: url(../fonts/ladies/Autography.otf);
}

.bold-new {
  font-family: 'Helvetica CE';
  font-weight: bold !important;
}

.medium-new {
  font-family: 'Helvetica CE';
  font-weight: 500 !important;
}

.regular-new {
  font-family: 'Inter';
  font-weight: normal !important;
}

.fit-cover{
  object-fit: cover
}
a:hover,
ul li {
  list-style-type: none
}
button:focus {
  outline: 0
}
::selection {
  color: #FF3E06;
}
.default-color2,
.second-color,
.second-home .closebtn:hover,
.second-home .header-home .navbar-nav .nav-link:hover {
  color: #FF3E06;
}
a{
  text-decoration: none;
}
.br-15{
  border-radius: 15px
}
.br-10{
  border-radius: 10px
}

.br-25 {
  border-radius: 25px
}

.br-20 {
  border-radius: 20px
}
.f-64 {
  font-size: 64px
}
.f-60{
  font-size: 60px
}
.f-69{
  font-size: 69px
}
.f-80{
  font-size: 80px
}
.f-50 {
  font-size: 50px;
}
.f-40 {
  font-size: 40px
}
.f-18 {
  font-size: 18px
}
.f-13{
    font-size: 13px
}
.f-16 {
  font-size: 16px
}


.f-15 {
  font-size: 15px
}

.f-14 {
  font-size: 14px
}

.f-19 {
  font-size: 19px
}
.f-17 {
  font-size: 17px
}

.f-10 {
  font-size: 10px
}
.f-28 {
  font-size: 28px
}
.f-29 {
  font-size: 29px
}
.f-23 {
  font-size: 23px
}
.contact p,
.f-14,
.f-20 {
    font-size: 14px
}
.f-12 {
  font-size: 12px
}
.f-24 {
  font-size: 24px
}
.f-25 {
  font-size: 25px
}
.f-30 {
  font-size: 30px
}

.f-42 {
  font-size: 42px
}

.f-36 {
  font-size: 36px
}
.f-21 {
  font-size: 22px;
}
.f-31 {
  font-size: 31px
}

.f-32 {
  font-size: 28px
}
.second-bg2 {
  background-color: #FF3E06
}

a{
  color: #000;
}
.ltr{
  direction: ltr;
}
.rtl{
  direction: rtl;
}
input:focus-visible{
  outline: none;
}
.i-select {
  bottom: 25%;
  right: 5%;
}
/*================animation=======================*/

.browse-details,
.browse-details h3,
.browse-details p,
.browse-details path,
.btn,
.default-btn,
.default-btn:after,
.default-btn:before,
.detail-user,
.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,
.scroll-top,
.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 ,
.all-awsome select {
    -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
}

/*=================================hover button==============================*/
.buttonfx{
    outline: none;
    background-color: #FF3E06 !important;
    border: none;
    position: relative;
    padding: 0.5rem 2.5rem;
    line-height: 2;
    letter-spacing: 2px;
    border-width: 1px;
    border-radius: 10px;
    border-bottom: 3px solid #FF3E06;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s;
  }
 .buttonfx i {
    font-size: 14px;
}
  .buttonfx:before,
.buttonfx:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: #000 !important;
  z-index: 1;
  transform: translate3D(0,-100%,0);
  transition: all .5s;
}
.buttonfx:before{
    background-color: #FF3E06 !important;
    z-index: 1;
    transform: translate3D(0,0,0);
  }
.bg-summer .buttonfx:before {
    background-color: #fff !important;
}
.bg-summer .buttonfx {
    border: 1px solid #df3a0a;
    border-radius: 18px !important;
    font-weight: bold;
}
  .buttonfx.bg-white:before{
    background-color: white !important;

  }
 #modal-success .buttonfx i {
    transform: rotateZ(0deg) !important;
}
  .buttonfx.bg-white{
    background-color: transparent !important;
    border-bottom: 3px solid  white ;
  }
  .buttonfx.bg-white:hover{
    border-color: transparent;
    border-bottom: 3px solid  #FF3E06  ;
  }

  .buttonfx:hover{
    color: white;
  }
  .buttonfx:hover:after{
    transform: translate3D(0,0,0);
    transition: all .5s;
  }
  .angleinleft:after{
    width: 200%;
    transform-origin: 0 bottom;
    transform: translate3D(-50%,0,0) rotate(-50deg);
  }

  .angleinleft:hover:after{
    transform: rotate(0deg);
    transition: all .5s;
  }
  .bouncein:hover:before,
.bouncein:hover:after{
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;
}
.no-default.buttonfx:before,
.no-default.buttonfx:after{
  background-color: #FF3E06  !important;
}
.no-default.buttonfx,
.no-default.buttonfx::before,
.all-awsome .buttonfx,
.all-awsome.buttonfx::before{
    background-color: #000 !important;
}




.no-default.buttonfx,
.all-awsome .buttonfx{
    border-bottom: 3px solid  #000 ;
  }
  .no-default.buttonfx i{

   font-size: 10px;

  }

/* The .image-container class needs to be applied to a div wrapped around the image you want to apply this filter to */
.overlay-slider-right {
  display: inline-block;
  position: relative;
  line-height: 0;
  background: #ffffff;
}
.overlay-slider-right::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  background: #FF3E06 ;
  opacity: 1;
}



#modal-success .modal-dialog {
    transform: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0rem 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 {
    border-bottom: none;
}
#modal-success .modal-dialog .buttonfx:before {
    background-color: #FF3E06 !important;
}
#modal-success .modal-content {
    border-radius: 1rem;
}
.overlay-slider-right > img {
  -webkit-filter:  brightness(106%)  grayscale(100%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%);
          filter:  brightness(106%)  grayscale(100%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%);
  mix-blend-mode: none;
}



/* The .image-container class needs to be applied to a div wrapped around the image you want to apply this filter to */
.overlay-slider-left {
  display: inline-block;
  position: relative;
  line-height: 0;
  background: #ffffff;
}
.overlay-slider-left::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: none;
  background: #504f4f;
  opacity: 0.13;
}
.overlay-slider-left > img {
  -webkit-filter:    grayscale(100%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%);
          filter:    grayscale(100%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%);
  mix-blend-mode: none;
}



  .second-home .all-awsome:hover .buttonfx:before{
    background-color: #FF3E06 !important;
}

.all-awsome .buttonfx::before,
.all-awsome  .buttonfx:after{
   content: none;
}
.all-awsome:hover  .buttonfx{
  background-color: #FF3E06 !important;
}
.career-details {
  background-image: url(../images/bg-training.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
}
#successSend .modal-content {
  background: #fff;
  box-shadow: -6px 6px 41px rgba(75, 17, 0, .06);
  border-radius: 22px
}
.bg-summer {
    padding: 4rem 5rem;
    background-image: url(../images/Banner-En.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2rem;
    background-position: right;
}
/*=================================navbar=====================================*/
  header {
    width: 100%;
    box-shadow: unset;
}
header .navbar {
    border-bottom: 1px solid #ededed;
    background-color: #fff;
}

.navbar-toggler .navbar-toggler-icon {
    position: relative;
    width: 1.5rem;
    height: 2.55px;
    border-radius: 15px;
}
.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
}

.recomend{
  display: none !important;
}

.navbar-toggler .navbar-toggler-icon::after {
  bottom: -6px;
  opacity: 1
}

header.navbar-nav .nav-link,
header .navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #6d758f;
  padding-right: 0.1rem !important;
  padding-left: 0.1rem !important;
}
header .navbar-nav .nav-link.active {
    font-weight: 700;
    color: #FF3E06;
}
header .no-default {
  font-size: 11px !important;
  font-weight: 700;
  padding: 0.7rem 0.8rem !important;
}
header .lang .nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-inline-start: 1rem;
  padding: 0.5rem 0.8rem;
}
.navbar-toggler .navbar-toggler-icon.collapsed::after,
 .navbar-toggler .navbar-toggler-icon.collapsed::before {
  width: 60%;
}
nav .nav-item .nav-link:hover,
nav .nav-item.active .nav-link {
    color: #FF3E06;
    cursor: pointer;
    font-weight: 800
}
.navbar-nav {
  align-items: center;
  justify-content: center
}



.sticky-navbar,
.sticky-navbar2 {
  position: fixed;
  top: 0;
  padding: 0 !important;
  z-index: 100000;
  animation: .7s ease-in-out sticky-animate
}

@keyframes sticky-animate {
  from {
      transform: translateY(-100%)
  }

  to {
      transform: translateY(0)
  }
}
.mySwiper-vedio-responsive, .respnsive-ar, .responsive-card {
  display: none;
}
.job-padding{
  line-height: 1.5;
}
.default-color2, .second-home .closebtn:hover, .second-home .header-home .navbar-nav .nav-link:hover {
  color: #FF3E06;
}
.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
}

.nav-link.lang-ar {
    letter-spacing: 0;
    font-family: regular-ar
}
.nav-link .lang-icon {
    width: 27px
}
.navbar-nav .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0
}
#errorMessage img,
#successSend img,
.ladies-footer2 .footer-logo,
.quiz .quiz-logo {
    width: 150px
}
.navbar-nav .dropdown-menu {
  border-radius: 15px;
  border: none;
  right: 0;
  left: auto;
  width: 200px;
  position: absolute
}

.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:hover {
  background-color: #FF3E06;
  border-radius: 8px
}

.navbar .btn:hover {
  border-color: transparent
}


.no-default {
  font-size: 13px !important;
  padding: .7rem !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  border-radius: 5px !important
}

/*==========================footer======================*/
footer {
  background-image: url(../images/Footer-home-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.footer-color {
  color: #afafaf;
}
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: #e1e4ed40;
}
footer .br-bottom {
  border-bottom: 1px solid #e1e4ed09;
}
footer .social a:hover {
  background-color: #FF3E06 !important;
}



/*===============content===========================*/
.detail-right h4, .f-17, .second-home .cards h2 {
  font-size: 17px;
}
.mySwiper-vedio-responsive, .respnsive-ar, .responsive-card{
  display: none;
}
.dark-bg,
.second-home .all-awsome:hover,
 .browse-details:hover,
.transformation-result .progress.before-transform .progress-bar {
    background-color: #000
}

.second-home .all-awsome:hover select {
  background-color: #F5F5FA21 !important;
  color: #FFFFFF;
  border-color: #F5F5FA21 ;
}
.second-home .all-awsome:hover i {

  color: #FFFFFF;
}
.btn.focus,
.btn:focus,
.navbar-toggler:focus {
    outline: 0;
    box-shadow: none
}
.color-white, .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 .default-btn:hover, .browse-details:hover h3,  .browse-details:hover p, .second-home .h-422:hover h3, .second-home .h-422:hover p, .text-white {
  color: #fff !important;
}
.col-lg-4.all-awsome{
  width: 31%;
}
.color-p-gray {
  color: #6d758f
}
.downlod{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 34px;
  border-radius: 7px;
}
.detail-user,
.second-home .program-details:hover ,
.active.program-details{
    background-color: #000;
    background-image: url(../images/bg-training.webp);
    background-repeat: no-repeat;
    background-size: cover
}
.active.program-details h3,
.active.program-details p{
  color: #fff;
}
.dailyCalorieForm {
  margin-inline-end: 2.3rem;
}


.whatsup-btn.buttonfx i {
  font-size: 17px;
  transform: rotateZ(0deg);
}
.whatsup-btn {
  background-color: #25d366 !important;
}
.whatsup-btn:before {
  background-color: #25d366 !important;

}
.whatsup-btn.buttonfx{

  border-bottom: 3px solid  #25d366  ;

}
.letter-0{
  letter-spacing: 0;
}
.w-md-auto {
  width: auto !important;
}
.second-home .header-home .default-btn i {
    transform: rotateZ(0)
}

.second-home .second-sec .v-training {
    height: 560px;
    object-fit: cover;
    border-radius: 1.5rem;
    object-position: top center ;
}

.second-home .img-frame2 .fancybox-link {
    position: absolute;
    bottom: 11.5%;
    right: 6%
}




.second-home .img-frame .v-head {
  width: 100%;
  height: 670px;
  z-index: -1;
  position: relative;
  object-fit: cover;
  object-position: center;
}

.second-home .img-frame .layer-head{
background: rgba(0,0,0,0.6);
inset: 0;
height: 100%;
width: 100%;
}

.second-home .img-frame .text-head {
  height: 670px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.second-home .img-frame .text-head h2 {
/* text-shadow: 2px 2px 2px rgba(0,0,0,0.4); */
line-height: 1;
z-index: 1;
}
.second-home .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 {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #FF3E06;
    font-size: 25px;
    border-radius: 50%;
    border: 1px solid #FF3E06;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px
}

.second-home .swiper-button-next:after,
.second-home.swiper-rtl .swiper-button-next:after {
    content: '\f061'
}

.second-home .swiper-button-prev:after,
.second-home.swiper-rtl .swiper-button-prev:after {
    content: '\f060'
}

.second-home .swiper-button-next,
.second-home .swiper-button-prev {
    margin-inline: 5px;
    top: 97%;
    width: fit-content;
}

.second-home .swiper-button-prev {
    right: 54% !important;
    left: auto !important;
}

.swiper-button-next {
    right: 48% !important;
    left: auto
}
.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: 210px;
    object-fit: cover;
    filter: brightness(.5) saturate(0%);
    object-position: top;
}

.left-img .bottom,
.left-img .top {
    filter: brightness(1.3) saturate(0%);
    object-fit: cover
}

.second-home .text-services h3 {
    font-size: 20px;
    line-height: 1.5;
    height: 58px
}

.left-img .top {
    height: 204px
}

.left-img .bottom {
    height: 285px
}

.text-services {
    width: 90%;
    bottom: 0;
    right: 5%;
    padding: 1.8rem !important;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 2px;
    z-index: 3;
    height: 260px
}
.h-422:hover .text-services {
    background-color: #000 !important;
}
.btn:hover, .social a:hover {
    background-color: transparent !important;
    color: #FF3E06 !important;
    border-color: transparent;
}

.pb-4-5rem {
    padding-bottom: 3.5rem;
}


.py-5-5rem {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important
}
.second-sec.py-5-5rem {
    padding-bottom: 0 !important
}
a {
    color: #FF3E06
}
a:hover {
    color: #FF3E06;
}
.second-home .h-422 {
    height: 422px
}

.second-home .h-422:hover img {
    filter: unset
}

.second-home .border-test,
.second-home .program-training-sec .program-details {
    border: 1px solid #d6ddeb
}

.second-home .program-training-sec .program-details.col-lg-6 {
    width: 47.5%
}

.second-home .program-training-sec .col-lg-4,
.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%
}

.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 .cards span {
    padding: 4px 6px;
    font-size: 18px;
    border-radius: 2px
}

.second-home .cards h3 {
    font-size: 20px;
    height: 50px
}

.second-home .cards p {
    height: 125px;
    overflow: hidden
}

.second-home .img-about {
    height: 570px;
    overflow: hidden
}

.second-home .text-about {
    width: 500px;
    top: 32%;
    left: 10%
}



.second-home .all-awsome:hover .default-btn,
.second-home .social a:hover {
    background-color: #FF3E06 !important
}

.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, 0.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;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: unset;
    font-size: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.mySwiper-vedio .col-lg-4:nth-child(1)>div:first-child,
.mySwiper-vedio .col-lg-4:nth-child(1)>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: 475px !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: 233px !important;
}

.mySwiper-vedio .v-training ,
.mySwiper-vedio-responsive  .v-training {
    object-fit: cover;
}
.overlayr-vedio {
    position: absolute;
    inset: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    transition: .5s ease;
    border-radius: 20px;
    z-index: 1;
}

.second-home .mySwiper-vedio .img-frame2 .fancybox-link {
    position: absolute;
    bottom: 42%;
    right: 42%
}

.second-home .all-awsome.col-lg-3 {
    width: 23%
}

.second-home .all-awsome:hover h4 {
    color: #FF3E06 !important;
}
.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, 0.60);
}



.swiper-containerReverse,
.swiper-right {

    height: 315px;
    overflow: hidden
}

.swiper-containerReverse {
    margin-top: 10px
}
.h3-size{
    font-size: 20px
}

.swiper-containerReverse .swiper-wrapper .swiper-slide .img-div,
.swiper-right .swiper-wrapper .swiper-slide .img-div {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 25px
}

.slide-detail-left h3 {
    bottom: 5%;
    left: 10%
}

.slide-detail-left .img-logo {
    top: 10%;
    left: 10%
}

.slide-detail-right h3 {
    bottom: 5%;
    right: 10%
}

.slide-detail-right .img-logo {
    top: 10%;
    right: 10%
}

.slide-detail-left .overlay-slider-left {
    position: absolute;
    inset: 0;
    z-index: 2;
    /* background: rgba(121, 121, 121, .4);
    -webkit-box-shadow: inset 10px 10px 54px 3px rgba(121, 121, 121, .75);
    -moz-box-shadow: inset 10px 10px 54px 3px rgba(121, 121, 121, .75);
    box-shadow: inset 10px 10px 54px 3px rgba(121, 121, 121, .75) */
}

.slide-detail-right .overlay-slider-right {
    position: absolute;
    inset: 0;
    z-index: 2;
    /* background: rgba(236, 72, 17, .4);
    -webkit-box-shadow: inset 10px 10px 54px 3px rgba(228, 32, 6, .75);
    -moz-box-shadow: inset 10px 10px 54px 3px rgba(228, 32, 6, .75);
    box-shadow: inset 10px 10px 54px 3px rgba(228, 32, 6, .75) */
}

.second-home .accordion-button:not(.collapsed)::after {
    content: "\f00d"
}

.second-home .closebtn {
    right: 1%;
    font-size: 1.5rem;
    color: #fff;
    top: 10%
}

.detail-user {
    inset: 0;
    opacity: 0;
    z-index: 10;
    padding: 2rem
}

.img-div:hover .detail-user {
    z-index: 10;
    opacity: 1
}

.opacity-7 {
    opacity: .7
}

.img-about-home {
    height: 410px !important
}

.top-bg {
    background-image: url(../images/bg-about-home.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center
}

.top-bg p {
    width: 60%;
    margin: auto
}

.super-hero-sec .img-div {
    height: 480px
}

.super-hero-sec .slide-detail-left h3 {
    bottom: 5%;
    right: 5%;
    left: unset
}

.super-hero-sec .slide-detail-right h3 {
    bottom: 5%;
    left: 5%;
    right: unset
}

.super-hero-sec .detail-super {
    top: 30%;
    left: 30%;
    z-index: 5
}


.second-home .one .span-p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 28px;
    border-radius: 2px
}

.second-home .img-partner {
    height: 40px
}
.second-home .img-partner  img{
    object-fit: contain;
}

/* .second-home .all-awsome  .all-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between
} */
.all-awsome  .all-card .form-control {
  font-size: 15px;
}

.second-home .program-details img {
    height: 50px;
    width: 50px;
    object-fit: cover
}
.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;
}


.slider-video-link{
    position: absolute;
    z-index: 9;
    display: block;
    width:100%;
    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 {
    width: 60%
}
.social a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-inline-end: 0.8rem;
}
.accordion-button::after {
    content: "\f067";
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Free";
    background-image: none;
    font-weight: 900;
    font-size: 16px;
}
.accordion-button:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.second-home .all-awsome h3, .second-home .all-awsome li{
color: #000;
}
 .second-home .all-awsome:hover h3,
 .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 span {
    color: #B4B9C9;
}
/* .page-header, .page-header img {
  height: 350px;
  width: 100%;
} */
.clients-about .swiper-slide img, .fit-cover, .img-login img, .main-video img, .page-header img, .second-home .img-about img, .swiper-containerReverse .swiper-wrapper .swiper-slide img, .swiper-right .swiper-wrapper .swiper-slide img {
  object-fit: cover;
}
.page-header .bread-panner {
  top: 150px;
  left: 14%;
}
.page-header .breadcrumb {
  align-items: center;
  justify-content: flex-start;
}
.contact{
  color: #383c3e;
}
.contact .social a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: 25px;
    height: 25px;
    margin-inline-end: 0.8rem;
    background-color: #B4B9C9;
}
.contact .social a:hover{
  background-color: #FF3E06 !important;

}

.form-control {
  background-color: #F5F5FA;
  border-radius: 10px;
  height: 50px;
  /* border-color: rgba(134, 146, 166, .3); */
  border: 1px solid #F1F3F7;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px; */
}

.form-control::placeholder {
  font-size: .9rem;
}
::placeholder {
  font-family: 'Inter';
  font-weight: normal;
}
.form-control:focus {
  border-color: #FF3E06;
  outline: 0;
  box-shadow: 0 4px 10px 3px #0000001c;
  background-color: transparent !important;
  color: #333
}
textarea.form-control,
textarea.form-control:focus {
    height: auto
}

.accordion-button:focus,
.contact #contact-form .form-control:focus,
.form-check-input:focus {
    box-shadow: none
}
.contact .img-conect {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FF3E06;
  border-radius: 10px;
  padding: 0.5rem;
}
.contact textarea.form-control,.contact textarea.form-control:focus {
  height: 110px;
}

.contact #contact-form .form-control::placeholder {
  color: #8e8e8e;
  font-size: 16px
}
#exampleModal .form-control {
  border-radius: 10px;
  height: 40px
}
.sec-pg .form-control {
  height: 40px !important
}
.sec-pg {
  margin: 70px 0
}
.sec-pg .package {
  border: 1px solid #dadee4;
  padding: 20px 25px;
  border-radius: 15px;
  margin-bottom: 20px
}

.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: 0.5rem 1rem;
  border-radius: 0.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;
}
.contact .flag {
  width: 25px;
}
.contact p{
  font-size: 14px;
}
.partners {
  background-color: #000;
  padding-bottom: 60px;
}

.job .job-title-top{
  background-image: url(../images/bg-training.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  background-color: #000;
  padding-bottom: 60px;
}
.job .top-43{
  margin-top: -60px;
}
.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 li {
  padding-right: 50px;
  position: relative
}

.job .input-group .btn, .job li::before {
  background-color: #fff;
  display: inline-flex;
}

.job li::before {
  content: "\f061";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-weight: 700;
  right: 17px;
  bottom: 17px;
  border: 1px solid #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  font-size: 13px
}

.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;
}
.job-details {
  padding: 30px 25px;
}
.job-details:focus,
.job-details:hover {
    box-shadow: 0 2px 10px rgb(0 0 0 / 16%)
}
.job li:hover::before {
  background-color: transparent
}
.job li:hover::before {
  font-size: 15px;
  width: 27px;
  height: 25px;
  right: 20;
  bottom: 10px
}
.alert .buttonfx {
  padding: 0.2rem 1rem !important;
  font-size: 12px;
  border-radius: 8px;
}
.job-details {
  padding: 30px 25px
}

.nav1-left{
  display: none;
}
.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 {
  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;
}
.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: #FF3E06;
}
.username {
  color: #4a4a4a;
  font-size: 20px;
  font-weight: 700;
}
#transSlider img {
  height: 350px;
  object-fit: cover;
}
#testmonial .swiper-pagination-bullet-active, #transSlider .swiper-pagination-bullet-active, .change-theme .btn {
  background: #FF3E06;
}
.sst-title {
  text-align: center;
  margin-bottom: 30px;
}
#exampleModal .modal-footer, #pagination-parent .pagination .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;
  /* display: flex; */
  /* flex-direction: column;
  justify-content: space-around;
  align-items: flex-start; */
  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
}
.journy-sec .services-details {
  border: 2px solid #202020;
  position: relative;
  height: 100% !important;
  margin: 1rem auto
}
.journy-sec .services-details:hover {
  background-color: #131314
}
#paymentHistoryTable tr, .achievementLanding, .bg-gray-home, .howLanding, .questions, .radio-item, .statistics, .testmonial, .why {
  background-color: #f5f5fa;
}

.journy-sec .services-details:hover {
  border: 2px solid #FF3E06;
  position: relative;
}

.journy-sec .services-details p {
  color: #b2b2b2
}
.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, #Membership .row, .br-25 {
  border-radius: 25px;
}

#Membership .package:first-child {
  border-radius: 25px 0 0 25px;
}
.span-b {
  border-bottom: 2px solid #FF3E06;
}
.color-i {
  color: #FF3E06;
  font-size: 20px;
}
.opacity-90 {
  opacity: .9;
}
#Membership ul li {
  display: flex;
  align-items: flex-start;
  border-bottom: 2px solid #f5f6f7;
  font-size: 14px;
}

#Membership .fa-check {
  color: #FF3E06;
  font-size: 14px;
  margin-top: 0.2rem;
  margin-inline-end: 0.4rem;
}
#Membership h5{
  font-size: 18px;
}
.accordion-button:not(.collapsed) {
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
  color: #212529;
}
.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"
}

.accordion-flush .accordion-item .accordion-button {
  padding: 1.2rem 0;
  background: 0 0;
  font-size: 16px;
  font-weight: 600;
  box-shadow: unset
}
.accordion-button:focus,
.contact #contact-form .form-control:focus,
.form-check-input: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: normal;
}
.form-control:focus {
  box-shadow: none;
}

#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: #FF3E06;
  border-bottom: 1px solid #FF3E06
}
#exampleModal .modal-footer,
#pagination-parent .pagination,
#partners-slider .swiper-wrapper,
.programs .row {
    justify-content: center
}
#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-title {
  margin-bottom: 10px;
  font-size: 21px
}

#exampleModal .modal-dialog {
  max-width: 770px;
  margin: 2.4rem auto
}

#exampleModal .modal-content {
  border-radius: 25px;
  padding: 55px 105px
}
#exampleModal .modal-body,
#exampleModal .modal-footer,
#exampleModal .modal-header {
    padding: 0;
    border-bottom: none;
    border-top: none
}

#exampleModal .form-control {
    border-radius: 10px;
    height: 40px
}

#exampleModal .input-file {
    height: 35px;
    font-size: 14px
}

.p-phone {
    padding: .375rem 2.3rem !important
}

#exampleModal input,
#exampleModal input::placeholder {
    font-size: 13px;
    color: #74758f
}
.asterisk {
  color: red;
}
#exampleModalToggle .modal-content {
  padding: 50px
}
.label-yes {
  align-items: center;
}
.img-flag, .serv-title img, .w-30 {
  width: 30px;
}
#exampleModal .form-control {
  border-radius: 10px;
  height: 40px;
}
textarea{
  resize: none;
}
#exampleModal .input-file {
  height: 35px;
  font-size: 14px;
}

#exampleModalToggle .modal-dialog {
  top: 1%
}

#exampleModalToggle .modal-header,
.ladies-faq .accordion-flush .accordion-item:last-child,
.second-home .accordion-item:last-child {
  border-bottom: none
}

#exampleModalToggle .modal-body {
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden
}

#exampleModalToggle .modal-body .social {
  width: calc(100% / 4 - 2px);
  margin-bottom: 40px;
  text-align: center
}

#exampleModalToggle .color-face {
  color: #385996
}

#exampleModalToggle .color-tewi {
  color: #27b9d8
}
#exampleModalToggle .color-link {
  color: #176da2
}

#exampleModalToggle .color-insta {
  color: #386e94
}

#exampleModalToggle .color-baha {
  color: #1e3790
}

#exampleModalToggle .color-ever {
  color: #579f28
}

#exampleModalToggle .color-snap {
  color: #f8f619
}
#exampleModalToggle .modal-body .social i,
#exampleModalToggle .modal-body .social p {
    background-color: #f4f4f4 !important;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    font-size: 28px
}




.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 0px 0px 0px 3px #fff;
}



.radio-calories label {
  cursor: pointer;
  border-radius: 15px;
  padding-inline-start: 3rem !important;
  background-color: #F5F5FA;
  border: 1px solid #F5F5FA;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 120px;
}


.radio-calories label::before {
  position: absolute;
  left: 18px;
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.625rem;
  background: #B4B9C9;
  padding: 2px;
  border: 2px solid #B4B9C9;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 3px #F5F5FA;
}

.all-awsome {
  margin-bottom: 1.5rem;
}

.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;
}



/* .radio-calories input[type='radio'] {
  accent-color: #F24E1E;
}
.radio-calories input[type="radio"]:checked + label,
.radio-calories label:hover  {
  border-color: #F24E1E;
  background-color: transparent;

} */
.dailyCalorieForm  .form-control {
  box-shadow:none;
}
.bg-calory{
  border-radius: 10px;
  background-color: #F5F5FA;
}
.bg-calory .f-15 {
  font-size: 12px;
}
.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: 0.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: 0.5s ease-in-out;
}
.ladiesFeatures .feature:hover .feature-icon {
  background-color: #fff;
  color: #ff288c;
}
.ladiesFeatures .feature:hover p {
  color: rgba(255, 255, 255, 0.82);
}
.fs-75 {
  font-size: 65px;
}
.Autography {
  font-family: Autography;
  text-transform: lowercase;
  letter-spacing: 0;
  line-height: 0.5;
}

.fs-125 {
  font-size: 125px;
}
.pink-color {
  color: #ff288c !important;
}
.ladiesFeatures p {
  color: rgba(255, 255, 255, 0.43);
  font-size: 20px;
}
.f-110, .fs-55 {
  font-size: 55px;
}
.header2 .step-icon, .steps .step-icon {
  width: 55px;
}
.steps .buttonfx {
  background-color: #000 !important;
  border-bottom: 3px solid #000;
}

.ladies-packages2 {
  background: #000;
  padding-block: 100px !important;
}
.steps  .buttonfx:before,
.steps  .buttonfx:after {
  background-color: #ff288c !important;
}
.steps  .buttonfx:before{
  background-color: #000 !important;
}
.ladies-packages2 .buttonfx {
  background-color: #ff288c  !important;
  border-bottom: 3px solid #ff288c ;
  text-align: center;
}

.ladies-packages2 .buttonfx:before {
  background-color:    #ff288c !important;
}
.w-md-75 {
  width: 85%;
}
.w-md-50 {
  width: 60%;
}
.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 {
  background-color: #ff288c !important;
  border-radius: 8px;
  color: #fff !important;
  padding-block: 10px;
  font-size: 13px;
}
.ladies-faq .accordion-flush .accordion-item {
  background: 0 0;
  border-bottom-width: 1px;
  border-style: solid;
}
.ladies-faq p {
  color: rgba(23, 33, 32, 0.6);
  opacity: 0.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%;
}
/*====================media=======================*/


@media (max-width:1400px) {

  .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;
}
  .f-69 {
    font-size: 62px;
}
.bg-calory{
  padding: .8rem !important;
}
.radio-calories label {
    height: 118px;

}
.bg-calory .f-15 {
  font-size: 10px;
}
.bg-calory .f-16{
  font-size: 14px;
}
  .super-hero-sec .detail-super {
      top: 32%;
      left: 25%
  }

  .left-img .bottom {
      height: 315px
  }

  .left-img .top {
      height: 255px
  }
  .f-30 {
      font-size: 26px;
  }
  header .navbar-nav .nav-link {
    font-size: 13px;
}
header .no-default {
  padding: 0.5rem 0.8rem !important;
}
header .lang .nav-link {
  font-size: 12px;
  margin-inline-start: 0.5rem;
  padding: 0.45rem 0.8rem!important;
}
}

@media (max-width:1200px) {
  .sec-pg .package h3 {
    margin-bottom: 5px !important
}
.plan-width{
  width: 60%;
}
.browse-details .f-29 {
  font-size: 20px;
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
  line-height: 1.5;
}
.f-110, .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: 0.5rem !important;
}
.dailyCalorieForm {
  margin-inline-end: 1rem;
}
.img-overlay img {
  height: 330px;
}
.f-69 {
  font-size: 56px;
}
.bg-calory {
  padding: 0.6rem !important;
}
.bg-calory .f-15 {
  font-size: 9px;
}
.bg-calory .f-16 {
  font-size: 12px;
}

.landing_page ._services-details {
  padding-top: 1rem;
}
.landing_page ._services-details ._card {
  height: 270px;
}
.f-60 {
  font-size: 53px;
}
.browse-details  .f-25 {
  font-size: 17px
}
header .navbar-nav .nav-link {
  font-size: 12px;
}
.job li::before {
  bottom: 13px
}
.nav-item{
  margin-right: 0.3rem!important;
  margin-left: 0.3rem!important;
}
.f-31 {
  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 {
      font-size: 15px;
  }
   .browse-details {
      padding: 1.5rem;
      height: 210px;
  }
  .remons-sec .f-16,
  .second-home .cards h3 {
      font-size: 15px
  }

  .super-hero-sec .f-59 {
      font-size: 50px
  }

  .detail-user {
      padding: 1.2rem
  }

  .h3-size, .second-home .text-services h3 {
      font-size: 17px;
  }

  .img-about-home {
      height: 460px !important
  }

  .second-home .all-awsome.col-lg-3 {
      width: 30%;
      margin-bottom: 1.8rem
  }

  .f-110, .f-50 {
    font-size: 35px;
}

header .no-default {
    font-size: 11px !important;
    padding: 0.5rem !important;
}
header .lang .nav-link {
    font-size: 11px;
    margin-inline-start: 0.5rem;
    padding: 0.5rem 0.5rem!important;
}

  .second-home .alert .f-14 {
      font-size: 12px
  }

  .py-5-5rem {
      padding-top: 4.5rem !important;
      padding-bottom: 4.5rem !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: 40px
  }

  .second-home .h-422 {
      height: 400px
  }

  .second-home .f-40 {
      font-size: 28px
  }

  .pb-4-5rem {
      padding-bottom: 3.5rem
  }

  .second-home .cards p {
      font-size: 14px
  }

  .second-home .img-div .f-18 {
      font-size: 16px
  }
}
@media (max-width:992px) {
  .second-home .img-partner {
      height: 30px;
  }
    .bg-summer {
        background-position: bottom;
    }
    .career-details {
       background-position: center;
    }
    .bg-summer {
        padding: 4rem 4rem;
    }
    .bg-summer .f-28 {
        font-size: 24px;
        margin-bottom: 1rem;
    }
.plan-width {
  width: 65%;
}
.browse-details .f-29 {
  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-75 {
  font-size: 35px;
}
.fs-125, .header2 .header-description .fs-125 {
  font-size: 66px;
}
.fs-55 {
  font-size: 25px;
}
.w-md-75,.w-md-50 {
  width: 100%;
}

.bg-calory .bg-color{
  border-radius: 6px !important;
  width: 20px !important;
  height: 20px !important;
  margin-inline-end: 0.7rem !important;
}
.bg-calory {
  padding: 1rem !important;
}
.bg-calory .f-16 {
  font-size: 16px;
}
.bg-calory .f-15 {
  font-size: 17px;
}
.dailyCalorieForm {
  margin-inline-end: 0;
  padding: 0 !important;
}
.f-69 {
  font-size: 46px;
}
.f-21 {
  font-size: 20px;
}
.d-responsive{
  display: block !important;
}
.job .top-43 .browse-details {
  height: auto;
}
.contact .f-36 {
  font-size: 28px;
}
.fw-bold.mb-3.f-25 {
  font-size: 20px;
}
.img-overlay img {
  height: 250px;
}
.job .job-title-top{
  background-position: center;

}

  .f-60 {
    font-size: 35px;
}
  .landing_page ._services-details ._card {
    height: 250px;
  }
  .landing_page ._services-details {
    padding-top: 0rem;
}
.img-overlay {
  margin: 35px 0;
}

  #exampleModal .modal-content {
    text-align: left
}

#exampleModal .modal-dialog,
.career-details-2 .modal-dialog {
    max-width: 700px
}
  .f-20 {
    font-size: 13px
}
  .browse-details  .f-25 {
    font-size: 22px
  }

  .navbar-toggler {
    width: 95px;
}
.navbar-brand {
  margin-right: 0;
  margin-left: 0;
}
  .job-padding {
    padding: .3rem 2.5rem !important
  }
  .nav1-left{
    display: flex;
  }
  .job li {
    padding-right: 40px
}
.f-31 {
  font-size: 25px;
}
.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
}

  .py-5-5rem {
      padding-top: 3.5rem !important;
      padding-bottom: 3.5rem !important;
  }
  .f-32 {
    font-size: 28px;
}
.form-control {
  height: 50px;
}
  .pb-4-5rem .w-50 {
      width: 75%!important;
  }
  .order-before,
  .remons-sec .imgs {
      margin-bottom: 2rem
  }
  .accordion-button::after, .accordion-button:not(.collapsed)::after {
      font-size: 14px;
  }
  .browse-details {
      height: auto;
  }
  .nav2-left {
      display: none !important;
  }
  .col-lg-6.text-end {
      text-align: start!important;
  }

  .page-header img {
    height: 300px;
}
  .second-home .text-services h3,
  .text-services {
      height: auto
  }

  .respnsive-ar {
      display: block
  }


  .second-home .program-training-sec .program-details.col-lg-6:nth-child(5) ,
  .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-md-6 {
      width: 47.5%
  }

  .super-hero-sec .detail-super {
      top: 35%;
      left: 19%
  }

  .mySwiper-vedio-responsive {
      display: flex
  }

  .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
  }

  .mySwiper-vedio {
      display: none
  }

  .f-59 {
      font-size: 45px
  }

  .top-bg p {
      width: 90%
  }

  .order-before {
      order: -1
  }

  .img-about-home {
      height: 380px !important
  }

  .f-42 {
      font-size: 32px
  }

  .f-30 {
      font-size: 27px
  }

  .second-home .all-awsome.col-lg-3 {
      width: 46%
  }

  .second-home .f-64 {
      font-size: 50px
  }

  .second-home .second-sec .v-training {
      height: 528px !important;
      object-position: top center
  }

  .second-home .img-services {
      height: 280px
  }

  .second-home .h-422 {
      height: 410px;
      margin-bottom: 2.5rem !important
  }

  .second-home .card-bottom,
  .second-home .card-top {
      padding-bottom: 2rem;
      padding-top: 0
  }

  .second-home .cards p {
      height: auto;
      font-size: 17px
  }

  .second-home .cards h3 {
      font-size: 19px;
      margin-bottom: 1rem !important;
      height: auto
  }

  .second-home .cards .my-4 {
      margin-top: 0 !important;
      margin-bottom: 1rem !important
  }

  .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%
  }

  .browse-details {
      margin-bottom: 1.5rem
  }

  .second-home .f-16 {
      font-size: 16px
  }

  .second-home .f-40 {
      margin-bottom: 1rem
  }

  .second-home footer .py-5 {
      padding-bottom: 1.5rem !important
  }

  .second-home #accordionExample {
      margin-top: 1.5rem
  }





  .second-home .logo {
      width: 95px
  }

  header .navbar {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important
  }

  header .navbar-collapse .navbar-nav {
      padding-top: 15px;
      align-items: center !important
  }



  .second-home .mySwiper-vedio-responsive .img-frame2 .fancybox-link {
    position: absolute;
    bottom: 45%;
    right: 44%;
}
  header .logo {
    width: 95px;
}

header .navbar-nav .nav-link {
  font-size: 18px;
  font-weight: 700;
}
.navbar-toggler .navbar-toggler-icon {
background-color: #FF3E06;
width: 1.7rem;
height: 3px
}
footer .f-16 {
  font-size: 16px !important;
}
.col-lg-4.all-awsome {
width: 46%;
margin-bottom: 1.7rem;
}



.respnsive-ar {
display: block;
}

header .lang .nav-link {
  color: #6d758f;
  border: none;
  margin-inline-start: 0rem;
}
}
@media (max-width:767px) {
  .second-home .copyRight p {
      font-size: 13px
  }
    .bg-summer {
        padding: 3rem 3rem;
    }
  .plan-width {
    width: 100%;
}
.plan-width .f-40 {
 font-size: 35px;
}
  .browse-details .f-29 {
    font-size: 22px;
}
  .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;
}
.f-69 {
  font-size: 40px;
}
.dailyCalorieForm .f-13 {
  font-size: 14px;
}
.radio-calories input[type="radio"] {
  left: 13px;
  top: 19px;
}

  .contact .f-36 {
    font-size: 23px;
}
  .f-60 {
    font-size: 32px;
    align-items: center;
    justify-content: center;
}
.img-overlay img {
  height: 290px;
}
  .landing_page ._services-details ._card {
    height: auto;
}
  #Careers, .avatar-edit, .career-details, .center, .questions .head, .questions .title-ques, .sst-img, .workout {
    text-align: center;
}
.career-details .d-inline-flex {
  text-align: center;
  justify-content: center;
}
.img-overlay img {
  width: 85% !important;
}
.second-home .mySwiper-vedio-responsive .img-frame2 .fancybox-link {
  right: 43%;
}

  #exampleModal .modal-dialog {
    max-width: 540px
}

#exampleModal .modal-content {
    padding: 30px 50px;
    text-align: left
}

  .browse-details  .f-25 {
    font-size: 20px
  }
  .alert .buttonfx{
    margin-top: 1rem;
  }
  .f-13 {
    font-size: 11px
}
.navbar-brand {
  margin-right: 0;
  margin-left: 0;
}
#stories-slider .swiper-button-next:after, #stories-slider .swiper-button-prev:after, #stories-slider .swiper-rtl .swiper-button-next:after, #stories-slider .swiper-rtl .swiper-button-prev:after, .after div h2, .before div h2, .f-31, .radio-item h3 {
  font-size: 20px;
}
  .subscribe .form-control {
    width: 100%;
    margin-bottom: 3rem
}
  .py-5-5rem {
      padding-top: 2.5rem !important;
      padding-bottom: 2.5rem !important;
  }
   .page-header img {
    height: 270px;
}
  .pb-4-5rem .w-50 {
      width: 100%!important;
  }
  .accordion-button::after, .accordion-button:not(.collapsed)::after {
      font-size: 13px;
  }
  .buttonfx.f-17 {
      font-size: 16px;
  }
  .second-home .f-36 {
      font-size: 30px
  }

  .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%
  }



  .super-hero-sec .f-59 {
      font-size: 40px
  }

  .detail-user {
      padding: 1.6rem
  }

  .swiper-containerReverse,
  .swiper-right {
      height: 285px
  }

  .swiper-containerReverse .swiper-wrapper .swiper-slide .img-div,
  .swiper-right .swiper-wrapper .swiper-slide .img-div {
      height: 280px
  }

  .second-home .all-awsome.col-lg-3,
  .top-bg p {
      width: 100%
  }

  .f-59 {
      font-size: 35px
  }

  .about-home-sec .py-5 {
      padding-top: 0 !important;
      padding-bottom: 0 !important
  }

  .f-42 {
      font-size: 25px
  }

  .f-30 {
      font-size: 20px
  }

  .f-27 {
      font-size: 24px
  }

  .second-home .fancybox-link span {
      display: none
  }
  .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%
  }

  .second-home .img-frame2 .fancybox-link {
    position: absolute;
    bottom: 46%;
    right: 45%;
}

  .second-home .alert {
      display: block !important;
      text-align: center
  }

  .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;
  }
  footer .copyRight p {
    font-size: 13px;
}
.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) {
  .super-hero-sec .detail-super {
      top: 38%;
      left: 7%
  }
  .logos img {
    width: 145px !important;
}

  .bg-calory .f-15 {
    font-size: 14px;
}
  #successSend .f-40 {
    font-size: 29px;
}
#successSend  .buttonfx {
  font-size: 16px;
  width: 100%;
  margin-right: 0 !important;
  padding: 1rem !important;
}
.responsive-link-head .buttonfx {
  flex-grow: inherit;
  width: 66%;
  margin-bottom: 1rem;
  margin-left: 0rem!important;
}
  #exampleModal .modal-dialog {
    max-width: 90%
}
.dailyCaloriebg .f-21 {
  font-size: 17px;
}
.f-69 {
  font-size: 35px;
}
#exampleModalToggle .modal-body .social i,
#exampleModalToggle .modal-body .social p {
    width: 50px;
    height: 50px;
    font-size: 22px
}

  header .logo {
    width: 80px;
}
  .f-13 {
    font-size: 14px
}
.f-31, .header-details h3 {
  font-size: 18px;
}

}

@media (max-width:480px) {

  .discount-p-ar,
  .discount-p-en {
      font-size: .8rem
  }
    .bg-summer {
        padding: 2rem;
    }
    .bg-summer .f-50 {
        font-size: 30px;
    }
    .bg-summer .f-28 {
        font-size: 20px;
        margin-bottom: 1.5rem;
    }
  .plan-width .responsive-400{
    display: block !important;
  }
  .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: 0.5rem !important;
}
  .f-69 {
    font-size: 30px;
}
.bg-calory {
  padding: 0.8rem !important;
}
.bg-calory .f-16 {
  font-size: 14px;
}
.bg-calory .f-15 {
  font-size: 10px;
}
  .contact .f-36 {
    font-size: 20px;
}
  .second-home .h-422 {
    height: 370px;
}
.second-home .mySwiper-vedio-responsive .img-frame2 .fancybox-link {
  right: 40%;
  bottom: 43%;
}
.second-home .img-frame2 .fancybox-link {
  bottom: 45.5%;
  right: 44%;
}
  #exampleModalToggle .modal-body .social i,
  #exampleModalToggle .modal-body .social p {
      margin-bottom: 5px !important
  }
  #exampleModalToggle .modal-body .social {
    width: calc(100% / 2 - 2px);
    margin-bottom: 20px
}

  header .lang .nav-link {
    margin-inline-start: 1rem;

    }
  header .navbar-nav .nav-link {
    font-size: 17px;
}
  .navbar-toggler {
    width: 50px;
}
.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
  }

  .discount-img-en {
      width: 110px !important
  }

  .discount-img-ar {
      width: 120px !important
  }

  .discount-p-en {
      right: 3.6em
  }

  .marathon-div .response {
      display: block !important;
      text-align: center
  }

  .marth-img {
      margin: auto auto .5rem
  }

  .second-home .all-awsome.col-lg-3 {
      width: 75%
  }

  .remons-sec .imgs {
      display: block !important
  }

  .second-home .f-36 {
      font-size: 25px
  }

  .remons-sec .left-img {
      margin-right: 0 !important
  }

  .left-img .bottom,
  .left-img .top {
      height: 210px;
      margin-bottom: 1.5rem
  }

  .mySwiper-vedio-responsive .swiper-slide img {
      width: 40px
  }

  .super-hero-sec .f-59 {
      font-size: 35px
  }

  .super-hero-sec .detail-super {
      top: 42%;
      left: 1%
  }

  .img-about-home {
      height: 300px !important
  }

  .second-home .text-about {
      width: 87%;
      bottom: 0;
      top: unset;
      padding: 1.5rem !important;
      left: 7%
  }

  .second-home .img-services {
      height: 210px
  }

  .second-home .second-sec .v-training {
      height: 390px !important;
      object-position: top center;

  }

  .second-home .text-vedio {
      font-size: 12px
  }

  .second-home .cards p {
      font-size: 14px
  }

  .second-home .cards h3 {
      font-size: 17px;
      margin-bottom: 1rem !important
  }

  .second-home .cards h2,
  .second-home .one .span-p {
      font-size: 15px
  }
}

@media (max-width:375px) {
  .second-home .all-awsome.col-lg-3 {
      width: 85%;
      margin-inline-end: 1rem
  }
  .logos img {
    width: 75px !important;
}
.logos {
  gap: 18px !important;
}
  .all-awsome .all-card .form-control {
    font-size: 14px;
}
.recomend .f-23 {
  font-size: 20px;
}
.downlod {
  width: 25px;
  height: 28px;
}
.select-div2 i {
  right: 14px;
  top: 43%;
  font-size: 14px;
}
  .second-home .img-frame2 .fancybox-link {
    right: 43%;
}
.responsive-link-head .buttonfx {
  width: 80%;
  font-size: 14px;
}
.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: 0.4rem !important;
}
.bg-calory .f-16 {
  font-size: 13px;
}
.bg-calory .f-15 {
  font-size: 8px;
}


.f-60 {
  font-size: 26px;
}
.second-home .mySwiper-vedio-responsive .img-frame2 .fancybox-link {
  right: 35%;
}
  .f-20 {
    font-size: 16px
}

  header .navbar-nav .nav-link {
    font-size: 16px;
    margin-inline-start: 1rem;
}
  .navbar-toggler {
    width: 30px;
}
  .super-hero-sec .detail-super {
      top: 35%
  }

  .second-home .f-16 {
      font-size: 14px
  }

  .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:280px) {
  .f-20 {
    font-size: 11px
}
}