/*----------------------
GLOBAL RESET
----------------------*/
/*   
Theme Name: BLANK Theme
Theme URI: http://digwp.com
Description: This is just a BLANK starter WordPress Theme template
Author: MBALI
Author URI: http://chriscoyier.net
Version: 2
*/


/*----------------------
GLOBAL RESET
----------------------*/
@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-Black.woff2') format('woff2'),
        url('fonts/Axiforma-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-Italic.woff2') format('woff2'),
        url('fonts/Axiforma-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-Light.woff2') format('woff2'),
        url('fonts/Axiforma-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-Regular.woff2') format('woff2'),
        url('fonts/Axiforma-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-Medium.woff2') format('woff2'),
        url('fonts/Axiforma-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-Bold.woff2') format('woff2'),
        url('fonts/Axiforma-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-SemiBold.woff2') format('woff2'),
        url('fonts/Axiforma-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-Heavy.woff2') format('woff2'),
        url('fonts/Axiforma-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-ExtraBold.woff2') format('woff2'),
        url('fonts/Axiforma-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Riffic Free';
    src: url('fonts/RifficFree-Bold.woff2') format('woff2'),
        url('fonts/RifficFree-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


html
{
	overflow-x:hidden;
}

body {
    line-height: 20px;
    font-family:  'Axiforma', sans-serif;
    font-size:14px;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}



/*----------------------
Special Effects
----------------------*/
a {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}



/*----------------------
Typography
----------------------*/

ol, ul , li {
    list-style: none !important;
    list-style-position:inside !important;
    padding: 0px;
    margin: 0px;
}


/* p {font-size: 16px;font-weight:normal;color: #24383c;line-height: 1.7;} */
h2, h3, h4, h5, h6 {font-size: 26px;font-family: 'Axiforma', sans-serif !important;}
h1{}
h1
{
	font-family: 'Riffic Free' !important;
	color:#fff;
	font-weight: normal !important;
}
h2 {
    font-size: 38px;

   	font-family: 'Axiforma', sans-serif;
	font-weight:600;
}
h3 {
    font-size: 20px;

    font-family: 'Axiforma', sans-serif;
    font-weight: 600;
}

p {
    font-size: 16px;
  
    font-family: 'Axiforma', sans-serif !important;
    font-weight:400;
    line-height:25px;
}
/*----------------------
Global Images
----------------------*/

img {border: none;max-width: 100%;}
.autowidth img {
    max-width: unset !important;
}
#mainbanner .autowidth img {
    max-width: 740px!important;
}

.container {
    width: 1280px;
}
header {
    position: absolute;
    top: 20px;
    z-index: 9;
    width: 100%;
}
.autowidth.right img {
    float: right;
}
section#earlysec:after {
    content: "";
    width: 450px;
    height: 340px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url('/wp-content/uploads/2022/11/shutterstock_107185622.webp');
    background-repeat: no-repeat;
    bottom: -100px;
    z-index: 99;
}
#learningSlider .box {
    border:  solid 2px rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    text-align: center;
    position: relative;
    z-index: 9999;
}

#learningSlider 
 .thumb {
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#learningSlider .thumb img {
    max-height: 170px;
    width: unset;
    max-width: 90%;
}

#learningSlider .box h3 {
    color: #fff;
    opacity: 0.5;
    margin-bottom: 30px;
    font-family: Riffic Free !important;
    font-size: 18px;
    text-transform: uppercase;
}

#learningSlider .item {margin-top: 20px;margin-bottom: 20px;}

#learningSlider  .owl-item.cloned.active ~ .active {
    transform: scale(0.9);
    position: relative;
    left: -15px;
}

#learningSlider .owl-item.active.center ~ .active {transform: scale(1);}

#learningSlider .owl-item.active.center + .active {
    transform: scale(0.9);
    right: -15px;
    left: unset;
}

#learningSlider .owl-item.active.center + .active + .active {
    transform: scale(0.8);
    left: unset;
}
html body #learningSlider div.owl-item.active.center {
    transform: scale(1.1) !important;
    left: unset !important;
    right: 4px !important;
}

#learningSlider .owl-item.active {
    transform: scale(0.8);
}
html body #learningSlider div.owl-item.active.center .item .box {
    background-color: #fff;
}

html body #learningSlider div.owl-item.active.center .item .box h3 {
    color: #461b6b;
    opacity: 1;
    font-size: 30px;
}

#learningSlider .owl-item.active + .active {
    transform: scale(0.9);
    position: relative;
    left: -17px;
}
div#learningSlider .owl-nav button span {
    width: 100px;
    height: 100px;
    display: block;
    background-image: url('/wp-content/uploads/2022/11/left-arrow.png');
    background-repeat: no-repeat;
    font-size: 0;
    background-position: center;
}

div#learningSlider .owl-nav button.owl-next span {
    background-image: url('/wp-content/uploads/2022/11/right-arrow.png');
}

div#learningSlider .owl-nav button.owl-next {
    float: right;
}

#learningSlider .owl-nav {
    width: 1320px;
    display: table;
    margin: 0 auto;
    position: absolute;
    left: -7em;
    top: 10em;
    z-index: -1;
}

div#learningSlider .owl-nav button:hover span {
    background-image: url('/wp-content/uploads/2022/11/left-hover.png');
    background-position: center;
}

div#learningSlider .owl-nav button.owl-next:hover span {
    background-image: url('/wp-content/uploads/2022/11/right-hover.png');
}
div#downloadrocket img {
    position: absolute;
    top: -240px;
    left: 160px;
}

section#downloadcta {
    position: relative;
    z-index: 9999;
}
div#downloadrocket.celeb img {
    max-width: unset !important;
    top: -200px;
    left: -60px;
}
div#bannerslider {
    width: 620px;
}
html body #learningSlider div.owl-item:hover {
    transform: scale(1) !important;
}

html body #learningSlider div.owl-item:hover .box {
    background-color: #fff;
}

html body #learningSlider div.owl-item:hover .box h3 {
    color: #461b6b !important;
    opacity: 1;
}

#learningSlider .owl-item {
    transition: 0.6s all 0s;
}

@media only screen and (max-width : 767px) {
.autowidth img {
    max-width: 100% !important;
}
section#earlysec:after {
    display: none;
}
	footer p {
    display: block;
    width: 100%;
    text-align: center;
}

footer .elementor-col-33 {
    display: block;
    text-align: center;
    width: 100% !important;
}
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover{	
	background-color:#7947C4 !important;
}
	#learningSlider .owl-nav {
    width: 100%;
    position: static;
    margin-top: -10px;
    margin-bottom: -50px;
}

#learningSlider .owl-nav button {
    transform: scale(0.7);
}
}


.contentbased p {
    color: #fff;
}

.contentbased h2, .contentbased h3 {
    color: #fff;
}

.contentbased h3 {
    font-size: 26px;
}

.contentbased li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
}

.contentbased ul {
    margin: 30px 0;
}

.contentbased a {
    color: #fff;
    text-decoration: underline;
}

.contentbased li:before {
    content: "";
    width: 10px;
    height: 2px;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 8px;
}

div#tutvideo {
    padding: 30px;
    background-image: url('/wp-content/uploads/2023/02/screen-mock-1.webp');
    background-size: 100%;
    padding-bottom: 80px;
}

div#tutvideo video {
    width: 834px;
    position: relative;
    top: 65px;
    left: 110px;
    height: 540px;
}

.elementor-custom-embed-image-overlay {
    width: 840px !important;
    height: 535px !important;
    left: 0;
    right: 0;
    margin: auto;
    top: 64px !important;
}

@media only screen and (max-width : 767px) {
	header img {
		margin-top: 40px;
	}
	div#tutvideo video {
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		height: auto;
	}
	.elementor-custom-embed-image-overlay {
		display: none;
	}
	div#tutvideo {
		padding: 0px;
		background-image: unset !important;
		padding-bottom: 0px;
	}
}