.effect-oscar h2,
.effect-oscar p,
body,
p {
  margin: 0
}

.box-coach:hover .image-wrapper,
body,
ul {
  padding: 0
}

.lang ul li,
.log,
.login ul li {
  display: inline-block
}

.login ul li a,
.side a {
  transition: .3s;
  font-family: Nunito, sans-serif
}

.login ul ul,
.main {
  box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%)
}

.close,
.flip-card-inner,
.lang,
.main,
.services-text,
.side a {
  text-align: center
}

.flip-card-front h2,
.side a {
  text-transform: capitalize !important
}

.btnn,
.closebtn,
.controls span,
.flip-card-inner,
.go-top,
.inner-service {
  cursor: pointer
}

.close,
.on13 ul li span {
  float: right
}

.flip-card-fitit:focus,
.flip-card:focus,
.slider,
button:focus {
  outline: 0
}

* {
  font-family: "Plus Jakarta Sans"
}

body {
  background-color: #ffffff;
  color: #000000;
  word-spacing: 5px
}

.side ul li,
li {
  list-style: none
}

details[open] summary~* {
  animation: .5s cubic-bezier(.785, .135, .15, .86) open
}

.owl-dots {
  position: absolute;
  left: 47%;
  bottom: -35px
}

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #ff8024;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s;
  border-radius: 30px
}

.owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #ffb580
}

.side {
  width: 0;
  height: 100%;
  background-color: #252525;
  position: fixed;
  overflow-x: hidden;
  transition: .8s;
  z-index: 999;
  top: 0
}

.dark-theme,
.main {
  background-color: #ffffff
}

.closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color: #818181
}

.side a {
  padding: 15px 32px;
  font-size: 18px;
  color: #fff !important;
  display: block;
  letter-spacing: 2px;
  font-weight: 600
}

.lang ul,
.login ul,
.side ul {
  padding: 0;
  list-style: none
}

.side ul {
  margin: 30px 0 0
}

.side .a {
  margin-right: 15px
}

.margintop {
  margin-top: 80px
}

.main {
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  z-index: 1001
}

.lang,
.log {
  position: absolute
}

.lang {
  width: 100%;
  z-index: 99;
  left: 68%;
  top: 60%;
  transform: translate(-50%, -50%)
}

.active {
  color: #fff
}

.lang ul li {
  margin-right: 40px;
  position: relative
}

.lang ul li a {
  display: block;
  color: #000;
  font-size: 18px;
  transition: .3s;
  font-weight: 700
}

.lang ul li a:hover {
  text-decoration: none;
  color: #fff
}

.log {
  width: 60px;
  margin-left: 20px;
  left: 50px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 999
}

.log1,
.log2 {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999
}

.log1 {
  width: 50px;
  left: 46%
}

.log2 {
  width: 200px;
  left: 50%
}

.btnn,
.login {
  position: absolute;
  transform: translate(0, -50%)
}

.login {
  right: 20px;
  top: 58%;
  z-index: 998
}

.login ul li {
  margin-right: 20px
}

.login ul li a {
  color: #fff
}

.login ul ul li {
  color: #000;
  padding: 7px 12px;
  border-radius: 3px
}

.login ul ul {
  text-align: left;
  border-radius: 5px;
  width: 165px;
  background-color: #000;
  display: none;
  position: absolute;
  top: 57px;
  z-index: 9;
  left: -19px
}

.login ul li a:hover {
  text-decoration: none;
  color: #ff6b27 !important
}

.userInfo li {
  color: #000;
  font-weight: 700;
  margin-left: 5px
}

.main-box h4,
.side-title h6 a {
  font-weight: 500;
  font-family: "Plus Jakarta Sans"
}

.btnn {
  z-index: 2;
  font-size: 20px;
  color: #fff;
  left: 30px;
  top: 50%
}

.navbar-brand {
  padding-left: 35px
}

#owl-demon .controls,
#owl-demon .owl-next,
#owl-demon .owl-prev,
.controls {
  font-weight: 600;
  background-color: #252525 !important;
  color: #fff !important;
  position: absolute;
  transition: .4s;
  bottom: 0
}

.dark-theme .nav-link {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  padding: 0 20px !important;
  transition: .4s;
  color: #000 !important
}

.dark-theme a:hover,
.navbar-light .navbar-nav .active>.nav-link {
  color: #fff !important
}

#owl-demon .controls,
#owl-demon .owl-next,
#owl-demon .owl-prev {
  border-radius: 0 !important;
  padding: 10px 18px !important;
  border: 2px solid transparent
}

#owl-demon .owl-prev {
  left: 15px;
  border-radius: 0 0 0 8px !important
}

#owl-demon .owl-next {
  left: 11%;
  border-radius: 0 8px 0 0 !important
}

#owl-demon .owl-next i,
#owl-demon .owl-prev i {
  font-size: 22px
}

#owl-demon img {
  position: relative;
  opacity: .5;
  transition: .4s
}

#owl-demon img:hover,
figure.effect-oscar:hover img {
  opacity: .4
}

.controls {
  z-index: 9;
  border-radius: 0 !important;
  padding: 13px 22px !important;
  border: 2px solid transparent;
  left: 7%
}

.main-box {
  position: absolute;
  top: 10%;
  left: 5%;
  width: 55%
}

.main-box h4 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 20px
}

.main-box p {
  color: #fff;
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 50px
}

.services-text a,
.title-side h2 {
  font-weight: 700;
  font-style: normal
}

.main-box a {
  background: linear-gradient(102.57deg, #ff9548, #cb5500 100%);
  border-radius: 6.25rem;
  font-size: 1.125rem;
  color: #fff;
  letter-spacing: .03125rem;
  padding: 12px 32px;
  transition: .4s
}

.main-box a:hover {
  background: linear-gradient(102.57deg, #cb5500, #ff9548 100%)
}

.title-side h2 {
  font-family: "Plus Jakarta Sans";
  font-size: 32px;
  color: #fff
}

.small-round {
  background: #ffb774;
  background: linear-gradient(315deg, #ffb774 0, #ff800b 100%);
  border-radius: 50%;
  width: 148px;
  height: 148px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto
}

.main-round img {
  position: absolute;
  width: 140px !important;
  height: 140px;
  transition: .4s;
  border-radius: 50%;
  border: 12px solid #000
}

.main-round img:hover {
  border: 4px solid #000
}

.services-text a {
  font-size: 20px;
  color: #c2c2c2 !important
}

.services-text {
  margin: auto;
  width: 124px
}

.title-small h6 {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-size: 16px;
  color: #e15f00;
  font-weight: 600;
  letter-spacing: 3px;
  margin-bottom: 10px
}

.main-title h2 {
  font-size: 34px;
  font-family: "Plus Jakarta Sans";
  font-weight: 700;
  color: #fff
}

.side-title h6 a {
  font-style: normal;
  font-size: 18px;
  line-height: 60px;
  color: #fff;
  transition: .4s
}

.side-title i {
  margin-left: 15px;
  font-size: 14px
}

.btn-review,
.review-text p {
  font-size: 18px;
  font-weight: 600
}

.side-title h6 a:hover {
  color: #e15f00
}

.black-before img,
.box-desc,
.ply1,
.review-img {
  position: relative
}

.review-img::before {
  border-radius: 10px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  transition: .4s
}

.review-img:hover:before {
  opacity: .7
}

.review-text {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  padding: 10px 10px 20px 15px
}

.review-text p {
  color: #fff;
  margin-bottom: 10px
}

.btn-review {
  color: #000;
  background-color: #ff8024;
  border-radius: 5px;
  padding: 6px 10px
}

.box-text h4,
.why-choose {
  color: #000;
  font-size: 24px
}

.why-choose {
  background-color: #ff9e58;
  border-radius: 40px;
  padding: 12px 30px;
  margin: auto;
  font-weight: 700;
  display: inline-block
}

.compnay-select-active,
.compnay-selects-active {
  border-left: 8px solid #ff781d !important;
  color: #ff781d !important
}

.left-line {
  margin-left: -12px
}

.line-box {
  margin-top: 10px;
  background-color: #bccbff;
  border-radius: 20px;
  height: 370px;
  padding: 20px 10px;
  transition: .4s
}

.line-box:hover {
  transform: scale(1.03)
}

.icon-box {
  border-radius: 10px 0 10px 10px;
  padding: 20px;
  background-color: #769cff;
  transform: rotate(-44.23deg);
  width: 95px;
  height: 95px;
  margin: auto
}

.icon-box img {
  transform: rotate(44.23deg)
}

.box-text h4 {
  margin-top: 26px;
  font-family: "Plus Jakarta Sans";
  font-weight: 600
}

.box-text p {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px
}

.center-box {
  background-color: #96ffa7
}

.center-box .icon-box {
  background-color: #29ff4c
}

.right-box {
  background-color: #fff59c
}

.right-box .icon-box {
  background-color: #ffe924
}

.title-compnay h2 {
  font-family: "Plus Jakarta Sans";
  color: #fff;
  font-weight: 700;
  font-size: 34px
}

.compnay-select li,
.compnay-selects details {
  background: #0f0f0f;
  border-left: 8px solid transparent;
  border-radius: 6px;
  color: #8e8e8e;
  padding: 20px;
  list-style: none;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: .4s
}

.compnay-selects details {
  padding: 10px
}

.compnay-select li:hover {
  background: #131313;
  border-left: 8px solid #ff781d;
  padding: 20px;
  color: #ff781d
}

.compnay-select-active {
  background: #131313 !important;
  padding: 20px !important
}

.compnay-selects-active {
  background: #000 !important;
  padding: 10px !important
}

.btn-company {
  background-color: #ff8f3f;
  border-radius: 6px;
  color: #000;
  font-weight: 700;
  border: 2px solid transparent
}

.btn-company:hover {
  background-color: #000;
  border: 2px solid #ff8f3f;
  color: #ff8f3f
}

.compnay-content h4,
.compnay-contents h4 {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  color: #ff7715;
  padding-bottom: 10px
}

.compnay-content p,
.compnay-contents p {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #4b4b4b;
  padding-bottom: 20px
}

.compnay-content li,
.compnay-contents li {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #6a6a6a;
  padding: 5px
}

.compnay-content img,
.compnay-contents img {
  margin-right: 10px
}

#online-price,
#online-price-1,
.Services-2,
.content-2,
.content-3,
.content-4,
.content-5,
.content-6,
.moretext,
.moretext1,
.moretext10,
.moretext11,
.moretext12,
.moretext13,
.moretext14,
.moretext15,
.moretext16,
.moretext17,
.moretext18,
.moretext19,
.moretext2,
.moretext20,
.moretext21,
.moretext22,
.moretext3,
.moretext4,
.moretext5,
.moretext6,
.moretext7,
.moretext8,
.moretext9 {
  display: none
}

.flip-card {
  background-color: transparent;
  width: 450px;
  height: 450px;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  -o-perspective: 1000px;
  -moz-perspective: 1000px
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transition: transform 1s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s;
  -o-transform-style: preserve-3d;
  -o-transition: -o-transform 1s;
  -moz-transform-style: preserve-3d;
  -moz-transition: -moz-transform 1s
}

.flip-card-fitit:focus .flip-card-inner-fitit,
.flip-card-fitit:hover .flip-card-inner-fitit,
.flip-card:focus .flip-card-inner,
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg)
}

.business-text,
.business-text1,
.business-text2,
.business-text3,
.flip-card-back,
.flip-card-front {
  position: absolute
}

.flip-card-front {
  border-radius: 10px;
  background: #000;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(to right, #ff842c, #ff6a00) 1;
  color: #000;
  z-index: 2;
  display: flex;
  padding: 16px
}

.flip-card-front h2 {
  color: #fff;
  font-size: 36px;
  font-family: Nunito, sans-serif;
  margin-bottom: 20px;
  font-weight: 700
}

.bg-full-bd h2,
.counting,
.flip-text h4,
.stats h5 {
  font-family: "Plus Jakarta Sans";
  font-style: normal
}

.flip-card-back {
  background: #ee7015;
  background: -moz-linear-gradient(to right, #ff702d, #ffa255);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff702d), color-stop(100%, #ffa255));
  background: -webkit-linear-gradient(to right, #ff702d, #ffa255);
  background: -o-linear-gradient(to right, #ff702d, #ffa255);
  background: -ms-linear-gradient(to right, #ff702d, #ffa255);
  background: linear-gradient(to right, #ff702d, #ffa255);
  height: 442px;
  padding: 10px;
  color: #fff;
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  border-radius: 10px
}

.flip-text {
  position: absolute;
  top: 26px;
  left: 32%
}

.flip-text h4 {
  font-weight: 600;
  font-size: 52px;
  background: linear-gradient(84.43deg, #ff7511 31.24%, rgba(255, 117, 17, 0) 148.56%);
  background: -moz-linear-gradient(84.43deg, #ff7511 31.24%, rgba(255, 117, 17, 0) 148.56%);
  background: -webkit-gradient(84.43deg, #ff7511 31.24%, rgba(255, 117, 17, 0) 148.56%);
  background: -webkit-linear-gradient(84.43deg, #ff7511 31.24%, rgba(255, 117, 17, 0) 148.56%);
  background: -o-linear-gradient(84.43deg, #ff7511 31.24%, rgba(255, 117, 17, 0) 148.56%);
  background: -ms-linear-gradient(84.43deg, #ff7511 31.24%, rgba(255, 117, 17, 0) 148.56%);
  background: linear-gradient(84.43deg, #ff7511 31.24%, rgba(255, 117, 17, 0) 148.56%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.changeto li::marker {
  content: "➟  ";
  color: #000
}

.changeto ul {
  padding-left: 20px
}

.changeto li {
  list-style: circle !important;
  text-align: start;
  letter-spacing: 2px;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 10px
}

.effect-oscar,
.f_social_icon a,
.icons-thing,
.video-btn a,
.wrapper-thing p {
  text-align: center
}

.counting {
  font-weight: 700;
  font-size: 48px;
  color: #fff
}

.stats h5 {
  font-weight: 700;
  font-size: 28px;
  color: #ff9d56
}

.stats img {
  width: 70%;
  margin: auto
}

.bg-full-bd h2 {
  font-weight: 700;
  font-size: 42px;
  color: #ff7612;
  margin-bottom: 34px
}

.contact-us h2,
.fill {
  color: #fff;
  font-style: normal
}

.footer-sec li,
.in-put {
  margin-bottom: 20px
}

.bg-full-bd {
  background: url(../images/gcs/smile.webp) 50% 50%/cover no-repeat fixed;
  padding: 50px 0;
  position: relative
}

.bg-full-bd::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: .8
}

.contact-us h2 {
  font-weight: 700;
  font-size: 64px;
  line-height: 80px
}

.footer-sec li a,
.footer-sec p {
  font-size: 20px;
  color: #3d3d3d;
  font-family: "Plus Jakarta Sans";
  font-weight: 500
}

.fill {
  font-weight: 500;
  font-size: 28px;
  z-index: 9999
}

.in-put {
  background: #1c1c1c;
  border-radius: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #a2a2a2;
  padding: 10px 10px 10px 24px;
  width: 100%;
  border: none
}

.submit-btn {
  background: #ff7511;
  border-radius: 50px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  padding: 10px 40px;
  color: #000;
  border: 3px solid transparent;
  transition: .4s
}

.background-imgs,
.bg-coach-img {
  background-position: center;
  background-size: cover;
  position: relative
}

.submit-btn:hover {
  background-color: transparent;
  border: 3px solid #ff7511;
  color: #ff7511
}

.in-put:focus {
  background: #000
}

.bg-footer {
  background-color: #ffe1e1;
  padding: 20px
}

.footer-sec p {
  margin-top: 20px;
  line-height: 24px
}

.footer-test li,
.takshak-title h1 {
  margin-bottom: 10px
}

.footer-sec li a {
  line-height: 18px
}

.footer-sec li a:hover,
.footer-test li a:hover {
  color: #BD2A2A
}

.footer-sec li i {
  color: #BD2A2A;
  margin-right: 10px;
  font-size: 20px
}

.footer-test p {
  font-family: "Plus Jakarta Sans";
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  text-transform: capitalize;
  color: #BD2A2A
}

.effect-oscar figcaption,
.invest-btn,
.p1 {
  text-transform: uppercase
}

.footer-test li a {
  font-family: "Plus Jakarta Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: capitalize;
  color: #2f2f2f;
  transition: .4s
}

.f_social_icon a {
  background: #BD2A2A;
  border: 1px solid #e2e2eb;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 22px;
  line-height: 45px;
  color: #ffffff;
  display: inline-block;
  -webkit-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
  margin-right: 10px
}

.f_social_icon a:hover {
  background: #fff;
  border-color: #9a2c2c;
  color: #000
}

.footer-copyright p {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  background-color: #ca3f3f;
  padding: 6px;
  text-align: center
}

#owl-course .owl-next,
#owl-course .owl-prev,
#owl-course-1 .owl-next,
#owl-course-1 .owl-prev,
#owl-instas .owl-next,
#owl-instas .owl-prev,
#owl-instass .owl-next,
#owl-instass .owl-prev,
#owl-placement-1 .owl-next,
#owl-placement-1 .owl-prev,
#owl-review .owl-next,
#owl-review .owl-prev,
#owl-review-1 .owl-next,
#owl-review-1 .owl-prev,
#owl-review-2 .owl-next,
#owl-review-2 .owl-prev {
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: -45px;
  padding: 6px 10px !important;
  background: 0 0;
  border-radius: 50%;
  border: 2px solid #ff8024
}

#owl-testimonial .owl-next,
#owl-testimonial .owl-prev {
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: -60px;
  padding: 6px 10px !important;
  background: 0 0;
  border-radius: 50%;
  border: 2px solid #ff8024
}

#owl-instas .owl-prev,
#owl-placement-1 .owl-prev,
#owl-review .owl-prev,
#owl-review-1 .owl-prev,
#owl-review-2 .owl-prev,
#owl-testimonial .owl-prev {
  left: 46%
}

#owl-course .owl-next,
#owl-course-1 .owl-next,
#owl-instas .owl-next,
#owl-placement-1 .owl-next,
#owl-review .owl-next,
#owl-review-2 .owl-next,
#owl-testimonial .owl-next {
  left: 50%
}

#owl-testimonial .owl-next {
  left: 52%
}

#owl-testimonial .owl-prev {
  left: 42%
}

#owl-course .owl-prev,
#owl-course-1 .owl-prev {
  left: 44%
}

.background-imgs {
  background-image: url("../images/takshak/business.webp");
  padding: 80px
}

.background-imgs::before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  content: "";
  width: 100%;
  height: 100%
}

.takshak-title h1 {
  font-size: 60px;
  font-family: "Nexa Black", Sans-serif;
  font-weight: 700;
  color: #000000
}

.takshak-title h2 {
  font-size: 20px;
  line-height: 35px;
  color: #000000;
  font-weight: 700;
  font-family: "Plus Jakarta Sans";
  margin-bottom: 14px
}

.blog-img-side h5:hover,
.btn-readmore,
.carded-content li:hover,
.main-section-1 i,
.main-section-1 span,
.takshak-title span,
.workshop-li-1 i,
.workshop2 h5 {
  color: #1F527A
}

.coach-box span,
.coach-box-1 span {
  padding: 7px 16px;
  margin-bottom: 10px;
  background: #1F527A;
  box-shadow: 0 0 30px #000;
  letter-spacing: 1px
}

.btn-readmore {
  font-size: 20px;
  border: 2px solid #ff8024;
  border-radius: 6px;
  padding: 8px 25px;
  transition: .4s;
  font-weight: 700
}

.btn-readmore:hover,
.btn-viewmore:hover {
  color: #000;
  background-color: #ff8024
}

.coach-box span {
  color: #000;
  font-weight: 700;
  border-radius: 5px;
  font-size: 22px
}

.coach-box-1 span {
  color: #000;
  font-weight: 700;
  border-radius: 5px;
  font-size: 14px
}

.coach-box h2,
.coach-box-1 h2 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 80%;
  font-weight: 700;
  word-spacing: 5px
}

.coach-box h2 {
  font-size: 24px
}

.coach-box-1 h2 {
  font-size: 28px
}

.coach-box p {
  font-size: 16px;
  color: #ddd;
  letter-spacing: 1px;
  line-height: 30px
}

.Services span {
  font-size: 14px;
  color: #ff6b00
}

.Services h2 {
  font-size: 46px;
  margin-top: 4px;
  margin-bottom: 14px
}

.Services p {
  color: #ddd
}

.card-box.card-style-1 {
  box-shadow: 4px 4px 20px 20px rgba(0, 0, 0, .01);
  box-shadow: var(--shadow-lighter);
  background-color: #0f0f11;
  background-color: var(--color-blackest);
  border-radius: 5px;
  margin-top: 30px
}

.card-box.card-style-1 .inner .content {
  padding-top: 20px
}

.card-box.card-style-1 .inner .content .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px
}

.inner-service {
  background-color: #000;
  box-shadow: rgba(93, 67, 50, .25) 0 2px 5px -1px, rgba(0, 0, 0, .3) 0 1px 3px -1px;
  border-radius: 10px;
  transition: .4s
}

.inner-service:hover {
  background-color: #ff9447
}

.inner-service:hover .content-service a,
.inner-service:hover .content-service h4 {
  color: #000
}

.content-service {
  padding: 15px
}

.content-service h4 {
  font-size: 18px;
  color: #ff8024;
  font-weight: 700
}

.content-service p {
  font-size: 14px;
  margin-bottom: 0
}

.content-service a {
  font-weight: 600;
  font-size: 16px;
  color: #ff8024;
  position: relative;
  padding-bottom: 5px
}

.content-service a:after {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  transition: width .3s, left .3s;
  width: 0
}

.content-service a:hover:after {
  width: 100%;
  left: 0
}

.service-width img {
  width: 66% !important
}

.bg-coach-img {
  background-image: url("../images/takshak/bg-coach.webp")
}

.bg-coach-img::before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .7;
  content: "";
  width: 100%;
  height: 100%
}

.go-top {
  position: fixed;
  bottom: 3%;
  right: 4%;
  padding: 20px;
  display: none;
  z-index: 999;
  -webkit-font-smoothing: antialiased
}

.go-top i {
  background-color: #BD2A2A;
  padding: 14px 16px;
  border-radius: 50%;
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  font-size: 24px;
  border: 2px solid transparent;
  transition: .4s
}

.go-top i:hover {
  transform: scale(1.1);
  background-color: #ffffff;
  border: 2px solid #BD2A2A;
  color: #BD2A2A;
}

.coach-img {
  border-radius: 59% 41% 81% 19%/38% 100% 0 62%;
  background-color: #ff8024;
  animation: 10s infinite blobkey;
  overflow: hidden
}

@keyframes blobkey {

  0%,
  100% {
    border-radius: 49% 51% 19% 81%/27% 33% 67% 73%
  }

  25% {
    border-radius: 74% 26% 38% 62%/27% 52% 48% 73%
  }

  50% {
    border-radius: 70% 30%/20% 56% 22% 80%
  }

  75% {
    border-radius: 35% 65% 56% 44%/21% 67% 33% 79%
  }
}

.box-desc h5,
.business-box p {
  font-size: 24px;
  font-weight: 700
}

.business-box img {
  position: relative;
  filter: hue-rotate(287deg)
}

.business-text {
  top: 51%;
  left: 43%
}

.business-text p {
  font-size: 24px;
  color: #ff6b00
}

.business-text1 {
  top: 42%;
  left: 6px;
  transform: rotate(299deg)
}

.business-text2 {
  bottom: 13%;
  left: 37%
}

.business-text3 {
  top: 44%;
  right: 5%;
  transform: rotate(59deg)
}

.sub-hover {
  transition: .4s;
  position: relative
}

.sub-hover:hover {
  transform: translate3d(0, -16px, 0)
}

.contact-us-form {
  padding: 24px;
  background: #000;
  border-radius: 10px
}

.fix-height {
  height: 220px
}

.main-carded {
  padding: 20px;
  background-color: #000;
  border-radius: 10px
}

.carded-icon,
.placement-img {
  position: relative;
  border-radius: 50%;
  margin: auto;
  overflow: hidden
}

.carded-icon {
  width: 130px;
  height: 130px;
  background-color: #fff;
  z-index: 1
}

.carded-icon::before {
  -webkit-animation: 1.8s .4s infinite effct;
  -moz-animation: 1.8s infinite effct;
  -o-animation: 1.8s infinite effct;
  animation: 1.8s .4s infinite effct;
  background-color: #ff782b;
  border-radius: 100%;
  margin: -20px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.black-before::before,
.review-box::before {
  top: 0;
  opacity: .4;
  content: "";
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0
}

.carded-icon::after {
  animation-delay: 1s;
  -webkit-animation-delay: 1s
}

.carded-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #e37220
}

.carded-content li {
  font-size: 16px;
  font-weight: 600;
  color: #ddd;
  padding: 10px;
  transition: .4s
}

.carded-content a {
  background: 0 0;
  border: 2px solid #ff8024;
  color: #ff8024;
  font-weight: 600;
  transition: .4s;
  font-size: 20px
}

.carded-content a:hover {
  background-color: #ff8024;
  color: #000
}

.carded-content li i {
  font-size: 18px;
  margin-right: 10px
}

.price-course p {
  font-size: 24px;
  font-weight: 700;
  color: #ff8024;
  margin-bottom: 20px
}

.price-course span {
  font-size: 16px;
  color: #a1a1a1;
  margin-left: 10px
}

.wrapper-thing {
  background-color: #ff7a51;
  padding: 20px;
  border-radius: 10px
}

.wrapper-thing h2 {
  font-size: 50px;
  font-family: Poppins, sans-serif;
  margin-bottom: 0;
  line-height: 1;
  font-weight: 700;
  color: #000
}

.wrapper-thing p {
  margin: 18px;
  font-family: Muli, sans-serif;
  font-weight: 400;
  color: #000
}

.icons-thing i {
  color: #00091b;
  background: #fff;
  padding: 10px;
  margin: 0 10px;
  border-radius: 50px;
  border: 2px solid #fff;
  transition: .2s;
  text-decoration: none;
  position: relative
}

.icons-thing i:active,
.icons-thing i:hover {
  color: #fff;
  background: 0 0;
  cursor: pointer !important;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  text-decoration: none
}

.agency-design details {
  background-color: #000;
  box-shadow: inset;
  color: #c4c4c4
}

.agency-design p {
  letter-spacing: 1px
}

.agency-design details h5 {
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px
}

.agency-design details:hover {
  color: #ee7015
}

.content-business p {
  color: #cbcbcb
}

.content-business h5 {
  color: #ffa462
}

.placement-box {
  border-radius: 10px;
  padding: 26px 10px;
  background-color: #000;
  transition: .4s;
  position: relative;
  z-index: 1;
  overflow: hidden
}

.placement-box::before {
  background-color: #fff;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  border-radius: 10px 10px 0 0;
  z-index: -1;
  transition: .4s
}

.placement-img {
  width: 190px;
  height: 190px;
  border: 5px solid #fff
}

.placement-box h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  color: #fff;
  margin-top: 24px;
  word-spacing: 5px
}

.placement-box b {
  font-size: 16px;
  line-height: 19px;
  color: #ff6b00;
  margin-right: 10px
}

.placement-box p {
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 600
}

.dotss,
.dotss1,
.dotss2 {
  position: absolute;
  border-radius: 50%;
  background-color: #ff8024
}

.effect-oscar,
.effect-oscar img,
.newthing,
.review-box {
  position: relative
}

.dotss {
  top: 44px;
  left: 27%;
  width: 10px;
  height: 10px
}

.dotss1 {
  top: 24px;
  left: 18%;
  width: 23px;
  height: 23px
}

.dotss2 {
  top: 60px;
  left: 14%;
  width: 16px;
  height: 16px
}

.placement-box:hover::before {
  height: 100%;
  background-color: #ff8024
}

.placement-box:hover.placement-box h4 {
  color: #000
}

.placement-box:hover.placement-box p {
  color: #000;
  font-weight: 700
}

.placement-box:hover.placement-box b {
  color: #fff
}

.black-form,
.how-to-use:hover,
.placement-box:hover .dotss,
.placement-box:hover .dotss1,
.placement-box:hover .dotss2,
.sip-calculator:hover {
  background-color: #000
}

.effect-oscar {
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  background: #3085a3;
  cursor: pointer
}

.effect-oscar img {
  display: block;
  min-height: 100%;
  max-width: 100%
}

.effect-oscar figcaption {
  padding: 2em;
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.effect-oscar figcaption::after,
.effect-oscar figcaption::before {
  pointer-events: none
}

.effect-oscar figcaption,
.effect-oscar figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.review-box h4,
.review-box p {
  color: #fff;
  left: 35px;
  position: absolute
}

.effect-oscar figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0
}

.effect-oscar h2 {
  word-spacing: -0.15em;
  font-weight: 300
}

.effect-oscar h2 span {
  font-weight: 800
}

.effect-oscar p {
  letter-spacing: 1px;
  font-size: 60%;
  font-weight: 600
}

figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%)
}

figure.effect-oscar img {
  opacity: .9;
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}

figure.effect-oscar figcaption {
  padding: 3em;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: background-color .35s;
  transition: background-color .35s
}

figure.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: ""
}

.review-box::before,
.video-card {
  border-radius: 10px;
  background-color: #000
}

figure.effect-oscar h2 {
  margin: 20% 0 10px;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  color: #fff;
  font-size: 24px;
  word-spacing: 5px;
  font-weight: 700
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale(0);
  transform: scale(0)
}

figure.effect-oscar:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

figure.effect-oscar:hover figcaption {
  background-color: rgba(58, 52, 42, 0)
}

.reasons-box h4 {
  word-spacing: 5px;
  font-size: 36px;
  margin-bottom: 26px;
  font-weight: 600
}

.reasons-box li {
  text-decoration: none;
  font-size: 24px;
  font-weight: 500;
  list-style: none;
  padding: 8px 10px;
  text-transform: capitalize;
  transition: .4s
}

.reasons-box li:hover {
  color: #ff7612
}

.review-box {
  overflow: hidden
}

.review-box::before {
  position: absolute;
  transition: .4s
}

.theme-btn:after,
.theme-btn:before {
  border-left: 60px solid transparent;
  transition: .6s
}

.review-box:hover::before {
  opacity: 0;
  top: 70%
}

.review-box:hover .review-content h4,
.review-box:hover .review-content p {
  opacity: 0;
  top: 100%
}

.review-box h4 {
  font-size: 26px;
  font-weight: 600;
  top: 68%;
  opacity: 1;
  transition: .4s
}

.review-box p {
  font-size: 18px;
  font-weight: 500;
  top: 82%;
  opacity: 1;
  transition: .4s
}

.video-card {
  box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.card__content,
.video-content {
  padding: 20px
}

.video-content h4 {
  font-size: 20px
}

.video-content p {
  font-size: 16px;
  color: #737373;
  font-weight: 500
}

.video-content a {
  font-size: 18px;
  color: #ff8024;
  font-weight: 600;
  transition: .4s
}

.black-before::before {
  position: absolute;
  background-color: #000;
  border-radius: 10px 10px 0 0;
  z-index: 1;
  height: 100%
}

.newthing::after,
.newthing::before,
.theme-btn:after,
.theme-btn:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0
}

.video-btn a {
  position: absolute;
  right: 0;
  display: table;
  top: 50%;
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 3;
  left: 52%
}

.newthing {
  background-color: #fff;
  border-radius: 100%;
  color: #00afef;
  display: flex;
  margin-right: 25px;
  line-height: 50px;
  font-size: 18px !important;
  align-items: center;
  margin-left: 0;
  height: 50px;
  width: 50px;
  justify-content: center
}

.newthing::after,
.newthing::before {
  -webkit-animation: 1.8s infinite effct;
  -moz-animation: 1.8s infinite effct;
  -o-animation: 1.8s infinite effct;
  animation: 1.8s infinite effct;
  background-color: #fff;
  border-radius: 100%;
  margin: -20px;
  bottom: 0;
  display: block;
  left: 0;
  opacity: 0;
  right: 0
}

.float-button,
.float-button-1 {
  text-decoration: none;
  animation: .5s ease-in-out whatsapp-animation
}

.newthing i {
  margin-left: 3px;
  color: #bd2a2a !important
}

@-webkit-keyframes effct {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: .5
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes effct {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: .5
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.flashy-overlay .flashy-next.flashy-show,
.flashy-overlay .flashy-numeration.flashy-show,
.flashy-overlay .flashy-prev.flashy-show {
  opacity: 0 !important
}

#owl-review-1 .owl-next {
  left: 51%
}

.float-button {
  position: fixed;
  padding: 8px;
  transform: rotate(90deg);
  bottom: 40%;
  left: -36px;
  color: #fff;
  background-color: #25d366;
  border-radius: 10px;
  z-index: 100;
  font-family: Arial;
  font-size: 14px;
  box-shadow: 1px 2px 5px 2px rgba(30, 30, 30, .3);
  transition: .3s ease-out
}

.flip-card-inner-fitit,
.theme-btn {
  position: relative;
  text-align: center
}

.course-price a:hover,
.services-select-active {
  background-color: #ff6b00
}

.float-button:hover {
  background-color: #128c7e;
  color: #fff
}

.fa-whatsapp {
  font-size: 20px !important;
  padding-right: 5px;
  padding-left: 5px
}

@keyframes whatsapp-animation {
  from {
    opacity: 0%
  }

  to {
    opacity: 100%
  }
}

@media screen and (max-width:545px) {
  .float-button {
    left: -33px;
    font-size: 12px;
    padding: 4px 10px
  }

  .fa-whatsapp {
    padding: 0
  }
}

.fitit-box h1 {
  font-size: 36px;
  color: #fff;
  font-weight: 700
}

.fitit-box p {
  font-size: 18px;
  font-weight: 600;
  color: #8d8d8d
}

.theme-btn {
  display: inline-block;
  overflow: hidden;
  font-size: 20px;
  line-height: 10px;
  font-weight: 500;
  font-family: Poppins, sans-serif;
  color: #fff !important;
  padding: 20px;
  cursor: pointer;
  border-radius: 30px;
  z-index: 1;
  transition: .5s
}

.theme-btn.style-two:before {
  border-bottom: 60px solid #6377ee
}

.theme-btn:before {
  border-bottom: 60px solid #222;
  border-right: 60px solid transparent;
  transform: translateX(-100%);
  bottom: 0;
  left: 0;
  right: -70px
}

.theme-btn.style-two:after {
  border-bottom: 60px solid #ff8024
}

.theme-btn:after {
  right: 0;
  bottom: 0;
  left: -70px
}

.theme-btn:hover::after {
  transform: translateX(50%)
}

.theme-btn.style-two {
  border: 2px solid #f7f7f7;
  color: #fff !important;
  background: 0 0
}

.coach-box-services {
  border: 1px solid;
  padding: 14px;
  color: #f5f5f5;
  font-weight: 700;
  border-radius: 45px;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
  margin: 10px
}

.coach-box-services:hover {
  background: #ff6b00;
  color: #fff;
  transition: .4s
}

.coach-box-services h2 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px
}

.flip-card-fitit {
  background-color: transparent;
  width: 270px;
  height: 400px;
  perspective: 1000px;
  margin: auto;
  -webkit-perspective: 1000px;
  -o-perspective: 1000px;
  -moz-perspective: 1000px
}

.flip-card-inner-fitit {
  width: 100%;
  height: 100%;
  transition: transform .6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
  backface-visibility: hidden;
  -moz-backface-visibility: hidden
}

.flip-card-back-fitit,
.flip-card-front-fitit {
  position: absolute;
  width: 100%;
  height: 100%
}

.box-coach,
.image-wrapper,
.screen {
  position: relative;
  overflow: hidden
}

.flip-card-front-fitit {
  background: linear-gradient(to left, #000, #303030);
  border: 3px solid #ff702d;
  border-radius: 10px;
  color: #000;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center
}

.flip-card-back-fitit {
  background: -moz-linear-gradient(to right, #ff702d, #ffa255);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff702d), color-stop(100%, #ffa255));
  background: -webkit-linear-gradient(to right, #ff702d, #ffa255);
  background: -o-linear-gradient(to right, #ff702d, #ffa255);
  background: -ms-linear-gradient(to right, #ff702d, #ffa255);
  background: linear-gradient(to right, #ff702d, #ffa255);
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

.flip-card-back-fitit h4 {
  font-weight: 700;
  color: #000;
  font-family: "Plus Jakarta Sans"
}

.flip-card-back-fitit ul li {
  padding: 10px 14px;
  font-size: 24px;
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  margin: 5px
}

.box-coach:hover .box-desc,
.flip-card-back-fitit ul li:hover {
  color: #000
}

.course-box h4,
.tabata h1 {
  font-size: 28px;
  font-weight: 700;
  color: #fff
}

.course-box p {
  font-size: 16px;
  color: #c1c1c1
}

.course-box b {
  color: #ffa05c
}

.course-box li {
  font-size: 16px;
  font-weight: 500;
  color: #ddd;
  transition: .4s;
  padding: 4px
}

.course-box li:hover {
  color: #ff6b00
}

.course-price h4 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 10px
}

.course-price a {
  font-size: 18px;
  font-weight: 600;
  background-color: transparent;
  border: 2px solid;
  color: #ff6b00;
  transition: .4s
}

.course-price a:hover {
  border: 2px solid transparent;
  color: #000
}

.approach p span,
.approach-1 p span {
  font-size: 28px;
  color: #fff;
  font-weight: 600
}

.approach p {
  font-size: 17px;
  color: #b4b4b4;
  margin-bottom: 15px
}

.approach a:hover {
  color: #ff7511;
  border: 2px solid #ff7511;
  background-color: transparent
}

.about-box,
.color-btn a:hover,
.meal a:hover {
  background-color: #000
}

.about-box {
  padding: 22px;
  border-bottom: 3px solid #ff8024;
  transition: .3s;
  margin: 20px 0
}

.about-box .media-icon {
  width: 60px;
  height: 60px
}

.about-box:hover .media-icon i {
  background-color: #ff8024;
  color: #fff;
  box-shadow: 0 0 0 8px rgba(254, 143, 52, .3)
}

.about-box:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.about-box .media-icon i {
  padding: 10px;
  font-size: 25px;
  border: 1px dashed #ff8024;
  border-radius: 5px;
  color: #ff8024;
  transition: .3s ease-in-out;
  margin-bottom: 10px
}

.about-box h2 {
  font-size: 22px;
  font-weight: 600;
  color: #fff
}

.about-box p {
  font-size: 14px;
  line-height: normal
}

.about-btn {
  font-size: 14px;
  padding: 6px 12px;
  font-weight: 600;
  border-radius: 5px;
  background-color: transparent;
  color: #ff8024 !important;
  border: 2px solid #ff8024;
  transition: .4s
}

.about-btn:hover {
  background-color: #ff8024;
  color: #fff !important
}

.testimonial-box {
  box-shadow: 2px 2px 30px rgba(0, 0, 0, .1);
  background-color: #252323;
  padding: 20px;
  margin: 15px;
  cursor: pointer
}

.testimonial-box:hover {
  transform: translateY(-10px);
  transition: .3s
}

.profile-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px
}

.box-coach:hover:before,
.screen,
.screen img {
  width: 100%
}

.profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin-left: -3px
}

.profile {
  display: flex;
  align-items: center
}

.name-user {
  display: flex;
  flex-direction: column
}

.card__btn,
.card__img,
.gcs-line,
.screen {
  display: block
}

.name-user strong {
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: .5px
}

.name-user span {
  color: #979797;
  font-size: .8rem
}

.reviews {
  color: #f9a01c
}

.client-comment p {
  font-size: .9rem;
  color: #aca8a8
}

.fix-height-1 {
  height: 250px
}

.course-box select {
  background-color: transparent;
  border-radius: 5px;
  color: #fff
}

.course-box select option {
  background-color: #000 !important;
  border-radius: 0 0 5px 5px;
  color: #fff
}

.box-coach {
  border-radius: 30px;
  background: #000;
  text-align: center
}

.image-wrapper,
.image-wrapper img {
  border-radius: 50%;
  transition: .5s
}

.box-coach:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 30px;
  box-shadow: inset 0 0 25px rgba(255, 129, 45, .3);
  transition: .3s;
  background-image: linear-gradient(to right, #c45427 0, #ffc579 100%)
}

.box-coach:hover .social li a {
  background: #000;
  color: #fff
}

.box-coach:hover .social li a:hover {
  background: #1d1d1d;
  color: #fff
}

.image-wrapper {
  max-width: 210px;
  max-height: 210px;
  margin: 0 auto;
  background-color: #fa8e40;
  padding: 15px;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, .2)
}

.box-desc p {
  font-size: 20px;
  font-weight: 700
}

.select-btn {
  background-color: transparent;
  border: 1px solid #ff7511;
  color: #ff7511;
  border-radius: 5px;
  cursor: pointer;
  transition: .4s;
  font-size: 16px;
  padding: 5px 8px;
  font-weight: 600
}

.select-btn-active,
.select-btn:hover {
  background-color: #ff7511;
  border: 1px solid transparent;
  color: #000
}

.privacy-policy {
  margin-top: 120px
}

.privacy-policy h1 {
  font-size: 40px;
  font-weight: 700
}

.privacy-policy p {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 600;
  color: #9f9f9f
}

.inprivacy h4 {
  font-size: 24px;
  font-weight: 700;
  color: #ffb47d;
  margin-top: 40px
}

.inprivacy p {
  color: #c9c9c9
}

.inprivacy li {
  font-size: 18px;
  color: #ffff;
  font-weight: 600;
  padding-top: 5px;
  list-style: circle
}

@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-1vw)
  }

  100% {
    opacity: 1;
    margin-left: 0
  }
}

.vision-mission {
  border-radius: 10px;
  background: #242424;
  padding: 10px;
  text-align: center;
  margin: 0 20px;
  transition: .4s
}

.vision-mission-content h4 {
  font-size: 36px;
  font-weight: 700;
  margin-top: 10px
}

.vision-mission-content p {
  font-size: 14px;
  font-weight: 500;
  color: #c5c5c5
}

.vision-mission:hover {
  background-color: #575757
}

.blog-heading {
  margin-top: 90px
}

.blog-heading h1 {
  font-size: 36px;
  font-family: "Plus Jakarta Sans";
  font-weight: 700;
  line-height: 50px
}

.meal a,
.off h2 {
  font-family: Nunito, sans-serif
}

.blog-style p {
  color: #444444;
  margin-top: 26px;
  line-height: 26px;
  font-size: 16px
}

.blog-style h2,
.blog-style h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #000000;
  font-weight: 700
}

.blog-style h2 {
  font-size: 26px
}

.blog-style h4 {
  font-size: 20px
}

.blog-side a,
.meal a {
  font-size: 16px;
  color: #fff
}

.blog-side {
  background-color: #303030;
  padding: 16px;
  border-radius: 10px
}

.blog-side h4 {
  font-weight: 700
}

.blog2 {
  transition: .15s, filter .3s;
  border-radius: 6px;
  background-color: #373636;
  margin-bottom: 24px;
  box-shadow: 0 4px 6px 0 rgb(0 0 0/60%);
  padding: 15px
}

.imgty img {
  border-radius: 5px;
  transition: .5s
}

.meal a {
  justify-content: center;
  background-color: #f07f06;
  font-weight: 600;
  border: 2px solid transparent !important;
  padding: 8px 12px
}

.course-section,
.on13 ul {
  background-color: #121212
}

.meal a:hover {
  border: 2px solid #f07f06 !important
}

.new-li i {
  color: #f07f06
}

.new-li li {
  color: #a5a5a5;
  padding: 5px
}

.course-li li {
  list-style: none;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  color: #cfcfcf
}

.course-li i {
  margin-right: 10px;
  color: #ff7612
}

.off h2,
.on13 ul li span {
  color: #fff;
  font-weight: 600;
  text-transform: capitalize !important
}

.new-h2 {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600
}

.course-section {
  -webkit-transition: .15s, filter .3s;
  transition: .15s, filter .3s;
  border-radius: 6px;
  margin-bottom: 24px;
  box-shadow: 0 4px 6px 0 rgb(0 0 0 / 60%);
  padding: 32px
}

.off h2 {
  line-height: 1.42857143;
  font-size: 30px;
  margin: 0 0 10px
}

.on13 ul {
  font-size: 14px;
  margin: 0;
  list-style: none;
  padding: 0
}

.on13 ul li {
  background: #333;
  border-radius: 7px;
  padding: 10px;
  margin-bottom: 10px;
  color: #ddd;
  font-size: 15px;
  font-weight: 600
}

.on13 ul li p {
  margin: 0;
  text-transform: capitalize !important;
  display: inline-block
}

.btn-viewmore {
  font-size: 16px;
  color: #ff8024;
  border: 2px solid #ff8024;
  border-radius: 6px;
  padding: 6px 12px;
  transition: .4s;
  font-weight: 700
}

.btn-whats {
  border-width: 2px;
  border-radius: 5px;
  font-weight: 600
}

.screen {
  height: 350px;
  border: 3px solid #ff8024;
  border-radius: 10px;
  margin: 0 auto
}

.screen img {
  bottom: -990px;
  height: auto;
  position: absolute;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: top 11s;
  -moz-transition: top 11s;
  -ms-transition: top 11s;
  -o-transition: top 11s;
  transition: bottom 11s
}

.screen-eyeto img {
  bottom: -580px
}

.screen:hover img {
  bottom: 0;
  -webkit-transition: 11s;
  -moz-transition: 11s;
  -ms-transition: 11s;
  -o-transition: 11s;
  transition: 11s
}

.logo-box:hover img {
  transform: scale3d(1.3, 1.3, 1.3)
}

.logo-box img {
  border-radius: 5px;
  transition: .5s;
  cursor: pointer
}

.gcs-line {
  width: 110px;
  height: 4px;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  background-color: #ff781d;
  margin: 0 auto
}

.service-li li {
  padding: 5px;
  font-weight: 500;
  color: #c7c7c7
}

.approach a {
  font-size: 18px;
  font-weight: 700;
  background-color: #ff7511;
  color: #000;
  border: 2px solid transparent;
  transition: .4s;
  padding: 4px 8px;
  border-radius: 5px
}

.main-section li {
  background-color: #303030;
  color: #fff;
  margin: 5px;
  padding: 14px;
  font-size: 15px;
  border-radius: 5px;
  width: 100%
}

.main-section i,
.workshop-li i {
  color: #7dd956
}

.Guarantee h2 {
  margin-top: 0;
  color: #ff781d
}

.Guarantee h4 {
  font-weight: 400;
  color: #fff
}

.Guarantee p {
  font-weight: 400;
  color: #fff;
  font-size: 18px
}

.main-section span {
  color: #7dd956;
  font-weight: 600;
  margin-left: 5px
}

.color-btn a {
  color: #000;
  background-color: #7dd956;
  transition: .4s
}

.color-btn a:hover {
  color: #7dd956;
  border: 2px solid #7dd956 !important
}

.workshop1 {
  transition: .15s, filter .3s;
  border-radius: 6px;
  background-color: #343a40;
  margin-bottom: 24px;
  box-shadow: 0 4px 6px 0 rgb(0 0 0/60%);
  padding: 12px
}

.btn-know:hover,
.countdown,
.workshop-box {
  background-color: #000
}

.workshop1 h5 {
  font-weight: 600;
  color: #7dd956
}

.workshop-box {
  border-radius: 5px;
  padding: 16px;
  box-shadow: 0 1px 2px 3px #50505038
}

.workshop-box img {
  width: 70px;
  height: 70px;
  margin-right: 10px;
  margin-bottom: 10px
}

.workshop-box h6 {
  font-size: 20px;
  font-weight: 600
}

.action-img i {
  font-size: 24px;
  margin-left: 10px;
  margin-right: 10px
}

.countdown {
  position: fixed;
  bottom: 0;
  padding: 20px 10px;
  width: 100%;
  z-index: 999;
  box-shadow: 0 26px 20px 10px #7dd956
}

.black-form .timer span,
.countdown span {
  font-size: 20px;
  font-weight: 500;
  padding: 5px;
  background-color: #525252;
  border-radius: 5px;
  width: 55px
}

.countdown h4 {
  font-size: 20px;
  color: #7dd956;
  font-weight: 600
}

.countdown h2 {
  font-size: 26px;
  font-weight: 500;
  margin: 0
}

.black-form h5 {
  font-size: 26px;
  padding-bottom: 20px
}

.btn-know {
  background-color: #ff8024;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  border: 2px solid transparent;
  border-radius: 0 0 14px 14px
}

.btn-know:hover {
  border: 2px solid #ff8024;
  color: #ff8024
}

.whats-float {
  position: fixed;
  transform: translate(108px, 0);
  top: 25%;
  right: 0;
  width: 150px;
  overflow: hidden;
  background: #242424;
  background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: #fff;
  border-radius: 10px 0 0 10px;
  z-index: 10;
  transition: .5s ease-in-out;
  vertical-align: middle
}

.whats-float-1 {
  top: 36%;
  background: #3a5795;
  color: #1c3977;
  background: linear-gradient(to bottom, #3a5795 0, #2b4886 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3a5795), color-stop(100%, #2b4886));
  background: -webkit-linear-gradient(top, #3a5795 0, #2b4886 100%);
  background: -moz-linear-gradient(top, #3a5795 0, #2b4886 100%);
  background: -o-linear-gradient(top, #3a5795 0, #2b4886 100%);
  background: -ms-linear-gradient(top, #3a5795 0, #2b4886 100%);
  border: 1px solid #1c3977;
  text-shadow: 0 1px 0 #4966a4;
  -webkit-text-shadow: 0 1px 0 #4966a4;
  -moz-text-shadow: 0 1px 0 #4966a4;
  box-shadow: inset 0 1px 0 #4966a4;
  -webkit-box-shadow: inset 0 1px 0 #4966a4;
  -moz-box-shadow: inset 0 1px 0 #4966a4
}

.whats-float-2 {
  top: 48%;
  background-color: red;
  background-image: linear-gradient(red, #f06d06)
}

.whats-float a span {
  color: #fff;
  font-size: 20px;
  padding-top: 17px;
  padding-bottom: 10px;
  position: absolute;
  line-height: 16px;
  font-weight: bolder
}

.whats-float i {
  font-size: 30px;
  color: #fff;
  line-height: 30px;
  padding: 10px;
  transform: rotate(0);
  transition: .5s ease-in-out;
  text-align: center
}

.whats-float:hover {
  color: #fff;
  transform: translate(0, 0)
}

.whats-float:hover i {
  transform: rotate(360deg)
}

.item-box {
  background-color: #000;
  border-radius: .4rem;
  overflow: hidden;
  box-shadow: 0 3rem 6rem rgb(0 0 0/10%);
  transition: .2s
}

.card__img {
  width: 100%;
  object-fit: cover;
  background: #171214;
  height: 18rem
}

.card__header {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px
}

.card__text {
  font-size: 16px;
  color: #b5b5b5;
  margin-bottom: 18px
}

.card__btn {
  width: 100%;
  padding: 12px 10px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #3363ff;
  background-color: #e6ecff;
  border: none;
  border-radius: .4rem;
  transition: .2s;
  cursor: pointer
}

.accordion a,
.main-bar {
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.card__btn:hover {
  background-color: #3363ff;
  color: #fff
}

.blog-h1 {
  font-size: 50px;
  padding: 36px 0;
  font-weight: 700
}

.img-round {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden
}

.blog-img-side h5 {
  margin-top: 8px;
  padding-left: 10px;
  font-size: 20px;
  transition: .4s
}

.accordion a {
  position: relative;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
  transition: .4s
}

.accordion a:hover,
.accordion a:hover::after {
  cursor: pointer;
  color: #BD2A2A !important
}

.accordion a:hover::after {
  border: 1px solid #d43e3e
}

.accordion a.active {
  color: #d43737;
  border-bottom: 1px solid #BD2A2A;
}

.accordion a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #d72f2f;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dc3131;
  text-align: center
}

.accordion a.active::after {
  content: "\f068";
  color: #BD2A2A;
  border: 1px solid #BD2A2A
}

.accordion .content {
  display: none;
  padding: 1rem;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden
}

.accordion .content p {
  font-size: 1rem;
  margin-top: 0;
  font-weight: 300
}

.float-button-1 {
  position: fixed;
  padding: 8px;
  border-radius: 10px;
  z-index: 100;
  font-family: Arial;
  box-shadow: 1px 2px 5px 2px rgba(30, 30, 30, .3);
  transition: .3s ease-out;
  left: 25px;
  transform: rotate(0);
  background-color: #ff702d;
  color: #fff;
  bottom: 3%;
  font-size: 18px;
  font-weight: 700
}

.float-button-1:hover {
  background-color: #ff5100;
  color: #000
}

.main-bar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.proggres-holder {
  position: absolute;
  z-index: 0;
  width: 5px;
  height: 100%;
  border-radius: 10px;
  background-color: #ff7b3b
}

.proggres-bar {
  position: fixed;
  left: auto;
  top: 0;
  right: auto;
  bottom: 50vh;
  width: 5px;
  height: 50vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#717171));
  background-image: linear-gradient(180deg, #717171, #717171);
  opacity: 0
}

.bar-arrow {
  position: -webkit-sticky;
  position: sticky;
  top: 50vh;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px
}

.bar-item {
  display: -ms-grid;
  display: grid;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 180px 1fr;
  grid-template-columns: 1fr 100px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.bar-stik {
  position: relative;
  top: auto
}

@media (max-width:575px) {
  .proggres-holder {
    left: 5%
  }

  .bar-item {
    padding-top: 20px;
    padding-bottom: 20px;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr
  }

  .special-fat {
    width: 50px;
    height: 50px;
    margin-left: -6px
  }

  .special-report {
    width: 45px;
    height: 45px;
    margin-left: -6px
  }

  .arrow-responce {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1
  }
}

@media (min-width:576px) and (max-width:767px) {
  .special-fat {
    width: 50px;
    height: 50px;
    margin-left: 5px
  }

  .special-report {
    width: 50px;
    height: 50px;
    margin-left: 8px
  }

  .proggres-holder {
    left: 6%
  }

  .bar-item {
    -ms-grid-columns: 64px 1fr;
    grid-template-columns: 64px 1fr
  }

  .arrow-responce {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1
  }
}

.pupop-form .in-put {
  background: #fff;
  color: #000;
  border-radius: 20px
}

.pupop-form select {
  height: 45px !important;
  font-weight: 500 !important;
  font-size: 16px;
  color: #474747
}

.price p {
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
  font-family: Roboto, sans-serif;
  text-transform: capitalize !important;
  color: #dfdfdf;
  margin-right: 6px;
  display: inline-block
}

.describe p,
.forh h1,
.invest-btn,
.tabataa h2 {
  font-weight: 700
}

.p1 {
  font-size: 16px !important;
  color: red !important;
  white-space: nowrap;
  text-decoration: none !important;
  opacity: 1 !important;
  margin-left: 20px !important
}

.tabataa h2 {
  color: #fff;
  font-size: 28px
}

.tabataa p {
  margin-bottom: 10px;
  color: #ddd
}

html {
  scroll-behavior: smooth
}

.forh h1 {
  color: #fff;
  font-size: 40px
}

.describe p {
  font-size: 16px;
  color: #ddd;
  line-height: 37px;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-left: 10px;
  text-transform: capitalize !important
}

.box-atoz-content h4,
.box-atoz-content p {
  margin: 0;
  text-align: center;
  font-style: normal
}

.btn-for a {
  font-size: 20px;
  background: #ff702d;
  width: 100%;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid transparent;
  font-weight: 600;
  transition: .4s
}

.btn-for a:hover {
  background: 0 0;
  color: #ff8024;
  border: 2px solid #ff702d
}

.btn-forh {
  background-color: transparent !important;
  background: 0 0;
  color: #ff8024 !important;
  border: 2px solid #ff702d !important
}

.box-atoz {
  background: #000;
  border-radius: 8px;
  max-width: 400px;
  width: 100%
}

.box-atoz-content {
  display: flex;
  flex-direction: column;
  padding: 24px;
  row-gap: 12px
}

.box-atoz-content h4 {
  color: #ff8024;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 26px
}

.box-atoz-content p {
  color: hsla(0, 0%, 100%, .6);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  padding: 0 20px
}

.profits-box {
  margin: auto;
  width: 400px;
  height: 400px;
  border-radius: 10px;
  background: hsla(0, 0%, 100%, .1);
  padding: 20px
}

.profits-box img {
  height: 370px
}

.profits-text h2 {
  color: hsla(0, 0%, 100%, .94);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 46px
}

.boxxi {
  background-color: #000;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
  border-radius: 0 0 10px 10px
}

.btn-flot {
  position: fixed;
  bottom: -16px;
  left: 0;
  z-index: 999;
  width: 100%
}

.btn-flot a {
  border-radius: 10px 10px 0 0
}

.sip-calculator {
  cursor: auto
}

.sip-calculator h4 {
  font-size: 18px;
  font-weight: 600
}

.range-side {
  width: 124px;
  position: relative
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  margin-top: 16px;
  height: 8px;
  background: #ffd4b4;
  border-radius: 20px;
  -webkit-transition: .2s;
  transition: opacity .2s
}

.slider:hover {
  opacity: 1
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ff8024;
  cursor: pointer
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04aa6d;
  cursor: pointer
}

.sip-calculator input {
  padding: 5px 18px;
  font-weight: 600
}

.range-side span {
  position: absolute;
  top: 7px;
  left: 5px;
  color: #000;
  font-size: 15px;
  font-weight: 600
}

.range-side-1 span {
  left: 95px
}

.range-side-2 span {
  left: 80px
}

.how-to-use li {
  font-size: 16px;
  margin-top: 10px
}

.invest-btn,
.result h5 {
  font-size: 18px
}

.how-to-use li i {
  color: #ff800b
}

#chart-container {
  width: 400px;
  height: 400px;
  margin: 0 auto
}

.invest-btn {
  background: #ff8024;
  border-radius: 5px;
  color: #000;
  transition: .4s;
  border: 2px solid transparent
}

.invest-btn:hover {
  background: 0 0;
  border: 2px solid #ff8024;
  color: #fff
}


.personal-information {
  border: 1px solid #4d516e;
  max-width: 90%;
  margin: 0 auto 20px;
  padding: 15px;
  background-color: #282b3c;
}

.card-profile-image {
  position: relative;
  text-align: center;
}

.card-profile-stats>div .name {
  font-size: 1.1rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}

.heading {
  font-size: .95rem;
  font-weight: 500;
  letter-spacing: .025em;
}

.contact-details li {
  flex: 0 0 33.33%;
  width: 100%;
  max-width: 33.33%;
}

.contact-details-item {
  padding: 0.4rem 0rem;
  display: flex;
  overflow: hidden;
  height: auto;
  cursor: pointer;
  position: relative;
  align-items: center;
}

.contact-details-item {
  -webkit-justify-content: center;
  margin-bottom: 15px;
}

.contact-details {
  display: flex;
  flex-wrap: wrap;
}

.contact-details {
  list-style-type: none;
  font-size: 1rem;
  text-transform: inherit;
  font-weight: 400;
  letter-spacing: 1em;
}

.box-coach-1 {
  border-radius: 30px;
  background: #000;
  text-align: center;
}

.card-container {
  width: 320px;
  background-color: #000;
  border-radius: 8px;
  margin: auto;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.card-image img {
  height: 220px;
  width: 100%;
  border-radius: 8px 8px 0 0;
  background-size: cover;
}

.card-body {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 16px;
  min-height: 200px;
}

.card-badge {
  text-transform: uppercase;
  background-color: #fff;
  color: #fff;
  padding: 9px 15px;
  border-radius: 6px;
  margin: 0;
  font-size: 14px;
}

.card-badge-blue {
  background-color: #ff8024;
}


.card-body h2 {
  font-size: 18px;
  margin: 8px 0;
  font-weight: 500;
}

.card-body p {
  font-size: 14px;
  margin: 8px 0 16px 0;
}


.bar-arrow-1 {
  margin-left: -6px;
}

.card-badge-1 {
  text-transform: uppercase;
  color: #000000;
  padding: 9px 12px;
  border-radius: 6px;
  font-size: 14px;
}

.card-badge-1:hover {
  background-color: #000;
  border: 2px solid #ff8024;
  color: #fff;
}

.triggers ul li{
  margin-bottom: 10px;
}