/*
Theme Name: Playerx Child
Theme URI: https://playerx.qodeinteractive.com
Description: A child theme of Playerx Theme
Author: Edge Themes
Author URI: http://themeforest.net/user/edge-themes
Version: 1.0.2
Text Domain: playerx
Template: playerx
*/

/* .edgtf-page-header .edgtf-menu-area .edgtf-logo-wrapper a {
    max-height: 130px !important;
} */
.edgtf-position-center-inner {
      background: #15161d !important;
    
}

.breadcrumb-main{
      height: 395px;
      position: relative;
}
.breadcrumb-main::before{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      content: "";
      background: url(../../images/wtw_images/learning-bg-hero-before.png);
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
}

.overlay-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(224, 175, 255, 0.70);
}
.breadcrumb-img-logo {
      position: relative;
      text-align: center;
      transform: translate(0%, 70%);
}
.quick-learning-tabs-main .nav-horizontal-tabs {
      justify-content: space-around;
      padding: 0px 60px;
      margin-bottom: 117px;
}
.quick-learning-tabs-main .semakan-form-inline .semakan-btn-group {
      min-width: 142px;
}
.form-selbox{
      width: 142px;
      margin-left: auto;
}


.form-selbox .select2-container--default .select2-selection--single{
      border-radius: 25px;
      border: 1px solid #7931A8;
      padding: 13px 29px;
      color: #9E9E9E;
      font-family: 'Inter';
      font-size: 16px;
      font-weight: 700;
}

.form-selbox .select2-container .select2-selection--single .select2-selection__rendered {
      padding-left: 0px;
      padding: 0;
      overflow: inherit;
}
.form-selbox .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 8px;
      right: 14px;
}


.quick-learning-btnbox {
      display: flex;
      align-items: center;
}
.quick-learning-btnbox label{
      color: #9E9E9E;
      font-family: 'Inter';
      font-size: 14px;
      font-weight: 500;
}
.quick-learning-tabs-main .nav-horizontal-tabs .nav-link{
      padding: 12px 50px;
}

.video-box{
      position: relative;
      height: 227px;
      border-radius: 3px;
      background: #D9D9D9;
}
.vi-icon {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
}
.vi-icon-time-box{
      position: absolute;
      right: 13px;
      bottom: 9px;
      border-radius: 44px;
      background: #34234D;
}
.vi-icon-time-box h2{
      margin: 0;
      color: #FFF;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      padding: 3px 10px;
      font-family: 'Inter';
}
.box-video-content{
      display: flex;
      justify-content: space-between;
      margin-top: 11px;
      margin-bottom: 34px;
}
.vi-like-content-right ul{
      display: flex;
      padding: 10px 15px;
      border-radius: 35px;
      background: #F3F3F3;
      width: 140px;
      justify-content: center;
}

.footer-bottom .copyleft {
    width: 14%;
    float: right;
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}


.vi-like-content-right ul li{
      list-style: none;
      margin-right: 34px;
      display: flex;
}
.vi-like-content-right ul li a{
      margin-right: 3px;
}
.vi-like-content-right ul li:last-child{margin-right: 0;}
.vi-bottom-content p{
      color: white;
      font-family: 'Inter';
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 5px;
}
.vi-bottom-content span{
      color: #6D6D6D;
      font-family: 'Inter';
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
}
.fastlike-box{
      position: relative;
}
.fastlike-box::before{
      height: 100%;
      border-right: 1px solid;
      position: absolute;
      right: -16px;
      bottom: 0;
      content: "";
}



.vi-like-content-right ul li a img {
      margin-top: -4px;
}


@media only screen and (max-width: 992px) {
      .form-selbox {
            width: 122px;
      }

      .quick-learning-tabs-main .nav-horizontal-tabs {
            margin-bottom: 40px;
      }


}

@media only screen and (max-width: 768px) {
      .quick-learning-tabs-main .semakan-carian-content {
            margin-top: 30px;
      }
      .breadcrumb-img-logo img{
            width: 50%;
      }

}

@media only screen and (max-width: 575px) {
      .breadcrumb-main {
            height: 300px;
      }

}
/* ramnivas kushwah Email Template css 08-09-203 */

.email-template-content {
      display: flex;
}
.left-tablecontent{
      background: #d9edf6;
      width: 20%;

}
.left-tablecontent p{
      color: #232d36;
      font-weight: 700;
}
.right-tablecontent{
      background: #fff;
      width: 80%;
}
.right-tablecontent p{
      color: #4d4d4d;
}
.email-template-content p{
      border-top: 1px solid #e0e0e0;
      margin: 0;
      padding: 11px;
}
.email-template-main h4{
      color: #2a2a2a;
      font-size: 16px;
}

.email-template-content{
      border-bottom: 1px solid #e0e0e0;
      border-left: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0;
}
.inner-content{
      border-right: 1px solid #e0e0e0;
}
.email-template-conte-bottom{
      margin-top: 20px;
}

.email-template-conte-bottom h5{
      margin-top: 40px;
      color: #2a2a2a;
      font-size: 16px;
}
.contact-section-home .wpcf7-form-control {
    border: 1px solid #5E5E5F;
    background: #242326;
    margin-bottom: 46px;
    color: #FFF;
  font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}
.contact-section-home .edgtf-custom-contact-form .wpcf7-form-control {
    border: 1px solid #5E5E5F;
    background: #242326;
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 46px;
}

.contact-section-home .edgtf-custom-contact-form .submit-btn {
    position: relative;
    display: block;
    text-align: center;
    background-color: #97D3DF;
    max-width: 249px;
    margin: 40px auto 0;
    color: #17161A;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 165px;
    border: transparent !important;
    padding: 14px;
    cursor: pointer;
}

.submit-box {
    position: relative;
    z-index: 0;
    width: 166px;
    margin: 0 auto;
}

.submit-box .submit-btn {
    position: relative;
    display: block;
    text-align: center;
    background-color: #ff0e1f;
    max-width: 249px;
    margin: 40px auto 0;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 165px;
    border: transparent !important;
    padding: 14px;
    cursor: pointer;
} 
.submit-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 51px solid #ff0e1f;
    border-left: 15px solid transparent;
}
.submit-btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 0;
    height: 0;
    border-top: 51px solid  #ff0e1f;
    border-right: 15px solid transparent;
}



.contact-section-home .submit-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 51px solid #97d3df;
    border-left: 15px solid transparent;
}
.contact-section-home #submit_comment:hover, .post-password-form input[type=submit]:hover, input.wpcf7-form-control.wpcf7-submit:hover {
    -webkit-filter: invert !important;
    filter: none !important;
}


.contact-section-home .submit-box:after {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 0;
    height: 0;
    border-top: 51px solid #97d3df;
    border-right: 15px solid transparent;
}
.keepupdated {
    background: #E75463 !important;
    padding: 70px 74px;
    position: relative;
}
.keepupdated .elementor-element-65cee9b5.e-flex.e-con-boxed {
    background: transparent !important;
}
.keepupdated .elementor-element-b6b7985.e-flex.e-con-boxed{background: transparent !important;}

.playerx-newsletter .edgtf-column-left .wpcf7-form-control-wrap .wpcf7-form-control {
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    background: transparent;
    border-bottom: solid 2px #fff;
    padding: 10px 0;
    margin-bottom: 46px;
}
.playerx-newsletter label {
    color: #FFF;
   font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}
.subscribe-column-row .subscribe-column {
    background: #fff;
    color: #000;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
    display: block;
    text-align: center;
    min-width: 210px;
    border: transparent;
    padding: 17px;
        z-index: 9;
    cursor: pointer;
}
.subscribe-column-row{position: relative;z-index: 0;width: 210px;}
.subscribe-column-row:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 57px solid #ffffff;
    border-left: 15px solid transparent;
}
.subscribe-column-row:after {
    content: '';
    position: absolute;
    top: 0;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 57px solid #fff;
    border-right: 15px solid transparent;
}
.buttun-block-available {
    display: flex;
    justify-content: center;
    align-items: center;
}
.app-btn p {
    margin: 0px;
}
.app-btn {
    width: 45%;
    max-width: 160px;
    color: #fff;
    margin: 20px 10px;
    text-align: left;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'Rubik', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}
.app-btn.blu {
  background-color: #101010;
  transition: background-color 0.25s linear;
}
.app-btn.blu:hover {
  background-color: #454545;
}
.app-btn i {
  width: 20%;
  text-align: center;
  font-size: 28px;
  margin-right: 7px;
}
.app-btn .big-txt {
    font-size: 18px;
    text-transform: capitalize;
    line-height: 14px;
}
.center-slider-home .slick-prev, .slick-next {
    display: none !important;
}
.center-slider-home .slick-list {
    padding: 0px !important;
}
.service-inner-box {
    margin-top: 16px;
    margin-bottom: 30px;
}
.service-inner-box .title-h5 {
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.wrppaer-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}
.wrppaer-button .btn-load-more {
      position: relative;
    display: block;
    text-align: center;
    background-color: #97D3DF;
    color: #17161A;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: transparent !important;
    padding: 14px 25px;
    cursor: pointer;    
}
.wrppaer-button .btn-load-more:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: -14px;
    width: 0;
    height: 0;
    border-top: 52px solid #97d3df;
    border-left: 15px solid transparent;
}
.wrppaer-button .btn-load-more:after {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 0;
    height: 0;
   border-top: 52px solid #97d3df;
    border-right: 15px solid transparent;
}
.edgtf-content {
    position: relative;
    margin-top: 0;
    z-index: 100;
    background: #17161a !important;
}
.footer {
    width: 100%;
    background: transparent !important;
    margin-top: 30px;
    float: left;
}
.edgtf-page-footer {
    background: #17161A !important;
}

.footer .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.footer .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.footer-contact {
    width: 100%;
    float: left;
    text-align: left;
}
.footer-contact .description-footer {
    color: #FFF;
   font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28.8px;
    max-width: 288px;
    margin-bottom: 45px;
}
.footer-widget .footer-widget-title {
    color: #FFF;
     font-family: 'Rubik', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0px 0 36px;
}
.footer-widget {
    width: 100%;
    float: left;
    text-align: left;
}
.footer-widget .widget-info ul li {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-top: 0px;
    padding: 0px 0 15px;
}
.footer-widget .widget-info ul li .info-icon i {
    display: inline-block;
    color: #97D3DF;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 2px;
}
.info-icon.phone i{
    transform: rotate(90deg);
}
.widget-info ul li .info-text {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #c4c5c7;
    max-width: 250px;
}
.widget-info ul li .info-text a {
    color: #c4c5c7;
}
.footer-links {
    width: 100%;
    float: left;
    text-align: left;
}
.footer-links h4{
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0px 0 36px;
}
.footer-links li {
    display: block;
    line-height: 20px;
    margin: 0;
    padding: 0px 0 16px !important;
}
.footer-links li a {
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}
.footer-bottom {
    background: #2A292E;
    padding: 25px 0;
    width: 100%;
    text-align: left;
    float: left;
    margin-top: 40px;
}
.footer-bottom .copyright {
    width: 50%;
    float: left;
    color: #FFF;
   font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}
.footer-bottom .credits {
    width: 50%;
    float: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.footer-bottom .credits ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.footer-bottom .credits li {
    padding: 0px;
    padding-right: 15px;
    padding-left: 15px;
    line-height: normal;
}
.footer-bottom .credits li a {
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}
.blog-card .box-md {
            position: relative;
        }
.video-btn {
        position: absolute;
        top: 100px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
.center-slider-home .video-btn {
    /*transform: translate(0px, 50%);*/
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
} 
.center-slider-home .slick-current.slick-active .video-btn{
 opacity: 1;
}
.center-slider-home .slick-slide{opacity: .5;}
.center-slider-home .slick-current.slick-active{
 opacity: 1;
}
.crazzy-section-1 {
    padding: 100px 0 !important;
}
.crazzy-section-1 .left-crazzy-colam p {
    color: #FFF;
   font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 32.4px;
    max-width: 538px;
}
.list-navi-p {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.list-navi-p li {
    padding-right: 20px;
}
.crazzy-section-1 .list-navi-p li p {
    font-size: 12px !important;
    margin: 0px;
    padding: 0px;
    line-height: 4px !important;
}
.list-navi-p li h3 {
    margin: 0px;
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 37.8px;
    margin-bottom: 5px;
    margin-top: 0px;
}
.logo-quizzy {
    margin-top: 68px;
    text-align: center;
    display: flex;
    align-items: center;
}
.app-btn:hover {
    color: #fff;
}
.app-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.games-box-1 .elementor-image-box-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.app-nav li {
    border: solid #fff 1px;
    padding: 0;
    margin-right: 10px;
} 
.app-nav li .invest-feature-img {
    width: 30px;
    padding: 5px;
    height: 30px;
    float: left;
}
.app-nav li .invest-feature-img img {
    width: 19px;
}
.games-box-1 .elementor-image-box-content .app-nav {
    order: 1;
}
.games-box-1 .elementor-image-box-content .elementor-image-box-title {
    order: 2;
}
.edgtf-page-footer .edgtf-footer-bottom-holder .edgtf-footer-bottom-inner.edgtf-grid {
    padding: 17px 0 0;
    width: 100% !important;
}


@media only screen and (min-width: 1367px){
.edgtf-grid-1200 .edgtf-container-inner, .edgtf-grid-1200 .edgtf-grid, .edgtf-grid-1200 .edgtf-row-grid-section {
    width: 100% !important;
}
.keepupdated {
    width: 1200px !important;
}
.edgtf-animate-mobile-header .edgtf-mobile-logo-wrapper a {
    height: auto !important;
}



@media only screen and (max-width: 1200px) {
      .vi-bottom-content p {
            font-size: 16px;
      }
}
@media only screen and (max-width: 920px) {
	
	.footer-bottom .copyleft {
    width: 100%;
    text-align: center;
}
      .left-tablecontent {
            width: 40%;
      }
      .right-tablecontent {
            width: 60%;
      }
      .keepupdated {
          width: 100% !important;
      }

     .edgtf-container-inner, .edgtf-grid, .edgtf-row-grid-section, section.edgtf-elementor-row-grid-section>.elementor-container {
          width: 100% !important;
      }
      .edgtf-mobile-header {
        display: block;
    }
    .edgtf-page-header {
        display: none;
    }

    

}

@media only screen and (max-width: 992px) {
    .footer-bottom .copyright {
        width: 100%;
        text-align: center;
    }
}
	
@media only screen and (max-width: 480px) {
    .footer-bottom .copyright {
        width: 100%;
        text-align: center;
    }
}


	
@media (max-width: 768px) {
	.footer-bottom .copyleft {width: 100%;text-align: center;}
	.footer .col-4 {flex: 0 0 auto;width: 100%;}
     
}