@font-face {

  font-family: 'Segoe Script';

  src: url('../fonts/SegoeScript.woff2') format('woff2'),

    url('../fonts/SegoeScript.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Segoe Script';

  src: url('../fonts/SegoeScript-Bold.woff2') format('woff2'),

    url('../fonts/SegoeScript-Bold.woff') format('woff');

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Sunset Gothic Pro';

  src: url('../fonts/SunsetGothicPro-Regular.woff2') format('woff2'),

    url('../fonts/SunsetGothicPro-Regular.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Sunset Gothic Pro';

  src: url('../fonts/SunsetGothicPro-Bold.woff2') format('woff2'),

    url('../fonts/SunsetGothicPro-Bold.woff') format('woff');

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Sunset Gothic Pro';

  src: url('../fonts/SunsetGothicPro-Thin.woff2') format('woff2'),

    url('../fonts/SunsetGothicPro-Thin.woff') format('woff');

  font-weight: 100;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Sunset Gothic Pro';

  src: url('../fonts/SunsetGothicPro-Light.woff2') format('woff2'),

    url('../fonts/SunsetGothicPro-Light.woff') format('woff');

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Sunset Gothic Pro';

  src: url('../fonts/SunsetGothicPro-Heavy.woff2') format('woff2'),

    url('../fonts/SunsetGothicPro-Heavy.woff') format('woff');

  font-weight: 900;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Sunset Gothic Pro';

  src: url('../fonts/SunsetGothicPro-Bold.woff2') format('woff2'),

    url('../fonts/SunsetGothicPro-Bold.woff') format('woff');

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Sunset Gothic Pro Hairline';

  src: url('../fonts/SunsetGothicPro-Hairline.woff2') format('woff2'),

    url('../fonts/SunsetGothicPro-Hairline.woff') format('woff');

  font-weight: 100;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Sunset Gothic Pro';

  src: url('../fonts/SunsetGothicPro-Medium.woff2') format('woff2'),

    url('../fonts/SunsetGothicPro-Medium.woff') format('woff');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



*,

html {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



body {

  font-family: 'Sunset Gothic Pro';

  background-color: #fff;

  font-weight: 300;

  letter-spacing: 0;

  margin: 0;

  padding: 0;

  line-height: 28px;

  font-size: 20px;

  color: #000000;

}



html,

body {

  min-height: 100%;

}



button,

input[type="submit"],

input[type="search"],

a {

  transition: all .3s ease;

  -moz-transition: all .3s ease;

  -webkit-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  cursor: pointer;

}



a:visited,

.alink:visited {

  color: none;

}



a:hover {

  text-decoration: none;

}



a,

img {

  border: 0;

  outline: 0;

}



img {

  max-width: 100%;

  height: auto;

  display: block;

}



label {

  font-weight: normal;

  margin-bottom: 12px;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: 'Sunset Gothic Pro';

  color: #000000;

  margin: 0 0 15px;

  padding: 0;

}



h1,

.h1 {

  font-size: 80px;

  line-height: 90px;

  font-weight: 500;

}



h2,

.h2 {

  font-size: 80px;

  line-height: 90px;

  font-weight: 400;

}



ul,

ol {

  list-style: none;

  margin: 0;

  padding: 0;

}



ul li,

ol li {

  list-style: none;

}



p {

  line-height: 28px;

  margin: 0;

  padding: 0 0 15px;

}



p:last-child {

  padding-bottom: 0;

}



figure {

  margin: 0;

  position: relative;

}



.clear {

  clear: both;

}



.clearfix:after,

.clearfix:before {

  display: table;

  content: "";

  clear: both;

  visibility: hidden;

}



button,

button:focus,

input:focus,

select:focus,

textarea:focus,

a:focus,

.btn:focus {

  outline: none !important;

  box-shadow: none !important;

}



input::-webkit-input-placeholder {

  color: #000;

}



input:-ms-input-placeholder {

  color: #000;

}



input::placeholder {

  color: #000;

}



.form-control::placeholder {

  color: #000;

  opacity: 1;

}



.container {

  max-width: 1470px;

}



.form-control {

  border: 1px solid #e1e1e1;

  background: #fff;

  font-size: 13px;

  border-radius: 3px;

  padding: 0 15px;

  box-shadow: none !important;

  color: #000;

  height: 48px;

  line-height: 48px;

  outline: medium none !important;

  width: 100%;

}



.form-control:focus {

  border: 1px solid #ff5721;

  color: #000;

}



textarea.form-control {

  min-height: 130px;

  line-height: inherit;

  padding: 10px 15px;

}



.form-control.custom-select {

  height: 48px !important;

  line-height: 48px;

  appearance: none;

  padding-right: 30px;

  background: url(../images/black-down-arrow.png) no-repeat right 12px center;

}



.custom-btn {

  border: 1px solid rgba(0, 0, 0, 0.75);

  color: #000000;

  background: #FDEF2C;

  font-size: 15px;

  text-align: center;

  text-transform: uppercase;

  font-weight: 400;

  padding: 0 25px;

  border-radius: 35px;

  display: inline-block;

  line-height: 38px;

  height: 40px;
font-family: 'Sunset Gothic Pro' !important;
  transform: rotate(-4deg);

}



.custom-btn.reg-btn {

  min-width: 180px;

}



.custom-btn:hover,

.custom-btn:focus {

  color: #000000;

  background: #FDEF2C;

  border-color: rgba(0, 0, 0, 0.75);

  transform: none;

}



.orange-txt {

  color: #FF5721;

}



/*header-start*/

.logo {

  position: absolute;

  top: 0px;

  display: inline-block;

}



.nav-section .navbar .navbar-nav .nav-item .nav-link:hover {

  color: #b19158;

}



h2.main-heading {

  margin-bottom: 20px;

}



h2.main-heading span {

  color: #FF5721;

  font-family: 'Segoe Script';

}



.bg-brown {

  background: #F7F7EC;

}



.pt-150 {

  padding-top: 150px;

}



.pb-150 {

  padding-bottom: 150px;

}



/*global css*/



/*header css*/

.open-nav {

  overflow: hidden;

}



.header {

  background: #FDEF2C;

  padding: 33px 50px;

  transition: 0.5s ease-in-out;

}



.header .container {

  max-width: 100%;

  position: relative;

}



/*menu css*/

.header .navbar-nav .nav-item {

  padding: 0 15px 0;

}



.header .navbar-nav .nav-link {

  font-size: 15px;

  padding: 0;

  height: 25px;

  color: #000;

  border-bottom: 1px solid transparent;

}



.header .navbar-nav .nav-link span {

  font-family: 'Segoe Script';

}



.header .navbar {

  padding: 0;

  margin-left: auto;

}





.header .navbar-nav .nav-item.active .nav-link,

.header .navbar-nav .nav-item .nav-link:hover,

.header .navbar-nav .nav-item .nav-link:focus {

  background: #fdef2c;

  border-bottom-color: #ff5721;

  color: #ff5721;

}



.header .navbar-nav .nav-link.dropdown-toggle::after {

  content: "\f107";

  font-family: 'Font Awesome 5 Free';

  font-weight: 900;

  border-top: 0;

  border-right: 0;

  border-bottom: 0;

  border-left: 0;

  position: absolute;

  top: 17px;

  right: 20px;

}



.header .navbar-nav .dropdown-menu {

  background: #fff;

  margin-top: 0px;

  padding: 0;

  border-radius: 0;

  box-shadow: 1px 0px 20px rgba(255, 255, 255, 0.3);

}



.header .navbar-nav .dropdown-menu .dropdown-item {

  padding: 14px 15px;

  color: #212529;

  border-bottom: 1px solid #ececec;

}



.header .navbar-nav .dropdown-menu .dropdown-item:focus,

.header .navbar-nav .dropdown-menu .dropdown-item:hover {

  color: #1e2125;

  background-color: #cff7d8;

}



/*.header.sticky .logo img {*/

/*    height: 33.18px;*/

/*}*/

/*.header .logo img {*/

/*    transition: 0.5s ease-in-out;*/

/*    height: 161px;*/

/*}*/





/*@media screen and (max-width: 475px) {*/

/*    .header .logo img {*/

/*    height: 55px;*/

/*    position: relative;*/

/*    top: -27px;*/

/*}*/

/*}*/



.header.sticky {

  top: 0;

  width: 100%;

  z-index: 99;

  position: sticky;

  background: #fff;

  border-bottom: 1px solid #000;

}



.header.sticky .logo img {

  max-width: 210px;

}

.header .logo img {
  transition: 0.5s ease-in-out;
  position: relative;
  z-index: 9;
}

.header.sticky .logo {

  top: 5px;

}



.subs-link {

  background: #ff5721;

  color: #fff;

  margin-left: 15px;

  font-size: 15px;

  height: 45px;

  display: inline-block;

  line-height: 45px;

  padding: 0 22px;

  border-radius: 35px;

}



.subs-link:hover {

  color: #fff;

  background: #000000;

}



.login-link {



  background: transparent;

  color: #ff5721;

  margin-left: 15px;

  font-size: 15px;

  height: 40px;

  display: inline-block;

  line-height: 35px;

  padding: 0 22px;

  border-radius: 35px;

  border: 2px solid #ff5721;



}





.login-link:hover {

  color: #fff;

  background: #000000;

  border: 2px solid #000;

}



.header.inner-header {

  background: #ffffff;

  border-bottom: 1px solid #000;

}



.header.inner-header .logo {

  position: static;

}



.header.sticky .navbar-nav .nav-item.active .nav-link,

.header.sticky .navbar-nav .nav-item .nav-link:hover,

.header.sticky .navbar-nav .nav-item .nav-link:focus,

.header.inner-header .navbar-nav .nav-item.active .nav-link,

.header.inner-header .navbar-nav .nav-item .nav-link:hover,

.header.inner-header .navbar-nav .nav-item .nav-link:focus {

  background: #ffffff;

}



.header.inner-header .logo img {

  max-width: 180px;

}





/*header css*/



/*banner-slider*/



.banner-box {

  padding-left: 65px;

  padding-bottom: 40px;

  background: #FDEF2C;

}



.banner-desc p {

  font-size: 22px;

  line-height: 1.4;

  margin-top: 20px;

}



.banner-desc h1 {

  color: #3F190F;

}



.banner-desc .bnr-slidetxt {

  display: block;

  width: 650px;

}



.bnr-slidetxt .vertical-slider {

  width: 100%;

  height: 90px;

  overflow: hidden;

  position: relative;

}



.bnr-slidetxt .slider-track {

  transition: transform 0.5s ease-in-out;

}



.banner-desc .bnr-slidetxt h1 {

  color: #FF5721;

}



.banner-box .banner-desc {

  width: 30%;

  max-width: 30%;

  padding-right: 30px;

  position: relative;

}



.banner-box .banner-img {

  width: 70%;

  max-width: 70%;

}



.banner-box .banner-img img {

  border-top-left-radius: 30px;

  border-bottom-left-radius: 30px;

  width: 100%;

  height: calc(100vh - 202px);

  object-fit: cover;

}



/*banner-slider*/



/*hm-about */

.hm-about .container {

  max-width: 1400px;

}



.hm-about-card {

  position: relative;

  color: #3F190F;

  min-height: 290px;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.hm-about-card span {

  font-size: 65px;

  font-weight: 700;

  display: block;

  line-height: 1;

  margin-bottom: 15px;

}



.hm-about-card p {

  font-size: 22px;

  font-weight: normal;

  line-height: 26px;

  font-family: 'Segoe Script';

}



.hm-about-card .shape-box {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: -1;

}



.hm-about-card .shape-box img {

  max-width: inherit;

  transition: 0.5s ease-in-out;

}



.hm-about-card:hover .shape-box img {

  transform: rotate(35deg);

}



/*hm-about*/





/*story-section*/

.story-section {

  padding: 90px 0;

}



.story-card img {

  border-radius: 15px;

}



.story-slider .owl-stage-outer {

  background: #fbf6f3;

  padding: 15px;

}



.story-txt {

  margin-top: 40px;

  margin-bottom: 10px;

}



.story-txt p {

  font-size: 24px;

  padding-bottom: 5px;

}



.story-txt .custom-btn {

  margin-top: 20px;

}



/*story-section*/



/*img-block-section*/

.img-block-section {

  padding-left: 65px;

  padding-right: 65px;

}



.img-block-section a {

  display: block;

  height: 100%;

}



.img-block-section img {

  border-radius: 15px;

  height: 100%;

  object-fit: cover;

}



.imgcard.left {

  max-width: calc(70% - 15px);

  width: calc(70% - 15px);

  margin-right: 15PX;

}



.imgcard.right {

  max-width: 30%;

  width: 30%;

}



/* img-block-section   */



/*approval-section*/

.approval-section {

  color: #BF61FF;

  padding-top: 50px;

  padding-bottom: 60px;

  padding-left: 180px;

  padding-right: 180px;

}



.approval-section .container {

  max-width: 100%;

}



.approval-section h2,

.approval-section h2 span {

  color: #BF61FF;

  font-weight: 700;

}



.approval-content-txt p {

  max-width: 415px;

}



.bg1 {

  background: url(../images/bg1.png) no-repeat;

  background-size: cover;

}



.approval-section .right img {

  position: relative;

  top: -40px;

}



.approval-section .left {

  max-width: 45%;

  flex: 0 0 45%;

}



.approval-section .right {

  max-width: 55%;

  flex: 0 0 55%;

}





.approvalcat-section {

  padding-left: 180px;

  padding-right: 180px;

}



.approvalcat-section .container {

  max-width: 100%;

}



.approvalcat-card {

  background: #FDEF00;

  border-radius: 10px;

  padding: 0 40px 40px;

  text-align: center;

}



.approvalcat-section .row {

  margin: 0 -8px;

}



.approvalcat-section .row>div[class*="col-"] {

  padding: 0 8px;

}



.approvalcat-card figure {

  margin-top: -50px;

  display: inline-block;

  margin-bottom: 10px;

}



.approvalcat-card h3 {

  font-size: 35px;

  font-weight: 400;

  margin-bottom: 3px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.approvalcat-card h3 span {

  font-family: 'Segoe Script';

  font-weight: bold;

}



.approvalcat-card p {
  font-family: 'Sunset Gothic Pro';
  height: 71px;

  font-size: 18px;

  line-height: 25px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  /* number of lines to show */

  line-clamp: 3;

  -webkit-box-orient: vertical;

}



/*approval-section*/





/*leader-section*/



.leader-section {

  padding-left: 180px;

  padding-right: 180px;

}





.leader-section .container {

  max-width: 100%;

}



.leader-section h2 {

  font-weight: 500;

  margin-bottom: 50px;

}



.leader-section .row {

  margin: 0 -25px;

}



.leader-section .row div[class*='col-'] {

  padding: 0 25px;

}



.leader-card {

  position: relative;

  min-height: 410px;

  padding-top: 70px;

  padding-right: 275px;

}



.leader-card-img {

  position: absolute;

  bottom: 0;

  right: -20px;

}



.leader-card-img img {

  max-width: inherit;

}



.leader-card-desc span {


  font-size: 40px;

  font-weight: 500;
  line-height: 50px;

  display: block;

  margin-bottom: 15px;

}



.leader-card-desc p {

  font-size: 25px;

}

.fw-400 {
  font-weight: 400;
}


.leader-card.pink {

  background: #FFB2DB;

  padding-left: 70px;

  color: #BF61FF;

}



.leader-card.pink:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  background: url(../images/img18.png) repeat-y;

  width: 28px;

}



.leader-card.pink:after {

  content: '';

  position: absolute;

  right: -1px;

  top: 0;

  bottom: 0;

  background: url(../images/img18.png);

  width: 28px;

  transform: rotate(180deg);

}



.leader-card.purpal {

  background: #BF61FF;

  padding-left: 110px;

  color: #FFB2DB;

  padding-right: 310px;

}



.leader-card.purpal:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  background: url(../images/img19-nwe.png) no-repeat;

  width: 98px;

}



.leader-card.purpal:after {

  content: '';

  position: absolute;

  right: -1px;

  top: 0;

  bottom: 0;

  background: url(../images/img19-nwe1.png) no-repeat;

  width: 54px;

}



.leader-btm {

  background: #f6f6ea;

  padding-left: 75px;

  padding-right: 120px;

  position: relative;

  margin-top: 35px;

}



.leader-btm:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  background: url(../images/img20.png) no-repeat;

  width: 70px;

  background-size: 75px;

}



.leader-btm:after {

  content: '';

  position: absolute;

  right: -1px;

  top: 0;

  bottom: 0;

  background: url(../images/img21.png) no-repeat;

  width: 114px;

  background-size: 113px;

}



.leader-btm .leader-card-desc {

  color: #BF61FF;

  z-index: 1;

}

.leader-btm-hm {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.leader-btm.leader-btm-hm {
  padding-right: 100px;
  padding-left: 90px;
}

.leader-btm.leader-btm-hm .leader-card-desc {
  max-width: 240px;
  position: relative;
}

.leader-btm.leader-btm-hm .leader-card.left {
  width: 100%;
  padding-right: 0;
}

.leader-purpal-hm .leader-card-img img {
  max-width: 480px;
}

.leader-card.left {

  width: 60%;

}



.leader-txt {

  width: 40%;

  border-left: 1px solid #FFB2DB;

  padding-left: 15px;

  color: #FFB2DB;

  font-style: italic;

  font-size: 14px;
  line-height: 20px;
  align-self: flex-end;

  margin-bottom: 20px;

}

.leaderbtn-txt .leader-txt>p {
  font-size: 14px;
  line-height: 20px;
}




.explore-btn {

  padding-top: 40px;

}



/*leader-section*/





/*footer*/



.footer {

  background: #B46CFF;

  padding: 0 70px;

  color: #fff;

  font-weight: 400;

}



.footer a {

  color: #fff;

}



.footer a:hover {

  color: #fdef2c;

}



.subs-box {

  padding: 40px 0 30px;

  border-bottom: 1px solid #FDEF2C;

}



.subs-box-left {

  position: relative;

  padding-left: 56px;

  color: #FDEF2C;

  font-size: 30px;

  width: calc(100% - 269px);

  padding-top: 16px;

}



.subs-box-right .subs-link {

  background: #FDEF2C;

  color: #000;

  font-size: 20PX;

  height: 59px;

  line-height: 59px;

  padding: 0 22px;

  border-radius: 35px;

  font-weight: 300;

}



.subs-box-right .subs-link:hover {

  color: #000000;

}



.subs-box-left p span {

  font-family: 'Segoe Script';

}



.subs-box-left::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 50px;

  height: 54px;

  background: url(../images/img11.png);

}



.ftr-hdr {

  font-size: 25px;

  font-weight: 900;

  text-transform: uppercase;

  color: #fff;

  position: relative;

  margin-bottom: 20px;

}



.ftr-links li {

  margin-bottom: 17px;

}



.ftr-links li:last-child {

  margin-bottom: 0;

}



.footer .container {

  width: 100%;

  max-width: 100%;

}



.footer-main {

  padding: 60px 0;

}



.ftr-box.ftr-cont a {

  text-decoration: underline;

  word-break: break-word;

}



.copyright a,

.copyright {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.6);

  font-weight: 300;

  padding: 16px 0;

}



.copyright a {

  text-decoration: underline;

}



/*about page css*/



.about-bnr {

  background: #BF61FF;

  position: relative;

  padding: 130px 65px 0;

}



.about-bnr::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  height: 664px;

  background: url(../images/img30.png) repeat-y;

  width: 100%;

}



.about-bnr h1 {

  color: #FFB8DA;

  font-size: 100px;

  line-height: 1.1;

  font-weight: 400;

}



.about-bnr h1 span {

  color: #FDEF2C;

  font-family: 'Segoe Script';

}



.about-bnr h1.btmtitle {

  font-weight: 700;

  margin-bottom: 25px;

}



.aboutbnr-img .bnrimg {

  border-radius: 30px;

  position: relative;

  z-index: 1;

}



.igniting-section {

  background: #FDEF2C;

  color: #FF5721;

  font-size: 25px;

  line-height: 28px;

  font-weight: 400;

}



h2.main-heading2 {

  font-size: 100px;

  line-height: 1;

  font-weight: 500;

}



h2.main-heading2 span {

  font-family: 'Segoe Script';

  font-weight: 400;

}



.igniting-section h2.main-heading2 {

  margin-bottom: 35px;

  color: #FF5721;

}



.big-txt {

  font-size: 45px;

  line-height: 65px;

  margin-bottom: 45px;

}



.igniting-section {

  position: relative;

  margin-top: -100px;

  padding-top: 180px;

}



.igniting-section .big-txt,

.igniting-section p {

  max-width: 1140px;

  margin: 0 auto;

}



.igniting-section p {

  line-height: 35px;

}



.whatsets-section {

  padding-top: 230px;

  padding-bottom: 350px;

}



.whatsets-section h2 {

  margin-bottom: 130px;

  font-weight: 700;

}



.whatsets-c {

  background: #FF5721;

  color: #ffffff;

}



.whatsets-c h3 {

  color: #ffffff;

}



.whatsets-c p {

  font-size: 20px;

  line-height: 29px;

  height: 86px;

}



.whatsets-c figure {

  margin-top: -60px;

  margin-bottom: 20px;

}



.leaderbtn-txt {

  margin-top: 50px;

  max-width: 500px;

}



.leaderbtn-txt p {

  font-size: 18px;

}



.ab-leader-card .leader-card-img {

  right: 50px;

}



.ab-leader-card.top {

  margin-bottom: 35px;

}



.ab-leader-card .leaderbtn-txt {

  position: relative;

}



.award-list li {

  position: relative;

  padding-left: 20px;

  font-size: 18px;

  font-weight: 400;

}



.award-list li::before {

  content: '';

  left: 0;

  top: 8px;

  width: 12px;

  height: 12px;

  background: url(../images/img32_1.png) no-repeat;

  position: absolute;

}



.award-list {

  margin-bottom: 10px;

}



.leader-card.ab-leader-card {

  padding-left: 150px;

}



.leader-btm.ab-leader-btm::before {

  background-size: 84px;

}



.leader-btm.ab-leader-btm::after {

  width: 122px;

  background-size: 125px;

}



.leader-btm.ab-leader-btm .leader-card-desc {

  margin-bottom: 41px;

}



.leader-btm.ab-leader-btm .leaderbtn-txt {

  margin-top: 35px;

}



.leader-btm.ab-leader-btm {

  padding-left: 150px;

}



.join-section {

  margin-top: 250px;

  padding: 130px 0 100px;

  background: url(../images/bg2.png) no-repeat;

  background-size: cover;

  color: #fff;

}



.join-section h2 {

  font-size: 100px;

  color: inherit;

  font-weight: 500;

}



.join-section h2 span {

  color: inherit;

  font-weight: 400;

}



.join-txt {

  max-width: 1170px;

  margin: 0 auto;

}



.join-txt p {

  font-size: 25px;

  line-height: 35px;

  padding-bottom: 50px;

}



.join-section .icon {

  right: 0;

  position: absolute;

  top: -189px;

  max-width: 150px;

}



.aboutbnr-img .icon-img {

  right: 110px;

  top: -118px;

  z-index: 2;

  transition: 0.5s ease-in-out;

}



.aboutbnr-img .icon-img:hover {

  transform: rotate(15deg);

}



.approvalcat-card.whatsets-c h3 span {

  font-weight: 400;

}



/*subscription-page css*/





.subscription-bnr {

  padding: 170px 80px 140px 240px;

  position: relative;

  background: #fff url(../images/img43.png) no-repeat;

}



.subscription-bnr h1 {

  color: #BF61FF;

  font-weight: 700;

  margin-bottom: 56px;

}



.subscription-bnr h1 span {

  font-family: 'Segoe Script';

}



.skill-list {

  color: #BF61FF;

  max-width: 540px;

}



.skill-list li {

  position: relative;

  font-size: 24px;

  font-weight: 300;

  padding-left: 26px;

  margin-bottom: 50px;

  line-height: 32px;

}



.skill-list li:last-child {

  margin-bottom: 0;

}



.skill-list li::before {

  content: '';

  left: 0;

  top: 8px;

  width: 18px;

  height: 18px;

  background: url(../images/img46.png) no-repeat;

  position: absolute;

}



.skill-list li strong {

  display: block;

  font-weight: 700;

  margin-bottom: 5px;

}



.subscription-bnr .left-col {

  width: 45%;

  z-index: 1;

}



.subscription-bnr .right-col {

  width: 55%;

}



.subscription-bnr .right-col img {

  margin-left: -155px;

  margin-top: 4px;

  max-width: 1000px;

}



.subscription-bnr .container {

  max-width: 100%;

}



h2.main-heading3 {

  font-size: 70px;

  font-weight: 500;

}



h2.main-heading3 span {

  font-family: 'Segoe Script';

  font-weight: bold;

}



.priceplan-section {

  background: #F6F6EA;

  padding: 150px 180px 120px;

}



.priceplan-section .container {

  max-width: 100%;

}





.priceplan-section .heading-box {

  font-size: 22px;

  margin-bottom: 40px;

}



.priceplan-section .main-heading3.text-center {

  margin-bottom: 5px;

}



.priceplan-card .custom-btn {

  min-width: 180px;

}



.priceplan-card {

  position: relative;

  background: #FFF;

  border-radius: 25px;

  display: flex;

  flex-direction: column;

  height: 100%;

  transition: 0.5s ease-in-out !important;

}



.plan-txt span {

  font-weight: 700;

  text-transform: uppercase;

  font-size: 22px;

  display: block;

  line-height: 1;

  margin-bottom: 3px;

}



.priceplan-ctop {

  text-align: center;

  z-index: 1;

}



.plan-txt {

  margin-bottom: 30px;

  min-height: 54px;

}



.plan-txt label {

  color: #ACACAC;

  font-size: 14px;

  border: 1px solid rgba(172, 172, 172, .75);

  border-radius: 8px;

  padding: 0px 9px;

  line-height: 25px;

  margin: 0;

  transition: 0.5s ease-in-out;

}



.priceplan-card .price-bx img {

  transition: 0.5s ease-in-out;

}



.priceplan-card .price-bx {

  display: flex;

  justify-content: center;

  align-items: end;

  font-weight: 500;

  font-size: 75px;

  line-height: 57px;

  margin-bottom: 15px;

}



.priceplan-card .shape-img {

  position: absolute;

  top: 0;

  opacity: 0;

  transition: 0.5s ease-in-out;

}



.priceplan-card.active .shape-img {

  opacity: 1;

}



.priceplan-card.active .package-txt {

  color: rgba(255, 255, 255, 0.6);

}



.priceplan-card.active {

  background: #FF5721;

  color: #fff;

}



.priceplan-card.active .price-bx img,

.priceplan-card.active .p-desc-list li::before {

  filter: invert(1);

}



.priceplan-card.active .priceplan-ctop {

  border-bottom-color: rgba(255, 255, 255, 0.3);

}





.priceplan-card.active .plan-txt label {

  color: #FFF;

  border-color: #fff;

}



.sold-btn {

  opacity: .4;

}



.priceplan-card .price-bx sub {

  font-size: 22px;

  bottom: 0;

  line-height: 1;

  left: -4px;

}



.package-txt {

  font-size: 22px;

  color: #ACACAC;

  font-weight: 400;

  transition: 0.5s ease-in-out;

}



.priceplan-ctop {

  text-align: center;

  padding: 44px 20px 25px;

  border-bottom: 2px solid #F6F6EA;

  transition: 0.5s ease-in-out;

}



.priceplan-cbtm span {

  display: block;

  font-size: 15px;

  font-weight: 400;

  color: #FDEF2C;

  margin-top: 5px;

  text-transform: uppercase;

  transition: 0.5s ease-in-out;

}



.p-desc-list li {

  position: relative;

  font-size: 22px;

  font-weight: 400;

  padding-left: 30px;

  margin-bottom: 18px;

  line-height: 30px;

}



.p-desc-list li:last-child {

  margin-bottom: 0;

}



.p-desc-list li::before {

  content: '';

  left: 0;

  top: 5px;

  width: 18px;

  height: 18px;

  background: url(../images/img47.png) no-repeat;

  position: absolute;

  transition: 0.5s ease-in-out;

}



.priceplan-cbtm {

  text-align: center;

  padding: 0 15px 15px;

  min-height: 89px;

  z-index: 1;

}



.priceplan-cmiddle {

  padding: 60px 45px;

  flex-grow: 1;

  z-index: 1;

}



.priceplan-section .row {

  margin: 0 -10px;

}



.priceplan-section .row div[class*='col-'] {

  padding: 0 10px;

}



.subs-benefit-section {

  padding: 210px 180px 330px;

}



.subs-benefit-section .container {

  max-width: 100%;

}



.subs-benefit-section .row {

  margin: 0 -8px;

}



.subs-benefit-section .row div[class*='col-'] {

  padding: 0 8px;

}



.subs-benefit-card {

  background: #F6F6EA;

  text-align: center;

  height: 100%;

  border-radius: 20px;

  padding: 70px 15px;

}



.subs-benefit-desc p {

  font-size: 18px;

  line-height: 26px;

}



.subs-benefit-desc h3 {

  margin-bottom: 15px;

  font-size: 26px;

  font-weight: 700;

}



.subs-benefit-section h2 {

  margin-bottom: 55px;

}



.subs-benefit-card figure {

  margin: 0 auto 35px;

  width: 65px;

  display: inline-block;

}



.subs-benefit-card.one-bx {

  border-radius: 100px;

}



.subs-benefit-card.three-bx {

  border-radius: 100px 100px 15px 100px;

}



.subs-benefit-card.four-bx {

  border-radius: 20px 20px 20px 100px;

}



.magazine-sub-section {

  padding-bottom: 340px;

  padding-left: 180px;

  padding-right: 180px;

}



.magazine-sub-section .contaner {

  max-width: 100%;

}





.magazine-sub-bx.top {

  background: #FDEF2C;

  padding-bottom: 115px;

}



.magazine-sub-bx.btm {

  background: #FFB2DB;

  position: relative;

  margin-top: -40px;

  position: relative;

}



.magazine-sub-bx.btm::after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0.06;

  background: url('../images/img48.png') no-repeat;

}



.magazine-sub-bx {

  padding: 80px 145px;

  border-radius: 40px;

}



.magazine-sub-title span {

  font-size: 70px;

  font-weight: 200;

  line-height: 64px;

  display: inline-block;

  border-bottom: 2px solid #000;

  margin-bottom: 25px;

}



.magazine-sub-title {

  max-width: 30%;

  flex: 0 0 30%;

  position: relative;

  z-index: 1;

  padding-right: 15px;

}



.magazine-sub-desc {

  max-width: 70%;

  flex: 0 0 70%;

  position: relative;

  z-index: 1;

  padding-top: 26px;

}



.maz-sublist li {

  position: relative;

  font-weight: 400;

  padding-left: 30px;

  margin-bottom: 20px;

  line-height: 32px;

}



.maz-sublist li:last-child {

  margin-bottom: 0;

}



.maz-sublist li::before {

  content: '';

  left: 0;

  top: 8px;

  width: 20px;

  height: 21px;

  background: url(../images/img37.png) no-repeat;

  position: absolute;

}



.magazine-sub-bx.btm .maz-sublist li::before {

  content: '';

  left: 0;

  top: 8px;

  width: 17px;

  height: 18px;

  background: url(../images/img36.png) no-repeat;

  position: absolute;

}



.unfiltered-section {

  padding-bottom: 470px;

}



.unfiltered-section .main-heading3 {

  margin-bottom: 90px;

}



.magazine-sub-section .main-heading3 {

  margin-bottom: 45px;

}



.unfiltered-section {

  padding-left: 85px;

  padding-right: 85px;

}



.unfiltered-section .container {

  max-width: 100%;

}



.unfiltered-section .row {

  margin: 0 -9px;

}



.unfiltered-section .row div[class*="col-"] {

  padding: 0 9px;

}



.unfiltered-card {

  text-align: center;

  border-radius: 40px;

  border: 1px solid #FF5721;

  padding: 55px 45px 80px;

  font-size: 26px;

  display: flex;

  flex-direction: column;

  height: 100%;

}



.unfiltered-card.middle {

  margin-top: -50px;

}





.unfiltered-card p {

  line-height: 36px;

  font-weight: 400;

  flex-grow: 1;

  padding-bottom: 30px;

}



.unfiltered-card span {

  color: #FF5721;

  font-size: 18px;

}



.you-wanna-accordian {

  border-top: 1px solid #000;

  padding-bottom: 375px;

}



.you-wanna-accordian .container {

  max-width: 1210px;

}



.wannaknow-section {

  padding-left: 180px;

  padding-right: 180px;

}



.wannaknow-section .container {

  max-width: 800px;

}





.wannaknow-section .main-heading3 {

  margin-bottom: 40px;

}



.you-wanna-accordian .card .card-header .card-link {

  display: block;

  width: 100%;

  font-size: 30px;

  color: #000;

  font-weight: 400;

  line-height: 35px;

  position: relative;

  padding-right: 35px;

}



.you-wanna-accordian .card .card-header .card-link::after {

  position: absolute;

  content: '';

  right: 0;

  top: 3px;

  width: 22px;

  height: 22px;

  background: url(../images/img35.png) no-repeat;

}



.you-wanna-accordian .card .card-header .card-link.collapsed::after {

  background: url(../images/img34.png) no-repeat;

}



.you-wanna-accordian .card {

  padding: 40px 28px;

  border-radius: 0;

  box-shadow: none;

  border: 0;

  border-bottom: 1px solid #000;

}



.you-wanna-accordian .card .card-header {

  padding: 0;

  background: #fff;

  border: 0;

}



.you-wanna-accordian .card .card-body {

  font-size: 22px;

  line-height: 32px;

  padding: 16px 0 0;

}



.subscription-login {

  padding: 65px 230px 135px 65px;

  background: #F6F6EA;

}



.subscription-login .container {

  max-width: 100%;

}



.subscription-login .img-col {

  max-width: 65%;

  flex: 0 0 65%;

}



.subscription-login .form-col {

  max-width: 35%;

  flex: 0 0 35%;

}



.login-form h1 {

  color: #BF61FF;

  font-size: 50px;

  line-height: 60px;

  font-weight: 700;

  margin-bottom: 60px;

}



.login-form h1 span {

  font-family: 'Segoe Script';

}



.login-form {

  border-radius: 40px;

  background: #fff;

  padding: 60px 55px 129px;

}



.login-form label {

  margin-left: 30px;

}



.login-form .form-control {

  background: #F4F4F4;

  border: 0;

  height: 60px;

  line-height: 60px;

  border-radius: 40px;

  padding: 0 30px;

  font-size: inherit;

}



.login-form .form-control::placeholder {

  color: #BFBFBF;

  opacity: 1;

}



.login-form .form-control::-ms-input-placeholder {

  color: #BFBFBF;

}



.login-form .custom-btn {

  margin-top: 30px;

  min-width: 180px;

}



.login-form .input-spacing {

  margin-bottom: 20px;

}









.reset-form h1 {

  color: #BF61FF;

  font-size: 50px;

  line-height: 60px;

  font-weight: 700;

  margin-bottom: 60px;

}



.reset-form h1 span {

  font-family: 'Segoe Script';

}



.reset-form {

  border-radius: 40px;

  background: #fff;

  padding: 60px 55px 129px;

}



.reset-form label {

  margin-left: 30px;

}



.reset-form .form-control {

  background: #F4F4F4;

  border: 0;

  height: 60px;

  line-height: 60px;

  border-radius: 40px;

  padding: 0 30px;

  font-size: inherit;

}



.reset-form .form-control::placeholder {

  color: #BFBFBF;

  opacity: 1;

}



.reset-form .form-control::-ms-input-placeholder {

  color: #BFBFBF;

}



.reset-form .custom-btn {

  margin-top: 30px;

  min-width: 180px;

}

.reset-form .input-spacing {

  margin-bottom: 20px;

}







/** Reigstration form */

.register-form h1 {



  /*  color: #BF61FF;*/

  /*  font-size: 50px;*/

  /*  line-height: 60px;*/

  /*  font-weight: 700;*/

  /*  margin-bottom: 60px;*/

  /*}*/



  color: #BF61FF;

  font-size: 50px;

  line-height: 60px;

  font-weight: 700;

  margin-bottom: 35px;

}



.register-form h1 span {

  font-family: 'Segoe Script';

}

.register-form {

  border-radius: 40px;

  background: #fff;

  padding: 30px 20px 20px;

  margin-bottom: 20px;

}



/*.register-form {*/

/*  border-radius: 40px;*/

/*  background: #fff;*/

/*  padding: 60px 55px 129px;*/

/*}*/



.register-form label {

  margin-left: 30px;

}



.register-form .form-control {

  background: #F4F4F4;

  border: 0;

  height: 60px;

  line-height: 60px;

  border-radius: 40px;

  padding: 0 30px;

  font-size: inherit;

}



.register-form .form-control::placeholder {

  color: #BFBFBF;

  opacity: 1;

}



.register-form .form-control::-ms-input-placeholder {

  color: #BFBFBF;

}



.register-form .custom-btn {

  margin-top: 30px;

  min-width: 180px;

  margin-left: 10px;

}



/**  Register form */



.inner-bnr {

  position: relative;

  background: #bf61ff;

  color: #ffb2db;

  height: 586px;

}



.inner-bnr .shape {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  opacity: 0.1;

}



.inner-bnr .shape img {

  width: 100%;

  height: 100%;

}



.inner-bnr.thezlab {

  height: 600px;

  background: #FFB2DB;

}



.innerbnr-txt {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 250px;

  right: 80px;

  color: #000;

  font-size: 22px;

}



.inner-bnr.thezlab h1 {

  color: #BF61FF;

}



.resources-bnr {

  background: #f6f6ea;

}



.resources-bnr h1 {

  color: #FF5721;

}



.inner-bnr h1 {

  font-size: 250px;

  line-height: 1;

  color: #FFB2DB;

  font-weight: 700;

}



.inner-bnr h1 span {

  font-weight: 400;

  font-family: 'Segoe Script';

}



.innerbnr-smtxt {

  max-width: 720px;

  margin-left: auto;

}



.innerbnr-smtxt ul li {

  position: relative;

  padding-left: 25px;

  line-height: 32px;

}



.innerbnr-smtxt ul li::before {

  content: '';

  left: 0;

  top: 8px;

  width: 16px;

  height: 16px;

  background: url(../images/img54.png) no-repeat;

  position: absolute;

}



.innerbnr-smtxt p {

  line-height: 32px;

  max-width: 576px;

  padding-bottom: 30px;

}



.innerbnr-smtxt .title {

  display: block;

  margin-bottom: 5px;

}



.middle-section {

  padding: 70px 0;

}



.middle-section .container {

  max-width: 100%;

  padding: 0 100px;

}



.middle-section .container>.row {

  margin: 0 -10px;

}



.middle-section .container>.row div[class*='col-'] {

  padding: 0 10px;

}



.common-card {

  margin-bottom: 145px;

}



.common-card figure img {

  border-radius: 25px;

  width: 100%;

}



.common-card-desc h3 {

  font-size: 35px;

  font-weight: 400;

  line-height: 45px;

  margin-bottom: 20px;

}



.common-card-desc h3 a {

  color: inherit;

}



.time-txt {

  font-size: 20px;

  color: #6E6E6E;

  line-height: 28px;

  display: block;

}



.common-card-desc {

  padding-top: 15px;

}



.forparent .innerbnr-smtxt {

  color: #ffffff;

}



.forparent .shape {

  opacity: 0.2;

}



.common-card.recard {

  margin-bottom: 50px;

}



/*game page*/

.game-bnr {

  background: #fdef2c;

}



.game-bnr h1 {

  color: #bf61ff;

}



.game-bnr .innerbnr-smtxt p {

  max-width: 100%;

  padding-bottom: 0;

}



.game-middle {

  padding: 160px 0;

}



.game-card {

  margin-bottom: 65px;

}



.game-card figure img {

  width: 100%;

  border-radius: 15px;

}



.game-card-desc h3 {

  font-weight: 500;

  font-size: 24px;

  margin-bottom: 3px;

}



.game-card-desc h3 a {

  color: inherit;

}



.game-card-desc {

  text-align: center;

  padding-top: 20px;

}



.game-card-desc p {

  color: #aaa;

  font-size: 14px;

  line-height: 23px;

}



.upcoming-gamebx {

  padding-top: 85px;

}



.game-txt {

  font-size: 32px;

  font-weight: 400;

  line-height: 40px;

  margin-bottom: 15px;

}



.game-txt span {

  display: inline-block;

  font-family: 'Segoe Script';

  font-weight: 700;

}



/*my account*/



.inner-bnr.myaccount-bnr {

  height: 200px;

}



.inner-bnr.myaccount-bnr h1 {

  font-size: 80px;

  margin: 0;

  line-height: 1;

}



.my-account-main {

  display: flex;

  display: -webkit-flex;

  margin: 0 -15px;

}



.sidebar-section,

.account-right-contain {

  width: 100%;

  height: 100%;

  box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);

  border:

    1px solid #ddd;

}



.account-right-contain {

  padding: 25px;

}



.account-left {

  flex: 0 0 300px;

  max-width: 300px;

  padding: 0 15px;

}



.account-right {

  flex: 0 0 calc(100% - 300px);

  max-width: calc(100% - 300px);

  padding: 0 15px;

}



.sidebar-link li {

  line-height: 1;

}



.sidebar-link li a {

  padding:

    20px;

  color: #333333;

  font-weight: 500;

  border-bottom:

    1px solid #dbdbdb;

  width: 100%;

  font-size: 18px;

  line-height: 1;

  border-radius: 0;

  display: block;

}



.sidebar-link li a:hover,

.sidebar-link li.active a {

  color: #fff;

  background: #ff5721;

  border-bottom: 1px solid #ff5721;

}





.profile-text {

  font-size: 20px;

  text-align: center;

  display: block;

}



.account-hdr {

  font-size: 40px;

  line-height: 1;

  margin-bottom: 20px;

}



.inner-bnr.myaccount-bnr {

  text-align: center;

}



.profile-bx figure {

  width: 100px;

  height: 100px;

  margin:

    0 auto 10px;

}



.profile-bx figure img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius:

    100%;

}



.profile-bx {

  border-bottom:

    1px solid #ddd;

  padding:

    20px;

}



.tbl-wrapper {

  overflow-y: auto;

}



.ac-list {

  align-items: center;

}



.ac-list li:not(:last-child) {

  padding-right: 10px;

}



.ac-list li img {

  max-width: 20px;

  max-height: 20px;

}



.ac-list li span {

  cursor: pointer;

}





/* Animation */

.fade-up {

  opacity: 0;

  transform: translateY(60px);

  transition: opacity 0.6s ease-out, transform 0.6s ease-out;

}



.fade-up.in-view {

  opacity: 1;

  transform: translateY(0);

}





.flip-card {

  perspective: 1000px;

}



.flip-card-inner {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: transform 0.6s;
  transition: transform 0.6s;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}



.flip-card.flipped .flip-card-inner {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);

}



.flip-card.flipped .flip-card-back {

  opacity: 1;

  z-index: 1;

}





.flip-card-front {

  position: relative;

  z-index: 2;

  transition: 0.5s ease-in-out;

}



.flip-card-back {

  z-index: 1;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  transition: 0.5s ease-in-out;

}





.flip-card.flipped .flip-card-back .leader-btm {

  height: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

}

.flip-card.flipped .flip-card-front {
  -webkit-visibility: hidden;
  visibility: hidden;
  opacity: 0;
}

.privacy-policy-section .heading {

  font-family: 'Sunset Gothic Pro';

  text-align: center;

  width: 100%;

  display: block;

  font-size: 150px;

  font-weight: 400;

}

.privacy-policy-section .title {

  font-family: 'Sunset Gothic Pro';

  font-weight: 300;

  font-size: 40px;

  line-height: 100%;



}

.privacy-policy-section .content {

  font-family: 'Sunset Gothic Pro';

  font-weight: 300;

  font-size: 22px;

  line-height: 100%;

  text-align: justify;

}

.last-updated {

  font-size: 40px;

  font-weight: 300;

  color: #6E6E6E;

  margin-top: 70px;

  margin-bottom: 20px;

}

.divider-img {

  width: 100%;

  height: auto;

  display: block;

  margin: 30px 0;

}


.errormsgbx {
  text-align: left !important;
  line-height: 18px !important;
  display: inline-block;
}

.leader-card-desc {
  z-index: 1;
}

/* Shubham Thakur */
.banner-section {
  min-height: 780px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.bnr-nclficon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bnr-content {
  max-width: 321px;
  width: 100%;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.bnr-content h4 {
  font-size: 32px;
  line-height: 1.2;
  color: #3F190F;
  font-weight: 500;
  text-align: center;
}

.bnr-content span {
  font-size: 27px;
  line-height: 1.2;
  color: #FF4500;
}

.reg-filed {
  display: flex;
  background-color: #FDEF2C;
  padding: 16px 30px;
  border: 1.5px solid #000;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  max-width: 620px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.reg-filed span {
  font-size: 20px;
  font-weight: 700;
  color: #FF4500;
}

.reg-filed .subs-link {
  height: 35px;
  line-height: 1.2;
}

.booksaltm-section {
  padding-bottom: 90px;
  padding-top: 150px;
}

.main-grid {
  display: flex;
  /* 50% 50% */
  gap: 1rem;
}

.booksaltm-detail {
  width: 49%;
}

.booksaltm-image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  width: 49%;
}

.booksaltm-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.booksaltm-right-column {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

.booksaltm-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}

.booksaltm-detail h3 {
  font-size: 35px;
  color: #BF61FF;
  line-height: 1.2;
  font-weight: 500;
}

.booksaltm-detail p {
  color: #BF61FF;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  line-height: 22px;
  letter-spacing: .03rem;
  font-family: 'Sunset Gothic Pro';
}

.booksaltm-detail p+p {
  margin-top: 10px;
}

.our-mission-section {
  padding: 80px 0;
}

.mission-main-flx {
  margin-top: 100px;
}

.mission-main-flx ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

.mission-main-flx .approvalcat-card h3 {
  font-size: 24px;
}

.mission-main-flx .approvalcat-card p {
  font-size: 14px;
}

/* .mission-main-flx .approvalcat-card{
  padding: 20px;
} */
.mission-main-flx .approvalcat-card {
  position: relative;
  padding-top: 50px;
}

.mission-main-flx .approvalcat-card figure {
  position: absolute;
  top: -60px;
  left: 50%;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}

.mission-main-flx .approvalcat-card-desc {
  margin-top: 10px;
}

.brainwave-section {
  padding: 50px 0;
}

.brainwave-iamge {
  width: 100%;
  height: 730px;
  background-size: 100%;
  background-repeat: no-repeat;
}

/* slider */
.decode-slider-main {
  position: relative;
}

.decode-slider-main .decode-slider-list {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: end;
}

.decode-slider-main:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 80%;
  height: 1px;
  background-color: #BF61FF;
  transform: translateX(-50%);
}

.decode-slider-main .decode-slider-list {
  padding: 20px 0;
}

.decode-slider-main .decode-slider-list span {
  font-size: 60px;
  font-weight: 100;
  display: block;
  line-height: 1.2;
  color: #FFB2DB;
  margin-right: 50px;
  cursor: grab;
}

.decode-slider-main .decode-slider-list span.active {
  font-size: 100px;
  font-weight: 600;
  color: #FF4500;
}

section.decode-section {
  padding: 80px 0;
}

.decode-victorline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  position: relative;
}

.decode-victorline:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 80%;
  background-color: #BF61FF;
}

.decode-victorline span {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* single slider image */
.single-slider-main {
  padding: 20px;
  font-family: sans-serif;
}

.main-flex {
  display: flex;
  align-items: center;
  gap: 20px;
}

.slider-wrapper {
  position: relative;
  width: 700px;
  height: 400px;
  overflow: hidden;
  border-radius: 10px;
}

.single-slider-list {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: max-content;
}

.nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  background-color: #FDEF00;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

.single-slider-content h3 {
  color: #BF61FF;
  font-size: 28px;
}

.single-slider-content p {
  color: #BF61FF;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Sunset Gothic Pro';
}

.guest-list ul {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
}

.guest-img-main {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.guest-img-main p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .03rem;
}

.guest-img-main img+p {
  margin-top: 10px;
}

.previous-guest-section {
  padding-bottom: 60px;
}

.brand-clips-section {
  padding: 80px 0;
  overflow: hidden;
}

.more-heading {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}

.more-heading h3 {
  font-size: 34px;
  color: #FF4500;
}


.person-image {
  width: 100%;
  height: 400px;
}

.person-image span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.nav-reletive {
  position: relative;
}

.nav-dropdowm {
  position: absolute;
  width: 160px;
  z-index: 9;
  background-color: #fff;
  box-shadow: 1px 2px 4px 1px #0000001f;
  border-radius: 10px;
  padding: 10px;
}

.nav-menu-main {
  display: flex;
  gap: 10px;
  align-items: center;
  position: relative;
  padding-left: 20px;
  color: #000;
}

.nav-menu-main p span {
  font-family: 'Segoe Script';
}

.nav-menu-main p {
  font-size: 16px;
}

.nav-item-with-dropdown {
  position: relative;
}

.nav-dropdown {
  position: absolute;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  top: 100%;
  left: 0;
  display: none;
  z-index: 999;
  width: 140px;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.check-icon-nav {
  position: absolute;
  left: 0;
}

.nav-item-with-dropdown {
  position: relative;
}

.nav-dropdown {
  display: none;
  position: absolute;
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  top: 100%;
  left: 0;
  z-index: 999;
  padding: 10px;
}

.nav-item-with-dropdown.active .nav-dropdown {
  display: block;
}

.nav-item-with-dropdown .nav-link svg {
  transition: transform 0.3s ease;
}

/* Rotate arrow when active */
.nav-item-with-dropdown.active .nav-link svg {
  transform: rotate(180deg);
}

.check-icon-nav {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.nav-menu-main:hover .check-icon-nav {
  opacity: 1;
  visibility: visible;
}

.leader-title-con p {
  padding-right: 33px;
  max-width: 350px;
}

.lader-aligin {
  align-items: center;
  overflow: hidden;
}

.nclf-section {
  padding: 60px 20px;
  padding-bottom: 160px;
  background-color: #fff;
  font-family: 'Arial', sans-serif;
}

.nclf-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 1170px;
  margin: 0 auto;
  gap: 15px;
}

.nclf-image img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.nclf-content {
  width: 48%;
}

.nclf-title {
  font-size: 36px;
  color: #BF61FF;
  margin-bottom: 15px;
  font-weight: 900;
  letter-spacing: .03rem;
  line-height: 45px;
  font-family: 'Sunset Gothic Pro';
}

.nclf-description {
  font-size: 16px;
  color: #BF61FF;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 400;
  letter-spacing: .03rem;
  padding: 0;
  font-family: 'Sunset Gothic Pro';
}

.nclf-image {
  width: 48%;
}

.contianer-widthset {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;

}

.subs-hoverremove:hover {
  background-color: #ff5721;
}

.brand-slider {
  overflow: hidden;
  width: 100%;
  background: #fff;
  padding: 30px 0;
  transform: rotate(-4deg);

}

.brand-track {
  display: flex;
  width: max-content;
  animation: marqueeScroll 30s linear infinite;
}

.brand {
  flex: 0 0 auto;
}

.brand img {
  height: 60px;
  display: block;
  object-fit: contain;
}

/* Animation for left-to-right marquee */
@keyframes marqueeScroll {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0%);
  }
}

.know-more-btn {
  padding-top: 15px;
}

.guest-img-main img {
  width: 150px;
}







.slider-container {
  max-width: 1000px;
  margin: 0 auto;
}

h1 {
      text-align: start !important;
  margin-bottom: 40px;
  color: #333;
}

/* Year slider styles */
.year-slider {
  margin-bottom: 50px;
}

.year-slide {
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  padding: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #FFB2DB;
}

.year-slide.slick-center {
  color: #FF4500;
  transform: scale(1.2);
  font-size: 50px;
  font-weight: 700;
}

/* Content slider styles */


/* Slick slider arrow customization */
.slick-prev:before,
.slick-next:before {
  color: #333;
  font-size: 30px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .year-slide {
    font-size: 20px;
  }

  .content-slider {
    padding: 20px;
  }
}


.slick-slide {
  height: unset;
}

.slick-initialized .slick-slide {
  width: unset;
}



    .single-slider-main {
      position: relative;
    }

    .slider-wrapper {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 500px;
    }

    #sliderList {
      display: flex;
      height: 100%;
      transition: transform 0.5s ease;
      will-change: transform;
      /* width: 100%; */
      /* display: block; */
    }

 

    .nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #FDEF00;
      color: #000;
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      font-size: 20px;
      transition: all 0.3s ease;
      padding: 0;
      border: 1px solid #000;
    }

    .nav:hover {
      background: #FDEF00;
    }

    .nav.prev {
      left: 20px;
    }

    .nav.next {
      right: 20px;
    }

    .single-slider-content {
      padding: 30px;
      background: #fff;
      width: 35%;
    }

    /* Animation for fade-up effect */
    .fade-up {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeUp 0.5s ease forwards;
    }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Responsive styles */
    @media (max-width: 768px) {
      .slider-wrapper {
        height: 350px;
      }

      .single-slider-content {
        padding: 20px;
      }

      .single-slider-content h3 {
        font-size: 24px;
      }
    }

    @media (max-width: 480px) {
      .slider-wrapper {
        height: 250px;
      }

      .nav {
        width: 30px;
        height: 30px;
        font-size: 16px;
      }

      .single-slider-content h3 {
        font-size: 20px;
      }

      .single-slider-content p {
        font-size: 14px;
      }
    }

    .slider-wrapper {
    width: 65%;
    overflow: hidden;
    height: 438px;
}
.flip-card-inner {
            height: 100% !important;
        }

        .flip-card-front {
            height: 100% !important;
        }

        .leader-card {
            height: 100% !important;
        }

        .flip-card {
            height: 100% !important;
        }

.reg-filed{
    display: none !important;
}