/*popup style*/
.bar-text{
    visibility:hidden !important;
}
.pum-theme-5185, .pum-theme-default-theme {
    background-color: rgb(0 0 0 / 40%) !important;
}
.yellow-circle-inner-content {
    z-index: 4 !important /* Latest Update */;
}

#popmake-5194 .popmake-5194{
    cursor:pointer;
}

#popmake-5194 input[type=submit],#popmake-5243 input[type=submit]  {
    background-color:#45C2CC !important;
    font-family: "filson-pro", sans-serif !important;
    margin-top: 1rem !important;
}

#popmake-5194 .pum-theme-5185 .pum-title, .pum-theme-default-theme .pum-title {
    text-align: center !important;
    color: #000 !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    font-family: "filson-pro", sans-serif !important;
    padding: 1.5rem 0rem !important;
}
#popmake-5194 .pum-theme-5185 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    color: #000000 !important;
    font-size: 16px !important;
    box-shadow: none !important;
    border: none !important;
    right: 5px !important;
    background-color: #7f83831f !important;
    border-radius: 100px !important;
    width: 30px !important;
    height: 30px !important;
    top: 5px !important;
    line-height: 10px !important;
    font-family: "filson-pro", sans-serif !important;
}
#popmake-5194 .pum-theme-5185 .pum-content, .pum-theme-default-theme .pum-content{
    color: #000 !important; 
    font-family: inherit;
    font-weight: 400;
    font-style: inherit;
    font-family: "filson-pro", sans-serif !important;
}

@media only screen and (min-width: 768px){
#popmake-5194.pum-container.pum-responsive.pum-responsive-tiny ,#popmake-5243.pum-container.pum-responsive.pum-responsive-tiny{
    margin-left: -25% !important;
    width: 65% !important;
    padding: 30px;
}
}
@media only screen and (min-width: 1024px){
#popmake-5194.pum-container.pum-responsive.pum-responsive-tiny,#popmake-5243.pum-container.pum-responsive.pum-responsive-tiny {
    margin-left: -25% !important;
    width: 50% !important;
    padding: 30px
}
}
@media only screen and (min-width: 1440px){
#popmake-5194.pum-container.pum-responsive.pum-responsive-tiny,#popmake-5243.pum-container.pum-responsive.pum-responsive-tiny {
    margin-left: -30% !important;
    width: 40% !important;
    padding: 30px
}
}
@media only screen and (min-width: 2000px){
#popmake-5194.pum-container.pum-responsive.pum-responsive-tiny,#popmake-5243.pum-container.pum-responsive.pum-responsive-tiny {
    margin-left: -30% !important;
    width: 30% !important;
    padding: 50px 50px
}
}

/*BUy now style*/

.product-custom-buy-now.pisol_buy_now_button {
    float: left;
    width: calc(100% - 65%) !important;
    height: 52px;
    margin-left: 15px !important;
    margin: 0 0 0 15px !important;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 4px;
    outline: 0;
    background: #45C2CC !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    transition: all .2s;
    color: #000 !important;
    font-weight: 500 !important;
    font-family: "filson-pro", sans-serif !important;
}


/*home page enqire now btn */
.home-enqire-pos {
    position: absolute;
    z-index: 10;
    top: -100px;
    left: 52%;
    transform: translate(-50%, 50%) !important;
}
.enq-ft-wght{
    font-weight:600 !important;
}
.text-left{
    text-align:left !important;
}
p.enq-btn a:after {
    position: absolute;
    background: url(https://makerandcoder.com/wp-content/uploads/2023/06/right-arrow.png);
    background-size: cover;
    content: "";
    width: 25px;
    right: -35px;
    top: 3px;
    height: 25px;
}

@media screen and (max-width:768px){
    .home-enqire-pos {
    position: absolute;
    z-index: 10;
    top: -100px;
    left: 47%;
    transform: translate(-50%, 50%) !important;
}
p.enq-txt a:after {
   background-image: url(https://makerandcoder.com/wp-content/uploads/2023/06/right-arrow.png) !important;
   background-size: contain;
}
}


/*scroll-style*/
.product {
    width: 100%;
    position: relative;
    z-index: 1;

}
.product .product-content{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}
.product .product-img-bottom img, .product .product-img-middle img, .product .product-img-top img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.product-img-top ,.product-img-middle ,.product-img-bottom{
    position: sticky;
    top: 110px;
    height: 200px;
}
.product-img-top_1{
position: sticky;
top: 50px;
height: 200px;
}
.product .product-img-top{
            z-index: 5;
}
.product .product-img-middle{
            z-index: 4;
}
.product .product-img-bottom{
            z-index: 2;
}
.product .product-img {
    margin-top: -10rem;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.wide_length{
    height: 400px;
    font-size: 16px;
    margin-top: 30rem;
}

.discover-sec {
    background: #EFEFEF;
    padding: 20px 0px 30px;
    position: relative;
}
.text-wrapper-header_2{
    position: sticky;
    position: -webkit-sticky;
    top: 730px;
    z-index: 0;
}
.text-wrapper-header{
    position: relative;
    z-index: 2;
}
.hero-title {
    font-size: 14em;
    font-family: "filson-pro", sans-serif !important;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -5.5px;
    color: #000;
    text-align: center;
    margin: 0;
    line-height: 0.8;
}
 .hero-title-header {
    font-size: 14em;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 3px;
    -webkit-text-stroke-color: #000;
    text-transform: uppercase;
    font-family: "filson-pro", sans-serif !important;
    letter-spacing: -5.5px;
    text-align: center;
    margin-top: -100px;
    margin: 0;
    line-height: 0.8;
}
.future_header .home-nm-tit{
    font-family: "filson-pro", sans-serif;
    font-size: 45px;
    font-weight: 300;
    color: #000;
    margin-bottom: 40px;
    text-align: center;
}
#future.stick,#your-hand.stick {
    position:sticky;
    position: -webkit-sticky;
    top:110px;
    z-index: 2;
}
#future.stickclose{
    position: relative;
}
.empty-long{
    height: 300px;
}
.empty-side-long{
    height: 200px;
}
.disc-sec-cpy {
    width: 33.33% !important;
    display: flex !important;
    flex-flow: column !important;
    justify-content: center !important;
    margin-top: -23% !important;
    align-items: flex-start !important;
    position: sticky !important;
    top: 420px !important;
    margin-left: 67% !important;
    z-index: 4;   /*Lastest-update*/
}
@media screen and (max-width:1440px){
    .hero-title,.hero-title-header{
    font-size: 10em;
}
#future.stick, #your-hand.stick {
    top: 110px;
}
.product {
    top: 45px;
}
.product .product-img {
    margin-top: -13rem;
}
.empty-long {
    height: 355px;
}
.empty-side-long {
    height: 150px;
}
.disc-sec-cpy {
    margin-top: -31% !important;
    top: 340px !important;
}
}
@media screen and (max-width: 1024px){
    .product {
    top: 45px;
}
.disc-sec-cpy {
    margin-top: -40% !important;
    top: 340px !important;
}
.hero-title, .hero-title-header {
    font-size: 8em;
}
#future.stick, #your-hand.stick {
   top: 110px;
}
.product .product-img {
    margin-top: -12.978rem;
    margin-left: -28%;
}
.product-img-top,.product-img-middle,.product-img-bottom{
    position: sticky;
    top: 45px;
    height: 200px;
}
.empty-long {
    height: 355px;
}
.disc-sec-cpy {
    width: 39.33% !important;
    display: flex !important;
    flex-flow: column !important;
    justify-content: center !important;
    margin-top: -39% !important;
    align-items: flex-start !important;
    position: sticky !important;
    top: 420px !important;
    margin-left: 62% !important;
}
}
@media screen and (max-width:768px){
    .product .product-img {
    margin-top: -12.978rem;
    margin-left: 0%;
}
.empty-long {
    height: 0px;
}

    .hero-title, .hero-title-header {
    font-size: 9em;
}
    #future.stick, #your-hand.stick {
    top: 110px;
}
.product {
    top: 60px;
}
.product-img-top,.product-img-middle,.product-img-bottom{
    position: sticky;
    top: 180px;
    height: 200px;
}
.product .product-img {
    margin-top: -14rem;
}
.empty-long {
    height: 275px;
}
.disc-sec-cpy {
    width: 100% !important;
    display: flex !important;
    flex-flow: column !important;
    justify-content: center !important;
        margin-top: 0% !important;
    align-items: flex-start !important;
    position: relative !important;
    top: 0px !important;
    margin-left: 0% !important;
    background:#EFEFEF !important;
}
.empty-side-long {
    height: 50px;
}
}
@media screen and (max-width: 576px){
.hero-title, .hero-title-header {
    font-size: 5em !important;
    line-height: 1;
}
.product .product-img-bottom img, .product .product-img-middle img, .product .product-img-top img {
    width: 100%;
}

#future.stick, #your-hand.stick {
    top: 100px
}
.product-img-top,.product-img-middle,.product-img-bottom {
    position: sticky;
    top: 180px;
    height: 175px;
}

.empty-long {
    height: 285px;
}
.product {
    top: 63px;
}
.product .product-img {
    margin-top: -11.7666rem;
}

}
@media screen and (max-width: 375px){
    .hero-title, .hero-title-header {
    font-size: 4em;
    line-height: 1;
}
.product {
    top: 95px;
}
}
@media screen and (max-width: 320px){
.product {
    top: 130px;
}
}


/*video styles  */

.what-can-yt-video {
    height: 600px;
}
.what-can-yt-video-iframe {
    height: 100%;
}

@media screen and (max-width:1024px){
    .what-can-yt-video {
    height: 551px;
}
}

@media screen and (max-width:768px){
.what-can-yt-video {
    height: 450px;
}
}
@media screen and (max-width:576px){
.what-can-yt-video {
    height: 300px;
}
}


  /*elementor*/
  .elementor-widget:not(:last-child) {
     margin-bottom: 0px !important; 
}
.page-template-default .archive-header, .single-post .archive-header {
    padding-bottom: 0em !important;
}
/*#content {*/
/*    -webkit-transform: translatex(20px) translatey(0px) !important;*/
/*    -ms-transform: translatex(20px) translatey(0px) !important;*/
/*    transform: translatex(20px) translatey(0px) !important;*/
/*}*/
.slick-dots li button:before {
    font-size: 12px !important;
}
.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #000 !important;
}
.slick-dots {
     bottom: 0px !important;
     right: 0px !important;
}
.slick-prev, .slick-next {
    display: none !important;
}
.mc-home-banner .owl-item{
    /*width:1440px !important;*/
}

.text-wrapper-header{
    position:relative;
}
/*section.discover-sec {*/
/*    height: 210vh !important;*/
/*    position: sticky;*/
/*}*/

/*.text-wrapper-header .hero-title {*/
/*    position: fixed;;*/
/*    left: -60%;*/
/*    top: 38%;*/
/*}*/
/*.text-wrapper-header .hero-title-header {*/
/*     position: fixed;*/
/*    left: 77%;*/
/*    top: 55%;*/
/*}*/


.disc-sec-cpy-seq {
    display: flex;
    flex-direction: column;
    width: 33.33%;
    align-items: flex-start;
    margin-top: 0%;
    transform: translate(0px, -40%);
}

.disc-sec-cpy-seq p {
    font-family: "filson-pro", sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    width: 70%;
    margin-left: 115px;
}
a.fiyh-lm-seq {
    position: relative;
    font-family: "filson-pro", sans-serif !important;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.disc-sec-cpy p, a.fiyh-lm {
    margin-left: 0px !important;
}

/*@media screen and (min-width:2000px){*/
/*    .scrollsequence-pages-wrap {*/
/*    height: 100vh !important;*/
/*}*/
/*}*/
/*@media screen and (max-width:1440px){*/
/*    #hero-h1,#hero-h2 {*/
/*    font-size: 11em !important;*/
/*}*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    width: 100%!important;*/
/*}*/
/*.disc-sec-cpy-seq {*/
/*    width: 35.33%;*/
/*    transform: translate(0px, -50%);*/
/*}*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    left: 0px !important;*/
/*}*/
/*}*/
/*@media screen and (max-width:1300px){*/
/*    #hero-h1,#hero-h2 {*/
/*    font-size: 10em !important;*/
/*}*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    left: 0!important;*/
/*    top: -75px;*/
/*}*/
/*}*/
/*@media screen and (max-width:1024px){*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    left: -90px !important;*/
/*    top: 0;*/
/*}*/
/*#hero-h1,#hero-h2 {*/
/*    font-size: 8em !important;*/
/*}*/
/*.disc-sec-cpy-seq {*/
/*    width: 46.33%;*/
/*}*/
/*.scrollsequence-pages-wrap {*/
/*    height: 67vh !important;*/
/*}*/
/*.scrollsequence-page {*/
/*     height: 87vh !important;*/
/*}*/
/*.disc-sec-cpy-seq p {*/
/*    width: 67%;*/
/*}*/
/*}*/
/*@media (max-width:992px){*/
/*#hero-h1,#hero-h2 {*/
/*    font-size: 6em !important;*/
/*    letter-spacing: 0px !important;*/
/*    line-height: 0.8 !important;*/
/*}*/
/*.disc-sec-cpy-seq {*/
/*    width: 40.33%;*/
/*    transform: translate(0px, -60%);*/
/*}*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    left: 0px !important;*/
/*    top: -18px;*/
/*}*/
/*}*/
/*@media (max-width:768px){*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    left: 0px !important;*/
/*}*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    left: 0px !important;*/
/*    top: -285px;*/
/*}*/
/*.scrollsequence-page {*/
/*    height: 100vh !important;*/
/*}*/

/*#hero-h1,#hero-h2 {*/
/*    font-size: 8em !important;*/
/*    letter-spacing: 0px !important;*/
/*    line-height: 0.8 !important;*/
/*    bottom: 185px !important;*/
/*}*/

/*.scrollsequence-pages-wrap {*/
/*    height: 100vh !important;*/
/*}*/
/*.disc-sec-cpy-seq {*/
/*    transform: translate(10px, 230%);*/
/*    width: 100%;*/

/*}*/
/*.disc-sec-cpy-seq p {*/

/*    width: 89%;*/
/*    margin-left: 20px;*/
/*}*/

/*}*/
/*@media screen and (max-width:576px){*/
/* #hero-h1 {*/
/*    font-size: 7em !important;*/
/*    letter-spacing: 0.5px !important;*/
/*}*/
/*#hero-h2 {*/
/*    font-size: 7em !important;*/
/*    letter-spacing: 0.5px !important;*/
/*    line-height: 0.8 !important;*/
/*}*/
/*.disc-sec-cpy-seq {*/
/*    transform: translate(10px, 60%);*/
/*    width: 100%;*/
/*}*/

/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    width: 670px !important;*/
/*    height: 780px !important;*/
/*    top: -305px !important;*/
/*    left: -95px !important;*/
/*}*/

/*.scrollsequence-pages-wrap {*/
/*    height: 76vh !important;*/
/*}*/
/*.disc-sec-cpy-seq p {*/
/*    width: 89%;*/
/*    margin-left: 20px;*/
/*}*/
/*.scrollsequence-page {*/
/*    height: 100vh !important;*/
/*}*/
/*#hero-h2 {*/
/*    bottom: 372px !important;*/
/*}*/
/*.disc-sec-cpy-seq {*/
/*    transform: translate(0px, 101%);*/
/*    width: 100%;*/
/*}*/
/*}*/
/*@media screen and (max-width:480px){*/

/*.disc-sec-cpy-seq p {*/

/*    width: 89%;*/
/*    margin-left: 20px;*/
/*}*/
/*.disc-sec-cpy-seq {*/
/*    transform: translate(10px, 80%);*/
/*    width: 100%;*/
/*}*/
/*.scrollsequence-pages-wrap {*/
/*    height: 80vh !important;*/
/*    min-height: 80vh !important;*/
/*}*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    width: 570px !important;*/
/*    height: 780px !important;*/
/*    top: -386px !important;*/
/*    left: -89px !important;*/
/*}*/
/*.scrollsequence-page {*/
/*    height: 100vh !important;*/
/*}*/
/*#hero-h1 {*/
/*    font-size: 6em !important;*/
/*    letter-spacing: 0.5px !important;*/
/*    margin-bottom: 0;*/
/*}*/
/*#hero-h2 {*/
/*    font-size: 6em !important;*/
/*    letter-spacing: 0.5px !important;*/
/*    line-height: 0.8 !important;*/
/*    bottom: 400px !important;*/
/*}*/
/*}*/

/*@media screen and (max-width:375px){*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    width: 100%!important;*/
/*    height:unset !important;*/
/*    top: -345px !important;*/
/*    left: 0px !important;*/
/*}*/
/*.scrollsequence-pages-wrap {*/
/*    height: 77vh !important;*/
/*    min-height: 77vh !important;*/
/*}*/
/*.disc-sec-cpy-seq {*/
/*    transform: translate(10px, 56%);*/
/*    width: 100%;*/
/*}*/
/*#hero-h1 {*/
/*    font-size: 5em !important;*/
/*    letter-spacing: 0.5px !important;*/
/*    margin-bottom: 0;*/
/*}*/
/*#hero-h2 {*/
/*       font-size: 5em !important;*/
/*       letter-spacing: 0.5px !important;*/
/*       line-height: 0.8 !important;*/
/*       bottom: 485px !important;*/
/*}*/
/*}*/
/*@media screen and (max-width: 320px){*/
/*.scroll-sequence-header .scrollsequence-canvas {*/
/*    width: 100%!important;*/
/*    height: unset !important;*/
/*    top: -360px !important;*/
/*    left: 0px !important;*/
/*}*/
/* #hero-h1 {*/
/*    font-size: 4em !important;*/
/*}*/
/*#hero-h2 {*/
/*    font-size: 4em !important;*/
/*}*/
/*}*/

/*animation css*/

.up-down{
  animation: up-down linear 6s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 6s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 6s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 6s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}
.fly-kit-animee{
     animation: clouds-loop 2s infinite linear;
}

@keyframes clouds-loop {
   0% {
    transform: translate(1px ,20px);
  }
  25%{
     transform: translate(1px ,30px); 
  }
  50% {
    transform: translate(1px ,15px);
  }
  100%{
      transform: translate(1px ,20px);
  }
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,15px)  ;
  }
  74% {
    transform:  translate(1px,20px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,15px)  ;
  }
  74% {
    -moz-transform:  translate(1px,20px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,15px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,15px)  ;
  }
  74% {
    -o-transform:  translate(1px,20px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}



  
  
  /*Product page css and media query*/
  
.production-main-header{
    padding: 0px 100px;
    background: transparent linear-gradient(0deg, #f0f0f0 0%, #f0f0f000 0%) 0% 0% no-repeat padding-box;
}
.product-yellow-circle-mble ,.join-maker-community-img-mble{
    display:none;
}

.production-bg-header{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: transparent linear-gradient(180deg, #E8E8E8 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    flex-direction: column;
    padding: 0px 0px 750px;
}
.product-production-content{
    padding: 80px 0px;
}
.product-production-content .product-text{
    text-align: center;
    font-size: 65px;
    font-weight: 800;
    padding-bottom: 30px;
    letter-spacing: -4px;
    font-family: "filson-pro", sans-serif;
    margin-bottom: 0px;
    color: #000;
}
.product-production-content .product-text-small{
  text-align: center;
  font-size: 18px;
  padding: 0px 535px;
  line-height: 1.5;
  letter-spacing: 0.25px;
  font-family: "filson-pro", sans-serif;
  margin-bottom: 0px;
  font-weight: 300;
  color: #000;
}
.product-production-img{
    position: relative;
    width: 100%;
}
.product-production-img .product-bg-img{
    width: 60%;
    position: absolute;
    left: 13%;
    top: 34px;
    z-index: 2;
}
.product-production-img .plus-box{
    width: 94%;
    position: absolute;
    left: 50px;
    top: 500px;
    right: 0;
}
.product-production-img .product-yellow-circle{
    width: 41%;
    position: absolute;
    right: 310px;
    top: -29px;
}
.yellow-circle-inner-content{
    position: absolute;
    right: 450px;
    width: 21%;
    top: 170px;
}
.yellow-circle-inner-content .yellow-circle-product-header{
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 20px;
    font-family: "filson-pro", sans-serif;
    margin-bottom: 0px;
    color: #000;
}
.yellow-circle-inner-content .yellow-circle-product-text{
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 1px;
    font-family: "filson-pro", sans-serif;
    margin-bottom: 0px;
    font-weight: 300;
    color: #000;
}
.mc-benefits-header{
    padding: 40px 0px;
    background: transparent linear-gradient(180deg, #F0F0F0 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.mc-benefits-header .mc-benfits-text{
    font-size: 35px;
    text-align: center;
    padding-bottom: 40px;
    font-family: "filson-pro", sans-serif;
    margin-bottom: 0px;
    font-weight: 400;
    color: #000;
}
.benefits-3layer-section{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 75%;
    margin: 0 auto;
}
.benefits-content-header {
    width: 33.333333%;
    padding:45px;
}
.benefits-content-header .benefits-content-text{
    font-size: 22px;
    padding: 20px 0px;
    margin-bottom: 0px;
    font-family: "filson-pro", sans-serif;
    font-weight: 500;
    color: #000;
}
.benefits-content-header .benefits-small-text{
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 300;
    color: #000;
    font-family: "filson-pro", sans-serif;
}
/* .benefits-content-header .benefits-img{
    width: 55%;
} */
.mc-kids-main-header{
    /*padding: 40px 0px;*/
}
.combine-controller{
  width: 100%;
  height: 100%;
  position: relative;
}
.mc-kids-main-header .mc-benfits-text{
    font-size: 35px;
    text-align: left;
    padding-bottom: 40px;
    margin-bottom: 0px;
    padding-left: 15px;
    font-family: "filson-pro", sans-serif;
    font-weight: 400;
    color: #000;
}
.ms-kids-layer{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    width: 100% !important;
    padding: 40px 0px;
    margin:0px !important;
}
.mc-kids-profiles{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.mc-kids-profiles .base-kit-img{
    width: 70%;
    padding-bottom: 40px;
}
.mc-kids-profiles .mc-kid-large-text{
    font-size: 50px;
    line-height: 55px;
    padding-bottom: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom:0px;
    font-family: "filson-pro", sans-serif;
    color: #000;
}
.mc-kids-profiles .mc-kid-small-text{
    padding-bottom: 10px;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 0px;
    font-family: "filson-pro", sans-serif;
    color: #000;
    font-weight: 300;
}
.mc-kids-profiles .mc-kid-largemid-text{
  font-size: 22px;
  text-align: center;
  margin-bottom: 0px;
  font-weight: 500;
  color: #000;
  font-family: "filson-pro", sans-serif;
}
.mc-kids-profiles .mc-learn-more-text{
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 20px;
    padding-top: 30px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-family: "filson-pro",sans-serif;
    color: #000;
    width: 100%;
    
}
.mc-learn-more-text .right-arrow-header{
    margin-left: 10px;
}
.mc-learn-more-text .right-arrow-header .right-arrow{
    width: 22px;
}
.ms-kids-layer4-hide{
    visibility: hidden;
}
.cirrculam-lesson-plan-main-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cirrculam-lesson-header .mc-benfits-text{
    font-size: 50px;
    padding-bottom: 40px;
    text-align: left;
    margin-bottom: 0px;
    font-family: "filson-pro", sans-serif;
    color: #000;
    font-weight: 400;
}
.cirrculam-content-text {
    font-size: 18px;
    padding: 0px 190px 30px 0px;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 0px;
    font-family: "filson-pro", sans-serif;
    font-weight: 300;
    color: #000;
}
.cirruculam-lesson-img .cirrculam-bg-img{
   width: 100%;
}
.cirrculam-lesson-header,.cirruculam-lesson-img{
    width: 50%;
    padding-left: 50px;
    padding: 0px 0px 40px 100px;
}
.joiner-community-main-header{
    background: linear-gradient(164deg , #60E3ED, #45C2CC);
}
.joiner-community-img-header{
    width: 50%;
}
.joiner-community-content{
   width: 40%;
    padding-left: 0px;
    margin-right: auto;

}
.joiner-community-main-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px 0px 0px;
}
.joiner-community-img-header .join-maker-community-img{
    width: 100%;
} 
.joiner-community-content .joiner-comnmunity-large-text{
    font-size: 45px;
    font-weight: 900;
    padding-right: 200px;
    padding-bottom: 40px;
    text-transform: uppercase;
    line-height: 1.1;
    color: #000;
    font-family: "filson-pro", sans-serif;
    margin-bottom: 0px;
}
.joiner-community-content .joiner-comnmunity-small-text{
    font-size: 18px;
    padding-right: 200px;
    text-align: left;
    line-height: 1.5;
    padding-bottom: 30px;
    color: #000;
    font-family: "filson-pro", sans-serif;
    font-weight: 300;
    margin-bottom: 0px;
}
.joiner-learn-more{
    font-size: 22px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    color: #000;
    font-family: "filson-pro", sans-serif;
}
.joiner-learn-more .right-arrow-header{
    margin-left: 10px;
}
.joiner-learn-more .right-arrow-header .right-arrow{
    width: 22px;
    margin-top: 5px;
}
.card {
    opacity: 1;
  }
  .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}
 .mc-base-kit-new-img-1{
        display:none ;
    }

@media screen and (min-width:1440px){

    .mc-kids-profiles {
    display: flex !important;
    width: 25% !important;
}
.why-mc-4layers .slick-track {
    width: 100% !important;
}
.mc-future-join-community-right-img-header {
    margin-top: 25px;
}
.mc-future-join-community-left-img-header {
    margin-top: 5px;
}
}
@media screen and (min-width:2000px){
    .joiner-community-content .joiner-comnmunity-small-text {
        font-size: 22px;
        padding-right: 415px;
    }
    .joiner-community-content .joiner-comnmunity-large-text {
        padding-right: 375px;
    }
    .cirrculam-lesson-plan-main-header {
        width: 90%;
        margin: 0 auto;
    }
    .cirrculam-content-text {
        font-size: 22px;
        padding: 0px 255px 30px 0px;
    }
    .mc-kids-main-header {
        width: 80%;
        margin: 0 auto;
    }
    .benefits-content-header {
        width: 33.333333%;
        padding: 85px;
    }
    .production-bg-header {
        padding: 0px 0px 1000px;
    }
    .product-production-content .product-text-small {
        font-size: 22px;
        padding: 0px 720px;
    }
    .product-production-img .product-yellow-circle {
        right: 436px;
        top: -50px;
    }
    .product-production-img .plus-box {
        top: 675px;
    }
    .product-production-img .product-bg-img {
        top: 47px;
    }
    .yellow-circle-inner-content .yellow-circle-product-text {
        font-size: 22px;
    }
    .yellow-circle-inner-content {
        width: 20%;
        top: 260px;
        right: 613px;
    }
    .yellow-circle-inner-content .yellow-circle-product-header {
        font-size: 28px;
    }
}
@media screen and (max-width:1440px){
    .joiner-community-content .joiner-comnmunity-small-text {
        padding-right: 65px;
    }
    .joiner-community-content .joiner-comnmunity-large-text {
        padding-right: 90px;
    }
    .joiner-community-content {
        padding-left: 0px;
    }
    .benefits-3layer-section {
        width: 100%;
    }
    .cirrculam-content-text {
        padding: 0px 50px 30px 0px;
    }
    .product-production-content .product-text-small {
        padding: 0px 350px;
    }
    .product-production-img .product-yellow-circle {
        width: 43%;
        right: 210px;
    }
    .product-production-img .product-bg-img{
        top: 50px;
    }
    .product-production-img .plus-box {
        top: 400px;
    }
    .yellow-circle-inner-content {
        right: 303px;
        width: 24%;
        top: 110px;
    }
    .production-bg-header {
        padding: 0px 0px 590px;
    }
    .ms-kids-layer4-hide {
    visibility: hidden;
    display:none;
}
.mc-future-cirrculam {
    padding: 50px 0px 20px 100px;
}
}
@media screen and (max-width:1024px){
    .mc-kids-main-header {
    padding: 0px 40px;
}
    .joiner-community-content .joiner-comnmunity-small-text {
        padding-right: 0;
    }
    .joiner-community-content .joiner-comnmunity-large-text {
        padding-right: 0;
        font-size: 32px;
    }
    .cirrculam-lesson-header,.cirruculam-lesson-img{
        padding-left: 60px;
    }
    .cirrculam-content-text {
        padding: 0px 0px 30px 0px;
    }
    .cirrculam-large-text {
        padding: 0px 0px 0px 0px;
    }
    .production-main-header {
        padding: 0px 50px;
    }
    .mc-kids-profiles .mc-kid-large-text {
        font-size: 30px;
    }
    .mc-kids-profiles .mc-kid-small-text {
        font-size: 16px;
    }
    .product-production-content .product-text-small {
        padding: 0px 140px;
    }
    .product-production-img .product-yellow-circle {
        width: 44%;
        right: 115px;
    }
    .product-production-img .plus-box {
        top: 300px;
    }
    .yellow-circle-inner-content {
        right: 137px;
        width: 32%;
        top: 46px;
    }
    .production-bg-header {
        padding: 0px 0px 425px;
    }
    .benefits-3layer-section {
        width: 100%;
    }
}
@media screen and (max-width: 768px){
    .mc-base-kit-new-img{
        display:none;
    }
    .joiner-community-main-header{
        flex-direction: column-reverse;
    }
    .joiner-community-img-header{
        width: 100%;
        padding-bottom: 0px;
    }
    .joiner-community-content{
        width: 100%;
        padding: 40px;
    }
    .cirrculam-lesson-plan-main-header {
    flex-direction: column-reverse;
}
    .cirrculam-lesson-header, .cirruculam-lesson-img {
        width: 100%;
    }
    .ms-kids-layer{
        flex-wrap: wrap;
    }
    .mc-kids-profiles {
        width: 50%;
        padding-bottom: 40px;
    }
.product-production-img .product-yellow-circle {
    width: 62%;
    right: 10px;
}
.product-production-img .plus-box {
    width: 87%;
}
.product-production-img .product-bg-img {
    width: 71%;
    left: 2%;
    top: 56px;
}
.yellow-circle-inner-content {
    right: 35px;
    width: 43%;
    top: 46px;
}
.production-bg-header {
    padding: 0px 0px 395px;
}
.product-production-content .benefits-img{
    width: 55%;
}
.product-production-content .product-text-small {
    padding: 0px 15px;
}
.product-production-content .product-text {
    font-size: 50px;
}
.benefits-content-header {
    width: 50%;
    padding: 20px 0px;
}
.production-main-header {
    padding: 0px 20px;
}
.join-maker-community-img-mble{
    display:block;
}
}
@media screen and (max-width: 576px){

    .production-bg-header {
    padding: 0px 0px 0px;
}
.product-yellow-circle-mble {
    display:block;
}
.yellow-circle-inner-content {
    right: 60px;
    width: 70%;
    top: 99px;
}

.product-production-img .product-bg-img {
    width: 100%;
    left: 0%;
    top: 130px;
}
.product-production-img .product-yellow-circle ,.product-bg-img ,.join-maker-community-img {
    display:none;
}
.product-production-img .plus-box {
    width: 87%;
    display:none;
}
    .what-can-do-large-text {
    text-align: left;
    line-height: 45px;
}
  .production-main-header {
    padding: 30px 0px 0px;
}
    .mc-kids-profiles {
        width: 100%;
        padding-bottom: 40px;
    }
    .benefits-content-header {
        width: 100%;
        padding: 20px 0px;
    }
    .product-production-content .product-text {
        font-size: 50px;
        letter-spacing: -1px;
        line-height: 1;
    }
    .product-production-content .product-text-small {
        padding: 0px 30px;
    }
    .product-production-content {
    padding: 80px 0px 40px;
}

}
@media screen and (max-width:375px){
    .mc-benefits-header .mc-benfits-text {
    font-size: 40px;
    line-height: 1;
}
.cirrculam-lesson-header .mc-benfits-text {
    font-size: 35px;
}
.yellow-circle-inner-content {
    right: 15px;
    width: 79%;
    top: 60px;
}
}
@media screen and (max-width:320px){
.yellow-circle-inner-content {
    right: 0px;
    width: 83%;
    top: 35px;
}
.yellow-circle-inner-content .yellow-circle-product-header {
    padding-bottom: 0px;
}
}



/* future-in-your-hands page css*/

.future-in-your-hands-header {
  background:linear-gradient(181deg, #7EEBFF 0%, #2BFFFA 100%) 0% 0%;;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   clip-path: polygon(0px 0px, 0% 0%, calc(450%) 0px, 0% 100%);
   padding: 100px 0px 460px;
   background-color: rgb(232, 232, 232) !important;
}

.future-in-your-hands-header .future-hands-large-text {
    font-size: 80px;
    font-weight: 900;
    line-height: 1;
    padding-bottom: 30px;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
}

.future-in-your-hands-header .future-hands-main-text {
    font-size: 130px;
    font-weight: 900;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
}

.future-bg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.future-bg .makercoder-bg-img {
    width: 23%;
    position: absolute;
    z-index: 2;
    bottom: -65px;
}

.future-bg-color {
    background:linear-gradient(180deg, #E8E8E8 0%, #E8E8E8  100%) 0% 0%;
}

.what-can-do-header {
    background: linear-gradient(180deg , rgb(232, 232, 232) , rgb(255, 255, 255));
    padding: 200px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

}

.what-can-content, .what-can-img {
    width: 50%;
}

.what-can-img {
    position: relative;
}

.what-can-content {
    padding: 0px 310px 0px 200px;
}
.gradient-line{
    background: transparent linear-gradient(331deg, #7EEBFF 0%, #2BFFFA 100%) 0% 0% no-repeat padding-box;
    padding:8px;
}

.what-can-do-large-text {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 0px;
    padding-bottom: 40px;
    line-height: 55px;
    font-family: filson-pro, sans-serif;
    color: #000;
}

.what-can-do-small-text {
    font-size: 18px;
    padding-bottom: 40px;
    line-height: 1.5;
    margin-bottom: 0px;
    font-weight: 300;
    color: #000;
    font-family: filson-pro, sans-serif;
}

.why-mc-large-text {
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 0px;
    padding-bottom: 30px;
    text-align: center;
    font-family: filson-pro, sans-serif;
    color: #000;
}

.what-can-img .future-hands-vd-img {
    width: 100%;
}

.what-can-img .play-icon {
    position: absolute;
    top: 45%;
    left: 45%;
    width: 100px;
}

.mc-learn-more-text {
    display: inline-flex;
    font-size: 22px;
    color: #000;
    font-weight: 500;
    font-family: filson-pro, sans-serif;
    justify-content: center;
    align-items: center;
}

.why-mc-text-content {
    padding-bottom: 15px;
    font-family: "filson-pro", sans-serif;
    color: #000;
}

.why-mc-small-text {
    font-size: 18px;
    line-height: 1.5;
    padding: 0px 500px 30px;
    text-align: center;
    font-weight: 300;
    font-family: filson-pro, sans-serif;
    color: #000;
}

.why-mc-header {
    padding: 40px 0px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color:#fff;
}

.why-mc-4layers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0px auto;
    flex-wrap: wrap;
}

.why-mc-layer-content {
    padding: 0px 15px 0px 0px;
}

.why-mc-stackable-img {
    width: 100%;
    padding-bottom: 20px;
}

.why-mc-stackable-large-text {
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-right: 100px;
    margin-bottom: 0px;
    line-height: 1.2;
    font-family: filson-pro, sans-serif;
    color: #000;
}

.why-mc-stackable-small-text {
     font-size: 18px;
    padding-bottom: 20px;
    padding-right: 100px;
    font-weight: 300;
    margin-bottom: 0px;
    font-family: filson-pro, sans-serif;
    color: #000;
}

.car-gif-header {
    padding: 40px 0px 0px;
}

.features-headers {
    padding: 40px 0px;
}

.features-first-layer-header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    margin: 0px auto;
}

.features-touch-screen-img {
    width: 95px;
    padding-bottom: 20px;
}

.ai-laider-img {
    width: 70px;
    padding-bottom: 20px;
}

.features-ai-second-layer {
    padding: 0px 110px 40px;
    width: 33.3333%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.features-small-text {
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    font-weight: 300;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
}

.features-first-layer {
    padding: 40px 110px;
    width: 33.3333%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: filson-pro, sans-serif;
}

.features-secondlayer-small-text {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0px;
    min-height: 45px;
    font-family: filson-pro, sans-serif;
    color: #000;
}

.features-ui-flow-img {
    width: 85%;
    margin-bottom: 10px;
}

.features-second-layer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0px auto;
    padding: 40px 0px;
}

.features-second-layer {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.combine-controller-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
}

.combine-controller-content .combine-controller-large-text {
    font-size: 60px;
    font-weight: 900;
    padding-bottom: 30px;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
}

.combine-controller-header {
    padding: 40px 0px;
    background: linear-gradient(181deg, #7EEBFF 0%, #2BFFFA 100%) 0% 0%;
}

.combine-controller-content .combine-controller-small-text {
    font-size: 50px;
    font-weight: 400;
    font-family: filson-pro, sans-serif;
    color: #000;
    margin-bottom: 0px;
}

.mc-base-kit-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    background: rgb(255, 255, 255);
}

.mc-base-kit-content-header {
    width: 40%;
    padding-left: 70px;
    padding-right: 220px;
    position: relative;
    z-index: 2;
    background: transparent linear-gradient(269deg, #FFFFFF00 0%, #F4F4F4 23%) 0% 0%;
}

.mc-base-content {
    padding: 90px 0px 20px 0px;
    position: relative;
    z-index: 2;
}

.mc-base-content .mc-base-mid-text {
    font-size: 22px;
    padding-bottom: 10px;
    font-weight: 500;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
}

.mc-base-content .mc-base-large-text {
    font-size: 65px;
    padding-bottom: 20px;
    font-weight: bold;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
}
.mc-base-content.mc-advanced-kit-content .mc-base-large-text {
    font-size: 65px;
    padding-bottom: 20px;
    font-weight: bold;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
    text-align: right;
}

.mc-base-content .mc-base-small-text {
    font-size: 22px;
    padding-bottom: 0px;
    font-weight: 300;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
}

.mc-base-content .mc-base-midsmall-text {
    font-size: 18px;
    display: inline-block;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 300;
    line-height: 1.5;
    font-family: filson-pro, sans-serif;
    color: #000; 
}

.mc-base-kit-Feature-header {
    padding: 50px 0px 90px 0px;
    position: relative;
    z-index: 2;
}

.mc-base-kit-Feature-header .mc-base-kit-Feature-large-text {
    font-size: 28px;
    padding-bottom: 20px;
    position: relative;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
}

.mc-base-kit-Feature-header .mc-base-kit-Feature-large-text::before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: rgb(112, 112, 112);
    position: absolute;
    bottom: 80px;
}

.mc-base-kit-Feature-large-text.mc-advanced-kit-large-text::before {
    content: "";
    right: 0px;
}

.mc-base-kit-Feature-header .mc-base-kit-Feature-small-text {
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0px;
    font-family: filson-pro, sans-serif;
    color: #000;
}
.mc-base-kit-img-mble{
    display:none;
}
.mc-base-kit-img-header {
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    z-index: 0;
}
.mc-base-kit-img-mble {
    width: 100%;
}
.mc-base-kit-img-header .mc-base-kit-img {
    width: 100%;
    height: 100%;
}

.mc-base-kit-header.mc-row-reverse {
    flex-direction: row-reverse;
}

.mc-base-kit-img-header.mc-advanced-kit {
    width: 100%;
}

.mc-base-kit-content-header.mc-advanced-kit-header {
    padding: 25px 70px 25px 220px;
    background: transparent linear-gradient(91deg, #FFFFFF00 0%, #F4F4F4 23%) 0% 0% no-repeat padding-box;
}

.mc-base-kit-Feature-header.mc-advanced-kit-header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mc-base-content.mc-advanced-kit-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mc-base-kit-Feature-small-text.mc-advanced-kit-small-text, .joiner-learn-more.mc-advanced-kit-learn-more {
    text-align: end;
    font-family: filson-pro, sans-serif;
}
.mc-base-midsmall-text.mc-advanced-kit-midsmall-text{
     text-align: end;
     width: 100%;
     font-family: filson-pro, sans-serif;
}
.mc-base-kit-Feature-large-text.mc-advanced-kit-large-text {
    text-align: end;
    width: 100%;
    padding-left: 0px;
    font-family: filson-pro, sans-serif;
}

.mc-future-cirrculam {
    padding: 50px 0px 20px 175px;
}

.mc-future-join-community-header {
    background-image: url("http://onemgcloud.com/makerandcoders/wp-content/uploads/2023/06/join-community-future-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mc-future-join-community-left-img-header, .mc-future-join-community-right-img-header {
    width: 33.3333%;
}

.mc-future-join-community-left-img-header .mc-future-join-community-left-img, .mc-future-join-community-right-img-header .mc-future-join-community-right-img {
    width: 78%;
}

.mc-future-join-community-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transform: translateX(15px);
    width: 33.3333%;
}

.mc-future-join-community-content .mc-future-join-community-large-text {
    font-size: 55px;
    font-weight: 900;
    line-height: 1;
    padding-bottom: 30px;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
    padding-right: 30px;
}

.mc-future-join-community-content .mc-future-join-community-small-text {
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: 300;
    font-family: filson-pro, sans-serif;
    margin-bottom: 0px;
    color: #000;
}
.mc-future-join-community-right-img-mble{
        display:none;
    }
    body ul.products li.product .button ,body ul.products li.product .button.add_to_cart_button  {
        background-color: #45C2CC !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.woocommerce-loop-product__title a {
    font-size: 18px !important;
    margin-bottom: 20px;
}

@media screen and (min-width:1440px){
    .why-mc-4layers .slick-slider .slick-track {
    width: 100% !important;
}
    .why-mc-layer-content{
        width:25% !important;
    }
}
@media screen and (min-width: 2000px) {
    .mc-base-kit-img-header .mc-base-kit-img {
    width: 100%;
    height:unset;
}
    .mc-base-content .mc-base-small-text {
    font-size: 22px;
}

.mc-base-kit-content-header {
    padding-right: 365px;
    padding-left: 100px;
}
.mc-base-kit-content-header.mc-advanced-kit-header{
    padding-right: 100px;
    padding-left: 365px;
}
    .mc-base-content .mc-base-midsmall-text {
    font-size: 22px;
}
.mc-base-kit-Feature-header .mc-base-kit-Feature-small-text {
    font-size: 22px;
}
.joiner-learn-more {
    font-size: 24px;
}
    .what-can-content {
    padding: 0px 370px 0px 200px;
}
    .mc-future-join-community-content .mc-future-join-community-small-text {
        font-size: 22px;
        padding-bottom: 20px;
        padding-right: 80px;
    }

    .mc-future-join-community-content {
        transform: translateX(30px);
    }

    .combine-controller-header .ms-kids-layer {
        width: 90%;
        margin: 0px auto;
    }

    .mc-kids-profiles .mc-kid-largemid-text {
        font-size: 22px;
    }

    .mc-kids-profiles .mc-kid-small-text {
        font-size: 22px;
    }

    .why-mc-small-text {
        padding: 0px 700px;
        font-size: 22px;
    }

    .why-mc-stackable-large-text {
        font-size: 28px;
    }

    .why-mc-stackable-small-text {
        font-size: 22px;
    }

    .why-mc-large-text {
        font-size: 40px;
    }

    .features-small-text {
        font-size: 22px;
    }

    .features-secondlayer-small-text {
        font-size: 22px;
    }

    .future-bg .makercoder-bg-img {
        bottom: -130px;
    }

    .future-in-your-hands-header {
        padding: 100px 0px 570px;
    }

    .what-can-do-header {
        padding: 350px 0px 0px;
    }

    .what-can-do-large-text {
        font-size: 50px;
    }

    .mc-learn-more-text .right-arrow-header .right-arrow {
        width: 30px;
        margin-top: 3px;
    }

    .what-can-do-small-text {
        font-size: 22px;
    }

    .mc-learn-more-text {
        font-size: 24px;
    }
}

@media screen and (max-width: 1440px) {
    .mc-base-content .mc-base-large-text ,.mc-base-content.mc-advanced-kit-content .mc-base-large-text {
    font-size: 50px;
    line-height: 1.2;
}

    .mc-kids-profiles .mc-kid-large-text {
    font-size: 35px;
}
    .mc-future-join-community-header {
        align-items: flex-end;
    }

    .mc-future-join-community-content .mc-future-join-community-large-text {
        font-size: 37px;
    }

    .mc-future-join-community-left-img-header .mc-future-join-community-left-img, .mc-future-join-community-right-img-header .mc-future-join-community-right-img {
        width: 80%;
    }

    .mc-future-join-community-content {
        transform: translateX(0px);
        padding: 80px 0px 120px;
    }

    .features-ai-second-layer {
        padding: 0px 50px 40px;
    }

    .features-first-layer {
        padding: 40px 50px;
    }

    .why-mc-stackable-large-text {
        padding-right: 30px;
    }

    .why-mc-stackable-small-text {
        padding-right: 30px;
    }

    .what-can-content {
        padding: 0px 150px 0px 130px;
    }

    .what-can-do-header {
        padding: 230px 0px 0px;
    }

    .future-in-your-hands-header {
        padding: 100px 0px 330px;
    }

    .future-bg .makercoder-bg-img {
        width: 30%;
        bottom: -150px;
    }

    .why-mc-small-text {
    padding: 0px 280px 30px;
}
    .mc-base-kit-content-header {
        width: 45%;
        padding-left: 70px;
        padding-right: 155px;
    }
    .mc-base-kit-content-header.mc-advanced-kit-header {
    padding: 25px 70px 25px 155px;
    background: transparent linear-gradient(91deg, #FFFFFF00 0%, #F4F4F4 23%) 0% 0% no-repeat padding-box;
}
    .mc-future-cirrculam {
    padding: 50px 0px 20px 100px;
}
    .mc-base-midsmall-text.mc-advanced-kit-midsmall-text, .mc-base-kit-Feature-large-text.mc-advanced-kit-large-text {
        text-align: end;
        width: 100%;
    }
        .future-in-your-hands-header .future-hands-large-text {
    text-align: center;
}
.mc-base-kit-Feature-header {
    padding: 20px 0px 40px 0px;
}
.mc-base-content {
    padding: 40px 0px 20px 0px;
}
.mc-base-kit-content-header.mc-advanced-kit-header {
    padding: 0px 70px 0px 155px;
}
}

@media screen and (max-width: 1024px) {

.mc-base-kit-Feature-header {
    padding: 0px 0px 30px 0px;
}
.mc-base-content {
    padding: 30px 0px 20px 0px;
}
.mc-base-content.mc-advanced-kit-content .mc-base-large-text {
    font-size: 40px;
}
    .mc-future-join-community-content .mc-future-join-community-large-text {
    padding-right: 215px;
}
    .mc-future-join-community-content .mc-future-join-community-small-text {
    padding-right: 150px;
}
    .cirrculam-lesson-header .mc-benfits-text {
    line-height: 1;
}
    .ms-kids-layer4-hide {
    visibility: hidden;
    display:block;
}
.ms-kids-layer {
    padding: 40px 15px;
}
.mc-kids-profiles .mc-kid-large-text {
      font-size: 40px;
    line-height: 45px;

}
    .mc-future-join-community-content {
        padding: 50px 0px;
    }
    .why-mc-stackable-large-text {
    font-size: 26px;
}

    .mc-base-kit-img-header .mc-base-kit-img {
        width: 100%;
        height: 100%;
    }

    .mc-base-kit-content-header {
        width: 58%;
        padding-left: 35px;
        padding-right: 200px;
    }

    .mc-base-content .mc-base-large-text {
        font-size: 40px;
    }

    .features-second-layer {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 0px 0px 40px;
    }

    .features-second-layer-header {
        width: 100%;
        flex-wrap: wrap;
        padding: 30px;
        justify-content: center;
    }

    .features-first-layer-header {
        width: 100%;
    }

    .features-first-layer {
        padding: 40px 20px;
    }

    .features-ai-second-layer {
        padding: 0px 20px 40px;
    }

    .features-second-layer-header {
        width: 95%;
        padding-bottom: 40px;
    }

    .why-mc-stackable-large-text {
        padding-right: 0px;
    }

    .why-mc-layer-content {
        padding: 0px 0px 40px 0px;
    }

    .why-mc-stackable-small-text {
        padding-right: 0px;
    }

    .future-bg .makercoder-bg-img {
        bottom: -30px;
    }

    .what-can-do-header {
        padding: 130px 0px 0px;
         align-items: start;
    }

    .what-can-content {
        padding: 0px 56px 0px 60px;
    }

    .why-mc-header {
        padding: 40px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .features-second-layer-header {
        width: 100%;
        padding-bottom: 40px;
    }

    .mc-future-join-community-right-img-header {
        display: none;
    }

    .mc-future-join-community-content {
        width: 70%;
    }
    .mc-future-cirrculam {
        padding: 40px 15px 0px 15px;
    }
    .mc-base-kit-content-header.mc-advanced-kit-header {
    padding: 0px 35px 0px 200px;
}
    .why-mc-small-text {
    padding: 0px 100px 30px;
}
 
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {
    .mc-future-join-community-content .mc-future-join-community-large-text {
    padding-right: 100px;
}
.mc-future-join-community-content .mc-future-join-community-small-text {
    padding-right: 80px;
}

    .mc-future-join-community-content .mc-future-join-community-large-text {
        padding-top: 40px;
    }

    .mc-future-join-community-content .mc-future-join-community-small-text {
        font-size: 18px;
    }

.mc-base-kit-content-header.mc-advanced-kit-header {
    padding: 25px 250px 15px 30px !important;
}

    .mc-base-content {
        padding: 90px 0px 20px;
        position: relative;
        z-index: 2;
    }

    .mc-base-content .mc-base-large-text {
        font-size: 32px;
    }

    .combine-controller-content .combine-controller-large-text {
        font-size: 35px;
        text-align: center;
        letter-spacing: -2px;
    }

    .combine-controller-content .combine-controller-small-text {
        font-size: 30px;
    }

    .features-second-layer {
        width: 33%;
    }

    .why-mc-small-text {
        padding: 0px 40px;
    }

    .what-can-do-header {
        padding: 100px 0px 40px;
    }

    .future-bg .makercoder-bg-img {
        bottom: -55px;
        width: 40%;
    }

    .future-in-your-hands-header .future-hands-large-text {
        text-align: center;
    }


    .future-in-your-hands-header {
        padding: 100px 0px 260px;
    }

    .what-can-content {
        padding: 30px 35px 0px 30px;
    }

    .what-can-do-header {
        flex-direction: column-reverse;
    }

    .what-can-content, .what-can-img {
        width: 100%;
    }

    .what-can-img {
        padding: 40px 30px 0px;
    }

    .features-first-layer-header {
        width: 100%;
        flex-wrap: wrap;
    }

    .features-first-layer {
        padding: 40px 30px;
        width: 50%;
    }

    .features-ai-second-layer {
        width: 50%;
    }

    .features-ui-flow-img {
        width: 95%;
        margin-bottom: 40px;
    }

    .mc-base-kit-Feature-header {
        padding: 50px 0px 90px;
    }

    .mc-base-kit-img-header {
        position: relative;
    }

    .mc-base-kit-img-header.mc-advanced-kit {
        width: 100%;
    }
    .mc-future-cirrculam {
    padding: 40px 0px 0px 0px;
}
.cirrculam-lesson-header{
    padding-left: 15px;
    padding-right:15px;
}

    .mc-base-kit-header.mc-row-reverse {
    flex-direction: column;
}

   .mc-base-kit-header {
    flex-direction: column-reverse;
}

    .mc-base-kit-content-header {
    width: 100%;
    padding-left: 30px;
    padding-right: 250px;
}
    .why-mc-small-text {
    padding: 0px 30px;
}
.mc-base-kit-Feature-header .mc-base-kit-Feature-large-text::before {
    display:none;
}

}

@media screen and (max-width: 576px) {
    .mc-base-kit-img-mble{
    display:block;
}
.mc-base-kit-img-header .mc-base-kit-img{
    display:none;
}
    .why-mc-header {
    padding: 0px 0px 0px !important;
}
    .mc-future-join-community-right-img-mble{
        display:block;
        width: 100%;
    }
    .mc-future-join-community-right-img{
        display:none;
    }
        .features-ai-second-layer {
    padding: 0px 0px 0px !important;
}

        .mc-future-join-community-content .mc-future-join-community-large-text {
    padding-right: 0px;
}
.mc-future-join-community-content .mc-future-join-community-small-text {
    padding-right: 0px;
}
    .mc-kids-profiles .base-kit-img {
    width: 90%;
    padding-bottom: 40px;
}
.future-in-your-hands-header .future-hands-large-text {
    font-size: 55px;
    padding: 0px 15px;
    text-align: center;
}
.why-mc-stackable-large-text {
    padding-right: 0px;
    font-size: 30px;
}
.features-second-layer-header {
    width: 100%;
    flex-wrap: wrap;
    padding: 40px 30px 0px 30px;
    justify-content: center;
}.combine-controller-content .combine-controller-large-text {
    font-size: 30px;
    letter-spacing: -1px;
    padding: 0px 30px 20px;
}
.mc-base-kit-content-header.mc-advanced-kit-header {
    padding: 25px 30px 15px 30px !important;
}
.cirrculam-lesson-header {
    padding-left: 20px;
    padding-right: 0px;
}
.mc-base-kit-content-header {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.why-mc-stackable-small-text {
    padding-right: 10px;
    padding-bottom: 40px;
}
.what-can-do-large-text {
    font-size: 35px;
    line-height: 1.3;
}
    .why-mc-small-text {
    padding: 0px 15px;
}
    .mc-base-midsmall-text.mc-advanced-kit-midsmall-text, .mc-base-kit-Feature-large-text.mc-advanced-kit-large-text {
        padding-left: 0px;
    }
    .mc-future-cirrculam {
        padding: 40px 0px 0px 0px;
    }
    .mc-future-join-community-left-img-header {
        display: none;
    }

   .mc-future-join-community-content {
    width: 100%;
    padding: 40px 30px 10px 30px;
}

    .combine-controller-content .combine-controller-large-text {
        font-size: 28px;
        letter-spacing: -1px;
    }

    .combine-controller-content .combine-controller-small-text {
        font-size: 24px;
    }

    .features-second-layer {
        width: 100%;
    }

    .features-ui-flow-img {
        width: 100%;
        margin-bottom: 20px;
    }

    .features-first-layer-header {
        width: 100%;
        flex-direction: column;
    }

   .features-first-layer {
    padding: 40px 0px !important;
    width:100%;
}

    .features-ai-second-layer {
        padding: 0px 30px 40px;
        width: 100%;
    }

    .why-mc-layer-content {
        padding: 0px 0px 40px 0px;
    }

    .why-mc-small-text {
        padding: 0px 50px;
        margin-bottom: 0px;
    }

    .what-can-do-header {
            padding: 90px 0px 20px;
    }

    .future-bg .makercoder-bg-img {
        bottom: -40px;
        width: 60%;
    }

    .future-in-your-hands-header .future-hands-main-text {
        font-size: 80px;
    }

.what-can-content {
    padding: 40px 40px 0px;
}

    .what-can-img {
        padding: 40px 0px 0px;
    }
    .mc-future-join-community-header{
        background:linear-gradient(164deg , #60E3ED, #45C2CC);
        flex-direction: column;
    }
    .mc-future-join-community-mble{
        width:100%;
    }
}

 /*product page */
 .single-product #content{
        transform: translatex(0px) translatey(0px) !important;
 }
 .product-benefits-kit-img-header {
    width: 40%;
}
 .review-count label{
     font-weight:300;
 }
 .product-benefits-kit-img-header-feature{
     width:100%;
     
 }
 .whats-in-box-main-wrapper{
     margin-top:0px !important;
     padding: 60px 0px 0px 0px !important;
 }
 .product-header-feature{
     padding-top:40px !important;
 }
 .product-detail{
    display: flex;
    justify-content: space-between;
    padding: 80px 100px 0px 100px;
 }
 .product-img-sec ,.product-detail-sec{
     width:50%;
 }
 .product-detail-sec{
     padding-left:50px;
 }
 .product-detail-sec-small-text{
    font-size: 16px;
    font-weight: 500;
    color: #000;
     font-family: "filson-pro", sans-serif !important;
 }
 .product-detail-sec-large-text{
    font-size: 75px;
    font-family: "filson-pro", sans-serif !important;
    font-weight: bold;
    margin-bottom:0px;
    color: #000;
 }
 .subscription-text{
     border-bottom: 1px solid #7a7a7a;
     padding-bottom: 5px;
     color: #000;
     font-weight: 300;
     font-family: "filson-pro", sans-serif;
 }
 .product-short-description{
     padding-right:300px;
     font-weight: 300;
     padding-top: 20px;
     color: #000;
     font-family: "filson-pro", sans-serif;
 }
 .star-rating:before {
    height: 1.118em !important;
    font-size: 22px !important;
}
.star-rating-icon::before{
    color:#000 !important;
    font-size: 23px;
}
.subscription-link{
    color:#000;
    font-weight:500;
    text-decoration: underline;
}
.review_rating{
    display: flex;
    gap: 20px;
}
.total-sec{
    padding-top:20px;
}
.related.products {
    max-width: calc(100% + 5.2325em) !important;
}
.quantity{
    padding-top:10px;
    padding-bottom:20px;
}
.price del {
    margin-right: 8px;
    opacity: .5;
    font-size: 1.85em !important;
}
.related.products h2{
    font-size: 22px;
    font-family: "filson-pro", sans-serif !important;
    font-weight: 500;
}
.price-des .woocommerce-Price-amount.amount{
    color: #000 !important;
    font-size: 28px;
    font-weight: 900;
}
.cart .single_add_to_cart_button {
    float: left;
    width: calc(100% - 55%) !important;
    height: 52px;
    margin-left: 0px !important;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 4px;
    outline: 0;
    background: #45C2CC !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    line-height: 52px;
    text-align: center;
    transition: all .2s;
    color: #000 !important;
    font-weight: 500 !important;
    font-family:"filson-pro", sans-serif !important;
}
.star-rating {
    height: 2.118em !important;
    position: relative;
    width: 8.4em !important;
}
.star-rating-header {
    list-style-type: none;
    margin-left: 0px;
    display: flex;
    padding-left: 3px;
}
.star-rating-content {
    position: relative;
    padding: 0px 1px;
}
 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
    display: flex !important;
}
.woocommerce-product-gallery__wrapper a .wp-post-image {
    max-height: 1250px;
    min-height: 380px;
    width: 100%;
}
.product-gallery-child{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
 .woocommerce-product-gallery__image{
     padding:0px 10px;
 }
 .woocommerce-product-gallery__image img {
    border-radius: 10px;
}
 .product-related-products{
     padding:40px 0px;
     background-color: #F8F8F8;
 }
 .woocommerce-card__header .star-rating{
     display:none !important;
 }
 .woocommerce-card__header .price{
     display:none !important;
 }
 .product__categories a{
     font-size:18px !important;
       color: #000 !important;
     font-family: "filson-pro", sans-serif !important;
     font-weight:500 !important;
 }
 .woocommerce-loop-product__title a{
       font-size:24px !important;
       color: #000 !important;
     font-family: "filson-pro", sans-serif !important;
     font-weight: bold !important;
 }
 .woocommerce-breadcrumb{
     display:none !important;
 }
 
.product-benefits-kit-header{
    display: flex;
    width: 100%;
}
.product-benefits-kit-img-header .product-benefits-kit-img{
   width: 100%;
}
.product-header{
    padding: 0px 100px 0px;
}
.site-main{
    background: linear-gradient(180deg , #E8E8E8 ,#FFFFFF 25% );
    color: #000;
    font-family: "filson-pro", sans-serif !important;
}
.product-benefit-text-content .product-benefit-large-text{
    font-size: 40px;
    font-weight: 300;
    padding-bottom: 15px;
    text-align: left;
    margin-bottom: 0px;
    color: #000;
    font-family: "filson-pro", sans-serif;
}
.whats-box-large-text{
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 0px;
    text-align: center;
    margin-bottom:0px;
    color: #000;
    font-family: "filson-pro", sans-serif;
}
.product-benefit-kit-content-header {
    padding-top: 0px;
    display:flex;
    align-items:center;
    padding-right: 0px;
    padding-left: 80px;
    width: 60%;
}
.product-benefit-kit-content{
    list-style-type: none;
    padding-left: 0px;
    position: relative;
}
.product-benefit-kit-content-text::before{
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    left: -35px;
    background-color:aqua;

}
.product-benefit-kit-content-text{
    padding: 15px 0px 0px;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #000;
    font-family: "filson-pro", sans-serif;
}
.product-feature-text-content .product-benefit-large-text{
    font-size: 40px;
    font-weight: 300;
    padding-bottom: 30px;
    text-align: center;
    color: #000;
    font-family: "filson-pro", sans-serif;
}
.product-feature-threelayer-header{
    padding-top: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "filson-pro", sans-serif;
    color: #000;
    flex-wrap: wrap;
}
.product-feature-suitable-for-header .product-feature-suitable-for-large-text{
    font-size: 22px;
    padding-bottom: 15px;
    color: #000;
    font-weight: 500;
    font-family: "filson-pro", sans-serif;
    margin-bottom: 0px;
}
.product-feature-suitable-for-header  .product-feature-suitable-for-small-text{
    font-size: 16px;
    font-weight: 300;
    font-family: "filson-pro", sans-serif;
    color: #000;
}
.product-feature-suitable-for-header{
    min-height: 160px;
    position: relative;
    padding-top: 20px;
    width: 33.33%;
}
.product-feature-suitable-for-header::before{
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 70%;
    background-color: #7A7A7A;

}
.programming-language-img-header{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.programming-language-img-header .programming-language-img-audrino{
    width: 100px;
}
.programming-language-img-header .programming-language-img-python {
    width: 100px;
}
.product-bg-why-mc4{
    background: linear-gradient(180deg , #7EEBFF ,#2BFFFA);
}
.whats-in-box-content-header {
    padding-top: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}
.whats-in-box-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.whats-in-box-product-img-header{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 80px;
}
.whats-in-box-product-img-header .product-whats-box-1 {
    width: 100%;
    padding: 0px 20px;
}
.product-feature-kit-img{
    width: 100%;
}
.programming-language-img-header img {
    width: 100px;
    margin-right: 20px;
}
.product-feature-kit-img-mble{
    display:none;
}


.mc-footer-bg{
    background-color: #484848;
    padding: 50px 100px 20px;
}
.mc-footer-header {
    padding-bottom: 120px;
}
.mc-footer-header ,.mc-footer-content-header ,.term-condition-header{
    display: flex;
    justify-content: space-between;
}
.mc-footer-product-header{
    position: relative;
    padding-right: 95px;
}
.mc-footer-product-header::after{
    content: "";
    position: absolute;
    height: 1px;
    width: 73%;
    left: 88px;
    top: 90px;
    transform: rotate(90deg);
    background-color: #ffffff;
}
.mc-footer-product-large-text{
    color: #fff;
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: 300;
}
.mc-footer-content-text-header{
    list-style-type: none;
}
.mc-footer-content-text{
    padding-bottom: 20px;
}
.mc-footer-content-text-link{
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    text-decoration: none;
}
.term-condition-header{
    padding-top: 10px;
    border-top: 1px solid #fff;
}
.terms-use-small-text{
    font-size: 14px;
    font-weight: 200;
    color: #fff;
}

#wc-stripe-payment-request-wrapper , #wc-stripe-payment-request-button ,#wc-stripe-payment-request-button-separator{
    display:none !important;
}


.woocommerce-page .quantity .minus, .woocommerce-page .quantity .plus {
    height: 40px !important;
    width: 50px;
    padding: 0;
}



@media screen and (min-width:2000px){
.cart .single_add_to_cart_button,.product-custom-buy-now.pisol_buy_now_button {
    font-size: 22px !important;/* Latest update*/
    line-height: 0px;/* Latest update*/
    width: calc(100% - 75%) !important;/* Latest update*/
}
.product-short-description {
    font-size: 22px;
}
.subscription-text {
    font-size: 22px;
}
.product-detail-sec-small-text {
    font-size: 22px;
}
.cart .single_add_to_cart_button {
    font-size: 26px !important;
}
.price-des .woocommerce-Price-amount.amount {
    font-size: 34px;
}
    .product-benefit-kit-content-text {
        font-size: 22px;
    }
    .why-mc-large-text {
        font-size: 40px;
    }
    .product-feature-suitable-for-header .product-feature-suitable-for-large-text {
        font-size: 26px;
    }
    .product-feature-suitable-for-header .product-feature-suitable-for-small-text {
        font-size: 22px;
    }
    .whats-box-large-text {
        font-size: 30px;
    }
}
@media screen and (max-width:1440px){
.cart .single_add_to_cart_button,.product-custom-buy-now.pisol_buy_now_button {
    width: calc(100% - 55%) !important; /* Latest update*/
}
    .product-short-description {
    padding-right: 0px;
    font-size: 16px;
}
    .product-benefit-kit-content-header {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 80px;
        padding-bottom: 0px;
    }
    .whats-in-box-content-header {
        width: 50%;
    }
    .product-feature-suitable-for-header::before{
    width: 80%;

}
}
@media screen and (max-width:1024px){
    .product-benefits-kit-img-header-feature{
    width: 100% !important;
}
.product-feature-suitable-for-header {
    width: 32%;
}
.programming-language-img-header .programming-language-img-python {
    width: 100px;
    padding-left: 0px;
}
.programming-language-img-header .programming-language-img-audrino {
    width: 80px;
}
.programming-language-img-header img {
    width: 100px;
    margin-right: 0px;
}
.product-benefits-kit-img-header {
    width: 50%;
}
.product-benefit-kit-content-header {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 80px;
    padding-bottom: 40px;
}
.product-bg-why-mc4 {
    background: linear-gradient(180deg , #7EEBFF ,#2BFFFA);
    margin-top: 0 !important;
}
.whats-in-box-content-header {
    width: 70%;
}
    .product-detail {
    padding: 80px 25px 20px;
}
    .mc-footer-bg {
        background-color: #484848;
        padding: 50px 50px 20px;
    }
    .product-header {
        padding: 0px 50px 0px;
    }
    .product-benefits-kit-img-header .product-benefits-kit-img {
        width: 100%;
        /*aspect-ratio: 3/4;*/
        object-fit: fill;
    }
    .product-benefit-kit-content-text::before {
    margin-top: 8px;
}
.product-benefit-kit-content-text {
    align-items: self-start;
}
.product-bg-why-mc4{
    padding:40px 0px 40px ;
} 
.whats-in-box-product-img-header{
    padding-bottom:60px;
}
.product-feature-suitable-for-header::before{
    width: 92%;

}
}
@media screen and (max-width:768px){
    .product-feature-suitable-for-header {
    width: 48%;
}
    .site-main {
    background: linear-gradient(180deg , #E8E8E8 ,#FFFFFF 45% );
}
    .product-benefit-kit-content {
    padding-top: 30px;
}
    .product__categories a {
    font-size: 16px !important;
}
    .woocommerce-loop-product__title a {
    font-size: 18px !important;
    margin-bottom: 20px;
}
    .product-img-sec, .product-detail-sec {
    width: 100%;
}
    .product-benefits-kit-header {
        grid-template-columns: auto;
    }
.product-detail-sec {
    padding-left: 0px;
    padding-top: 0px;
}
.product-detail {
    display: flex;
    justify-content: space-between;
    padding: 50px 50px 0px 50px;
    flex-direction: column;
    flex-wrap: wrap;
}
    .product-benefits-kit-img-header .product-benefits-kit-img {
        width: 100%;
    }
    .product-benefit-kit-content-header {
        padding-left: 35px;
        padding-bottom: 0px;
    }
    .product-header {
        padding: 40px 50px 0px;
    }
    .programming-language-img-header .programming-language-img-audrino {
        width: 100px;
    }
    .product-feature-suitable-for-header .product-feature-suitable-for-large-text {
        font-size: 18px;
    }
    .programming-language-img-header .programming-language-img-python {
        width: 100px;
        padding-left: 0;
    }
    .product-feature-suitable-for-header .product-feature-suitable-for-small-text {
        font-size: 14px;
    }
    .whats-in-box-content-header {
        width: 85% !important;
    }
     .product-benefit-kit-content-text::before {
    margin-top: 8px;
    background-color:#45C2CC ;
}
.product-benefit-kit-content-text {
    align-items: self-start;
}
    .product-bg-why-mc4 {
    padding-top: 60px !important;
    margin-top: 0px !important;
    padding-bottom: 20px !important;
}
    .product-benefits-kit-header {
    flex-direction: column;
}
.product-benefits-kit-img-header,.product-benefit-kit-content-header {
    width:100%;
}
.whats-in-box-product-img-header  {
    padding-bottom: 60px;
}
.programming-language-img-header img {
    width: 100px;
    margin-right: 0px;
}
.product-feature-suitable-for-header::before{
    width: 90%;
}
}
@media screen and (max-width:576px){
.cart .single_add_to_cart_button,.product-custom-buy-now.pisol_buy_now_button {
    width: calc(100% - 0%) !important;/* Latest update*/  
    margin-left: 0px !important;/* Latest update*/  
    margin-top:15px !important;/* Latest update*/  
} 
.product-feature-suitable-for-header::before{
    width: 100%;
}
.product-feature-kit-img{
    display:none;
}
.product-feature-kit-img-mble{
    display:block;
}
    .product-benefit-kit-content-header {
    padding-left: 20px;
    padding-bottom: 0px;
}
    .product-benefits-kit-header {
    flex-direction: column;
}
.product-benefits-kit-img-header,.product-benefit-kit-content-header {
    width:100%;
}
    .product-detail-sec-large-text {
    font-size: 50px !important;
    margin-bottom: 10px;
}
    .cart .single_add_to_cart_button {
    width: calc(100% - 1%) !important;
}
    .product-detail {
    padding: 40px 15px 0px 15px;
}
    .mc-footer-header{
        flex-direction: column;
        justify-content: space-evenly;
    }
    .mc-footer-bg {
        background-color: #484848;
        padding: 40px 25px 20px;
    }
    .mc-footer-header {
        padding-bottom: 40px;
    }
    .mc-footer-content-header {
        padding: 40px 0px 40px;
    }
    .product-header {
        padding: 40px 15px 0px;
    }
    .product-benefit-text-content .product-benefit-large-text {
        font-size: 35px;
    }
    .product-feature-text-content .product-benefit-large-text {
        font-size: 35px;
        text-align:left;
    }
    .product-feature-threelayer-header {
        flex-direction: column;
        padding-top: 0px;
    }
    .product-feature-suitable-for-header {
        width: 100%;
        min-height: 120px;
    }
    .programming-language-img-header .programming-language-img-python {
        width: 34%;
        padding-left: 10px;
    }
    .programming-language-img-header .programming-language-img-audrino {
        width: 25%;
    }
  
    .whats-in-box-product-img-header .product-whats-box-1 {
        width: 100%;
        padding: 20px 0px 0px;
    }
    .whats-in-box-content-header {
        width: 90% !important;
    }
    .programming-language-img-header img {
    width: 100px !important;
    margin-right: 20px;
    padding: 0px 0px 40px;
}
.whats-in-box-product-img-header  {
    flex-direction: column;
    padding-bottom: 60px;
}
}

/* Sudharsan Style */
/*.exp-edu-sd-wrap p, .exp-par-sd-wrap p {*/
/*    width: 65% !important;*/
/*}*/
/*.disc-sec-patrn {*/
/*    width: 33.33% !important;*/
/*}*/
/*.disc-sec-img {*/
/*    width: 33.33% !important;*/
/*    margin-top: -96px !important;*/
/*}*/
/*.disc-sec-cpy {*/
/*    width: 33.33% !important;*/
/*}*/
/*.disc-sec-cpy p {*/
/*    width: 70% !important;*/
/*    margin-left: 115px !important;*/
/*}*/
/*a.fiyh-lm {*/
/*    margin-left: 115px !important;*/
/*    font-weight: 500;*/
/*}*/
/*a.fiyh-lm:after {*/
/*    right: 71% !important;*/
/*}*/
/*.disc-sec-cpy {*/
/*    justify-content: unset !important;*/
/*    margin-top: 8%;*/
/*}*/
/*.news-content h3 {*/
/*    font-weight: 500 !important;*/
/*    font-size: 20px !important;*/
/*}*/
/*.mac-news-wrap .owl-item {*/
/*    padding: 0 10px;*/
/*}*/
/*.news-lm:after {*/
/*    right: 50% !important;*/
/*}*/
/*.news-lm {*/
/*    margin-top: 30px;*/
/*}*/
/*.social-updt-sec #sb_instagram .sbi_header_text.sbi_no_bio h3 {*/
/*    font-family: "filson-pro", sans-serif;*/
/*    color: #000;*/
/*    font-size: 13px;*/
/*    font-weight: 500;*/
/*}*/
/*.social-updt-sec span.sbi_follow_btn.sbi_custom {*/
/*    top: 44px !important;*/
/*}*/
/*.social-updt-sec #sb_instagram .sbi_follow_btn a {*/
/*    padding: 5px 10px !important;*/
/*}*/
/*.social-updt-sec #sb_instagram.sbi_fixed_height {*/
/*    height: 455px !important;*/
/*}*/
/*.social-updt-sec .feed-inner-wrap {*/
/*    width: 63% !important;*/
/*}*/
/*.social-updt-sec .two-colm.insta-feed-wrap {*/
/*    width: 40% !important;*/
/*}*/
/*.social-icon-wrap i {*/
/*    font-size: 35px !important;*/
/*}*/
/*.new-footer-wrap ul.foot-list li.highlight {*/
/*    font-weight: 400;*/
/*}*/




/*.social-updt-sec .feed-inner-wrap {*/
/*    width: 63% !important;*/
/*}*/
/*.social-updt-sec .two-colm.insta-feed-wrap {*/
/*    width: 40% !important;*/
/*}*/

/*a.fiyh-lm:after, .news-lm:after {*/
/*    left: 112px !important;*/
/*}*/
/*.exp-par-sd-wrap p {*/
/*    color: #e3dede !important;*/
/*}*/


/*@media (max-width: 768px) {*/
/*    .disc-sec-cpy p, a.fiyh-lm{*/
/*        margin-left: unset !important;*/
/*    }*/
/*    .social-updt-sec .two-colm.insta-feed-wrap {*/
/*        width: 100% !important;*/
/*    }*/
/*    .social-updt-sec span.sbi_follow_btn.sbi_custom {*/
/*        top: 27px !important;*/
/*    }*/
/*    span.sbi_follow_btn.sbi_custom {*/
/*        position: absolute !important;*/
/*    }*/
/*    .cwu-wrap h2 {*/
/*        margin-bottom: 0px !important;*/
/*    }*/
/*}*/