/* 
Theme Name: PFA Child Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.swiper-button-prev:after, .swiper-button-next:after{
    font-size: 20px;
}
.swiper-button-next, .swiper-button-prev {
    color: #fff;
    background: red;
    height: 50px;
    width: 50px;
    border-radius: 100%;
}
.swiper-slide-fully-visible.swiper-slide-active {
    filter: unset;
	    pointer-events: unset;
}
.swiper-slide {
    filter: blur(8px);
	pointer-events: none;
}
.swiper-container.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-watch-progress {
    overflow: hidden;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*:focus {
  outline: 0;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	background-color: #000000;
}

.carousel {
	height: 700px;
	perspective: 600px;
	transform: translateY(-100px);
}

.carousel .carousel-item {
	cursor: grab;
	width: 400px;
}

.carousel .carousel-item:active {
	cursor: grabbing;
}

.carousel .carousel-item img {
	width: 100%;
}

.carousel .carousel-item h3 {
	background-color: #ffffff;
	color: #000000;
	font-size: 2em;
	font-weight: bold;
	margin: -5px 0 0;
	padding: 10px 5px;
	text-align: center;
}


button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    display: none !important;
}
.slick-dots li button:before{
	color:#DC1F26 !important;
	font-size:16px;
}

.slick-dots button{
	   background-color: #000 !important;
}






html, body{
	overflow-x:hidden;
}

.zl-login-button a {
    padding: 6px 20px !important;
    background-color: #DC1F26 !important;
    color: #fff !important;
}
li#menu-item-6788 {
    display: none;
}
.zl-year-customer .elementor-widget-container {
    width: 150px;
}
.zl-section-equal {
    height: calc(100vh - 128px);
}
.zl-policy-h h3 {
    padding-top: 20px;
    margin-bottom: 8px;
}
.zl-contact p{
    margin-block-end: 18px !important;
}
.zl-submit-btn {
    position: relative;
}
 .wpcf7-spinner{ 
    opacity: 0.75;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    padding: 0;
    margin: 7px -60px;
    position: absolute;
} 
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin-top: -8px;
}
.wpcf7-response-output {
    color: #fff !important;
}
.zl-payment img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/* home dev css */
.zl-year-experiense {
    width: 130px !important;
    height: 130px !important;
}
.zl-about-boxes .elementor-widget-container:hover {
       transform: scale(1.1);
} 

.btn-bounce > .elementor-widget-container{
  position: relative;
-webkit-animation: zl-bounce 0.5s linear 0s infinite alternate;
  -moz-animation: zl-bounce 0.5s linear 0s infinite alternate;
  -ms-animation: zl-bounce 0.5s linear 0s infinite alternate;
  -o-animation: zl-bounce 0.5s linear 0s infinite alternate;
  animation: zl-bounce 0.5s linear 0s infinite alternate;
}

@-webkit-keyframes zl-bounce {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 5px;
  }
}
@-moz-keyframes zl-bounce {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 5px;
  }
}
@-ms-keyframes zl-bounce {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 5px;
  }
}
@-o-keyframes zl-bounce {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 5px;
  }
}
@keyframes zl-bounce {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 5px;
  }
}

@media(max-width:768px){
.zl-about-img img {
    aspect-ratio: 16 / 9 !important;
    object-fit: cover;
}
.zl-payment img {
    aspect-ratio: 10 / 10;
    object-fit: cover;
}
}

@media(max-width:767px){
.zl-invest-btn a.elementor-button.elementor-button-link {
    float: right;
}
}
@media (min-width: 992px){
.zl-arrow.elementor-widget-image {
    right: 4.692%;
}
.zl-historical {
    padding-left: 40px !important;
}
	.zl-section-equal {
    height: calc(100vh - 80px);
}
}

/* home dev css end */

/* conatct us page */
.zl-contact-box .elementor-widget-container:hover{
    transform: scale(1.1);
}
/* contact us css end */

 .zl-header.sticky {
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000; 
} 

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
.zl_description_widget h3 {
    color: #000;
    padding-top: 17px;
    font-size: 22px;
    margin-bottom: 9px;
}
.zl_red_text{
	color: var(--e-global-color-accent);
}
.zl-bottom-top {
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.show-icon {
opacity: 1;
visibility: visible;
}


/* calculator css start */
        #richwealth-calculator{
            border :solid thin #f7f7f7;
            border-radius: 10px;
/*             box-shadow: 1px 3px 9px #e7e7e7; */
            padding-top: 25px;
            background:white;
            margin-top:25px;
        }
        .card-header,.card-body{
            padding:0 1rem;
        }
        .text-center{
            text-align:center !important;
        }
        div.amount{
            border-radius:25px;
            border:solid thin #e7e7e7;
            padding:10px;
            margin-bottom:-14px;
            box-shadow: 0px 2px 9px #e7e7e7 inset;
            font-size:16px;
            color:##3a3b39;
            font-weight: 600;
        }
        div.row{
            display: flex;
            width:100%;
            column-gap: 15px;
            padding:10px 0;
        }
        div.col-6{
            width:50%;
        }
        div.col-12{
            width:100%;
        }
        input#range{
            width:80%;
            height:3px;
            -webkit-appearance: button;
            padding: unset;
            display:unset;
            color:#3a3b39;
            background: #3a3b39;
        }
        .w-100{
            width:100% !important;
        }
        .btn.active{
            background: var( --e-global-color-primary );
            box-shadow: none;
            font-weight: 600;
            color:white;
        }
        div.card-footer{
            background: var( --e-global-color-accent );
            margin-top:-10px;
            padding-top:15px;
        }
        #richwealth-calculator h5{
            font-size:1.8rem;
            margin:0;
            margin-bottom:-10px;
        }
        .text-white{
            color:white !important;
        }
        hr.seprator{
            width:50%;
            border:solid 0.5px #3a3b39;
            margin:auto;
           display:none
        }

        .switch{
            background: white;
            color:black;
            font-size: 16px;
            padding: 1rem 2.3rem;
        }
        .switch-left{
            border-bottom-left-radius: 10px;
        }
        .switch-right{
            border-bottom-right-radius: 10px;
        }
		.btn{
			cursor: pointer;
			border-color:var( --e-global-color-primary ) !important;
			color: var( --e-global-color-primary );
		}
		.btn:hover{
			background-color: var( --e-global-color-primary );
			color: #fff;
		}
        .row.no-gutter{
            column-gap: unset;
            padding:0;
        }
        .mt-n1{
            margin-top:-1rem;
        }
        span.pill{
            border:solid thin #acacac;
            background: white;
            padding:4px 25px; 
            border-radius:25px;
            margin-top:-25px;
            font-size:12px;
        }
        [contenteditable="true"].single-line {
            white-space: nowrap;
            width:200px;
            overflow: hidden;
        } 
        [contenteditable="true"].single-line br {
            display:none;

        }
        [contenteditable="true"].single-line * {
            display:inline;
            white-space:nowrap;
        }
        .d-none{
            display:none !important;
        }

       #range::-webkit-slider-thumb {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            -webkit-appearance: none;
            cursor: ew-resize;
        }
/* calculator css end */

/* Home page css */
span.sc_price_item_price_value {
    font-weight: 500;
    font-size: 57px;
}
span.sc_price_item_price_before {
    vertical-align: top;
}
.zl_plan_box ul {
    list-style: none;
    padding: 0px;
}

.zl_icon_box .elementor-widget-icon-box{
    position: relative;
}
.zl_icon_box .elementor-widget-icon-box:before{
    position: absolute;
    content: '';
    background: var(--e-global-color-accent);
    width: 100%;
    height: 0%;
	z-index:-1;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
}
.zl_icon_box .elementor-widget-icon-box:hover:before{
    height: 100%;
}
.zl_icon_box .elementor-widget-icon-box:hover .elementor-icon{
	background: rgba(255, 255, 255, 0.20) !important;
}
.zl_icon_box .elementor-widget-icon-box:hover .elementor-icon-box-title{
	color: #fff;
}
.zl_service_box .elementor-widget-wrap {
    position: relative;
	overflow: hidden;
}
.zl_service_box .elementor-widget-wrap:before {
position: absolute;
    content: '';
    background: var(--e-global-color-accent);
    width: 60px;
    height: 60px;
    right: 20px;
    bottom: -25px;
    border-radius: 50%;
    opacity: 0.1;
    transition: all 500ms ease;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.zl_service_box .elementor-widget-wrap:after {
position: absolute;
    content: '';
    border: solid;
    border-width: 7px;
    border-color: var(--e-global-color-accent);
    right: 0;
    bottom: -45px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    opacity: 0.1;
    transition: all 500ms ease;
    -webkit-animation: zoom-fade 8s infinite linear;
    animation: zoom-fade 8s infinite linear;
}
.zl_shape{
    width: 616px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
	animation: service_hexagon_2 15s infinite linear;
}
@keyframes service_hexagon_2{
0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
}

.experience_box:before {
    position: absolute;
    content: '';
    width: 290px;
    height: 290px;
    border-radius: 50%;
    left: -55px;
    top: -55px;
    border: 20px solid rgba(255, 255, 255, 0.50);
}
.zl_dot_img{
	    -webkit-animation: zoom-fade 8s infinite linear;
    animation: zoom-fade 8s infinite linear;
}
.zl_dot_img img {
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}



/*---- Additional video playlist CSS ----*/

.pafe-video-playlist .active:before {
    content: '\25B6' !important;
    left: 7px;
}

/*----------------------------*/



/* About page css start */

.zl-vedioplay-list .pafe-video-playlist__item {
    cursor: pointer;
}
.zl_how_to_start_box .elementor-container {
    counter-reset: card;
}
.zl_how_to_start_box .elementor-container .elementor-widget-wrap .elementor-icon {
    position: relative;
}
.zl_how_to_start_box .elementor-container .elementor-widget-wrap .elementor-icon::before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 5px 5px 5px;
    background-color: var(--e-global-color-bad3463);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-accent);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    left: -20px;
    width: 40px;
    height: 40px;
    top: -20px;
    font-size: 16px;
    counter-increment: card;
    content: "0" counter(card);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-accent);
}
.zl_number .elementor-widget-container {
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}

/* contact from */
.two-column-form .column-half p {
    gap: 15px;
    display: flex;
   margin-bottom: 15px;
}
.zl-submit-btn .wpcf7-submit {
    width: 100%;
}

@media (max-width:600px){
.zl-vedioplay-list .pafe-video-playlist__list {
    height: 270.875px !important;
}
.zl-vedioplay-list .pafe-video-playlist__list-video {
    max-height: 270.875px !important;
}
.zl-year-customer .elementor-widget-container {
    width: 125px;
}	
.zl-login-button a {
    width: fit-content;
    text-align: center;
    margin-left: 15px;
}
li#menu-item-6788 {
    display: block;
	margin-top: 10px !important;
}
}

@media (max-width: 767px){
.two-column-form .column-half p {
    display: block;
}
.two-column-form .column-half span {
    margin-bottom: 15px;
}
.zl-contact p {
    margin-block-end: 0px !important;
}

}