/*************** Import Css **************/
@import "common.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/*font-family: "Merriweather Sans", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*font-family: "Roboto", sans-serif;*/
/********************* Header Css ******************/
.header-area{
    padding:55px 0px;
    width:100%;
    position: absolute;
    left:0px;
    z-index: 99;
    top:0px
}
.header-content-wrapper {
    margin: 0px -48px;
}
.header-area.fixed_header{
    position: fixed;
    top:-100%;
    left:0px;
    padding:25px 0px;
    background:#fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
}
.header-area.fixed_header.stky{
    top:0%;
    transition: all 0.5s;
    -webkit-animation: all 0.5s;
}
/************ Menu Css ***********/
.menu-area ul{
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.menu-area > ul{
    display:flex;
    gap:70px;
}
.menu-area > ul > li > a{
    font-size:16px;
    color:#000000;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque';
    font-weight:500;
}
.menu-area > ul > li > a:hover{
    opacity: 0.5;
}
/****************** End: Header Css ******************/
/********************* Banner Area ******************/
.banner-area{
    padding-top: 200px;
    padding-bottom:200px;
}
.banner-content h1{
    margin-bottom: 92px;
    color:#000
}
.banner-short-content-wrapper{
    max-width:325px;
}
.banner-short-content-wrapper h2{
    margin-bottom: 64px;
}
.banner-short-content-wrapper p{
    padding-bottom: 178px;
    margin:0px;
}
.banner-image{
    position: absolute;
    right:0px;
    bottom:0px;
    /* max-height: 618px; */
    max-width: 55%;
    width: 100%;
    overflow: hidden;
}
.banner-image img{
    border-top-left-radius: 162px;;
}
/********************* End:Banner Area ******************/
/********************* Banner Bottom Three Block Area ******************/
.banner-bottom-three-block{
    padding-top:200px;
    padding-bottom:200px;
}
.three-block-content-wrapper{
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 150px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
}
.each-block {
    width: 26%;
}
.each-block:last-child {
    width: 32%;
}
.each-block-icon-box {
    max-width: 76px;
    max-height: 60px;
    min-height:60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
}
.each-block-icon-box img{
    max-height: 100%;
    max-height: 100%;
    object-fit: cover;
}
.each-block-icon-text h2{
    margin-bottom: 20px;
}
.each-block-icon-text p:last-child{
    margin: 0px;
}
/********************* End:Banner Bottom Three Block Area ******************/
/********************* Middle Block Area *********************/
.middle-block-area {
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
}
.middle-block-content-wrapper {
    /* min-height:600px; */
    padding: 50px 0px;
    background-position: top left;
    background-image: none !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.middle-block-content-wrapper:before{
    position: absolute;
    top:0px;
    right:0px;
    height:100%;
    content: '';
    width:100%;background: linear-gradient(to right,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 62%,rgba(0,0,0,1) 90%);
    opacity: 0.8;
}
.middle-block-content h2{
    color:#fff;
    margin-bottom: 32px;
}
.middle-block-content p{
    color:#fff;
    margin-bottom: 42px;
}
.middle-block-content{
    padding-right: 30px;
}
.bg-for-mob{
    display: none;
}
/********************* End:Middle Block Area *********************/ 
/********************* Image and Content Block Area *************/
.image-and-conent-block-area{
    padding-top:200px;
    padding-bottom:200px;
}
.image-and-conent-block-wrapper .row{
    margin:0px -40px;
}
.image-and-conent-block-wrapper .row  > *{
    padding:0px 40px;
}
.image-wrapper > img{
    border-top-right-radius: 60px;
    -webkit-box-shadow: 25px 25px 80px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 25px 25px 80px 0px rgba(0,0,0,0.2);
    box-shadow: 25px 25px 80px 0px rgba(0,0,0,0.2);
}
.image-and-conent-block-wrapper{
    max-width:1076px;
}
.image-and-conent-block-area .content-area p:last-child{
    margin:0px;
}
.image-and-conent-block-wrapper .row .col-lg-7{
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}
.image-and-conent-block-wrapper .row .col-lg-5{
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}
.image-and-conent-block-area h2{
    margin-bottom: 24px;
}
/********************* End:Image and Content Block Area *************/
/******************** Benefit Area ******************/ 
.benefit-area{
    padding-top:200px;
    padding-bottom:200px;
}
.benefit-area-wrapper{
    max-width:1150px;
}
.benefit-area-wrapper h2{
    font-size: 96px;
	line-height: 120px;
	font-family: 'Brandon Grotesque';
	color:#000;
	text-transform:uppercase;
    margin-bottom: 55px;
    font-weight: 500;
}
.benefit-area-wrapper p{
    max-width: 632px;
    margin-bottom: 80px;
}
.each-slide-box-image-area{
    border-top-right-radius: 70px;
    overflow: hidden;
}
.each-slide-box-image-area img{
    width:100%
}
.each-slide-box h3{
    text-align: center;
    margin-top: 32px;
}
.each-slide-box-hover-content{
    width:100%;
    height:100%;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    top:0px;
    left:0px;
    position: absolute;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: end;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    flex-direction: column;
}
.each-slide-box-hover-content h2{
    font-size:24px;
    line-height:32px;
    color:#fff;
    margin-bottom: 16px;
}
.each-slide-box-hover-content p{
    color:#fff;
    margin-bottom: 0px;
}
.each-slide-box:hover .each-slide-box-hover-content{
    opacity: 1;
    pointer-events: all;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.benefit-area .swiper-pagination{
    display:none
}
/******************** End:Benefit Area *********************/
/******************* Journey Area *********************/
.journey-area{
    padding-top: 200px;
    padding-bottom: 200px;
}
.journey-area-wrapper{
    background-color: #000000;
    padding-top: 118px;
    padding-bottom: 118px;
}
.journey-heading-left-content h2{
    margin-bottom: 56px;
    color:#fff
}
.journey-heading-left-content p{
    color:#fff
}
.journey-heading-left-content p:last-child{
    margin: 0px;
}
.download-button-area{
    padding-top:50px;
    display:flex;
    gap:10px;
    justify-content: end;
}
.journey-heading-left-content{
    padding-right: 40px;
}
.journey-slider-area{
    padding:0px 48px;
    margin: 56px -48px 0px;
}
.journey-slider-area .swiper-wrapper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
    padding: 0 48px;
}
.each-step-area{
    width: 210px;
}
.step-image-content h2{
    color:#fff;
    margin-bottom: 16px;;
}
.step-image-content p{
    margin: 0px;
    color:#fff;
}
.step-count{
    width:38px;
    height:38px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px dashed #fff;
    color:#fff;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background:#000;
    z-index:1
}
.journey-slider-area .swiper-slide:after{
    width:50%;
    height:1px;
    border-bottom:1px dashed #fff;
    content:'';
    position:absolute;
    top:17px;
    right:0px;
}
.journey-slider-area .swiper-slide:before{
    width:50%;
    height:1px;
    border-bottom:1px dashed #fff;
    content:'';
    position:absolute;
    top:17px;
    left:0px;
}
.journey-slider-area .swiper-slide:first-child:before{
    display:none
}
.journey-slider-area .swiper-slide:last-child:after{
    display:none
}
.step-image{
    margin-bottom: 32px;
}
.journey-slider-area .swiper-pagination{
    display: none;
}
/******************* End:Journey Area *********************/
/****************** Our Service Area ******************/
.our-service-area{
    padding-top: 200px;
    padding-bottom: 200px;
}
.our-service-area .container > h2{
    text-align: center;
    margin-bottom: 80px;
}
.each-service-area .each-block-icon-box {
    max-width: 60px;
    max-height: 60px;
    min-height:60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
}
.each-service-area h3{
    font-size:24px;
    line-height:35px;
    font-weight:400;
    margin-bottom: 24px;
}
.each-service-area  p{
    margin:0px;
}
.more-service-button{
    margin-top: 80px;
}
.each-service-slider-image{
    border-top-right-radius: 60px;
    overflow: hidden;
}
.each-service-slider-image img{
    width:100%;
    object-fit: cover;
}
.our-service-area .swiper-pagination{
    display:none;
}
/****************** End:Our Service Area ******************/
/****************** Gallery Slider ****************/
.gallery-slider{
    padding-top: 200px;
    padding-bottom: 200px;;
}
.first-level-auto-slider{
    margin-bottom: 50px;
}
.first-level-auto-slider .swiper-wrapper {
    transition-timing-function: linear !important;
    position: relative;
}
.first-level-auto-slider .swiper-wrapper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto !important;
    position: relative;
    overflow: hidden;
    padding: 0 16px;
}
.second-level-auto-slider .swiper-wrapper {
    transition-timing-function: linear !important;
    position: relative;
}
.second-level-auto-slider .swiper-wrapper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto !important;
    position: relative;
    overflow: hidden;
    padding: 0 16px;
}
/****************** End:Gallery Slider ****************/
/****************** Ready to unlock area ***************/
.ready-to-unlock-area{
    padding-top: 200px;
    padding-bottom: 200px;
}
.ready-to-unlock-area-heading{
    max-width:1150px;
}
.ready-to-unlock-area-heading h2{
    font-size: 90px;
    line-height: 120px;
    font-family: 'Brandon Grotesque';
    color: #000;
    text-transform: uppercase;
    margin-bottom: 55px;
    font-weight:500;
}
.ready-to-unlock-area-heading p{
    max-width: 632px;
    margin-bottom: 80px;
}
.form-bg img{
    /* height:625px; */
    width:100%;
    object-fit: cover;
    object-position: top center;
}
.form-wrapper{
    padding:60px 98px;
    background:#fff;
    border-radius:15px;
    max-width: 788px;
    margin-top:-290px;
    background-color: #fff;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.08);
    position:relative
}
.form-wrapper h2{
    text-align:center;
    margin-bottom: 40px;
}
.form-wrapper label {
    color: #000;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-bottom: 2px;
}
.form-styl {
    resize: none;
    border: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: 25px;
    padding: 14px 0;
    border-radius: 0;
    background-color:#fff;
}
.form-styl:placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.form-styl:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.form-styl::placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.form-styl:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    color: #000;
    background-color: #fff;
}
textarea.form-styl {
    min-height: 43px;
    height: 43px;
}
textarea.form-styl::-webkit-scrollbar {
    display: none;
}
/* .form-wrapper .common-button {
    margin-top: 10px;
    max-width: 200px;
} */
/****************** End:Ready to unlock area ***************/
/****************** Map Area ******************/
.map-area{
    padding-top: 200px;
    padding-bottom: 200px;
}
.map-wrapper{
    max-width: 1140px;
}
.map-heading{
    max-width: 460px;
}
.map-heading h2{
    margin-bottom: 22px;
}
.map-heading p{
    margin-bottom: 80px;
}
.map-iframe-box {
    border-radius: 15px;
    overflow: hidden;
}
.map-iframe-box iframe{
    display:block;
    height:530px;
    width:100%;
}

/****************** End:Map Area ******************/
/***************** Footer Area *******************/
.footer-area{
    padding-top:85px;
    background:#000;
    padding-bottom: 20px;
}
.footer-each-info h5{
    font-weight:700;
    color:#fff;
    margin-bottom: 32px;
}
.footer-each-info ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.footer-each-info ul li:not(:last-child){
    margin-bottom: 16px;
}
.footer-each-info ul li a{
    color:#fff
}
.footer-each-info ul li a:hover{
    color:#979797
}
.contact-info ul li a span{
    margin-right: 8px;
}
.address-info a{
    color:#fff;
    display: flex;
}
.address-info a span{
    margin-right: 8px;
}
.footer-each-info a:hover{
    color:#979797
}
.footer-middle-area{
    max-width:1300px;
    padding: 0px 25px;
}
.footer-left-content p{
    color:#fff;
}
.privacy-policy-area ul{
    margin: 0px;
    list-style: none;
    padding:0px;
    display: flex;
    gap:32px
}
.privacy-policy-area ul li a{
    color:#fff
}
.privacy-policy-area ul li a:hover{
    color:#979797
}
.footer-social ul{
    margin: 0px;
    list-style: none;
    padding:0px;
    display: flex;
    gap:12px;
}
.footer-social ul li a{
    display: flex;
    width:31px;
    height:31px;
    align-items: center;
    justify-content: center;
    background:#fff;
    border-radius: 100%;
    font-size: 14px;
    color:#000
}
.footer-social ul li a img {
    width: 17px;
    height: 17px;
}
.footer-social ul li a:hover{
    background-color:#979797
}
.footer-left-content p{
    margin: 0px;
}
.footer-top-area{
    margin-bottom: 80px;
}
.footer-middle-area{
    margin-bottom: 63px;
}
.footer-bottom p{
    margin: 0px;
    color:#fff;
}
.footer-bottom p a{
    margin-left: 10px;
}
.footer-link-area{
    gap:133px
}
.mobile-contact-info .phone-number-and-mail ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.mobile-contact-info .phone-number-and-mail ul li a{
    color:#8C959F
}
.mobile-contact-info .phone-number-and-mail ul li a:hover{
    color:#fff
}
.mob-address-area a:hover{
    color:#fff
}
/***************** End:Footer Area *******************/
/***************** About Us Area ******************/
.about-us-banner-area .banner-short-content-wrapper {
    max-width: 438px;
}
.about-us-banner-area .banner-short-content-wrapper p {
    padding-bottom: 13px;
    margin: 0px;
}
.about-us-banner-area .banner-image img {
    border-top-left-radius: 60px;
}
.about-us-banner-area .banner-image {
    /* max-height: 515px; */
    max-width: 48%;
}
.banner-content h1 {
    margin-bottom: 49px;
    color: #000;
}
.fonder-area{
    padding-top: 200px;
    padding-bottom: 200px;
}
.founder-heading h2{
    font-size: 90px;
    line-height: 120px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque';
    margin-bottom: 25px;
}
.founder-name-and-dignity h3{
    font-size: 60px;
    line-height:120px;
    font-family: 'Brandon Grotesque';
    color:#000000;
    text-transform: uppercase;
}
.founder-content p:last-child{
    margin: 0px;
}
.founder-content{
    padding-left: 23px;
}
.founder-name-and-dignity{
    padding-left: 23px;
}
.founder-name-and-dignity h5{
    font-size: 32px;
    line-height: 35px;
    font-weight: 700;
}
.everyone-area{
    padding-top: 200px;
    padding-bottom: 200px;
}
.everyone-area p{
    text-align: center;
    margin-bottom: 0px;
}
.everyone-area p strong{
    display:block;
    font-size: 90px;
    line-height: 120px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque';
    font-weight: 500;
}
.everyone-area .container{
    /*max-width:1125px*/
}
.everyone-area >.container > h2{
    font-size: 32px;
	line-height: 35px;
	font-weight:700;
    text-align: center;
    margin-bottom: 56px;
}
.everyone-area .three-block-content-wrapper {
    /* column-gap: 120px; */
    margin-top: 110px;
}
.everyone-area .three-block-content-wrapper .each-block,
.everyone-area .three-block-content-wrapper .each-block:last-child {
    width: 27%;
}
.what-does-pilates-do{
    padding-top:200px;
    padding-bottom: 200px;
}
.what-does-pilates-do-heading h2{
    font-size: 90px;
    line-height: 120px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque';
    margin-bottom: 56px;
}
.what-does-pilates-do-heading p{
    max-width: 690px;
    margin-bottom: 56px;
}
.what-does-pilates-icon-area{
    max-width: 1000px;
}
.what-does-pilates-icon-area{
    flex-wrap:wrap;
}
.what-does-pilates-icon-wrapper{
    gap:50px
}
.what-does-pilates-icon-area .row{
    margin: 0px -25px;;
}
.what-does-pilates-icon-area .row .col-lg-4{
    padding: 0px 25px;
}
.each-pilates-icon-area{
    border-radius:20px;
    transition: all 0.5s;
}
.each-pilates-icon-area:hover{
    -webkit-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    transition: all 0.5s;
}
.before-content-icon-area{
    max-width:71px;
    max-height:58px;
    min-height:58px;
    margin-bottom: 24px;
}
.before-content-area{
    padding:74px 57px;
    background: #fff;
    border-radius:20px;
    position: relative;
    min-height:301px;
    transition: all 0.5s;
    top: 0px;
}
.after-hover-content{
    padding:120px 29px 37px;
    background-color: #000;
    margin-top: -100px;
    border-radius:20px;
}
.after-hover-content p{
    color:#fff;
    margin: 0px;
}
.what-does-pilates-icon-area .row .col-lg-4{
    margin-bottom: 20px;
}
.each-pilates-icon-area:hover .after-hover-content{
    display: block;
}
.each-pilates-icon-area.active .before-content-area{
    top:-20px;
    transition: all 0.5s;
}
.principle-area{
    padding-top:200px;
    padding-bottom: 100px;
}
.principle-area-heading{
    padding-left: 15px;
}
.principle-area-heading h2{
    font-size: 90px;
    line-height: 120px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque';
    margin-bottom: 56px;
}
.principle-area-slider .swiper-container .swiper-wrapper{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: row !important;
}
.principle-area-slider .swiper-slide{
    margin-top: 50px !important;
}
.principle-area-slider .each-slide-box-hover-content{
    padding-left: 57px;
    padding-right: 57px;
}
.what-does-pilates-icon-area .swiper-slide{
    margin-top: 50px !important;
}
.what-does-pilates-icon-area .swiper-container{
    padding:0px 80px;
    margin: 0px -80px;
    overflow:inherit;
}
.principle-area-slider {
    margin-bottom: 100px;
}
.principle-area-bottom p:last-child {
    margin-bottom: 0;
}
/*********************Service Area **********************/
.service-banner-area{
    margin-top: 164px;
}
.service-banner-area:after{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top:0px;
    left: 0px;
    width:100%;
    height: 100%;
    content:'';
}
.service-banner-area .container{
    position: relative;
    z-index: 1;
}
.service-banner-area .banner-content > h1{
    text-align: center;
    color:#fff;
    margin-bottom: 56px;
}
.service-banner-area .banner-short-content-wrapper{
    max-width: 626px;
    margin-left: auto;
    margin-right: auto;
}
.service-banner-area .banner-short-content-wrapper p{
    color:#fff;
    text-align: center;
    padding-bottom: 0px;
}
.service-banner-area {
    padding-bottom: 135px;
}
.tab-area {
    padding-top: 200px;
    padding-bottom: 200px;
}
.tab-area-button-area ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 32px;
}
.tab-area-button-area ul li a{
    padding:92px 57px;
    background-color: #fff;
    border-radius: 20px;
    display:block;
}
.tab-area-button-area ul li a:hover, .tab-area-button-area ul li.active a{
    -webkit-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
}
.tab-area-button-area{
    margin:-70px -60px 0px
}
.each-block-icon-box h2{
    margin-bottom: 24px;
}
.tab-block-image{
    min-width:382px
}
.tab-block-image img{
    border-top-right-radius: 60px;
}
.tab-block-area{
    gap:115px;
}
.tab-block-content h2{
    font-size: 32px;
	line-height: 35px;
	font-weight:700;
    margin-bottom: 24px;
}
.each-tab-content{
    margin-top: 100px;
}
.tab-block-content p:last-child{
    margin-bottom: 0px;
}
.related-tab-content{
    display: none;
}
.related-tab-content.active{
    display:block
}
.mobile-tab-area .each-button{
    padding:25px 57px;
    background-color: #fff;
    border-radius: 20px;
    display:inline-block;
    -webkit-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
}
.each-tab-slider-wrapper{
    text-align: center;
}
.mobile-menu-area{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    min-height:100vh;
    background-color: #000;
    z-index: 99999;
    padding: 108px 37px;
    left:-100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.mobile-menu-area.active{
    left:0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-listing-area ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.menu-listing-area ul li a{
    display: block;
    font-family: 'Arial';
    font-size: 16PX;
    line-height: 150%;
    color:#fff;
    padding:16px 16px 11px;
    border-bottom:1px solid rgba(255,255,255,0.5);
    position: relative;
    background: url('../images/Vector.png') no-repeat 97% center;
}
.mobile-menu-contact-button{
    margin-top: 24px;
    margin-bottom: 35px;
}
.mobile-menu-contact-button a{
    background-color: #fff;
    color:#000
}
.mobile-menu-area .mobile-contact-info {
    max-width: 280px;
    margin: 35px auto;
    padding: 0px 0px;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}
.cross-icon{
    position: absolute;
    top: 20px;
    right: 20px;
}
.cross-icon i{
    color:#fff;
    font-size: 30px;
}
/*=======================blog-overview-page-start==============================*/
.inner-banner-area {
    min-height: 755px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 164px;
    position: relative;
    padding: 80px 0;
    background-position: top center;
}
.inner-banner-text {
    z-index: 1;
}
.inner-banner-text p {
    color: #fff;
}
.inner-banner-area::after {
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.filter-search {
    max-width: 485px;
    width: 100%;
    margin: 50px auto 0;
    position: relative;
}
.filter-search .blog-search {
    resize: none;
    border: 0;
    border-radius: 15px;
    font-family: "Merriweather Sans", sans-serif;
    color: rgba(31, 31, 57, 1);
    font-size: 16px;
    padding: 12px 101px 12px 52px;
    background-color: rgba(255,255,255,0.7);
    height: 66px;
    width: 100%;
}
.filter-search .blog-search:focus {
    outline: none;
}
.blog-search-btn {
    background-color: #000;
    border-radius: 15px;
    padding: 5px 20px;
    position: absolute;
    right: 15px;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 24px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.blog-search-btn:hover {
    background-color: #fff;
    color: #000;
}
.blog-search-btn:focus {
    outline: none;
}
.filter-search img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 22px;
}
/****featured-blog-area*****/
.featured-blog-area {
    padding: 200px 0 0;
}
.featured-blog-img {
    max-width: 520px;
    width: 100%;
}
.featured-blog-img img {
    border-radius: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.featured-blog-img:hover img {
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
}
.blog-author-img {
    width: 82px;
    height: 82px;
    border-radius: 100%;
    margin-right: 15px;
}
.blog-author-text {
    width: calc(100% - 97px);
}
.featured-blog-text h2 {
    margin-bottom: 22px;
}
.featured-blog-text h2 a {
    color: #1F1F39;
}
.featured-blog-text h2 a:hover {
    opacity: 0.5;
}
.featured-blog-text p {
    color: rgba(0, 0, 0, 0.5);
}
.featured-blog-text .common-link {
	font-family: "Merriweather Sans", sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    font-weight: 300;
    text-transform: none;
}
.featured-blog-text .common-link:hover {
    opacity: 0.5;
}
.blog-author {
    margin-top: 21px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.blog-author-text h2 {
    color: #1F1F39;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 5px;
}
.blog-author-text p {
    margin-bottom: 0;
}
/***blog-grid-area****/
.blog-grid-area {
    padding: 127px 0 200px;
}
.each-blog-img { 
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    margin-bottom: 32px;
}
.each-blog-img:hover {
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
}
.each-blog-text {
    max-width: 347px;
    width: 100%;
}
.each-blog-text h2 {
    margin-bottom: 8px;
}
.each-blog-text h2 a {
    color: #000;
}
.each-blog-text h2 a:hover {
    opacity: 0.5;
}
.each-blog-text .common-link {
    color: #000;
    font-weight: 300;
    text-transform: none;
}
.each-blog-text .common-link:hover {
    opacity: 0.5;
}
.each-blog-text p {
    margin-bottom: 12px;
    color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-grid-area .row {
    row-gap: 75px;
    margin: 0 -25px;
}
.blog-grid-area .col-lg-4 {
    padding: 0 25px;
}
/*=======================blog-post-page-start==============================*/
/***blog-post-area***/
.blog-post-area {
    padding: 200px 0;
}
.blog-post-top {
    margin-bottom: 32px;
}
.blog-post-top-text {
    max-width: 544px;
    width: 100%;
    margin-left: auto;
}
.blog-post-top-img {
    max-width: 395px;
    width: 100%;
    overflow: hidden;
}
.blog-post-area img {
    border-radius: 20px;
}
.blog-post-area p {
    color: #000;
}
.blog-post-area h2 {
    margin-bottom: 22px;
}
.blog-post-area ul {
    margin-bottom: 32px;
}
.blog-post-wrap {
    max-width: 1074px;
    width: 100%;
    margin: 0 auto;
}
.blog-post-wrap .wp-block-columns {
    margin-bottom: 30px;
}
.blog-post-wrap .wp-block-image img {
    width: 100%;
}
/****comment-area***/
.comment-area {
    padding: 200px 0;
}
.comment-area form .row {
    margin: 0 -30px;
}
.comment-area form .col-lg-6,
.comment-area form .col-lg-12 {
    padding: 0 30px;
}
.comment-area .form-styl {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 44px 32px;
    border: 0;
}
.comment-area textarea.form-styl {
    height: 218px;
    padding-top: 25px;
}
.comment-area .form-styl:placeholder {
	color: rgba(31, 31, 57, 0.5);
}
.comment-area .form-styl:-ms-input-placeholder {
	color: rgba(31, 31, 57, 0.5);
}
.comment-area .form-styl::placeholder {
	color: rgba(31, 31, 57, 0.5);
}
.comment-area .form-group {
    margin-bottom: 32px;
}
.comment-heading h2 {
    margin-bottom: 31px;
}
.comment-heading {
    margin-bottom: 68px;
}
.comment-heading p {
	color: rgba(31, 31, 57, 0.5);
}
.comment-wrap {
    max-width: 1094px;
    width: 100%;
    margin: 0 auto;
}
.comment-area .common-button {
    margin-top: 34px;
}
/***comment-design-fix***/
.comment-area .comments-title {
    margin-bottom: 15px;
    display: none;
}
.comment-area .comment-list {
    margin: 20px 0;
    display: none;
}
.comment-area .reply a {
    text-decoration: underline;
}
.comment-area .comment-metadata {
    margin: 10px 0;
}
.comment-area .comment-author a,
.comment-area .comment-metadata a,
.comment-area .reply a,
.comment-area .reply-title a,
.comment-area .comment-reply-title a {
    color: #000;
}
.comment-area .comment-author a:hover,
.comment-area .comment-metadata a:hover,
.comment-area .reply a:hover,
.comment-area .reply-title a:hover,
.comment-area .comment-reply-title a:hover {
    color: rgba(0, 0, 0, 0.5);
}
.comment-area label {
    margin-bottom: 10px;
    font-weight: 500;
    display: none;
}
.comment-area .comment-form-cookies-consent {
    text-align: center;
    display: none;
}
.comment-area .form-submit {
    text-align: center;
    margin-bottom: 0;
}
.comment-area .comment-form-author {
    display: inline-block;
    width: 47%;
}
.comment-area .comment-form-email {
    display: inline-block;
    width: 47%;
    position: relative;
    left: 5.6%;
}
.comment-respond h2 {
    margin-bottom: 15px;
    display: none;
}
.comment-area .comment-reply-title {
    margin-bottom: 20px;
    display: none;
}
.comment-area .comment-reply-title > a {
    font-weight: 500;
}
.comment-area .comment-reply-title small {
    margin-left: 10px;
}
.comment-area .comment-reply-title small a {
    text-decoration: underline;
}
.comment-area .comment-notes {
    display: none;
}
.comment-area .logged-in-as {
    text-align: center;
}
.comment-area .logged-in-as a {
    color: #000;
    font-weight: 500;
}
.comment-area .logged-in-as a:hover {
    color: rgba(0, 0, 0, 0.5);
}
/*=======================contact-page-start==============================*/
.contact-area-wrap {
    padding: 64px 40px;
    border-radius: 25px;
    border: 3px solid #F0F0F0;
    background-color: #fff;
    margin-top: -170px;
    position: relative;
    z-index: 1;
}
.contact-info .row {
    row-gap: 35px;
    margin: 0 -33px;
}
.contact-info .col-lg-4 {
    padding: 0 33px;
}
.each-contact-info {
    border: 1px solid #F0F0F0;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    height: 100%;
}
.each-contact-info img {
    margin-bottom: 20px;
}
.each-contact-info p {
    color: #1F1F39;
    margin-bottom: 0;
}
.each-contact-info p a {
    color: #1F1F39;
}
.each-contact-info p a:hover {
    opacity: 0.5;
}
/* .contact-info {
    margin: 49px 0 40px;
} */
.contact-area .form-wrapper {
    margin-top: 64px;
}
.contact-area .form-wrapper h2 {
    font-size: 32px;
    line-height: 35px;
    font-weight: 700;
}
.contact-area {
    padding-bottom: 200px;
}
/*=======================academy-page-start==============================*/
/****left-text-banner*****/
.left-text-banner {
    background-position: center right;
}
.left-text-banner::after {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 28.48%, #000000 96.45%);
}
.left-text-banner h1 {
    max-width: 830px;
}
/****academy-grid-area*****/
.academy-grid-area {
    padding: 90px 0 200px;
}
.academy-grid-heading {
    max-width: 656px;
    width: 100%;
    margin: 0 auto 90px;
}
.academy-grid-heading h2 {
    margin-bottom: 30px;
}
.academy-grid-main {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: none;
}
.academy-grid-main:hover::after {
    opacity: 1;
}
.academy-grid-main .row {
    position: initial;
}
.academy-grid-main .col-md-6 {
    position: initial;
}
.each-academy {
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-academy::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.87%, #000000 100%);
}
.each-academy::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
}
.each-academy-img {
    height: 100%;
}
.each-academy-img img {
    height: 100%;
    object-fit: cover;
}
.each-academy-text {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    padding: 25px 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-academy-text h2 {
    color: #fff;
    margin-bottom: 16px;
}
.each-academy-text p {
    color: #fff;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.academy-grid-main:hover .each-academy {
    filter: grayscale(1);
}
.academy-grid-main:hover .each-academy::before {
    opacity: 1;
}
.each-academy:hover .each-academy-text  {
    bottom: 0;
    padding-bottom: 40px;
}
.each-academy:hover .each-academy-text p  {
    display: block;
    overflow: visible;
}
.each-academy:hover {
    width: calc(100% + 30%);
    z-index: 2;
    height: calc(100% + 30%);
    filter: grayscale(0) !important;
    z-index: 2;
}
.each-academy:hover::before {
    opacity: 0 !important;
}
.academy-grid-main .col-md-6:nth-child(even) .each-academy:hover {
    left: -30%;
}
.academy-grid-main .col-md-6:nth-last-child(2) .each-academy:hover,
.academy-grid-main .col-md-6:nth-last-child(1) .each-academy:hover {
    bottom: 30%;
}
.each-academy-text-wrap {
    max-width: 665px;
    margin: 0 auto;
    width: 100%;
}
/*****transform-slider-area*******/
.transform-slider-area {
    padding-left: 70px;
}
.transform-slider-area .swiper-slide {
    height: auto;
}
.each-transform-slider {
    background-color: #000;
    border-radius: 0 60px 0 0;
    overflow: hidden;
    height: 100%;
}
.each-transform-slider .row {
    height: 100%;
}
.each-transform-slider-text {
    text-align: center;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.each-transform-slider-text h2 {
    color: #fff;
    margin-bottom: 24px;
}
.each-transform-slider-text p {
    color: #fff;
    margin-bottom: 0;
}
.each-transform-slider-img {
    height: 100%;
}
.each-transform-slider-img img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.transform-slider-wrap {
    position: relative;
}
.transform-slider-wrap .swiper-pagination  {
    display: flex;
    justify-content: center;
    margin-top: 80px;
    gap: 13px;
    width: 100%;
    position: initial;
}
.transform-slider-wrap .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
}
.transform-slider-area .col-lg-7 {
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    max-width: 64%;
}
.transform-slider-area .col-lg-5 {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
}
.academy-journey .step-image {
    display: none;
}
/***learning-area*****/
.learning-area {
    padding: 90px 0 200px;
}
.learning-heading {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}
.learning-area .related-tab-content {
    display: block;
}
.learning-heading h2 {
    margin-bottom: 25px;
}
.learning-area .tab-block-content h2 {
    font-size: 24px;
    line-height: 35px;
    font-weight: 400;
}
/****acdemy-journey-area****/
.acdemy-journey-area .step-image {
    display: none;
}
a.more-link {
    display: none;
}
.wpcf7-spinner {
    position: absolute !important;
}
.step-image {
    display: none;
}
.home .step-image {
    display: block;
}