/*
* Shorts.IO Landing Page Template
* Version: 01,

===========================================
    
    All include section: 

    01. Google fonts
    02. Basic css
    03. hamberger css
	04. header css
	05. home css
	06. feature css
	07. how it works css
	08. price plan css
	09. testimonial css
	10. frequently css
	11. email css
	12. footer css
	13. back to top css

===========================================


*/

/*======================
   01. Google fonts
========================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

@font-face {
    font-family: HelveticaNeue-Bold;
    src: url('../webfonts/HelveticaNeueBold.eot');
    src: url('../webfonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/HelveticaNeueBold.woff2') format('woff2'),
        url('../webfonts/HelveticaNeueBold.woff') format('woff'),
        url('../webfonts/HelveticaNeueBold.ttf') format('truetype'),
        url('../webfonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: sfprodisplay-medium;
    src: url('../webfonts/SFProDisplay-Medium.eot');
    src: url('../webfonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('../webfonts/SFProDisplay-Medium.woff') format('woff'),
        url('../webfonts/SFProDisplay-Medium.ttf') format('truetype'),
        url('../webfonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*======================
   02. Basic css
========================*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body {
	line-height: 2.6rem;
	font-size: 1.8rem;
	background: #ffffff;
	color: #5F5F61;
	font-family: 'Inter Tight', sans-serif;
}

ol,
ul {
	list-style: none;
}

a:hover {
	text-decoration: none;
}

button:focus, input:focus, textarea:focus {
	outline: 0;
}

html {
    font-size: 62.5%; /*1 rem = 10px*/
}

.inter_font {
	font-family: 'Inter', sans-serif;
}

.plus_jakarta_font {
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.mt_10 {
	margin-top: 1rem;
}

.mt_15 {
	margin-top: 1.5rem;
}

.mt_20 {
	margin-top: 2rem;
}

.mt_25 {
	margin-top: 2.5rem;
}

.mt_30 {
	margin-top: 3rem;
}

.mt_40 {
	margin-top: 4rem;
}

.sub_head {
	color: #007DFC;
	font-weight: 600;
	line-height: 1.8rem;
	text-transform: uppercase;
}

.head_text {
	 font-size: 4rem;
	 font-family: HelveticaNeue-Bold;
	 text-transform: capitalize;
}

.font_500 {
	font-weight: 500;
}

/*======================
   03. hamberger css
========================*/
.hamburger-menu {
    cursor: pointer;
    position: absolute;
    right: 1.5rem;
    display: none;
    z-index: 999;
    top: -0.2rem;
}

.hamburger-menu span {
    background: #000000;
    width: 3rem;
    height: 0.3rem;
    display: block;
    margin: 0.5rem 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hamburger-menu:hover .line-top {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.hamburger-menu:hover .line-bottom {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.hamburger-menu:hover .line-top.current,
.hamburger-menu:hover .line-bottom.current {
	-webkit-transform: 0;
	-ms-transform: 0;
	transform: 0;
}

.hamburger-menu .line-top.current {
	-webkit-transform: translateY(200%) rotate(135deg);
	-ms-transform: translateY(200%) rotate(135deg);
	transform: translateY(200%) rotate(135deg);
}

.hamburger-menu .line-center.current {
	opacity: 0;
}

.hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-325%) rotate(-135deg);
	-ms-transform: translateY(-325%) rotate(-135deg);
	transform: translateY(-325%) rotate(-135deg);
}

/*======================
   04. header css
========================*/
header {
	margin-top: 3.2rem;
	position: fixed;
	z-index: 1000;
	width: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background: #ffffff;
	top: 0;
	left: 0;
}

header.sticky {
    -webkit-box-shadow: 0 0.8rem 2rem 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0.8rem 2rem 0 rgba(0, 0, 0, .1);
    margin-top: 0;
    padding: 1rem 0;
}

.header_wrap {
    background: #ffffff;
    padding: 1.6rem 2.4rem;
    border-radius: 10rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.16);
    -webkit-box-shadow: 0 0.8rem 0.8rem 0 rgba(68, 188, 255, 0.06), 0 0 0 0.1rem #F3F3F3, 0 0.1rem 0.1rem 0.1rem rgba(16, 16, 16, 0.06);
            box-shadow: 0 0.8rem 0.8rem 0 rgba(68, 188, 255, 0.06), 0 0 0 0.1rem #F3F3F3, 0 0.1rem 0.1rem 0.1rem rgba(16, 16, 16, 0.06);
}

.logo img {
	width: 13.8rem;
}

#menu {
	text-align: right;
}

#menu li {
	display: inline-block;
}

#menu li a {
    font-size: 1.6rem;
    text-transform: capitalize;
    color: #5F5F61;
    padding: 0 1.6rem;
    font-family: sfprodisplay-medium;
}

#menu>li>a.active,
#menu>li>a:hover {
	color: #131628;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/*======================
   05. home css
========================*/
.home_wrapper {
    padding-top: 9.5rem;
    height: 74.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}

.homemain_shape {
    right: -4%;
    top: 2%;
}

.home_box span {
    border: 0.1rem solid #13162830;
    padding: 0.9rem 1.2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: -0.041rem;
    color: #131628;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.home_box span img {
	 margin-right: 0.8rem;
	 width: 1.4rem;
}

.home_box h1 {
	 font-family: HelveticaNeue-Bold;
	 font-size: 4.8rem;
	 line-height: 6rem;
	 color: #131628;
}

.home_box p {
    letter-spacing: -0.01rem;
    font-weight: 500;
}

.sign_btn {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6rem;
    color: #ffffff;
    padding: 1.4rem 1.6rem;
    border-radius: 2.4rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 0.1rem solid #FFFFFF1A;
    background: -o-linear-gradient(top, #2152FE 0%, #5F51FA 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2152FE), to(#5F51FA));
    background: linear-gradient(180deg, #2152FE 0%, #5F51FA 100%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 1.6rem;
}

.sign_btn:hover {
	 color: #ffffff;
	 background: -o-linear-gradient(top, #0d2d9e 0%, #645acc 100%);
	 background: -webkit-gradient(linear, left top, left bottom, from(#0d2d9e), to(#645acc));
	 background: linear-gradient(180deg, #0d2d9e 0%, #645acc 100%);
}

.sign_btn i {
    margin-left: 0.8rem;
    font-size: 1.5rem;
}

.credit_btn {
	 font-size: 1.6rem;
	 line-height: 1.6rem;
	 font-weight: 400;
	 -webkit-transition: .3s;
	 -o-transition: .3s;
	 transition: .3s;
	 color: #5F5F61;
}

.credit_btn:hover {
	 color: #2152FE;
}

.home_img {
	 display: inline-block;
	 position: relative;
}

.home_chart {
	text-align: left;
    left: -49%;
    top: 12%;
    position: absolute;
    display: inline-block;
    padding: 2rem;
    background: #ffffff;
    border: 0.12rem solid #EAECF0;
    border-radius: 1.2rem;
    -webkit-box-shadow: 0 0.0800000488758087rem 0.3200001955032348rem 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 0.0800000488758087rem 0.3200001955032348rem 0 rgba(0, 0, 0, 0.06);
    z-index: 1;
}

.flex_shrink {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
            transform: translateX(-1rem);
    height: 2.5rem;
}

.home_love_icon {
	width: 4.6rem;
}

.home_chart h3 {
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #101828;
}

.home_chart p {
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-weight: 600;
	color: #101828;
}

.home_chart span {
	font-size: 1.1rem;
	line-height: 1.1rem;
	color: #475467;
	margin-top: 1rem;
	font-weight: 500;
}

.home_imgmain {
    background: #ffffff;
    padding: 1rem;
    border-radius: 1.6rem;
    -webkit-box-shadow: 0 0.0809999823570252rem 0.4859999179840088rem 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0.0809999823570252rem 0.4859999179840088rem 0 rgba(0, 0, 0, 0.08);
    width: 27.6rem;
}

.instagram_icon {
    width: 6.5rem;
    height: 6.5rem;
    background: #ffffff;
    border-radius: 1.2rem;
    border: 0.08rem solid #EAEEF280;
    -webkit-box-shadow: 0 0.0999983072280884rem 0.3999932289123535rem 0 #0000000F;
            box-shadow: 0 0.0999983072280884rem 0.3999932289123535rem 0 #0000000F;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    bottom: 38%;
    left: -10%;
    z-index: 1;
}

.instagram_icon img {
	width: 4.4rem;
}

.tiktok_icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 8rem;
    width: 8rem;
    background: #ffffff;
    border-radius: 1.2rem;
    border: 0.08rem solid #EAEEF280;
    -webkit-box-shadow: 0 0.0999983072280884rem 0.3999932289123535rem 0 #0000000F;
            box-shadow: 0 0.0999983072280884rem 0.3999932289123535rem 0 #0000000F;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    right: -12%;
    top: 11%;
}

.tiktok_icon img {
	width: 5.1rem;
}

.chart_mini {
    width: 10.8rem;
}

.home_text_shape {
    position: absolute;
    bottom: 12%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url(../img/home_text_shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24rem;
    height: 7rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.home_text_shape p {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 2.8rem;
    color: #ffffff;
    text-shadow: 0.1176118850708007rem 0.1176118850708007rem 0.2352237701416015rem #020F1D;
}

.home_text_shape p span {
	 color: #3EC5FF;
}

.home_shape {
    position: absolute;
    left: -22%;
    z-index: 1;
    top: 27%;
    width: 40rem;
}

/*======================
   06. feature css
========================*/
.feature_wrapper {
	 padding: 0 2.4rem;
}

.feature_wrap {
	 border-radius: 4rem;
	 background: #020F1D;
	 padding: 10rem 0;
}

.feature_mini {
	 font-weight: 600;
	 line-height: 3rem;
	 color: #3B9BFD;
	 text-transform: uppercase;
}

.feature_head {
	 line-height: 4rem;
	 color: #ffffff;
}

.feature_para {
	 font-size: 2rem;
	 line-height: 3rem;
	 font-weight: 400;
	 color: #C2CFE0;
	 margin-bottom: 6rem;
}

.tag_wrap::before, .tag_wrap::after {
    content: "";
    position: absolute;
    width: 20rem;
    height: 100%;
    z-index: 111;
   	top: 0;
}

.tag_wrap::before {
    left: 0;
    background: -o-linear-gradient(left, #020F1D 0%, rgba(2, 15, 29, 0.00) 100%);
    background: -webkit-gradient(linear, left top, right top, from(#020F1D), to(rgba(2, 15, 29, 0.00)));
    background: linear-gradient(90deg, #020F1D 0%, rgba(2, 15, 29, 0.00) 100%);
}

.tag_wrap::after {
	right: 0;
	background: -o-linear-gradient(left, rgba(2, 15, 29, 0.00) 0%, #020F1D 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(2, 15, 29, 0.00)), to(#020F1D));
	background: linear-gradient(90deg, rgba(2, 15, 29, 0.00) 0%, #020F1D 100%);
}

.tag_slider .owl-stage, .tag_slider2 .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition-timing-function: linear !important;
         -o-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
}

.tag_slider2 .tag_btn {
	direction: ltr;
}

.tag_btn {
    border-radius: 1rem;
    border: 0.1rem solid #082441;
    background: #031A32;
    -webkit-box-shadow: 0 -0.2rem 1.5rem 0 rgba(17, 59, 105, 0.30) inset;
            box-shadow: 0 -0.2rem 1.5rem 0 rgba(17, 59, 105, 0.30) inset;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #A3C3E5 !important;
    font-size: 2rem;
    font-weight: 500;
    line-height: 3rem;
    margin-top: 1.2rem;
    width: 21.5rem;
    height: 5.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.tag_btn span {
	margin-right: 0.6rem;
}

.feature_mt {
	margin-top: 7rem;
}

.feature_box {
	border-radius: 2rem;
	padding: 3rem;
	background: #041527;
	overflow: hidden;
}

.feature_box.active {
	border: 0.1rem solid #1642A0;
	-webkit-box-shadow: 0 0 0 0.6rem rgba(0, 134, 255, 0.10), 0 0.4rem 2.4rem 0 #061C30;
	        box-shadow: 0 0 0 0.6rem rgba(0, 134, 255, 0.10), 0 0.4rem 2.4rem 0 #061C30;
}

.feature_box1 {
	width: 41.4rem;
	margin-left: auto;
}

.feature_icon {
    -webkit-transform: translateX(-1.7rem) translateY(-1.7rem);
        -ms-transform: translateX(-1.7rem) translateY(-1.7rem);
            transform: translateX(-1.7rem) translateY(-1.7rem);
}

.feature_icon img {
    width: 8.4rem;
}

.feature_headtwo {
	color: #B6D4F2;
	font-size: 2rem;
	font-weight: 600;
	line-height: 2.8rem;
}

.feature_img {
    width: 28rem;
}

.feature_btn {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #A9CEF4;
	font-size: 2rem;
	font-weight: 600;
	line-height: 3rem;
	padding: 0.9rem 2.4rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	border-radius: 10rem;
	background: -o-linear-gradient(top, rgba(0, 125, 252, 0.70) 0%, rgba(11, 73, 136, 0.70) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 125, 252, 0.70)), to(rgba(11, 73, 136, 0.70)));
	background: linear-gradient(180deg, rgba(0, 125, 252, 0.70) 0%, rgba(11, 73, 136, 0.70) 100%);
	-webkit-box-shadow: 0 -0.2rem 1.5rem 0 rgba(26, 82, 143, 0.30) inset, 0 0.4rem 1.7rem 0 #041527, 0 0.1rem 0.1rem 0 rgba(52, 154, 248, 0.50) inset;
	        box-shadow: 0 -0.2rem 1.5rem 0 rgba(26, 82, 143, 0.30) inset, 0 0.4rem 1.7rem 0 #041527, 0 0.1rem 0.1rem 0 rgba(52, 154, 248, 0.50) inset;
}

.feature_btn:hover {
	color: #ffffff;
	background: -o-linear-gradient(top, rgba(11, 73, 136, 0.70) 0%, rgba(0, 125, 252, 0.70) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 73, 136, 0.70)), to(rgba(0, 125, 252, 0.70)));
	background: linear-gradient(180deg, rgba(11, 73, 136, 0.70) 0%, rgba(0, 125, 252, 0.70) 100%);
}

.feature_box2 {
    padding-bottom: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.fire_icon {
    position: absolute;
    top: 26%;
    left: 7%;
    width: 17.4rem;
}

.feature_love {
    position: absolute;
    bottom: 23%;
    left: 6%;
    -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
            transform: rotate(-25deg);
    width: 13.3rem;
}

.feature_transfrom {
    -webkit-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
            transform: translateY(1rem);
}

.highlight_mobile {
	z-index: 11;
	width: 34rem;
	margin-top: 1rem;
	padding: 1.5rem 2rem 0 1.5rem;
	display: inline-block;
	position: relative;
	border-radius: 2.4rem 2.4rem 0 0;
	background: -o-linear-gradient(top, rgba(7, 31, 55, 0.80) 71.64%, rgba(5, 23, 41, 0.10) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(71.64%, rgba(7, 31, 55, 0.80)), to(rgba(5, 23, 41, 0.10)));
	background: linear-gradient(180deg, rgba(7, 31, 55, 0.80) 71.64%, rgba(5, 23, 41, 0.10) 100%);
	-webkit-box-shadow: 0 0.7425002098083496rem 1.188000297546386rem 0 #020F1D, 0 0.1485000371932983rem 0.3rem 0 rgba(26, 85, 143, 0.60) inset, 0 0.3rem 0.6rem 0 rgba(26, 85, 143, 0.20) inset;
	        box-shadow: 0 0.7425002098083496rem 1.188000297546386rem 0 #020F1D, 0 0.1485000371932983rem 0.3rem 0 rgba(26, 85, 143, 0.60) inset, 0 0.3rem 0.6rem 0 rgba(26, 85, 143, 0.20) inset;
}

.status_bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.microphone_icon {
	width: 10.9rem;
}

.heighlight_img {
	width: auto !important;
	padding: 0.1rem;
	margin-top: 1.5rem;
	border-radius: 2.4rem 2.4rem 0 0;
	background: -o-linear-gradient(top, rgba(31, 105, 178, 0.20) 0%, rgba(30, 100, 170, 0.07) 36.46%, rgba(5, 22, 38, 0.07) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 105, 178, 0.20)), color-stop(36.46%, rgba(30, 100, 170, 0.07)), to(rgba(5, 22, 38, 0.07)));
	background: linear-gradient(180deg, rgba(31, 105, 178, 0.20) 0%, rgba(30, 100, 170, 0.07) 36.46%, rgba(5, 22, 38, 0.07) 100%);
}

.highlight_slider .slick-slide img {
    display: block !important;
}

.highlight_mobile .home_text_shape {
    bottom: 5%;
    text-align: center;
}

.heighlight_mini, .edit_slider {
	width: 86%;
	position: absolute;
	bottom: 4.3rem;
	left: 3.4rem;
	padding: 0.6rem 0.6rem 0 0.6rem;
	border-radius: 1.2545rem;
	background: -o-linear-gradient(bottom, rgba(77, 147, 217, 0.02) 0%, rgba(77, 147, 217, 0.02) 100%), -o-linear-gradient(top, #071F37 71.64%, #051729 100%);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(77, 147, 217, 0.02)), to(rgba(77, 147, 217, 0.02))), -webkit-gradient(linear, left top, left bottom, color-stop(71.64%, #071F37), to(#051729));
	background: linear-gradient(0deg, rgba(77, 147, 217, 0.02) 0%, rgba(77, 147, 217, 0.02) 100%), linear-gradient(180deg, #071F37 71.64%, #051729 100%);
	-webkit-box-shadow: 0 0.7rem 1.2rem 0 #020F1D, 0 0.2rem 0.3rem 0 rgba(26, 85, 143, 0.60) inset, 0 0.3rem 0.6rem 0 rgba(26, 85, 143, 0.20) inset;
	        box-shadow: 0 0.7rem 1.2rem 0 #020F1D, 0 0.2rem 0.3rem 0 rgba(26, 85, 143, 0.60) inset, 0 0.3rem 0.6rem 0 rgba(26, 85, 143, 0.20) inset;
}

.heighlight_mini::before {
    content: "";
    position: absolute;
    top: 6%;
    right: 41%;
    width: 14rem;
    height: 86%;
    background: #164A7D;
    opacity: 0.6;
    z-index: 1;
    border-radius: 0.8rem;
}

.heighlight_mini_item, .edit_slider .heighlight_mini_item {
	display: inline-block;
	position: relative;
	margin-right: 0.6rem;
	border-radius: 0.8rem;
}

.heighlight_mini_item img, .edit_slider .heighlight_mini_item img {
	border-radius: 0.8rem;
	border: 0.1045rem solid #164A7D;
	width: 13.3rem;
}

.heighlight_mini_item p {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
}

.heighlight_mini .slick-arrow {
    position: absolute;
    top: 50%;
    left: 4%;
    border: transparent;
    background: transparent;
    -webkit-transform: translate( -50%, -50%);
        -ms-transform: translate( -50%, -50%);
            transform: translate( -50%, -50%);
    z-index: 99;
    height: 100%;
}

.heighlight_mini .slick-next {
    right: 0;
    display: none;
}

.edit_slider {
    position: relative !important;
    width: 114% !important;
    bottom: auto !important;
    left: -8% !important;
    margin-top: 10rem;
}

.edit_slider .owl-stage-outer {
    overflow: visible;
}

.edit_slider .owl-item.active.center {
    z-index: 1111;
    height: 7rem;
}

.edit_slider .heighlight_mini_item {
	background: #164A7D;
	opacity: 0.5;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
}

.edit_slider .owl-item.active.center .edit_item {
    -webkit-transform: scale(1.8) translate(4.2rem, -5.4rem);
        -ms-transform: scale(1.8) translate(4.2rem, -5.4rem);
            transform: scale(1.8) translate(4.2rem, -5.4rem);
    z-index: 1111111;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.edit_slider .owl-item.active.center .heighlight_mini_item {
	opacity: 1;
    background: transparent;
}

.edit_slider .owl-item.active.center .heighlight_mini_item img {
	border: 0.2904rem solid #5497DA;
}

.edit_slider .owl-item.active.center .edit_item .ai_text {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.ai_text {
    font-size: 1.4rem;
    font-weight: 700;
    color: #D8EBFD;
    line-height: 3.3rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: none;
}

.ai_text img {
    width: 1.8rem !important;
    margin-right: 0.6rem;
}

.auto_edit_img {
    padding: 2.5rem 0 0 0;
    width: 59.1rem;
}

.feature_box3 {
    padding: 3rem 0 0 3rem;
    overflow: hidden;
}

.feature_box3 .feature_icon {
    padding: 0 3rem 0 0;
}

.feature_box4 {
    display: inline-block;
    padding: 3rem 0 0 3rem;
}

.customize_img {
    padding: 1.7rem 0 0 2rem;
    width: 46.8rem;
}

/*======================
   07. how it works css
========================*/
.how_wrapper {
	padding: 10rem 0;
	overflow: hidden;
}

.how_shape01 {
    top: 13%;
    left: 0;
}

.how_shape02 {
    right: 0;
    top: 27%;
}

.how_shape03 {
    top: 49%;
    left: 0;
}

.how_shape04 {
    right: 0;
    bottom: -3%;
}

.how_wrapper .head_text {
	line-height: 5.4rem;
	color: #000000;
}

.how_head p {
    font-weight: 500;
    text-transform: capitalize;
}

.color_one {
	color: #8B8C8D;
}

.how_itshape {
	margin-top: 10rem;
}

.how_item01 {
    width: 66rem;
    top: 6%;
    left: 5%;
}

.mobile_item {
    position: relative;
}

.mobile_one {
	display: inline-block;
    position: relative;
	padding: 0.8rem;
	border-radius: 1.6rem;
	background: #ffffff;
	-webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.10), 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.08) inset;
	        box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.10), 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.08) inset;
}

.mobile_one::before {
    background: rgba(0, 0, 0, 0.40);
    border-radius: 1.6rem;
    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.10), 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.08) inset;
            box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.10), 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.08) inset;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.8rem solid #ffffff;
    z-index: 9;
}

.mobile_slider {
    width: 25.4rem;
}

.mobile_itemimg {
    border-radius: 1rem;
    width: 25.4rem !important;
}

.youtube_icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 99;
}

.rocket_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate( -50%, -50%);
        -ms-transform: translate( -50%, -50%);
            transform: translate( -50%, -50%);
    z-index: 99;
}

.progress_bar {
    position: absolute;
    bottom: 3rem;
    left: 16rem;
    width: 37.6rem;
    z-index: 999;
}

.enter_box {
    width: 34.5rem;
    border-radius: 1.6rem;
    border: 0.15rem solid #EDEDED;
    background: #FFF;
    -webkit-box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.10), 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.08) inset;
            box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.10), 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.08) inset;
    padding: 1.8rem 2.4rem 2.6rem 2.4rem;
    position: absolute;
    top: 16rem;
    left: 27.5rem;
}

.enter_box .dropdown-toggle::after {
	display: none;
}

.enter_box p {
	color: #000000;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.6rem;
}

.link_box {
	width: 100%;
	height: 4.8rem;
	position: relative;
	border-radius: 0.8rem;
	border: 0.1rem solid #007DFC;
	background: #FFF;
	-webkit-box-shadow: 0 0 0 0.3rem rgba(0, 125, 252, 0.10);
	        box-shadow: 0 0 0 0.3rem rgba(0, 125, 252, 0.10);
}

.link_box input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: transparent;
	background: transparent;
	padding-left: 0.8rem;
	color: rgba(80, 91, 102, 0.50);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.1rem;
}

.link_box button {
	padding: 0.6rem 1.2rem;
	border-radius: 0.6rem;
	background: #007DFC;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2rem;
	position: absolute;
	top: 0.8rem;
	right: 0.8rem;
	border: transparent;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.link_box button:hover {
	background: #0b5097;
}

.how_item02 {
    top: 5.4%;
    right: 0;
}

.width01 {
    width: 53.5rem;
}

.custom_number {
    -webkit-transform: translateX(-1.7rem);
        -ms-transform: translateX(-1.7rem);
            transform: translateX(-1.7rem);
}

.head_three {
	color: #18181B;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 3.2rem;
}

.custom_item .make_btn i {
    margin-left: 1rem;
}

.how_item03 {
    top: 31.3%;
    left: 0;
}

.width02 {
    width: 52rem;
}

.custom_number2 {
    -webkit-transform: translateX(2rem);
        -ms-transform: translateX(2rem);
            transform: translateX(2rem);
}

.how_item04 {
    right: 0;
    top: 31%;
}

.generate_img {
    width: 67rem;
}

.how_item05 {
    top: 56%;
    left: 3%;
}

.succinct_img {
    width: 64.5rem;
}

.how_item06 {
    right: 0;
    top: 57.5%;
}

.how_item07 {
    left: 0%;
    top: 83.3%;
}

.how_item08 {
    right: 0;
    top: 80.7%;
}

.visual_img {
    width: 62.7rem;
}

/*======================
   08. price plan css
========================*/
.price_wrapper {
    padding: 10rem 2.4rem 4rem 2.4rem;
}

.price_wrap {
	border-radius: 4rem;
	background: #020F1D;
	padding: 8rem 0;
}

.price_heading span {
	color: #007DFC;
	font-weight: 600;
	line-height: 1.8rem;
	display: block;
	text-transform: uppercase;
}

.price_heading .head_text {
	line-height: 4.8rem;
	color: #ffffff;
}

.price_heading p {
	color: #8B8C8D;
	line-height: 2.7rem;
	font-weight: 500;
	text-transform: capitalize;
}

.btn_wrap {
    margin: 7rem 0 3rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn_wrap h3 {
    color: #8B8C8D;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2rem;
    padding: 1.3rem 1.8rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.btn_wrap h3 p {
    border-radius: 10rem;
    border: 0.1rem solid #007DFC;
    background: #051729;
    padding: 0.8rem 1.2rem;
    color: #007DFC;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-left: 1rem;
}

.switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.switch input {
    display: none;
}

.switch input:checked ~ h3 {
	color: #ffffff;
}

.switch span {
    position: relative;
    cursor: pointer;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 1.2rem;
    width: 3.2rem;
    height: 1.8rem;
    border: 0.1rem solid #1642A0;
    background: #051729;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 134, 255, 0.04), 0 0.4rem 2.4rem 0 #061C30;
            box-shadow: 0 0 0 0.2rem rgba(0, 134, 255, 0.04), 0 0.4rem 2.4rem 0 #061C30;
}

.switch input:checked + span::after {
    -ms-transform: translateX(1.4rem) translateY(-50%);
    -webkit-transform: translateX(1.4rem) translateY(-50%);
    transform: translateX(1.4rem) translateY(-50%);
}

.switch input + span::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.1rem;
    border-radius: 100%;
    -o-transition: -o-transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    background: #007DFC;
    width: 1.4rem;
    height: 1.4rem;
}

.switch input + span::before, .switch input + span::after {
    content: "";
    display: block;
    position: absolute;
}

.price_item {
    border-radius: 1.6rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.20);
    background: #041527;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.price_item:hover {
	-webkit-transform: translateY(-0.5rem);
	    -ms-transform: translateY(-0.5rem);
	        transform: translateY(-0.5rem);
}

.price_first {
    padding: 2.4rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.20);
}

.price_first span {
	color: #ffffff;
	font-family: Plus Jakarta Sans;
	font-size: 2rem;
	font-weight: 600;
	line-height: 2rem;
}

.price_first p {
	color: #8B8C8D;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.2rem;
	margin-top: 1.2rem;
}

.price_first h3 {
	margin-top: 4rem;
	color: #ffffff;
	font-size: 4rem;
	font-weight: 700;
	line-height: 4rem;
}

.price_first h3 span {
	color: #8B8C8D;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.8rem;
	margin-left: 0.6rem;
}

.price_first a {
    border-radius: 2.4rem;
    background: -o-linear-gradient(top, #2152FE 0%, #5F51FA 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2152FE), to(#5F51FA));
    background: linear-gradient(180deg, #2152FE 0%, #5F51FA 100%);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 134, 255, 0.10);
            box-shadow: 0 0 0 0.2rem rgba(0, 134, 255, 0.10);
    padding: 1.4rem 2.4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.8rem;
    width: 100%;
    margin-top: 2.4rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.price_first a:hover {
	background: -o-linear-gradient(top, #5F51FA 0%, #2152FE 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5F51FA), to(#2152FE));
	background: linear-gradient(180deg, #5F51FA 0%, #2152FE 100%);
}

.price_last {
	padding: 2.4rem;
}

.price_last p {
	color: rgba(255, 255, 255, 0.80);
	font-weight: 500;
	line-height: 1.8rem;
	padding-bottom: 0.6rem;
}

.price_last ul li {
	color: #8B8C8D;
	font-size: 1.6rem;
	line-height: 1.8rem;
	margin-top: 1.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.tabler_icon {
    border-radius: 3.2rem;
    background: rgba(255, 255, 255, 0.10);
    width: 2rem;
    height: 2rem;
    margin-right: 1.2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.price_last ul li span {
	padding: 0.4rem 1rem;
	border-radius: 10rem;
	border: 0.1rem solid rgba(255, 255, 255, 0.20);
	background: #0C355E;
	margin-left: 0.8rem;
	color: rgba(255, 255, 255, 0.80);
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2rem;
}

.yearly {
    display: none;
}

/*======================
   09. testimonial css
========================*/
.testimonial_wrapper {
    overflow: hidden;
    margin-bottom: 12rem;
    height: 74.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.testimonial_wrapper::before, .testimonial_wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 18rem;
    z-index: 11;
}

.testimonial_shape {
    position: absolute;
    width: 64rem;
    top: 11%;
    left: 0;
}

.testimonial_wrapper::before {
    top: 0;
    background: -o-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.testimonial_wrapper::after {
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), to(#FFF));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
	bottom: 0;
}

.head_two {
	color: #131628;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 4.3rem;
	text-transform: capitalize;
}

.testimonial_head p {
	color: #8B8C8D;
	font-size: 1.6rem;
	font-weight: 500;
	text-transform: capitalize;
}

.testimonial_one .owl-stage-outer, .testimonial_two .owl-stage-outer {
	overflow: visible;
}

.testimonial_one, .testimonial_two {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.testimonial_one .owl-stage, .testimonial_two .owl-stage {
    -webkit-transition-timing-function: linear !important;
         -o-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.testimonial_one.owl-drag .owl-item {
	margin-left: -8.8rem;
}

.testimonial_one.owl-drag .owl-item, .testimonial_two.owl-drag .owl-item {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.testimonial_two.owl-drag .owl-item {
	margin-right: -8.8rem;
}

.testimonial_one.owl-drag .owl-item .testimonial_item,
.testimonial_two.owl-drag .owl-item .testimonial_item {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.testimonial_two .testimonial_item {
    direction: ltr;
}

.testimonial_one .owl-dots {
	display: none;
}

.testimonial_item {
	height: 27rem;
	margin-top: 2.4rem;
	padding: 2.4rem 1.6rem;
	border-radius: 1.6rem;
	border: 0.1rem solid rgba(18, 18, 18, 0.12);
	background: #F9F9F9;
	-webkit-box-shadow: 0 1rem 4rem 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 1rem 4rem 0 rgba(0, 0, 0, 0.04);
}

.testimonial_img {
	width: 4.6rem !important;
	height: 4.6rem;
	border-radius: 50%;
	margin-right: 1.6rem;
}

.testimonial_item h4 {
	color: #121212;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6rem;
}

.testimonial_item span {
	color: rgba(18, 18, 18, 0.64);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.6rem;
	display: block;
	margin-top: 0.8rem;
}

.testimonial_item p {
	color: rgba(18, 18, 18, 0.64);
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.1rem;
	margin-top: 2.4rem;
}

/*======================
   10. frequently css
========================*/
.frequently_wrapper {
	padding: 5rem 0 8rem 0;
	overflow: hidden;
}

.frequently_shape {
    top: -7%;
    left: 0;
}

.frequently_icon {
    width: 10rem;
    -webkit-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
            transform: translateX(-2rem);
}

.frequently_head .head_text {
	font-size: 4.8rem;
	line-height: 6.2rem;
	color: #131628;
}

.frequently_head p {
	color: #767B80;
	font-weight: 500;
	line-height: 2.7rem;
	text-transform: capitalize;
}

.make_btn {
	padding: 1.2rem 2rem;
	border-radius: 1.2rem;
	border: 0.1rem solid #121212;
	background: #121212;
	-webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(16, 24, 40, 0.05);
	        box-shadow: 0 0.1rem 0.2rem 0 rgba(16, 24, 40, 0.05);
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.4rem;
	text-transform: capitalize;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.make_btn:hover {
	color: #121212;
	background: transparent;
	border: 0.1rem solid #121212;
}

.accordion .card-header {
    border: none;
    background: transparent;
    padding: 2.4rem 2rem 1.5rem 5.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #131628;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    cursor: pointer;
    border-radius: 1.6rem 1.6rem 0 0 !important;
    margin: 0 !important;
}

.card i {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 2.8rem;
    position: absolute;
    left: 4%;
    top: 2.5rem;
}

.card .card-header[aria-expanded="true"] {
	background: #F7FAFC;
	-webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(16, 24, 40, 0.08) inset;
	        box-shadow: 0 0.1rem 0.2rem 0 rgba(16, 24, 40, 0.08) inset;
}

.card .card-header[aria-expanded="true"] ~ i{
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.accordion .card {
    border: transparent;
    border-radius: 1.6rem !important;
    position: relative;
}

.accordion .card .card-body {
    color: #727579;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    text-transform: capitalize;
    padding: 0 1.6rem 2.4rem 6rem;
    background: #F7FAFC;
    border-radius: 0 0 1.6rem 1.6rem;
    -webkit-box-shadow: 0 -0.1rem 0.2rem 0 rgba(16, 24, 40, 0.08) inset;
            box-shadow: 0 -0.1rem 0.2rem 0 rgba(16, 24, 40, 0.08) inset;
}

/*======================
   11. email css
========================*/
.email_wrapper {
	padding: 9.5rem 0 7rem 0;
}

.email_bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.email_bgshape01 {
    bottom: 0;
    left: 0;
}

.email_bgshape02 {
    bottom: 0;
    right: 0;
}

.email_wrapper .container {
	max-width: 120rem;
}

.email_wrap {
	border-radius: 2.8rem;
	border: 0.1rem solid #E0E7ED;
	background: rgba(255, 255, 255, 0.35);
	-webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(22, 66, 114, 0.08), 0 0 1.2rem 0 rgba(236, 244, 253, 0.50);
	        box-shadow: 0 0.1rem 0.2rem 0 rgba(22, 66, 114, 0.08), 0 0 1.2rem 0 rgba(236, 244, 253, 0.50);
	-webkit-backdrop-filter: blur(0.4rem);
	        backdrop-filter: blur(0.4rem);
	padding: 10rem 2.4rem;
	position: relative;
}

.email_shape01 {
    left: 3%;
    top: 0;
    width: 35.5rem;
}

.email_shape02 {
    left: 0;
    top: 46%;
}

.email_shape03 {
    right: 8%;
    top: 6%;
    width: 27.8rem;
}

.email_shape04 {
    right: 0;
    top: 36%;
}

.email_shape05 {
    bottom: 20%;
    left: 8%;
    width: 9.2rem;
}

.email_shape06 {
    right: 17%;
    top: 27%;
}

.email_wrap .head_two {
	line-height: 4.6rem;
}

.email_icon {
    width: 14.1rem;
}

.email_wrap p {
	color: #767B80;
	font-weight: 500;
	line-height: 2.7rem;
}

.email_box {
	border-radius: 1.2rem;
	background: rgba(255, 255, 255, 0.40);
	-webkit-box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.08), 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.06) inset;
	        box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.08), 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.06) inset;
	width: 58rem;
	height: 9rem;
	padding: 1.2rem;
	margin: 4rem auto 0 auto;
}

.email_middle {
	width: 100%;
	height: 100%;
	border-radius: 1.2rem;
	border: 0.1rem solid #E4E8EE;
	background: #ffffff;
	-webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(16, 24, 40, 0.05);
	        box-shadow: 0 0.1rem 0.2rem 0 rgba(16, 24, 40, 0.05);
	position: relative;
}

.email_middle input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: transparent;
	background: transparent;
	padding-left: 1.6rem;
	color: #667085;
	font-size: 1.6rem;
	line-height: 2.4rem;
}

.email_middle button {
	border-radius: 0.8rem;
	border: 0.1rem solid #007DFC;
	background: -o-linear-gradient(top, #2152FE 0%, #5F51FA 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#2152FE), to(#5F51FA));
	background: linear-gradient(180deg, #2152FE 0%, #5F51FA 100%);
	-webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(16, 24, 40, 0.05);
	        box-shadow: 0 0.1rem 0.2rem 0 rgba(16, 24, 40, 0.05);
	padding: 0 2rem;
	height: 4.8rem;
	color: #ffffff;
	font-size: 1.6rem;;
	font-weight: 600;
	line-height: 2.4rem;
	position: absolute;
	right: 0.8rem;
	top: 0.8rem;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.email_middle button:hover {
	background: -o-linear-gradient(top, #5F51FA 0%, #2152FE 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5F51FA), to(#2152FE));
	background: linear-gradient(180deg, #5F51FA 0%, #2152FE 100%);
}

/*======================
   12. footer css
========================*/
footer {
	border-radius: 4rem 4rem 0 0;
	background: #020F1D;
	padding: 3.5rem 0 0 0;
}

.footer_firstwrap {
	padding-bottom: 4rem;
}

.footer_logo img {
	max-width: 14.5rem;
}

.footer_para {
	color: #8B8C8D;
	font-size: 1.6rem;
	line-height: 2.2rem;
	letter-spacing: -0.041rem;
}

.footer_head {
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.8rem;
}

.footer_link a {
	line-height: 1.6rem;
	display: block;
	letter-spacing: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.footer_link a:hover {
	color: #ffffff;
}

.footer_secondwrap {
	padding: 2.4rem 0;
	border-top: 0.1rem solid rgba(255, 255, 255, 0.16);
	text-align: center;
}

.footer_secondwrap p {
	letter-spacing: 0;
}

.footer_secondwrap p a {
	color: #8B8C8D;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.footer_secondwrap p a:hover {
	text-decoration: underline;
}

/*======================
   13. back to top css
========================*/
.back-to-top {
	font-size: 2.4rem;
	width: 4.5rem;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	color: #4DE2C1;
	display: none;
	position: fixed;
	bottom: 3rem;
	right: 2rem;
	z-index: 999999999999;
	border-radius: 50%;
	background: #020F1D;
}

.back-to-top i {
	color: #ffffff;
}
.btn-primary {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 90 31 / var(--tw-bg-opacity));
    padding: 0.625rem 1.25rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  .h-md,
  [h-md=""] {
    height: 28rem;
  }
  .max-h-md {
    max-height: 28rem;
  }
  select:not([size]) {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' strokeLinecap='round' strokeLinejoin='round' strokeWidth='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 0.75em 0.75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  [multiple],
  [type="date"],
  [type="datetime-local"],
  [type="email"],
  [type="month"],
  [type="number"],
  [type="password"],
  [type="search"],
  [type="tel"],
  [type="text"],
  [type="time"],
  [type="url"],
  [type="week"],
  select,
  textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* background-color: #fff; */
    /* border-color: #6b7280; */
    border-width: 1px;
    /* border-radius: 0; */
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
  }
  .btn-plain {
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.4rem 0.8rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
  select:not([size]) {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 0.75em 0.75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* fonts */
  .bangers {
    font-family: "Bangers", cursive;
  }
  .cairo {
    font-family: "Cairo", sans-serif;
  }
  .montserrat {
    font-family: "Montserrat", sans-serif;
  }
  .nunito {
    font-family: "Nunito", sans-serif;
  }
  .poppins {
    font-family: "Poppins", sans-serif;
  }
  .raleway {
    font-family: "Raleway", sans-serif;
  }
  .roboto {
    font-family: "Roboto", sans-serif;
  }
  .rubik {
    font-family: "Rubik", sans-serif;
  }
  .komika {
    font-family: "Komika", sans-serif;
  }
  .thebold {
    font-family: "The Bold Font", sans-serif;
  }
  .arial {
    font-family: "Arial", sans-serif;
  }

  .button-template-oussama-l {
    /* font-family: Montserrat,sans-serif;
    font-weight: 900; */
    letter-spacing: -0.03em;
    text-shadow: 0 0 20px #000, 0 0 21px #000, 0 0 22px #000, 0 0 23px #000,
      0 0 24px #000, 0 0 25px #000, 0 0 26px #000, 0 0 27px #000, 0 0 28px #000,
      0 0 29px #000 !important;
  }
  .button-template-oussama-m {
    /* font-family: Montserrat,sans-serif;
    font-weight: 900; */
    letter-spacing: -0.03em;
    text-shadow: 0 0 20px #000, 0 0 21px #000, 0 0 22px #000, 0 0 23px #000,
      0 0 24px #000, 0 0 25px #000, 0 0 26px #000, 0 0 27px #000, 0 0 28px #000,
      0 0 29px #000 !important;
  }
  .button-template-oussama-s {
    /* font-family: Montserrat,sans-serif;
    font-weight: 900; */
    letter-spacing: -0.03em;
    text-shadow: 0 0 20px #000, 0 0 21px #000, 0 0 22px #000, 0 0 23px #000,
      0 0 24px #000, 0 0 25px #000, 0 0 26px #000, 0 0 27px #000, 0 0 28px #000,
      0 0 29px #000 !important;
  }

  .text-shadow-lg {
    text-shadow: 0 0 20px #000, 0 0 21px #000, 0 0 22px #000, 0 0 23px #000,
      0 0 24px #000, 0 0 25px #000, 0 0 26px #000, 0 0 27px #000, 0 0 28px #000,
      0 0 29px #000;
  }
  .text-shadow-md {
    text-shadow: 0 0 8px #000, 0 0 9px #000, 0 0 10px #000, 0 0 11px #000,
      0 0 12px #000, 0 0 13px #000, 0 0 14px #000, 0 0 15px #000, 0 0 16px #000,
      0 0 17px #000;
  }
  .text-shadow-sm {
    text-shadow: 0 0 2px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000,
      0 0 6px #000, 0 0 7px #000, 0 0 8px #000, 0 0 9px #000, 0 0 10px #000,
      0 0 11px #000;
  }
  .content_editable_element {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }
  .highlight-text {
    /* -webkit-text-stroke: 1px violet; */
  }