/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Description: Twenty Twenty-One Child Theme
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentytwentyone
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentychild
Tags:two-columns, left-sidebar, right-sidebar, light, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
*/
.menu-content-holder{
	position:fixed;
	right:-100%;
	top:0px;
	height:100%;
	background-color:#4B4E55;
	padding:145px 75px 60px;
	z-index: 9;
	overflow-y:scroll;
	overflow-x:hidden;
	max-width: 480px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu-content-holder::-webkit-scrollbar {
    display: none;
}
.menu-content-holder.active{
	right:0px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.welcome-heading{
	margin-bottom:45px;
}
.welcome-heading ul{
	margin:0px;
	padding: 0px;
	list-style: none;
	display: flex;
}
.welcome-heading ul li{
	font-family: "collier", sans-serif;
	font-size: 32px;
	font-weight: 300;
	line-height: 38.4px;
	color:#fff;
}
.welcome-heading ul li:not(:last-child):after{
	content:'';
	width:5px;
	height:5px;
	border-radius:100%;
	background-color: #fff;
	display: inline-block;
	margin:0px 5px;
	position:relative;
	top:-5px;
}
/*********** Menu Css ***********/
.menu-area ul{
	margin:0px;
	padding: 0px;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap:15px;
}
.menu-area ul li a{
	position: relative;
}
.menu-area ul li a{
	font-family: 'Jost';
	font-size: 16px;
	font-weight: 500;
	line-height: 27px;
	letter-spacing: 2px;
	color:#fff;
	text-transform: uppercase;
	display: block;
}
.menu-area ul li a:hover{
	font-style: italic;
}
.menu-area ul li.menu-item-has-children > a:after{
	content:url('right-arrow.png');
	display: inline-block;
	position: absolute;
	right:0px;
}
.menu-area ul li ul{
	position: absolute;
	top:0px;
	left:0px;
	width:calc(100% + 2px);
	min-height: 100%;
	opacity: 0;
	pointer-events: none;;
	background-color:#4B4E55;
	z-index: 9;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu-area ul li ul.active{
	opacity: 1;
	pointer-events: all;
	transition: all 0.5s;
}
.menu-content-wrapper{
	position: relative;
}
li.nav-back > a{
	font-family: "collier", sans-serif !important;
	font-size: 32px !important;
	font-weight: 300 !important;
	line-height: 38.4px !important;
	color:#fff !important;
	text-transform: capitalize !important;
    margin-bottom: 25px;
	position: relative;
}
li.nav-back > a:after{
	content:url('/wp-content/uploads/2024/12/back.png');
	display: inline-block;
	position: absolute;
	right:0px;
}
li.nav-back > a:hover{
	font-style: normal !important;
}
.close-icon{
	position: absolute;
    right: 70px;
    top: 10%;
}
/******** End: Menu Css ************/
.menu-area ul li.menu-heading{
	margin-top: 80px;
}
.menu-area ul li.menu-heading > a{
	font-family: "collier", sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 28.8px;
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom: 30px;
	margin-bottom: 10px;
	text-transform: none;
	pointer-events: none;
}
.menu-social-icons{
	/*position: absolute;*/
	bottom:60px;
	right:75px;
	margin-top:30px;
}
.menu-social-icons ul{
	margin:0px;
	padding: 0px;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	gap:12px
}
.menu-social-icons ul li a{
	color:#fff;
	font-size: 22px;
}
@media(max-width:767px){
	.menu-content-holder {
		padding: 90px 25px 30px;
		width:100%;
	}
	.welcome-heading ul li {
		font-size: 24px;
		line-height: 30px;
	}
	.welcome-heading {
		margin-bottom: 20px;
	}
	.close-icon {
        position: absolute;
        right: 26px;
        top: 40px;
        z-index: 99;
    }
	.menu-area ul li.menu-heading {
		margin-top: 35px;
	}
	.menu-area ul li.menu-heading > a {
		padding-bottom: 15px;
	}
	.menu-area ul {
		gap: 12px;
	}
	.menu-social-icons {
		right: 40px;
	}
	li.nav-back > a {
		font-size: 24px !important;
		line-height: 30px !important;
	}
}

.zone:nth-child(1):hover .inside-zone .icon{
    transform: scalex(0.75);
}
.zone:nth-child(1):hover .inside-zone .pyramid-inner-each-text{
    transform: scalex(0.75);
}

.zone:nth-child(1):hover .inside-zone .icon{
    transform: scalex(0.75);
}
.zone:nth-child(1):hover .inside-zone .pyramid-inner-each-text{
    transform: scalex(0.75);
}

.zone:nth-child(3):hover .inside-zone .pyramid-inner-each-text{
    transform: scalex(0.75);
}

.zone:nth-child(4):hover .inside-zone .icon{
    transform: scalex(0.75);
}
.zone:nth-child(4):hover .inside-zone .pyramid-inner-each-text{
    transform: scalex(0.75);
}

.zone:nth-child(5):hover .inside-zone .icon{
    transform: scalex(0.75);
}
.zone:nth-child(5):hover .inside-zone .pyramid-inner-each-text{
    transform: scalex(0.75);
}
div#input_2_37 {
    column-count: 2;
    -webkit-column-count: 2;
}
/* .gform_wrapper.gravity-theme .gf_progressbar_blue {
    background: #4B4E55 !important;
} */
.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100){
	border-right:3px solid #fff;
}
.gf_progressbar.gf_progressbar_blue:after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/01/Vector-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    right: -30px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_100{
	position:relative;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_100:after{
	content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/01/Vector.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    right: -30px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
	z-index:999;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.quiz-logo img {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
body .gform_wrapper .hidden {
    display: none!important;
}