/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/*----header----*/
footer .mg-logo img{
	max-width:320px;
}
.mg-academy-button a span.elementor-button-icon{
	background-color: #e9f7f8;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
	overflow:hidden;
}
.mg-academy-button a span.elementor-button-icon svg{
    height: 30px;
}
.mg-academy-button2 a{
	padding: 0;
}
.mg-academy-button2 a span.elementor-button-icon{
	background-color:transparent;
}
a.elementor-button.elementor-button-link.elementor-size-sm:hover svg path{
	fill:#12100b;
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
/*-----hero-2------*/
.mg-academy-hero2 .mg-hero-arrow-link{
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: #fec961 !important;
	text-align: center;
	line-height: 113px;
	font-size: 28px;
	color: #1f1c35;
	position: absolute;
	z-index: 2;
	display: block;
	top: -33px;
	left: -19px;
}
.mg-academy-hero2 .mg-hero-course::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 40px;
    opacity: 0.2;
    background: #1f1c35;
    right: -13px;
    top: 5px;
}
.mg-academy-hero2 .mg-guarantee-wrap{
	background: #fff;
	border: 1px solid #404a60;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 70%;
	left: 106%;
	z-index: 1;
	transform: translate(-50%, -50%);
}
.mg-academy-hero2 .mg-guarantee-wrap .elementor-icon-wrapper{
	background-color: #2fa75f;
	width: 50px;
	height: 50px;
	border-radius: 100px;
}
.mg-academy-hero2 .mg-guarantee-wrap svg{
	height: 50px !important;
    font-size:25px;
}
.mg-academy-hero2 .cir36 {
    animation: 10s linear infinite cir36;
    position: absolute;
	padding: 5px
}
@keyframes cir36 {
    100% {
        transform: rotate(360deg)
    }
}
.mg-academy-hero2 .mg-guarantee-wrap .elementor-icon-wrapper:after{
	border: 1px solid #404a60;
	border-radius: 50px;
	content: "";
	width: 90px;
	height: 90px;
	position: absolute;
	top: -20px;
	left: -42%;
}
/*-----about-2-----*/
.mg-academy-about-wrap .mg-academy-trends-left-wrap:before{
	position: absolute;
    content: "";
    border-radius: 560px;
    background: #6fc08185;
    filter: blur(250px);
    width: 560px;
    height: 403px;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.mg-academy-about-wrap .mg-enroll-icon-wrap .elementor-widget-container {
	box-shadow:17px 18px 30px 16px rgba(7, 2, 41, 0.09);
	-webkit-animation-name: UpDown;
	animation-name: UpDown;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.mg-hero-arrow-link {
	-webkit-animation-name: UpDown;
	animation-name: UpDown;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.mg-academy-about-wrap .mg-enroll-icon-wrap span.elementor-icon{
	width: 64px;
    height: 64px;
    line-height: 70px;
    border-radius: 100%;
    background: #fceeee;
}
.mg-academy-about-wrap .mg-enroll-icon-wrap span.elementor-icon svg{
	display: inline-block;
}
.mg-academy-about-wrap .mg-enroll-icon-wrap span.elementor-icon svg path{
	fill: #df4343;
}
@-webkit-keyframes UpDown {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.rotate-ani {
    animation-name: Rotate;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  to {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
}
/*-------course-2-------*/
.mg-course-wrap figure.elementor-image-box-img {
    width: 60px;
    min-width: 60px;
	margin: 10px auto !important;
    height: 60px;
    background-color: #71f9a3;
    border-radius: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid #dfe0e4;
}
.mg-course-wrap figure.elementor-image-box-img img{
	height: 28px;
	width: 28px;
}
.mg-course-wrap p.elementor-image-box-description{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.mg-course-wrap .elementor-widget-image-box:hover .elementor-widget-container{
	border-color:#2fa75f;
}
/*-----instructor-2-----*/
.instructor-box figure.elementor-image-box-img{
	position:relative;
	padding:20px;
}
.instructor-box figure.elementor-image-box-img:after{
	content: '';
	background-image: url(http://demo.magnigenie.com/academy/wp-content/uploads/2024/11/instructor-shapes.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(-60deg);
	z-index: -1;
	transition: .9s;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.instructor-box:hover figure.elementor-image-box-img:after{
    transform:rotate(60deg)
}
/*-----form2------*/
.mg-home-form-wrap div#wpforms-1733{
	margin:0;
}
.mg-home-form-wrap form#wpforms-form-1733 .wpforms-field{
	padding: 5px 0;
}
.mg-home-form-wrap form#wpforms-form-1733 .wpforms-field label{
	margin: 10px 0px;
}
.mg-home-form-wrap form#wpforms-form-1733 input[type="text"], 
.mg-home-form-wrap form#wpforms-form-1733 input[type="email"], 
.mg-home-form-wrap form#wpforms-form-1733 input[type="number"], 
.mg-home-form-wrap select#wpforms-1733-field_4 {
	border-radius: 0.4rem;
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	border: 1px solid #bfc6c5;
}
.mg-home-form-wrap form#wpforms-form-1733 .wpforms-submit-container{	
	position:relative;
	margin-top:20px;
}
.mg-home-form-wrap form#wpforms-form-1733 button#wpforms-submit-1733,
.mg-course-form-wrap button#wpforms-submit-1901{
	background-color:#3dad58;
	width: 100%;
	border-radius: 2.5em;
	padding: 3px 0;
	color:#12100b;
	font-family: "Poppins", Sans-serif;
	font-size: 1em;
	font-weight: 400;
}
.mg-home-form-wrap form#wpforms-form-1733 button#wpforms-submit-1733:focus::after,
.mg-course-form-wrap button#wpforms-submit-1901:focus::after{
	display:none;
}
.mg-home-form-wrap form#wpforms-form-1733 button#wpforms-submit-1733:hover,
.mg-course-form-wrap button#wpforms-submit-1901:hover{
	background-color:#12100B !important;
	color:#3dad58;
}
.mg-home-form-wrap form#wpforms-form-1733 .wpforms-submit-container:before,
.mg-course-form-wrap button#wpforms-submit-1901:before{
	content: "";
	position: absolute;
	right: 5px;
    top: 5px;
	background-image: url(https://wordpress-819158-4852723.cloudwaysapps.com/wp-content/uploads/2024/09/arrow.svg);
	z-index: 9;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position:center;
	background-color: #e9f7f8;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
/*--------footer------*/
.foot-mg-heading h2 span.mg-highlight{
	color:#3DAD58;
}
footer#colophon form#wpforms-form-1744 .wpforms-field-container{
	display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap:8px;
}
footer#colophon .elementor-element.elementor-element-e25507b .e-con-inner {
    border-bottom: 1px dashed rgba(223, 255, 94, 0.3);
}
footer#colophon .newsletter-form input[type="text"],
footer#colophon .newsletter-form input[type="email"]
{
	border: 1px solid #cccccc;
	background-color: #fff;
	padding:6px 10px 8px;
	border-radius:10px;	
	max-width: 100%;
}
footer#colophon div#wpforms-1744{
    margin: 0;
}
div#wpforms-1744-field_9-container,
div#wpforms-1744-field_7-container
{
	max-width: 100%;
	width: 50%;
}
footer#colophon .newsletter-form input#wpforms-1744-field_7:focus{
	box-shadow:none;
}
footer#colophon div#wpforms-1744-field_7-container{
    padding: 0;
}
/*footer#colophon .newsletter-form .wpforms-submit-container{
    position: absolute;
    right: 13px;
    top: 6px;
}*/
footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744,
footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744:hover{
	font-family: "Poppins", Sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    border:1px solid #3DAD58;
	background-color: #3DAD58;
	border-radius: 10px;
	padding:5px 18px 7px;
	outline:0;
}
footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744{
	width:100%;
}
footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744:focus::after,
footer#colophon .newsletter-form img.wpforms-submit-spinner{
	display:none !Important;
}
.mg-academy-hero-wrap form#wpforms-form-1733 .wpforms-submit-container:hover,
.mg-contact-form .wpforms-submit-container:hover,
.mg-course-form-wrap button#wpforms-submit-1901:hover
{
	overflow:hidden;
}
footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744:hover:after,
a.elementor-button.elementor-button-link.elementor-size-sm:hover svg,
.mg-academy-hero-wrap form#wpforms-form-1733 .wpforms-submit-container:hover:before,
.mg-contact-form .wpforms-submit-container:hover:before,
.mg-course-form-wrap button#wpforms-submit-1901:hover:before
{
    animation: toRightFromLeft 0.5s forwards;
}
/*------FAQ--------*/
.mg-academy-faq-wrap div#wpsm_accordion_659{
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 16px rgb(96 97 112 / 14%);
    box-shadow:0px 4px 16px rgb(96 97 112 / 14%);
    -webkit-border-radius: 24px;
    border-radius: 24px;
}
.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel + .wpsm_panel {
    margin-top: 0;
}
.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel-default{
    border-bottom:1px dashed #e5e4e4 !important;
}
.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel-default:last-child{
    border-bottom: 0px dashed #e5e4e4 !important;
}
.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel-body {
    border: 0px solid #e8e8e8 !important;
}
.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel-default > .wpsm_panel-heading{
	background-color: transparent !important;
}
.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel-default > .wpsm_panel-heading .wpsm_panel-title a{
	font-family: "DM Sans", Sans-serif !important;
	color: #12100B;
	font-size: 16px;
	font-weight: 600;
	letter-spacing:-0.5px;
}
.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel-default > .wpsm_panel-heading .wpsm_panel-title a span.ac_open_cl_icon.fa.fa-minus,
.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel-default > .wpsm_panel-heading .wpsm_panel-title a span.ac_open_cl_icon.fa.fa-plus{
	font-weight: 400;
	font-size: 12px;
	border-radius: 100px;
	padding: 8px 10px !important;
}
.mg-academy-faq-wrap .content-text-wrap{
	font-family: "Poppins", Sans-serif;
	color: #12100B;
    font-size: 14px;
    font-weight: 500;
	line-height: 1.6em;
	background-color: #f7f7f7;
	padding: 30px 120px 30px 30px;
	border-radius: 20px;
}
.mg-academy-faq-wrap .content-text-wrap p{
	margin-bottom: 1em !important;
	letter-spacing:-0.3px;
}
/*----course-page----*/
.mg-course-hero-wrap{
	position:relative;
	overflow:hidden;
}
.mg-course-hero-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background:linear-gradient(180deg, #14ac5e63 19.4%, #14ac5e 97.01%);
    width: 100%;
    height: 100%;
    left: 70%;
    transform: skew(-40deg);
}
.mg-course-hero-wrap:before{
	content: "";
	background:  #F3EEEC url(https://wordpress-819158-4852723.cloudwaysapps.com/wp-content/uploads/2024/09/Banner-3-bg-img-1.png);
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.mg-course-hero-wrap a span.elementor-button-icon svg {
    height: 30px;
}
.mg-course-hero-wrap .elementor-custom-embed-play:before,
.mg-course-hero-wrap .elementor-custom-embed-play:after{
	content: "";
	display: inline-block;
	background-image: url(http://demo.magnigenie.com/academy/wp-content/uploads/2024/10/course-sprite.svg);
	border-radius: 100%;
	background-color: #b7bbe191;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.mg-course-hero-wrap .elementor-custom-embed-play:after {
    content: "";
    width: 80px;
    height: 80px;
    bottom: 0;
    background-position: -86px -259px;
    -webkit-animation: intro 2s infinite;
    animation: intro 2s infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.mg-course-hero-wrap .elementor-custom-embed-play:before {
    width: 50px;
    height: 50px;
    background-position: -102px -88px;
    border-radius: 50%;
    z-index: 1;
    bottom: 15px;
}
 @keyframes intro {
	 0% {
		 -webkit-transform: scale(.5);
		 transform: scale(.5)
	 }

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

	 to {
		 -webkit-transform: scale(.5);
		 transform: scale(.5)
	 }
}
/*----tab----*/
summary.e-n-accordion-item-title span.e-n-accordion-item-title-header{
    width: 100%;
}
.mg-academy-course-wrap .elementor-widget-n-accordion:before {
    width:1.5px;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    background-color: #f2f2f2;
    display: inline-block;
    z-index: 1;
}
.mg-academy-course-wrap details[open]:before {
	width: 100%;
	height: 1.5px;
	content: "";
	position: absolute;
	top: 47px;
	left: 0;
	background-color: #f2f2f2;
	display: inline-block;
	z-index: 1;
	border-top: 1px solid #e0e0e0;
}
.mg-academy-course-wrap details:after {
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    background-color:#3DAD58;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 5px);
    left: 26px;
    z-index: 1;
}
.mg-academy-course-wrap details{
	padding:0px 20px 0px 60px; 
	margin-bottom: 5px !important;
	background-color: #FFFFFF;    
}
.mg-academy-course-wrap details:last-of-type{
	margin-bottom: 0px !important;
}
.mg-academy-course-wrap .course-tab-wrap .elementor-element.e-child{
	border:0;
}
/*----form-section----*/
.mg-course-form-wrap div#wpforms-1901 {
    margin: 0 !important;
}
.mg-course-form-wrap input[type="text"],
.mg-course-form-wrap input[type="number"],
.mg-course-form-wrap input[type="email"],
.mg-course-form-wrap select#wpforms-1901-field_5{
    background-color:#f2f2f2 !important;
    max-width: 100%;
    color: #000;
    height:50px;
    border: 1px solid #e0e0e0;	
	font-family: "Poppins", Sans-serif;
	font-size: 1em;
	font-weight: 400;
}
.mg-course-form-wrap label.wpforms-field-label-inline {
    padding: 0px 0px 0px 20px;
    font-size: 14px;
    letter-spacing: .02em;
}
.mg-course-form-wrap label.wpforms-field-label-inline a {
    color:#12100B;
    font-weight: 500;
}
.mg-course-form-wrap label.wpforms-field-label-inline input#wpforms-1901-field_4_1 {
    margin-top: 7px;
}
div.wpforms-container-full input[type=checkbox]:checked:before, 
div.wpforms-container-full input[type=radio]:checked:before {
    border-color:#3dad58;
    box-shadow: 0 0 0 1px #3dad58, 0px 1px 2px rgba(0, 0, 0, 0.15);
    outline: none;
}
.mg-course-form-wrap .wpforms-container .wpforms-field{
    padding: 8px 0;
}
.mf-course-form-left{
    box-shadow: 0 2px 16px rgb(0 0 0 / 8%);
	background: linear-gradient(to right, #3dad581f, #EEFDFF);
}
.mf-course-form-left::before {
	content: "";
	background-image: url(http://demo.magnigenie.com/academy/wp-content/uploads/2024/10/search.webp);
	width: 308px;
	height: 310px;
	position: absolute;
	left: -120px;
	top: 246px;
}
.waveImage {
	background: #fff;
	position: absolute;
    top: 76px;
    right: 44px;
	-webkit-filter: drop-shadow(0px 4.701754570007324px 4.701754570007324px rgba(0, 0, 0, .15));
	filter: drop-shadow(0px 4.701754570007324px 4.701754570007324px rgba(0, 0, 0, .15));
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 67px;
	height: 67px;
	line-height: 59px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.waveImage img {
    width: 44px;
    height: auto;
}
/*------about-------*/
.sub-page-banner:after {
    content: "";
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: #f7f0ff;
    background-image: linear-gradient(90deg, #f7f0ff 0%, #e9f7f8 80%, rgb(254, 242, 132, .25) 100%);
}
.sub-page-banner h2 a{
	text-decoration:none !important;
}
.ourteam p.elementor-image-box-description{
	background: linear-gradient(45deg, #f7f0ff, #e9f7f8);
	border-radius: 2.5em;
	padding: 4px 18px;
	display: inline;
}
.ourteam figure.elementor-image-box-img {
    border-radius: 10px;
    overflow: hidden;
}
.ourteam .elementor-image-box-wrapper img {
    transform: scale(1);
    transition:375ms cubic-bezier(0.7, 0, 0.3, 1);
}
.ourteam .elementor-image-box-wrapper:hover img {
    transform: scale(1.1);
}
.certificate-wrap{
	position:relative;
}
.certificate-wrap:before{	
	content: "";
	background-color: transparent;
	background-image: linear-gradient(145deg, #F7F0FF 0%, #E9F7F8 100%);
	opacity: 0.9;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	position: absolute;
	height: 100%;
    width: 100%;
}
.certificate-wrap ul li span.elementor-icon-list-icon svg{
	width: 25px;
	height: 25px;
	padding: 5px;
	background: #ffffff;
	border-radius: 50%;
}
/*----view-demo-btn----*/
.mg-view-demo span.elementor-button-icon{
	position: relative;
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 8px;
	margin: 0px 0px 0px -30px;
	background:#3DAD58;
	border-radius: 50%;
}
.mg-view-demo span.elementor-button-text {
    display: inline-grid;
    align-content: center;
	z-index: 1;
}
.mg-view-demo span.elementor-button-icon svg{
	fill:#12100B;
}
.mg-view-demo span.elementor-button-icon:before,
.mg-view-demo span.elementor-button-icon:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #71d251;
	border-radius: 50%;
	opacity: 1;
	pointer-events: none;
}
.mg-view-demo span.elementor-button-icon:before {
    animation: ripple-effect 2s linear infinite;
}
.mg-view-demo span.elementor-button-icon:after {
    animation: ripple-effect 2s linear 1s infinite;
}
@keyframes ripple-effect {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.25);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
.mg-view-demo span.elementor-button-icon:hover{
	background:#ffffff;
}
.mg-view-demo span.elementor-button-icon:hover:before,
.mg-view-demo span.elementor-button-icon:hover:after{
	border: 1px solid #ffffff;
}
.mg-view-demo span.elementor-button-icon:after:hover svg{
	fill:#ffffff;
}
.float3{
	-webkit-animation: float3 4s ease-in-out infinite;
	animation: float3 4s ease-in-out infinite;
}
@keyframes float3 {
    0% {
        transform: translatex(0px)
    }

    50% {
        transform: translatey(8px)
    }

    100% {
        transform: translatex(0px)
    }
}
/*----shape-animation----*/
.mg-animation-vector .elementor-icon svg {
    overflow: visible;
}
.mg-animation-vector .elementor-icon svg path:first-child {
    animation: vector-move 5s infinite;
    animation-direction: reverse;
    animation-delay: 1s;
}
.mg-animation-vector .elementor-icon svg path:last-child {
    animation: vector-move2 5s infinite;
    transition: transform .3 linear;
	fill:#12100b;
}
@keyframes vector-move {
    0% {
        transform: translate(-5px, -5px);
    }

    50% {
        transform: translate(10px, 10px);
    }

    100% {
        transform: translate(-5px, -5px);
    }
}
@keyframes vector-move2 {
    0% {
        transform: translate(-1px, -1px);
    }

    50% {
        transform: translate(20px, 20px);
    }

    100% {
        transform: translate(-1px, -1px);
    }
}
.contact-form-wrapper div#wpforms-1750 {
    margin: 0;
}
.mg-contact-form:before{
	background-color: #ffffff;
	background-image: linear-gradient(45deg, rgba(247, 240, 255, 0.5) 0%, rgba(233, 247, 248, 0.5) 100%);
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);opacity: 0.45;
}
.elementor-element.elementor-element-73e441a.e-con-full.e-flex.e-con.e-child:before{
	content: "";
	background-color: transparent;
	background-image: radial-gradient(at center center, #f2b31d61 0%, #F2292900 80%);
	opacity: 0.45;	
}
.mg-contact-form:before{
	content: "";
	background-color: #fff;
	border-top: 4px solid #3DAD58;
	background-image: none;
	opacity:1;
}
.mg-contact-form input[type="text"],
.mg-contact-form input[type="email"],
.mg-contact-form textarea,
.mg-contact-form input[type="number"]{	
	border: 0 !important;
	border-bottom: 1px solid #cccccc !important;
	background-color: transparent !important;
	max-width: 100%;
	border-radius: 0 !important;
	color: #12100B;
	height: 60px;
}
.mg-contact-form input[type="text"]:focus,
.mg-contact-form input[type="email"]:focus,
.mg-contact-form textarea:focus,
.mg-contact-form input[type="number"]:focus{
	border-color: #14ac5e !important;
	box-shadow: none !important;
}
.mg-contact-form input[type="text"]::-webkit-input-placeholder,
.mg-contact-form input[type="email"]::-webkit-input-placeholder,
.mg-contact-form textarea::-webkit-input-placeholder,
.mg-contact-form input[type="number"]::-webkit-input-placeholder{ 
	color:#12100B !important;
	opacity: 1;
    font-family:'Poppins', sans-serif;
    font-size:18px;
    font-weight: 400;
    letter-spacing: -0.5px;
}
.mg-contact-form div#wpforms-1750-field_4-container,
.mg-contact-form div#wpforms-1750-field_2-container{
	float: left;
	clear: none;
	width: 50%;
}
div#wpforms-1588-field_2-container {
    padding-right: 15px;
}
.mg-contact-form div#wpforms-1750-field_4-container{
    padding-left: 15px;
}
.mg-contact-form div#wpforms-1750-field_4-container input,
.mg-contact-form div#wpforms-1750-field_2-container input{
	max-width:100%;	
}
.mg-contact-form legend.wpforms-field-label{
    color: #12100B;
    font-family: "DM Sans", Sans-serif;
    font-size: 25px !important;
    font-weight: 700;
    letter-spacing: -1px;
	padding: 20px 0 20px;
    display: block;
    width: 100%;
}
.mg-contact-form ul#wpforms-1750-field_5{
    display: flex;
    align-items: center;
}
.mg-contact-form ul#wpforms-1750-field_5 li label{
	font-family:'Poppins', sans-serif;
	font-size:18px;
	font-weight: 400;
	letter-spacing: -0.5px;
}
.mg-contact-form div.wpforms-container-full input[type=radio]:checked:before {
    border-color: #14ac5e;
    box-shadow: none;
}
.mg-contact-form div.wpforms-container-full input[type=radio]:checked:after {
	background-color: #14ac5e;
}
.mg-contact-form .wpforms-submit-container {
    margin-top: 30px !important;
}
.mg-contact-form button#wpforms-submit-1750{
	background-color: #3dad58;
	width: 100%;
	border-radius: 2.5em;
	padding: 3px 0;
	color: #12100b;
	font-family: "Poppins", Sans-serif;
	font-size: 1em;
	font-weight: 400;
	height: 48px;
}
.mg-contact-form button#wpforms-submit-1750:hover{
	background-color:#12100B !important;
	color:#3dad58;
}
.mg-contact-form .wpforms-submit-container:before{
	content: "";
	position: absolute;
	right: 6px;
	top: 7px;
	background-image: url(https://wordpress-819158-4852723.cloudwaysapps.com/wp-content/uploads/2024/09/arrow.svg);
	z-index: 9;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e9f7f8;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	line-height: 30px;
}
.course-tab-wrap .tab-column{
    box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 12%) !important;
    margin-bottom: 5px;
}
/*-----testimonials-----*/
.mg-review-wrap .bdt-ep-review-card-carousel-item {
    box-shadow: 0px 6px 0px 0px rgb(242 242 242);
	margin-bottom:20px;
	border-radius:1.25rem;
}
.mg-review-wrap h3.bdt-ep-review-card-carousel-name{
	margin-bottom:0;
	position: absolute;
    top: 42px;
    left: 35%;
}
.mg-review-wrap .bdt-ep-review-card-carousel-job-title{
	position: absolute;
    top: 65px;
    left: 35%;
}
.mg-review-wrap .bdt-ep-review-card-carousel-text {
    margin-top: 20px;
}
/*----courses-page-----*/
.mg-course-box{
	box-shadow: rgba(204, 204, 204, .75) 0 0 3px 0;
	overflow:hidden;
}
.mg-course-box h3{
	margin: 0;
}
.mg-course-box .elementor-heading-title{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.course-price-box span.elementor-heading-title.elementor-size-default span{
	color: #09090980;
	font-family: "Poppins", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2em;
	letter-spacing: -1px;
	margin-left: 8px;
	text-decoration: line-through;
}
.refund-text{
	position: relative;
    top:9px;
}
.flutter-app-wraping .refund-text{
	top: 1px !important;
}
.mg-course-box:hover{
	box-shadow: 0 0 40px -8px rgb(0 0 0 / 16%), 0 0 24px -16px rgb(0 0 0 / 16%);
	transform: scale3d(1.03, 1.03, 1.08) translate3d(0.1rem, -0.25rem, 20rem);
}
.course-card-wrap{
	aspect-ratio: 312 / 227;
	background-image: url(http://demo.magnigenie.com/academy/wp-content/uploads/2024/11/ribon-3.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	gap: 19px;
	justify-content: space-evenly;
	max-width:450px;
	padding:8px 20px 0;
	z-index: 9;
	filter: drop-shadow(7px 10px 20px rgb(0 0 0 / 15%));
}
.course-type{
	background:linear-gradient(180deg,#ffa50b1a,#e279001a 93.51%);
    border-radius: 6px;
	padding: 4px 12px;
}
.course-btn a{
	background: var(--Linear-Eminence, linear-gradient(180deg, #5bc496 0, #00ab63 93.51%));
	box-shadow: 0 8px 24px -10px #01ab6480;
}
.course-pack .elementor-icon-box-wrapper{
	background: #fff;
	border:1px solid #95d4b778;
	border-radius: 10px;
	padding: 8px 12px;
	max-width:fit-content !important;
	align-items: center !important;
}
.course-pack .elementor-icon-box-wrapper h3{
	margin:0;
}
/*-----responsive-----*/
@media only screen and (min-width:992px) and (max-width:1280px){	
	/*---home-page---*/
	.mg-academy-developing-wrap .mg-dotted-bg-shape svg,
	.whychoose-wrap .mg-dotted-bg-shape svg {
		top: -30px;
		right:0px;
	}
	.elementor-1665 .elementor-element.elementor-element-43a87ad .bdt-navigation-next{
		display: none;
	}
	.instructor-box h3.elementor-image-box-title{
		font-size: 20px !important;
	}
	/*---course-pages---*/	
	.course-pack .elementor-icon-box-wrapper{
		display: flex !important;
	}
	.course-card-wrap .elementor-widget-icon-box .elementor-icon-box-icon{
		margin: 0;
	}
	/*----footer----*/
	/*footer#colophon .newsletter-form .wpforms-submit-container{
		right:-8px !important;
	}*/	
	footer .mg-logo img {
		max-width: 200px;
	}	
}
@media only screen and (min-width:521px) and (max-width:991px){		
	/*---home-page---*/
	.mg-academy-developing-wrap .mg-dotted-bg-shape svg,
	.whychoose-wrap .mg-dotted-bg-shape svg {
		display: none;
	}
	header .mg-logo img{
		max-width:180px;
	}
	.header-wrap .hfe-nav-menu-icon {
		position: absolute;
		top: -72px;
		right: 0;
	}
	/*---course-pages---*/	
	.course-pack .elementor-icon-box-wrapper{
		display: flex !important;
	}
	.course-card-wrap .elementor-widget-icon-box .elementor-icon-box-icon{
		margin: 0;
	}	
	/*----footer----*/
	/*footer#colophon .newsletter-form .wpforms-submit-container{
		right:-8px !important;
	}*/
	footer .mg-logo img {
		max-width: 200px;
	}
	footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744, 
	footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744:hover {
		padding: 5px 6px 7px;
	}
}

@media only screen and (min-width:320px) and (max-width:520px){	
	/*---home-page---*/
	.mg-academy-developing-wrap .mg-dotted-bg-shape svg,
	.whychoose-wrap .mg-dotted-bg-shape svg{
		display: none;
	}
		header .mg-logo img{
		max-width:180px;
	}
	.header-wrap .hfe-nav-menu-icon {
		position: absolute;
		top: -72px;
		right: 0;
	}
	.mg-academy-faq-wrap .content-text-wrap {
		padding: 30px 30px 30px 30px;
	}
	.mg-academy-faq-wrap #wpsm_accordion_659 .wpsm_panel-default > .wpsm_panel-heading .wpsm_panel-title a {
		line-height: 24px;
	}
	/*------footer-----*/
	footer#colophon form#wpforms-form-1744 .wpforms-field-container {
		flex-direction: column;
	}
	footer#colophon div#wpforms-1744-field_9-container, 
	footer#colophon div#wpforms-1744-field_7-container {
		max-width: 100%;
        width: 100%;
	}
	footer#colophon .newsletter-form .wpforms-submit-container {
		position: relative;
		right: 0;
		top: 10px;
	}
	footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744, 
	footer#colophon .newsletter-form .wpforms-submit-container button#wpforms-submit-1744:hover {
		width: 100%;
	}	
	/*---contact-page---*/
	.mg-contact-form div#wpforms-1750-field_4-container, 
	.mg-contact-form div#wpforms-1750-field_2-container {
		width: 100%;
	}
	.mg-contact-form div#wpforms-1750-field_4-container {
		padding-left: 0;
	}
	.mg-contact-form ul#wpforms-1750-field_5 {
		align-items: flex-start;
		flex-direction: column;
	}
	/*---course-pages---*/
	.mg-academy-course-wrap details[open]:before {
		top: 69px;
	}
	.waveImage {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.course-pack .elementor-icon-box-wrapper{
		display: flex !important;
		padding: 3px 8px 2px;
	}
	.course-card-wrap {
		gap: 12px;
	}
	.course-card-wrap .elementor-widget-icon-box .elementor-icon-box-icon{
		margin: 0;
	}
	.refund-text {
		top: 12px;
	}
	.course-card-wrap .course-type {
		padding: 2px 6px;
	}
	.mg-course-hero-wrap:after {
		left: 125%;
	}
	.course-card-wrap .elementor-icon-box-icon .elementor-icon {
		font-size: 15px !important;
	}
	.course-card-wrap .elementor-icon-box-icon .elementor-icon-box-title, 
	.course-card-wrap .elementor-icon-box-icon .elementor-icon-box-title a {
		font-size: 16px;
	}
	.elementor-886 .elementor-element.elementor-element-85e35b6 .elementor-button {
		font-size: 14px;
		line-height: 16px;
		padding:7px 20px;
	}
}







