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

[Table of contents]

1.Font
2.Common Css - Heading, Colors, Buttons etc
3.Header Section
4.Hero Section
5.Scrolling Text Section
6.Best Features Section
7.Trusted Logo Section
8.Intro Text Section
9.Task app Section
10.Features Section
11.Service  Section
12.About app  Section
13.How it works - Video Model
14.Testimonial Slider  Section
15.Pricing Section and Page 
16.FAQ Page
17.Download App Section
18.Home Blog Section
19.Blog List Page
20.Newsletter Popup
21.Footer Section
22.Inner Pages
23.About us page
24.Blog list page
25.Blog Single Page
26.Sign Up Page
27.Contact us Page
28.App store buttons Section
29.Features Page
30.Review Page


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


/* --------Font--------------- */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&display=swap');


/* -----------Css-variable------ */

:root {
    --primary: #7b16d9;
    --body-text: #3e3f66;
    --white: #ffffff;
    --black: #000000;
    --gray: #949494;
    --lighter-black: #1a1a1a;
    --lighter1: #f6f4fe;
    --lighter2: #DFDAF3;
    --lighter3:#c1c0d3;
    --purplishgray:#e2dcff;
    --border:#e1dbfc;
    --border-2:#4f4f4f;
    --slider-dots-color: #403f43;
    --red-color:#ee6464;
    --green-color:#33c433;

    /* gradient root css*/
    --gradient-start: #7b16d9; /* Start color */
    --gradient-end: #ff007b;   /* End color */
    --gradient-angle: 45deg;   /* Angle of gradient */

    /* REVERCE gradient root css*/
    --reverse-gradient-start: #ff007b; /* Start color */
    --reverse-gradient-end: #7b16d9;   /* End color */
    --reverse-gradient-angle: 45deg;   /* Angle of gradient */

    /* box shaow */
    --box-shadow: 0px 10px 19px -1px rgba(234, 230, 254, 1);

}


/* ------Common-Css------------- */

html{scroll-behavior:smooth; /*overflow-x: hidden;*/}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.7;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--body-text);
    background-color: var(--white);
    overflow-x: hidden;
}

img {max-width: 100%}

.page_wrapper {
    width: 100%;
    overflow-x: hidden;
}


a {
    text-decoration: none;
    color: var(--body-text);
}

a:hover {
    text-decoration: none;
    color: var(--body-text);
}

ul,
li {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

button:focus,
.btn.focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}


/** Text Gradient */ 
.primary-gradient {
 color: #7b16d9; 
 background-image: linear-gradient(90deg, #7b16d9 0%, #ff007b 100%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}


/* heding font size */

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: var(--black);
}

h1 {
	font-size: 60px;
}

h2 {
	font-size: 50px;
}

h3 {
    font-size: 40px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 25px;
}

h6 {
    font-size: 20px;
}


@media screen and (min-width:1200px) {
    .container {
        max-width: 1326px;
    }
}

/* section heading h2 */

.section_title {
	text-align: center;
  padding: 0px 300px;
}

.section_title h2 {
    margin-top: 5px;
}

.section_title h2 span {
    color: var(--primary);
}

.title_badge {
    color: var(--white);
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 50px;
    padding:2px 18px;

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));

}


.section_title p {
    font-size: 18px;
    font-weight: normal;
    color: var(--body-text);
    margin-bottom: 30px;
}

.white_text p,
.white_text .section_title h2,
.white_text span,
.white_text h2,
.white_text h3 {
    color: var(--white);
}

.row_am {
    padding: 100px 0;
}


/* section inner padding */
.section_inner_padding {
	padding-top: 100px;
	padding-bottom: 100px;
}

.section_inner_top_padding { 
	padding-top: 100px; 
}

.no_padding {
  padding: 0;
}

.no_top_padding {
  padding: 0;
}



/* purple button */
.puprple_btn {
    background-color: var(--black);
    color: var(--white);
    border-radius: 100px;
    padding: 12px 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;

}

.puprple_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    border-radius: 6px;
    transition: .6s all;
    z-index: -1;

    background: #7b16d9;
	background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
	background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));

}

.puprple_btn:hover::before {
    width: 100%;
}

.puprple_btn:hover {
    color: var(--white);
}


/* purple button */
.light_btn {
    background-color: var(--white);
    color: var(--primary);
    border-radius: 100px;
    padding: 12px 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 700;
    font-size: 14px;
    border: solid 1px var(--black);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.light_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    border-radius: 100px;
    transition: .6s all;
    z-index: -1;

    background: #7b16d9;
	background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
	background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
}

.light_btn:hover::before {
    width: 100%;
}

.light_btn:hover {
    color: var(--white) !important;
    border: solid 1px var(--white);
}


/* animated dots */

.dotes_anim_bloack { 
  
}

/* Dots Moving Animation */
.dotes_anim_bloack .dots {
  position: absolute;
  border-radius: 50%;
}

.dotes_anim_bloack .dots::before {
  content: "";
  border-radius: 50%;
  position: absolute;
}

.dotes_anim_bloack .dotes_1 {
  width: 120px;
  height: 120px;
  top: 135px;
  left: 75px;
  animation: reverce_anim_round 12s infinite linear;
}

.dotes_anim_bloack .dotes_1::before {
  width: 8px;
  height: 8px;
  background: #ff6b64;
  top: 0;
  left: 0;
}

.dotes_anim_bloack .dotes_2 {
  width: 90px;
  height: 60px;
  top: 47px;
  left: 65%;
  animation: anim_round 9s infinite linear;
}

.dotes_anim_bloack .dotes_2::before {
  width: 6px;
  height: 6px;
  background: #ff6b64;
  top: 0;
  left: 0;
}

.dotes_anim_bloack .dotes_3 {
  width: 120px;
  height: 120px;
  top: 175px;
  right: 165px;
  animation: reverce_anim_round 12s infinite linear;
}

.dotes_anim_bloack .dotes_3::before {
  width: 10px;
  height: 10px;
  background: #c47bea;
  top: 0;
  right: 0;
}

.dotes_anim_bloack .dotes_4 {
  width: 100px;
  height: 140px;
  top: 33%;
  left: 290px;
  animation: anim_round 8s infinite linear;
}

.dotes_anim_bloack .dotes_4::before {
  width: 6px;
  height: 6px;
  background: #ffb135;
  top: 0;
  left: 0;
}

.dotes_anim_bloack .dotes_5 {
  width: 120px;
  height: 120px;
  top: 37%;
  left: 68%;
  animation: reverce_anim_round 15s infinite linear;
}

.dotes_anim_bloack .dotes_5::before {
  width: 10px;
  height: 10px;
  background: #ffb135;
  top: 0;
  left: 0;
}

.dotes_anim_bloack .dotes_6 {
  width: 120px;
  height: 120px;
  top: 40%;
  right: 90px;
  animation: anim_round 17s infinite linear;
}

.dotes_anim_bloack .dotes_6::before {
  width: 4px;
  height: 4px;
  background: #c47bea;
  top: 0;
  right: 0;
}

.dotes_anim_bloack .dotes_7 {
  width: 120px;
  height: 120px;
  bottom: 18%;
  left: 200px;
  animation: reverce_anim_round 14s infinite linear;
}

.dotes_anim_bloack .dotes_7::before {
  width: 4px;
  height: 4px;
  background: #5c5fff;
  top: 0;
  left: 0;
}

.dotes_anim_bloack .dotes_8 {
  width: 120px;
  height: 120px;
  bottom: 15%;
  right: 250px;
  animation: reverce_anim_round 10s infinite linear;
}

.dotes_anim_bloack .dotes_8::before {
  width: 12px;
  height: 12px;
  background: #ffa168;
  top: 0;
  left: 0;
}

.dotes_anim_bloack .dotes_9 {
  width: 120px;
  height: 120px;
  bottom: 12%;
  left: 600px;
  animation: reverce_anim_round 20s infinite linear;
}

.dotes_anim_bloack .dotes_9::before {
  width: 12px;
  height: 12px;
  background: #f19d99;
  top: 0;
  left: 0;
}

.dotes_anim_bloack .dotes_10 {
  width: 120px;
  height: 120px;
  top: 350px;
  left: 25px;
  animation: reverce_anim_round 10s infinite linear;
}

.dotes_anim_bloack .dotes_10::before {
  width: 9px;
  height: 9px;
  background: #6a49f2;
  top: 0;
  left: 0;
}

@keyframes anim_round {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes reverce_anim_round {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(-360deg);
  }
}


/* ------------Waves-Animation---------------- */
.waves-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 150px;
    height: 150px;
}

.waves {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    position: absolute;
    top: 0;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    position: absolute;
    top: 0;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}



/* slider controls */
.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 20px;
}

.owl-carousel .owl-dots button {
    display: block;
    width: 15px;
    height: 15px;
    background-color: var(--slider-dots-color);
    border-radius: 15px;
    margin: 0 5px;
}

.owl-carousel .owl-dots button.active {
    background-color: var(--primary);
}

.container.container-sm {
    max-width: 900px;
}


/* -------------Preloader-Css-Start-------------- */

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999999;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--primary);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--body-text);
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--black);
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




/* -----------Header-Css-Start------------------- */
/* header wraper */
header {
    position: absolute;
    width: 100%;
    z-index: 1000;
    transition: .4s all;
}

header.fix_style {
    position: fixed;
    top: 0;
    transition: none;
    opacity: 0;
    pointer-events: none;
}

header.fixed {
   pointer-events: all;
   opacity: 1;
   transition: .4s all;
}

header.fixed .navbar {
    /*padding: 0;*/
}

/* navigation bar */
.navbar {
    padding: 15px 25px;
    background: var(--white);
    border: solid 1px var(--border);
    border-radius: 100px;
    margin-top: 20px;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */

}

.navbar-expand-lg .navbar-nav {
    align-items: center;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 20px;
    font-weight: 500;
    font-size: 16px;
}

.navbar-expand-lg .navbar-nav .nav-item.active {
    color: var(--primary);
    background: var(--white);
    border-radius: 10px;
    border-radius: 100px;
    border: solid 1px var(--border);

    -webkit-box-shadow: 0px 5px 10px 0px rgba(234,230,254,1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(234,230,254,1);
    box-shadow: 0px 5px 10px 0px rgba(234,230,254,1);
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: var(--primary);
}

.navbar-expand-lg .navbar-nav .nav-link.light_btn {
    color: var(--white);
    background-color: var(--primary);
    font-size: 16px;
    padding: 12px 30px;
    border-radius: 10px;
    margin-left: 20px;
    position: relative;
    text-transform: capitalize;
}

.navbar-brand img {
    width: 135px;
}

/* navigation bar dropdown */
.navbar-expand-lg .navbar-nav .has_dropdown {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 10px 10px 0 0;
    transition: .4s all;
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover {
    background-color: var(--white);
    box-shadow: 0px 4px 10px #c5c5c580;
}

.navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {
    position: relative;
    right: 15px;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu {
    position: absolute;
    top: 100%;
    background-color: var(--white);
    border-radius: 0 10px 10px 10px;
    min-width: 210px;
    max-width: 230px;
    margin-top: -10px;
    transition: .4s all;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 4px 10px #c5c5c580;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul {
    margin-left: 0;
    padding: 10px 20px;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a {
    font-size: 15px;
    position: relative;
    transition: .4s all;
    line-height: 35px;
    font-weight: 500;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 2px solid var(--primary);
    border-radius: 10px;
    margin-right: 5px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: .4s all;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover {
    padding-left: 15px;
    color: var(--primary);
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover::before {
    opacity: 1;
    left: 0;
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover>a,
.navbar-expand-lg .navbar-nav .has_dropdown:hover>.drp_btn {
    color: var(--primary);
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover .sub_menu {
    opacity: 1;
    pointer-events: all;
    margin-top: -1px;
}

.navbar .btn.puprple_btn {
	margin-left: 20px;
}

/* navigation toggle menu */
.toggle-wrap {
    padding: 10px;
    position: relative;
    cursor: pointer;
    
    /*disable selection*/
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.toggle-bar {
	width: 25px;
	margin: 10px 0;
	position: relative;
	border-top: 2px solid var(--body-text);
	display: block;
}

.toggle-bar::before,
.toggle-bar::after {
	content: "";
	display: block;
	background: var(--body-text);
	height: 2px;
	width: 30px;
	position: absolute;
	top: -12px;
	right: 0px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-transform-origin: 13%;
	-webkit-transform-origin: 13%;
	transform-origin: 7%;
}

.white_header .toggle-bar , 
.white_header .toggle-bar::before,
.white_header .toggle-bar::after {
    border-top: 2px solid var(--white);
}

.toggle-bar::after {
    top: 7px;
}

.toggle-wrap.active .toggle-bar {
    border-top: 6px solid transparent;
}

.toggle-wrap.active .toggle-bar::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
 }

.toggle-wrap.active .toggle-bar::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/* ---------Hero-Slider-Css-Start------------------ */
/* hero slider wraper */
.banner_section {
    position: relative;
    background-image: url(../images/pattern-light-1.png);
    background-repeat: repeat;
    padding-top: 180px;
    padding-bottom: 100px;
    max-height: 1000px;
}

.banner_section .container {
    position: relative;
}

.banner_section .hero_images {
    position: relative;
    display: flex;
    align-items: baseline;
    padding: 100px 20px 0 20px;
    width: 100%;
    z-index: 1;
}

.banner_section .hero_images .hero_image_left, .hero_image_right {
    width: 30%;
}

.banner_section .hero_images .hero_image_center {
    width: 50%;
}

.banner_section .hero_images .hero_image_left, .hero_image_right, .hero_image_center {
    text-align: center;
}


.banner_section .hero_images .hero_image_left img{
    animation-delay: 3s;
}

.banner_section .hero_images .hero_image_right img {
    animation-delay: 4s;
}

/* wave backgound after banner */
.banner_section::before {
    content: "";
    display: block;
    background-image: url(../images/hero_circle.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 530px;
    background-position: center;
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.banner_section .row {
    align-items: center;
}

/* hero slider text */
.banner_section .banner_text {
    text-align: center;
}

/* hero slider heading h1 */
.banner_section .banner_text h1 {
    font-size: 80px;
    color: var(--black);
    letter-spacing: -1px;
    font-weight: 700;
}

.banner_section .banner_text h1 span {
    color: var(--primary);
    font-weight: 700;
}


/* hero slider p */
.banner_section .banner_text p {
	padding: 10px 150px;
    font-size: 18px;

}


/* hero slider button */
.banner_section .app_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    position: relative;
}

/* app button */
.banner_section .app_btn li a {
    display: block;
    padding: 16px 30px;
    background-color: var(--black);
    position: relative;
    border-radius: 100px;
    transition: .4s all;
    width: 180px;
}

.banner_section .app_btn li:last-child {
    margin-left: 25px;
}

.banner_section .app_btn li a img {
    transition: .4s all;
}

.banner_section .app_btn li a .white_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

.banner_section .app_btn li a:hover {
    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;
}


/* app stor download button animation */
.app_btn li {
    position: relative;
    display: inline-block;
    background-color: black;
    border-radius: 100px; /* Capsule shape */
    overflow: hidden;
}

/* Streak animation inside button */
.app_btn li::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 150%;
    height: 100%;
    
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0.4) 70%, rgba(0, 0, 0, 0) 60%);
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0.4) 70%, rgba(0, 0, 0, 0) 60%);
    background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0.4) 70%, rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0.4) 70%, rgba(0, 0, 0, 0) 60%);
    
    animation: diagonal-slide 4s linear infinite;
    -webkit-animation: diagonal-slide 4s linear infinite;
    -moz-animation: diagonal-slide 4s linear infinite;
    -o-animation: diagonal-slide 4s linear infinite;
    
    pointer-events: none; /* Ensures animation does not block clicks */
}

/* Remove cross-line and animation on hover */
.app_btn li:hover::after {
    content: none; /* Hides the streak effect */
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

@keyframes diagonal-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Webkit animation for older Safari and mobile browsers */
@-webkit-keyframes diagonal-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Mozilla Firefox */
@-moz-keyframes diagonal-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Opera */
@-o-keyframes diagonal-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}




/* hero slider users */
.banner_section .used_app {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.banner_section .used_app ul {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.banner_section .used_app ul li:not(:first-child) {
    margin-left: -15px;
}

.banner_section .used_app p {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 0;
}

.banner_section .banner_text .type-wrap .typed {
	color: var(--primary);
}

/* hero slider control dots */
.banner_section .owl-dots {
    margin-top: 40px;
}

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



/* ---------- text List Flow Css Start ------------- */

.text_list_section .owl-stage-outer {
  background: none;
}

.text_list_section .slider_block {
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

.text_list_section .down_fix {
    transform: rotate(-5deg);
    position: relative;
    bottom: -30px;
    z-index: 9;
}

.text_list_section .down_fix::after {
    content: "";
    position: absolute;
    right: 0;
    top: -10px;
    width: 22px;
    height: 22px;
    background-image: url(../images/bigstar.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.text_list_section.rotet_down {
    transform: rotate(0.5deg);
}

.text_list_section .owl-stage,
.text_list_section .owl-stage-outer,
.textFlow_list .owl-stage,
.textFlow_list .owl-stage-outer {
    height: 215px;
}

.text_block {
    display: flex;
    align-items: center;
}

.text_block span {
    font-size: 200px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;

     color: #000000; 
     background-image: linear-gradient(0deg, #000000 0%, #464646 100%); 
     background-clip: text; 
     -webkit-background-clip: text; 
     -webkit-text-fill-color: transparent; 
}

.text_block .mark_star {
    margin: 0 60px;
    font-family: 'Playball', cursive;
}



/* ------ home best features section  ------------- */

.best_features {
    position: relative;
    background: var(--black);
    padding-top: 620px;
}

.best_features .bf_inner_sec {
    position: relative;
}

.best_features .bf_inner_sec .bf_boxes .bf_box {
    background: var(--lighter-black);
    border-radius: 20px;
    border: solid 1px var(--border-2);
    padding: 50px;
    overflow: hidden;
    transition: background 0.5s ease-in-out;
    position: relative;
}


.best_features .bf_inner_sec .bf_boxes .bf_box .bf_icon {
    text-align: left;
}

.best_features .bf_inner_sec .bf_boxes .bf_box:hover .bf_icon img{
  transform: rotate(360deg);
  transition: transform 2s;
}

.best_features .bf_inner_sec .bf_boxes .bf_box:hover {
  border: solid 1px var(--white);
  transition: all ease .5s;
}

.best_features .bf_inner_sec .bf_boxes .bf_box .bf_text {
    padding: 40px 0 0 0;
}

.best_features .bf_inner_sec .bf_boxes .bf_box .bf_text h6 {
    color: var(--white);
}

.best_features .bf_inner_sec .bf_boxes .bf_box .bf_text p {
    margin: 0;
    padding-top: 20px;
}


/* box hover effect */

/* Ensures content stays above the animation */
.best_features .bf_inner_sec .bf_boxes .bf_box * {
    position: relative;
    z-index: 2;
}

/* Pseudo-element for animated diagonal streak */
.best_features .bf_inner_sec .bf_boxes .bf_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 250%;
    height: 100%;

    /* Fading diagonal streak effect */
    background: -webkit-linear-gradient(45deg, 
        rgba(26, 26, 26, 1) 30%,  
        rgba(128, 0, 128, 0.5) 50%, /* Purple streak */
        rgba(26, 26, 26, 1) 70%
    );
    
    background: -moz-linear-gradient(45deg, 
        rgba(26, 26, 26, 1) 30%,  
        rgba(128, 0, 128, 0.5) 50%,  
        rgba(26, 26, 26, 1) 70%
    );

    background: -o-linear-gradient(45deg, 
        rgba(26, 26, 26, 1) 30%,  
        rgba(128, 0, 128, 0.5) 50%,  
        rgba(26, 26, 26, 1) 70%
    );

    background: linear-gradient(45deg, 
        rgba(26, 26, 26, 1) 30%,  
        rgba(128, 0, 128, 0.5) 50%,  
        rgba(26, 26, 26, 1) 70%
    );

    opacity: 0.8; /* Subtle effect */
    transition: transform 0.8s ease-in-out;
    -webkit-transition: transform 0.8s ease-in-out; /* Webkit support */
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%); /* Webkit support */
    z-index: 1;
}

/* Animate the streak on hover */
.best_features .bf_inner_sec .bf_boxes .bf_box:hover::after {
    transform: translateX(100%);
    -webkit-transform: translateX(100%); /* Webkit support */
}



/* ------------Trusted-Section-Css-Start----------- */

.trusted_section .company_logos img {
    margin: 0 auto;
    padding: 0 20px;
    transition: .4s all;
    opacity: .5;
}

.trusted_section .company_logos img:hover {
    opacity: inherit;
}

.trusted_section .section_title p {
    font-size: 25px;
    font-weight: 700;
}

.trusted_section .owl-stage-outer {
    padding: 15px 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 50%, rgba(0,0,0,1) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 50%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}




/* ----------intro text start------ */

.intro_text {
  position: relative;
}

.intro_text .badge_main {
  position: relative;
  text-align: center;
  width: 100%;
  margin-top: -30px;
}

.intro_text .badge_main .logo_icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.rotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.intro_text .intro_text_tagline {
  text-align: center;
  padding: 0 70px;
}

.intro_text .intro_text_tagline h2 {
  font-size: 65px;
}



/* -----------------Task-App-Section-Css-Start------------------ */
.task_app_section {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.task_app_section .task_block {
    width: 100%;
    margin: 0 auto;
    background-color: var(--white);
    padding: 50px 0 100px 0;
    position: sticky;
    z-index: 99;
    overflow: hidden;
}

.task_app_section .task_block.tb_2 {
    background-color: var(--white);
}

.task_app_section .task_block .row {
    align-items: center;
}

.task_app_section .task_block .task_block_inner {
    max-width: 1326px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

/* Task App section wraper */
.task_app_section .task_img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Task App section images*/
.task_app_section .task_img img {
    max-width: 100%;
}

.task_app_section .task_img .screen_img {
    position: absolute;
    right: 60px;
    bottom: 50px;
}

.task_app_section .task_text {
    padding-right: 100px;
}

.task_app_section .task_text .section_title {
    text-align: left;
    padding: 0;
}

.task_app_section .task_text .section_title h2 {
    margin-bottom: 20px;
    margin-top: 20px;
}


.task_app_section .task_text .section_title .icon img {
    width: 18px;
    height: 18px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.task_app_section .feature_list {
    margin-bottom: 30px;
}

.task_app_section .feature_list li {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.task_app_section .feature_list li .icon span {
    color: var(--primary);
    font-size: 18px;
}

.task_app_section .feature_list li p {
    margin: 0;
    padding-top: 2px;
    text-align: left;
    font-weight: 600;
    color: var(--body-text);
}


/* ----------Feature-Detail-Section-start------ */

/* features section wraper */
.features_section .feature_detail {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    padding-bottom: 50px;
    align-items: center;
}

/* features section image */
.features_section .feature_detail .feature_img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); /* Centers image both horizontally & vertically */
}

.features_section .feature_detail .feature_img img {
    max-width: 100%;
}

/* features section box */

.features_section .feature_detail .feature_box {
    max-width: 430px;
}

.features_section .feature_detail .feature_box .data_block {
    margin-bottom: 50px;
    padding: 0 30px;
}

.features_section .feature_detail .feature_box .data_block:hover .icon img {
    transform: rotate(360deg);
    transition: transform 2s;
}

.features_section .feature_detail .feature_box .data_block h6 {
    color: var(--black);
}

.features_section .feature_detail .left_data {
    text-align: right;
}

.features_section .feature_detail .left_data .data_block .icon {
    /*margin-right: -15px;*/
    margin-bottom: 20px;
}

.features_section .feature_detail .left_data .data_block .icon img {
    max-width: 100%;
}

.features_section .feature_detail .right_data .data_block .icon {
    /*margin-left: -15px;*/
    margin-bottom: 20px;
}

.features_section .feature_detail .right_data .data_block .icon img {
    max-width: 100%;
}

.features_section .container {
    max-width: 1370px;
}


/* ---------- service 2 colom section-------- */

.service_section {
    position: relative;
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.service_section .inner_sec {
	max-width: 1340px;
    margin: 0 auto;
    background-color: var(--white);
    padding: 70px 0;
    border-radius: 30px;
    border: solid 1px var(--border);

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.service_section .service_blocks {
    padding:50px 0;
    align-items: center;
}

.service_section .service_blocks .img img {
    max-width: 100%;
    border-radius: 20px;
}

.service_section .service_text {
    padding-right: 150px;
}

.service_section .service_text.right_side {
    padding-left: 100px;
    padding-right: 0;
}

.service_section .service_text h4 {
    margin: 25px 0;
}

.service_section .service_text h4 span {
    color: var(--primary);
}


.service_section .service_text .btn_block {
    margin-top: 40px;
}



/* -----------------About-App-Section-Css-Start------------------ */

/* about us section wraper */
.about_app_section .abt_img  {
    display: flex;
    align-items: center;
    position: relative;
}

.about_app_section .why_small_image {
    position: absolute;
    right: 0;
    bottom: 70px;
}

.about_app_section .about_text {
    width: 80%;
}


.about_app_section .about_text .section_title {
    text-align: left;
    padding: 0;
}

.about_app_section .about_text .section_title h3 {
    padding: 15px 0 10px 0;
}

/* about us section  statastics nomber */
.about_app_section .about_text .app_statstic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 40px;
}

.about_app_section .about_text .app_statstic li {
    width: 248px;
    background-color: var(--white);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 15px 10px;
    padding-left: 35px;
    box-shadow: 0px 4px 10px #EDE9FE;
}

.about_app_section .about_text .app_statstic li .icon {
    margin-right: 9px;
}

.about_app_section .about_text .app_statstic li p {
    margin-bottom: 0;
    line-height: 1;
    color: var(--black);
}

.about_app_section .about_text .app_statstic li p:first-child {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3px;
}


/* how it works video model   */
.modal {
    z-index: 999999;
}

.modal-backdrop.show {
    z-index: 99999;
    opacity: .7;
}

.youtube-video .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    padding: 0 15px;
    height: 100%;
    max-width: 1240px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

iframe#youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.youtube-video .modal-footer {
    border: none;
    text-align: center;
    display: block;
    padding: 0;
}

.youtube-video .modal-content {
    background: none !important;
    border: none;
}

#close-video {
    color: #fff;
    font-size: 30px;
}



/* ---- about page intro video (for thissection VIDEO MOEWL CSS is used from how it works section from home) ---- */

/* Intro video  */
.row_am.intro_video {
	padding-bottom: 150px;
}

.intro_video .yt_video {
    /*max-width: 1170px;*/
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.intro_video .yt_video .thumbnil {
    position: relative;
}

.intro_video .yt_video .thumbnil img {
    max-width: 100%;
    border-radius: 30px;
}

.intro_video .yt_video .thumbnil a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--white);
    font-weight: 600;
    z-index: 999;
    cursor: pointer;
}

.intro_video .yt_video .thumbnil a span {
    display: block;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.3;
}

.intro_video .yt_video .thumbnil a .play_btn {
    background-color: rgba(255, 255, 255, 0.1);
    width: 92px;
    height: 92px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
    line-height: 80px;
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.intro_video .yt_video .thumbnil a .play_btn img {
    width: 72px;
    position: relative;
    z-index: 999;
}

.intro_video .yt_video .thumbnil .title_badge{
	color: var(--white);
	font-size: 12px;
	display: inline;
	padding: 7px 18px;
}

/* ------------Testimonial-Slider-Css-Start------------- */
/* testimonials wraper  */
#testimonial_slider {
    /*max-width: 550px;
    margin: 0 auto;*/
}

.testimonial_section .testimonial_block {
    background-image: url(../images/testimonial_bg.png);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 65px;
}

.testimonial_section .testimonial_block .testimonial_slide_box {
    text-align: center;
    width: 430px;
    padding: 10px;
    margin: 0 auto;
}

/* testimonials rating  */
.testimonial_section .testimonial_block .rating span {
    color: #FC9400;
    font-size: 18px;
}

.testimonial_section .testimonial_block .testimonial_slide_box .review {
    margin-top: 10px;
    margin-bottom: 30px;
}

/* testimonials image  */
.testimonial_section .testimonial_block .testimonial_slide_box .testimonial_img img {
    margin: 0 auto;
}

/* testimonials heading h3 */
.testimonial_section .testimonial_block .testimonial_slide_box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}

.testimonial_section .testimonial_block .testimonial_slide_box .designation {
    font-size: 15px;
}

/* testimonials total review */
.testimonial_section .total_review {
    text-align: center;
    margin-top: 60px;
}

.testimonial_section .total_review .rating {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* testimonials paragraph */
.testimonial_section .total_review .rating p {
    margin-bottom: 0;
    font-weight: 600;
    margin-left: 5px;
    color: var(--black);
}

/* testimonials heading */
.testimonial_section .total_review h3 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--black);
}

.testimonial_section .total_review a {
    color: var(--primary);
    font-weight: 700;
}

.testimonial_section .testimonial_block .avtar_faces {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100%;
}

.testimonial_section .testimonial_block .avtar_faces img {
    max-width: 100%;
}


/* -------------------Pricing-Section---------------------- */

/* pricing wraper  */
.pricing_section {
	border-top: solid 1px var(--border);
}

.pricing_section .toggle_block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

/* pricing toggle button */
.pricing_section .toggle_block span {
    color: var(--black);
    font-weight: 600;
    display: block;
    margin: 0 5px;
}

.tog_btn.month_active {
    left: 35px !important;
}

.pricing_section .toggle_block span.deactive {
    color: var(--body-text);
}

.pricing_section .toggle_block .offer {
    background-color: var(--white);
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: 400;
    font-size: 13px;
    color: var(--primary);
}

.pricing_section .toggle_block .tog_block {
    width: 70px;
    height: 35px;
    background-color: var(--white);
    border: solid 1px var(--border);
    border-radius: 18px;
    margin: 0 10px;
    position: relative;
    cursor: pointer;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.pricing_section .toggle_block .tog_block .tog_btn {
    height: 23px;
    width: 23px;
    border-radius: 25px;
    display: block;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;
}

.pricing_section .toggle_block .month.active,
.pricing_section .toggle_block .years.active {
    color: var(--primary);
}

/* pricing pannel */
.pricing_section .pricing_pannel {
    margin-top: 25px;
    display: none;
}

.pricing_section .pricing_pannel.active {
    display: block;
}

.pricing_section .pricing_pannel .pricing_block {
    text-align: left;
    background-color: var(--white);
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 40px;
    border: solid 1px var(--border);
    position: relative;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.pricing_section .pricing_pannel .pricing_block .pkg_icon {
	text-align: left;
  padding-bottom: 20px;
}

.pricing_section .pricing_pannel .pricing_block.highlited_block {
    /*border: solid 2px var(--primary);*/
    overflow: hidden;
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 18px, transparent 18px) 0% 0%/20px 20px no-repeat,
    radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 18px, transparent 18px) 100% 0%/20px 20px no-repeat,
    radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 18px, transparent 18px) 0% 100%/20px 20px no-repeat,
    radial-gradient(circle at 0 0, #ffffff 0, #ffffff 18px, transparent 18px) 100% 100%/20px 20px no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 40px) no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 40px) calc(100% - 4px) no-repeat,
    linear-gradient(90deg, #7b16d9 0%, #ff007b 100%);
    box-sizing: border-box;
}


/* pricing box image */
.pricing_section .pricing_pannel .pricing_block .icon img {
    width: 120px;
}

/* pricing box heading h3 */
.pricing_section .pricing_pannel .pricing_block .pkg_name h6 {
    margin-bottom: 0;
    padding: 8px 0 0 0;

}

.pricing_section .pricing_pannel .pricing_block .pkg_name span {
    color: var(--body-text);
    font-size: 15px;
}

.pricing_section .pricing_pannel .pricing_block .price {
    font-size: 45px;
    color: var(--black);
    margin: 0px 0 25px 0;
    display: block;
    font-weight: 600;
    padding: 0;
}

.pricing_section .pricing_pannel .pricing_block .price span {
    font-size: 18px;
    color: var(--black);
    font-weight: 300;
}

.pricing_section .pricing_pannel .pricing_block.highlited_block .price span {
    color: var(--white);
}


.pricing_section .pricing_pannel .pricing_block.highlited_block .offer	{ 
	position: absolute;
    right: -30px;
    top: 22px;
    padding: 5px 30px;
    line-height: 1.2;
    font-weight: 600;
    font-size: 13px;
    color: var(--white);
    transform: rotate(45deg);
    text-transform: uppercase;
    letter-spacing: 1px;

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;

}


/* pricing box list */
.pricing_section .pricing_pannel .pricing_block .benifits {
    margin-bottom: 25px;
   
}

.pricing_section .pricing_pannel .pricing_block .benifits_block {
    padding: 30px 0 0 0;
    border-top: solid 1px var(--lighter3);
}


.pricing_section .pricing_pannel .pricing_block .benifits li p {
    margin: 0;
    width: calc(100% - 20px);
    font-weight: 400;
    padding-top: 0px;
    font-size: 16px;
    padding-bottom: 14px;
}


.pricing_section .pricing_pannel .pricing_block .benifits li {
    display: flex;
    align-items: start;
    margin:0;
}


.pricing_section .pricing_pannel .pricing_block .benifits li .icon {
    margin-right: 5px;
    width: 17px;
}

.pricing_section .pricing_pannel .pricing_block .benifits li .icon .icofont-check-circled {
    color: #00ae3d;
}

.pricing_section .pricing_pannel .pricing_block .benifits li .icon .icofont-close-circled {
    color: #dd4617;
}

.pricing_section .contact_text {
    text-align: center;
    margin-bottom: 0;
}

.pricing_section .contact_text a {
    color: var(--primary);
    text-decoration: underline;
}


/* =========Priicing Page Css Start - ============ */
.pricing_section.border_remove  {
	border-top: none;
}


/* =========Priicing Page Css Start - Table style============ */
.pricing_page_block {
    position: relative;
    border-top: solid 1px var(--border);
    padding-bottom: 150px;
}

.pricing_page_block .table_content {
    background-color: var(--white);
    border-radius: 20px;
    border: solid 1px var(--border);
    margin-top: 50px;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */

}

.table_content .pricing_table {
    display: flex;
}

.table_content .pricing_table .pricing_block.pricing_feature {
    text-align: left;
}


.table_content .pricing_table .pricing_block {
    width: 25%;
    border-right: solid 1px var(--border);
    text-align: center;
}

.table_content .pricing_table .pricing_block.no_border {
    border-right: none;
}


.table_content .pricing_table .pricing_block .pricing_title {
    padding: 50px;
    min-height: 225px;
}

/*  recomment table css start */

.table_content .pricing_table .pricing_block.recomend {
	background: var(--lighter1);
}

.table_content .pricing_table .pricing_block .pricing_title.recomend {
   background: rgb(123,22,217);
  background: -moz-linear-gradient(45deg, rgba(123,22,217,1) 0%, rgba(255,0,123,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(123,22,217,1) 0%, rgba(255,0,123,1) 100%);
  background: linear-gradient(45deg, rgba(123,22,217,1) 0%, rgba(255,0,123,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b16d9",endColorstr="#ff007b",GradientType=1);

}

.table_content .pricing_table .pricing_block .pricing_title.recomend h6, .pricing h6 {
	color: var(--white);
}

.table_content .pricing_table .pricing_block .pricing_title.recomend span {
	color: var(--white);
}

.table_content .pricing_table .pricing_block .pricing_title.recomend .pricing h3 {
	color: var(--white);
}

.table_content .pricing_table .pricing_block .pricing_title.recomend .pricing span {
	color: var(--white);
}

.table_content .pricing_table .pricing_block .btn_block {
	padding: 30px 0;
}


/*  recomment table css end */

.table_content .pricing_table .pricing_block .pricing_title h6 {
    margin: 0;
}

.table_content .pricing_table .pricing_block .pricing_title .pricing {
    padding: 20px 0 0 0;
}

.table_content .pricing_table .pricing_block .pricing_title .pricing h3 {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}

.table_content .pricing_table .pricing_block .pricing_title .pricing span {
    font-size: 15px;
    margin-left: -10px;
    color: var(--black);
    font-weight: 400;
}

.table_content .pricing_table .mobile_text {
    display: none;
}

.table_content .pricing_table p {
    margin: 0;
}

.table_content .pricing_table ul li {
    padding: 15px 5px;
    border-top: 1px solid var(--border);
}

.table_content .pricing_table ul li:nth-child(even) { 
	background: #faf9fe; 
}

.table_content .pricing_table ul.features li {
    padding: 15px 5px 15px 30px;
}

.table_content .pricing_table ul.features li:nth-child(even) { 
	background: #faf9fe; 
}

.table_content .pricing_table .pricing_block ul li:last-child {
    border-bottom: 1px solid #e2dcd1;
}

.table_content .pricing_table .pricing_block .features li p {
    font-weight: 700;
}

.table_content .pricing_table .pricing_block ul li p .icofont-close-circled {
    color: var(--white);
    background: var(--red-color);
    border-radius: 100px;
    padding: 4px;
}

.table_content .pricing_table .pricing_block ul li p .icofont-check-circled {
    color: var(--white);
    background: var(--green-color);
    border-radius: 100px;
    padding: 4px;
}

.table_content .bottom_text {
    padding: 25px 15px;
}

.table_content .bottom_text p {
    margin: 0;
}

.table_content .bottom_text p a {
    color: var(--primary);
    text-decoration: underline;
    font-weight: 700;
    transition: .4s all;
}

.table_content .bottom_text p a:hover {
    color: var(--dark-black);
}



/* -------------FAQ-Section-Css-Start----------------- */

.faq_section .section_title {
    /*margin-bottom: 50px;*/
}

.faq_section .nav-tabs {
    justify-content: center;
    margin-bottom: 30px;
    border: none;
}

.faq_section .nav-tabs .nav-item.show .nav-link,
.faq_section .nav-tabs .nav-link.active,
.faq_section .nav-tabs .nav-link:hover,
.faq_section .nav-tabs .nav-link {
    border: none;
    margin: 0;
}

.faq_section .nav-tabs .nav-item {
    position: relative;
}

.faq_section .nav-tabs .nav-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    z-index: -1;
}

.faq_section .nav-tabs .nav-item button {
    background-color: #fff;
    padding: 10px 36px;
    border-radius: 10px;
    font-weight: 500;
}

.faq_section .nav-tabs .nav-item:first-child:before {
    border-radius: 10px 0 0 10px;
}

.faq_section .nav-tabs .nav-item:last-child:before {
    border-radius: 0 10px 10px 0;
}

.faq_section .nav-tabs .nav-item.show .nav-link,
.faq_section .nav-tabs .nav-link.active {
    background-color: #5379e4;
    color: #fff;
}

.faq_section .accordion {
    margin-bottom: -20px;
}

.faq_section .card {
    border: none;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 15px !important;
    border:solid 1px var(--border) !important ;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */

}

.faq_section .card .card-header {
    background-color: #fff;
    /*border:solid 1px var(--border) ;*/
    border-radius: 15px;
    padding: 20px 25px;
    border: 0
}

.faq_section .card .card-header button {
    width: 100%;
    text-align: left;
    color: var(--black); 
    text-decoration: none;
    padding: 0;
    font-weight: 700;
    position: relative;
    padding-right: 50px;
    font-size: 18px;
}

.faq_section .card .card-header button.collapsed {
    color: var(--black); 
}

.faq_section .card .card-header i{
	color: var(--black); 
	font-weight: 400;
}

.faq_section .card .card-header button:focus {
    outline: none;
    box-shadow: none;
}

.faq_section .card .card-header button .icons i {
    position: absolute;
    right: 0;
    top: 4px;
    color: var(--dark-black);
}

.faq_section .card .card-header button.collapsed .icons .icofont-minus,
.faq_section .card .card-header button .icons .icofont-plus {
    display: none;
}

.faq_section .card .card-header button .icons .icofont-minus,
.faq_section .card .card-header button.collapsed .icons .icofont-plus {
    display: block;
}

.faq_section .card .card-body {
    padding: 0 25px 25px 25px;

}



/* -----------Download_App_Section-Start------------------ */

/* download app wraper */
.free_app_section {
    position: relative;
    background-image: url(../images/pattern2.png);
    background-repeat: repeat;
    background-color: var(--black);
}


.free_app_section .container .free_app_inner {
    position: relative;
}


/* download section elements animation */

.free_app_section .element {
	position: relative;
	z-index: 100;
}

.free_app_section .element .element1, .element2 {
	position: absolute;
}

.free_app_section .element .element1 {
	left: 510px;
	top: -20px;
	animation: mymove 15s infinite;
}

.free_app_section .element .element2 {
	left: 0;
	top: 500px;
	animation: mymove 10s infinite;
}

@keyframes mymove {
  50% {transform: rotate(180deg);}
}


/* download app dark background */
.free_app_section .container .free_app_inner .dark_bg {
    overflow: hidden;
}

.free_app_section .container .free_app_inner .dark_bg span {
    z-index: 9999;
}

.free_app_section .container .free_app_inner .row {
    align-items: center;
}

.free_app_section .container .free_app_inner .free_text .section_title {
    text-align: left;
    padding: 0;
}

/* download app heading h2 */
.free_app_section .container .free_app_inner .free_text .section_title h2 {
    margin-bottom: 10px;
}


.free_app_section .container .free_app_inner .free_text .section_title p {
    padding: 0;
}

.free_app_section .container .free_app_inner .free_text .app_btn {
    display: flex;
    align-items: center;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a {
    display: block;
    padding: 18px 30px;
    background-color: var(--white);
    position: relative;
    border-radius: 100px;
    transition: .4s all;
    border: 1px solid var(--white);
}

.free_app_section .container .free_app_inner .free_text .app_btn li a:hover {
    background-color: var(--black);
    border: 1px solid var(--white);
}

.free_app_section .container .free_app_inner .free_text .app_btn li a:hover .blue_img {
	opacity: 0;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a:hover .white_img {
	opacity: 1;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a .white_img {
	position: absolute;
	left: 50%; 
	transform: translateX(-50%); 
	opacity: 0;
}

.free_app_section .container .free_app_inner .free_text .app_btn li:last-child {
    margin-left: 25px;
}

.free_app_section .container .free_app_inner .free_img {
    position: relative;
    padding: 100px 0 350px 0; 
}

.free_app_section .container .free_app_inner .free_img::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    border-radius: 100%;
    z-index: -5;

    background: #7b16d9;
	background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
	background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));

}

.animated-image {
  position: fixed;
  top: 50%;
  transition: transform 0.2s ease-out;
}

.image-1 {
  right: 12%;
  top: 150px;
  pointer-events: none;
}

.image-2 {
  right: -5%;
  top: 300px;
  pointer-events: none;
}



/* ---------------home blog list -Css-Start------------- */

/* latest story box */
.home_blog_list .story_box {
  display: flex;
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  border:solid 1px var(--border);
  -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
  -moz-box-shadow: var(--box-shadow); /* Older Firefox */
  -o-box-shadow: var(--box-shadow); /* Older Opera */
  box-shadow: var(--box-shadow); /* Standard */
}

.home_blog_list .story_box:hover {
  border:solid 1px var(--primary);
  transition: all ease .3s;
}

.home_blog_list .story_box:hover .story_info a{
  transform: rotate(360deg);
  transition: transform 2s;
}

/* latest story image */
.home_blog_list .story_box .story_img {
  width: 50%;
  position: relative;
}

.home_blog_list .story_box .story_img img {
    max-width: 100%;
    border-radius: 20px;
}

.home_blog_list .story_box .story_img span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    color: var(--white);
}

/* latest story pargraph */

.home_blog_list .story_box .story_text_box {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px; 
}

.home_blog_list .story_box .story_text_box.no_image {
  width: 100%;
}

.home_blog_list .story_box .story_text {
    text-align: left;
}

.home_blog_list .story_box .story_text span {
    color: var(--black);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    position: relative;
}

.home_blog_list .story_box .story_text span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    opacity: 0.15; /* 15% opacity */
    z-index: -1;
    border-radius: 6px;
}

/* latest story heading h5 */
.home_blog_list .story_box .story_text h5 {
    color: var(--black);
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
    position: relative;
    z-index: 100;
}

.home_blog_list .story_box .story_text h5 a {
    color: var(--black);
}

.home_blog_list .story_box .story_text h5 a:hover {
    color: var(--primary);
    transition: all ease-in-out .2s;
}


.home_blog_list .story_box .story_info {
  border-top: solid 1px var(--border);
    margin-top: 25px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home_blog_list .story_box .story_info .time {
    font-size: 14px;
    text-align: left;
}

.home_blog_list .story_box .story_info a {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 2px 10px 0px 9px;
    transform: rotate(-45deg);

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;

}


.home_blog_list .story_box .story_text a:hover {
    text-decoration:underline;
}



/* ---------------blog list page -Css-Start------------- */

/* latest story box */
.latest_story .story_box {
    background-color: var(--white);
    text-align: center;
    border-radius: 20px;
    border:solid 1px var(--border);
    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.latest_story .story_box:hover {
    border:solid 1px var(--primary);
    transition: all ease .3s;
}

/* latest story image */
.latest_story .story_box .story_img {
    position: relative;
}

.latest_story .story_box .story_img img {
    max-width: 100%;
    border-radius: 20px 20px 0 0;
}

.latest_story .story_box .story_img span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    color: var(--white);
}

/* latest story pargraph */
.latest_story .story_box .story_text {
    padding: 30px;
    text-align: left;
}

.latest_story .story_box .story_text span {
    color: var(--black);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    position: relative;
}


.latest_story .story_box .story_text span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    opacity: 0.15; /* 15% opacity */
    z-index: -1;
    border-radius: 6px;
}

/* latest story heading h3 */
.latest_story .story_box .story_text h5 {
    color: var(--black);
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
}

.latest_story .story_box .story_text h5 a {
    color: var(--black);
    line-height: 1.5;
}

.latest_story .story_box .story_text h5 a:hover {
    color: var(--primary);
    transition: all ease-in-out .2s;
}


.latest_story .story_box .story_text .story_info {
  border-top: solid 1px var(--border);
    margin-top: 25px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.latest_story .story_box .story_text .story_info .time {
    font-size: 14px;
    text-align: left;
}

.latest_story .story_box .story_text .story_info a {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 2px 10px 0px 9px;
    transform: rotate(-45deg);
    text-decoration: none;

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;
}


.blog_list_story .story_box:hover .story_info a {
	transform: rotate(360deg);
  	transition: transform 2s;
}



.blog_list_main {
    position: relative;
    margin-top: -330px;
}

.blog_list_main > .container > .row {
    align-items: center;
}

.blog_list_main .editor_choice {
  position: relative;
    display: flex;
    background: var(--white);
    border: solid 1px var(--border);
    border-radius: 20px;
    padding: 50px 35px;
    overflow: hidden;
    align-items: center;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */

}

.blog_list_main .editor_choice:hover {
    border:solid 1px var(--primary);
    transition: all ease .3s;
}

.blog_list_main .blog_img {
    position: relative;
}

.blog_list_main .blog_img img {
    max-width: 100%;
    border-radius: 20px;
}

.blog_list_main .blog_img span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    color: var(--white);
}

.blog_list_main .blog_text .section_title {
    text-align: left;
    padding: 0;
}


.blog_list_main .editor_choice .blog_text .section_title h5 {
    margin-top: 15px;
}

.blog_list_main .editor_choice .blog_text .section_title h5 a {
    color: var(--black);
    line-height: 1.5;
}

.blog_list_main .editor_choice .blog_text .section_title h5 a:hover {
    color: var(--primary);
}

.blog_list_main .editor_choice .blog_text .section_title p {
    font-size: 16px;
    padding: 0;
}

.blog_list_main .editor_choice .choice_badge {
  position: absolute;
  right: -80px;
  top: -10px;
  color: var(--white);
  padding: 40px 80px 20px 70px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
  transform: rotate(45deg);
  z-index: 100;
  letter-spacing: 1px;

  background: #7b16d9;
  background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
  background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
  transition: .4s all ease;

}

.blog_list_main .editor_choice .blog_text {
    padding: 0px 50px;
}

.blog_list_main .editor_choice .blog_text .blog_tag {
    color: var(--black);
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    position: relative;
}

.blog_list_main .editor_choice .blog_text .blog_tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    opacity: 0.10; /* 15% opacity */
    border-radius: 6px;
}


.blog_list_main .editor_choice .blog_text .story_info {
  border-top: solid 1px var(--border);
    margin-top: 25px;
    padding-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog_list_main .editor_choice .blog_text .story_info .time {
    font-size: 16px;
    text-align: left;
}

.blog_list_main .editor_choice .blog_text .story_info a {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 2px 10px 0px 9px;
    transform: rotate(-45deg);

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;
}

.blog_list_main .editor_choice:hover .story_info a{
  transform: rotate(360deg);
  transition: transform 2s;
}


.blog_list_story.row_am {
    padding-top:0px;
}

.blog_list_story .story_box {
    text-align: left;
    margin-bottom: 40px;
}



/* Newsletter Popup  */
.popup-overlay .newsletter_icon {
 	padding: 0 0 25px 0;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 1000;
}

/* Popup Box */
.popup-box {
    background: #fff;
    padding: 50px;
    width: 500px;
    border-radius: 20px;
    text-align: center;
    position: relative;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--black);
    border: none;
    width: 35px;
    height: 35px;
    background: var(--white);
    border: solid 1px var(--border);
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
    padding: 0 0 5px 0;
    line-height: 0;
}

/* Input Fields */
.popup-box input {
    width: 100%;
    padding:15px;
    margin: 10px 0 15px 0;
    border: 1px solid var(--border);
    border-radius: 12px;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */

}

/* Subscribe Button */
.subscribe-btn {
    color: var(--white);
    border: none;
    padding: 15px;
    width: 100%;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.3s;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;

    background: #7b16d9;
	background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
	background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));

	-webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */

}

.subscribe-btn:hover {
    background: #7b16d9;
	background: -webkit-linear-gradient(var(--reverse-gradient-angle), var(--reverse-gradient-start), var(--reverse-gradient-end)); /* Safari */
	background: linear-gradient(var(--reverse-gradient-angle), var(--reverse-gradient-start), var(--reverse-gradient-end));
}

/* Show Popup Class */
.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}



/* ------Footer-Css-Start-------------- */
/* footer wraper */
footer {
    position: relative;
}

footer .top_footer {
    padding: 100px 0 0 0;
    position: relative;
    overflow: hidden;
    background-image: url(../images/pattern2.png);
    background-repeat: repeat;
    background-color: var(--black);
}


/* footer logo */
footer .footer_logo_section  {
    border-bottom: solid 1px var(--border-2);
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    align-items: center;
}

footer .footer_logo_section .logo {
    text-align: left;
}


footer .footer_logo_section .logo img {
    width: 135px;
}

footer .top_footer .footer_data_section {
    width: 100%;
    padding: 100px 0;
    display: flex;
}

footer .top_footer .footer_data_section .footer_cta_text {
    width: 100%;
    font-size: 40px;
    font-weight: 700;
}

footer .top_footer .footer_data_section .abt_side {
    padding: 45px 0 0 0;
}

footer .top_footer .footer_data_section .abt_side .app_btn {
    display: flex;
}

footer .top_footer .footer_data_section .abt_side .app_btn li {
    margin: 0 20px 0 0;
}


/* footer social media icon */
footer .footer_logo_section .social_media {
    display: flex;
    justify-content: center;
}

/* footer link list */
footer .footer_logo_section .social_media li a {
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 34px;
    font-size: 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    margin-right: 10px;
    transition: .4s all;
}

footer .footer_logo_section .social_media li a:hover {
    color: var(--white);

    background: rgb(123,22,217);
    background: -moz-linear-gradient(45deg, rgba(123,22,217,1) 0%, rgba(255,0,123,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(123,22,217,1) 0%, rgba(255,0,123,1) 100%);
    background: linear-gradient(45deg, rgba(123,22,217,1) 0%, rgba(255,0,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b16d9",endColorstr="#ff007b",GradientType=1);
    transition: .4s all ease;

}


footer .top_footer .try_out {
    margin-left: -20px;
}

footer .app_btn li a {
    display: block;
    padding: 14px 24px;
    position: relative;
    border-radius: 100px;
    transition: .4s all;
    text-align: center;
    border: solid 1px var(--black);

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;

}

footer .app_btn li a img {
    height: 36px;
}

footer .app_btn li a:hover {
    background: var(--black);
    border: solid 1px var(--white);
}


footer .app_btn li:last-child {
    margin-top: 20px;
}

footer .news_letter p {
    color: var(--gray);
    font-size: 14px;
}

footer .news_letter form .form-group {
    max-width: 430px;
    position: relative;
}

footer .news_letter form .form-group .form-control {
    width: 100%;
    background: var(--lighter-black);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    min-height: 60px;
    color: var(--white);
    font-weight: 500;
}

footer .news_letter form .form-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

footer .news_letter form .form-group button {
    position: absolute;
    right: 5px;
    top: 5px;
    color: var(--white);
    width: 50px;
    height: 50px;
    border-radius: 10px;
    font-size: 20px;
    transition: .4s all;
     border: solid 1px var(--black);

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;

}

footer .news_letter form .form-group button:hover {
    background: var(--black);
    border: solid 1px var(--white);
}


/* footer heading and text colors variable */
footer h2,
footer h6,
footer p,
footer a {
    color: var(--white);
}

footer a:hover {
    color: var(--white);
}

/* footer heading h3 */
footer h6 {
    position: relative;
    font-weight: 600;
    margin-bottom: 55px;
    padding-left: 10px;
    line-height: .8;
}

footer h6::before {
    content: "";
    width: 3px;
    height: 18px;
    background-color: var(--white);
    position: absolute;
    margin-left: -10px;
}


/* footer last */
footer .bottom_footer {
    background-color: #141414;
    padding: 20px 0;
    margin-top: -15px;
}

footer .bottom_footer p {
    margin-bottom: 0;
    font-size: 14px;
}

footer .bottom_footer .developer_text {
    text-align: right;
}

footer .bottom_footer .developer_text a {
    text-decoration: underline;
}


@keyframes mymove {
  50% {transform: rotate(180deg);}
}



/* footer go top button */
.go_top {
    position: fixed;
    right: 30px;
    bottom: 75px;
    cursor: pointer;
    transition: .4s all;
    opacity: 0;
    z-index: 100;
}

.go_top span {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--lighter-black);
    color: var(--white);
    border-radius: 150px;
    font-size: 25px;
    border: solid 1px var(--border-2);
}

.go_top:hover {
    bottom: 80px;
}


@keyframes star_down_one {
    0% {
        opacity: 0;
        top: -250px;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}


/* --------Object-Moving-Animation-Css-Start----- */
.moving_animation {
    animation: moving_object 6s infinite linear;
}

.moving_position_animatin {
    position: relative;
    animation: moving_position_animatin 6s infinite linear;
}

.about_app_section .about_img .screen_img img {
    animation-delay: 3s;
}


@keyframes moving_object {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes moving_position_animatin {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}



/* ------ Inner Page Banner Css Start ------------- */

/* Bredcrumb Css Start */
.bred_crumb {
    min-height: 500px;
    background-image: url(../images/pattern-light-1.png);
    background-repeat: repeat;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px var(--border);
}


.bred_crumb .bred_text {
    text-align: center;
    z-index: 0;
    position: relative;
    width: 70%;
    margin: 0 auto;
    padding-top: 100px;
}

.bred_crumb .title_badge {
    color: var(--white);
}


.bred_crumb .bred_text h1 + p {
    margin-top: 5px;
    padding: 0 120px;
}

.bred_crumb .bred_text ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bred_crumb .bred_text ul li {
    margin: 0 5px;
}

.bred_crumb .bred_text ul li a, .bred_crumb .bred_text ul li span {
    font-size: 14px;
    transition: .4s all;
}

.bred_crumb .bred_text ul li a:hover {
    text-decoration: underline;
    color: var(--primary);
}



/* ----About App Soluction Section--- */

.app_solution_section .row {
    align-items: center;
}

.app_solution_section .app_text {
    padding-right: 50px;
}

.app_solution_section .app_text .section_title {
    text-align: left;
    padding: 0;
} 

.app_solution_section .app_text .section_title h3 {
    letter-spacing: normal;
    padding-top: 10px;
}

.app_solution_section .app_text p {
    padding:0 40px 15px 0;
}

.app_solution_section .app_images {
    position: relative;
    width: 100%;
    text-align: right;
}

.app_solution_section .app_images img {
     max-width: 100%;
}

.app_solution_section .app_images .overview_small_image {
     position: absolute;
     left: 0;
     bottom: 70px;
}



/* About-Page-Sectino */

.about_app_section.about_page_sectino.we_best {
    position: relative;
}

.about_page_sectino img {
	max-width: 100%;}

.about_app_section.about_page_sectino {
	align-items: center;
}

.about_app_section.about_page_sectino .about_text .feature_list {
    margin-bottom: 40px;
}

.about_app_section.about_page_sectino .about_text .feature_list li {
    display: flex;
    align-items: start;
    gap: 5px;
}

.about_app_section.about_page_sectino .about_text .feature_list li .icon span {
    color: var(--primary);
    font-size: 18px;
}

.about_app_section.about_page_sectino .about_text .feature_list li p {
    margin: 0;
    padding-top: 2px;
    text-align: left;
}


/* about page section elements animation */

.we_best .element .element1, .element2 {
    position: absolute;
}

.we_best .element .element1 {
    right: 200px;
    bottom: 200px;
    animation: mymove 15s infinite;
}

.we_best .element .element2 {
    left: 150px;
    top: 50px;
    animation: mymove 10s infinite;
}

@keyframes mymove {
  50% {transform: rotate(180deg);}
}


/* ===============Testimonial Section Css Start============= */

.testimonial_section {
    position: relative;
}

.testimonial_inner {
    position: relative;
    max-width: 1326px;
    margin: 0 auto;
    background-color: var(--white);
    background-image: url(../images/pattern3.png);
    background-repeat: repeat;
    padding: 80px 0;
    border-radius: 40px;
    position: relative;
    border: solid 1px var(--border);

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.testimonial_section .testimonial_inner .testimonial_slides {
	margin-top: 50px;
}


.testimonial_section .title {
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 100%;
    text-align: center;
}

.testimonial_section .title .star {
    display: flex;
    justify-content: center;
    /*transform: rotate(-3deg);*/
    margin-bottom: -20px;
}

.testimonial_section .title .star span,
.testimonial_section .testimonial_box .testi_text .star span {
    color: #fc9400;
}

.testimonial_section .title .star .sub_title {
    padding: 2px;
}

.testimonial_section .title .sub_title {
    /*transform: rotate(-3deg);*/
    position: relative;
    bottom: -20px;
    z-index: 9;
}

.testimonial_section .title .sub_title::after {
    content: "";
    position: absolute;
    right: 0;
    top: -10px;
    width: 22px;
    height: 22px;
    background-image: url(../images/bigstar.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.testimonial_section .title .sub_title {
    color: var(--white);
    display: inline-block;
    padding: 2px 20px;
    border-radius: 100px;
    background-color: var(--black);
}

.testimonial_box {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 950px;
    margin: 0 auto;
    gap: 60px;
}

.testimonial_box .testi_img {
    width: 350px;
    position: relative;
}

.testimonial_box .testi_img .play_icon {
    position: absolute;
    left: 20%;
    top: 80%;
    transform: translate(-50%, -50%);
}

.testimonial_box .testi_img .play_icon img {
    width: 80px;
    aspect-ratio: 1/1;
    opacity: 0.9;
}

.testimonial_box .testi_img .user_img {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 12px;
    object-fit: cover;
}

.testimonial_box .testi_text {
    width: calc(100% - 315px);
}

.testimonial_box .testi_text .star {
    display: flex;
    margin-bottom: 10px;
}

.testimonial_box .testi_text p {
    font-weight: normal;
    font-size: 30px;
    line-height: 1.5;
    color: var(--black);
}

.testimonial_box .user_info {
    display: flex;
    gap: 5px;
    color: var(--black);
    flex-wrap:wrap;
}

.testimonial_box .user_info h6 {
    margin: 0;
    color: var(--black);
    width: 100%;
}

.testimonial_box .user_info span {
    font-size: 16px;
}


/* testimonial elements animation */

.testimonial_inner .t_element .t_element1, .t_element2 {
	position: absolute;
}

.testimonial_inner .t_element .t_element1 {
	left: 2%;
	top: 8%;
	animation: mymove 15s infinite;
}

.testimonial_inner .t_element .t_element2 {
	right: 2%;
	bottom: 5%;
	animation: mymove 8s infinite;
}

@keyframes mymove {
  50% {transform: rotate(40deg);}
}


/* -----------experts_team_sectio---------- */

.experts_team_section .experts_box {
    position: relative;
    text-align: center;
    padding: 0;
    border-radius: 20px;
    background-color: var(--white);
    transition: .4s all;
    border: solid 1px var(--border);

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.experts_team_section .experts_box img {
    max-width: 100%;
    border-radius: 35px;
    padding: 20px;
}

.experts_team_section .experts_box .text {
    padding: 10px 0 30px 0;
}

.experts_team_section .experts_box .text h6 {
    transition: .4s all;
}

.experts_team_section .experts_box .text span {
    color: var(--body-text);
}

.experts_team_section .experts_box .social_media {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.experts_team_section .experts_box .social_media a {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid #CCCCE2;
    border-radius: 50px;
    text-align: center;
    line-height: 34px;
    color: var(--black);
    margin: 0 5px;
    transition: .4s all;
    font-size: 15px;
}

.experts_team_section .experts_box .social_media a:hover {
    border-color: var(--primary);
    color: var(--white);

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;

}

.experts_team_section .experts_box:hover {
    border: solid 1px var(--primary);
}

.experts_team_section .experts_box:hover h6 {
    color: var(--primary);
}

.about_trust_section {
    margin-bottom: 40px;
}



/* ------ Blog List Css Start ------------- */

.bred_crumb .bred_text .search_bar {
    margin-top: 25px;
    position: relative;
    z-index: 1000;
    width: 100%;
}

.bred_crumb .bred_text .search_bar form .form-group {
    position: relative;
    max-width: 750px;
    height: 60px;
    margin: 0 auto;
    padding: 1px;
    border-radius: 16px;

    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
    -moz-box-shadow: var(--box-shadow); /* Older Firefox */
    -o-box-shadow: var(--box-shadow); /* Older Opera */
    box-shadow: var(--box-shadow); /* Standard */

}

.bred_crumb .bred_text .search_bar form .form-group .form-control {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    font-size: 16px;
    padding-left: 20px;
    color: var(--body-text);
    border-color: inherit;
    
}

.bred_crumb .bred_text .search_bar form .form-group .form-control::placeholder {
    color: var(--body-text);
}

.bred_crumb .bred_text .search_bar form .form-group .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--black);
}

.bred_crumb .bred_text .search_bar form .form-group .btn {
    position: absolute;
    right: 0px;
    top: 0px;
    /*background-color: var(--primary);*/
    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 12px;
    text-align: center;
    line-height: 56px;
    font-size: 23px;
    color: var(--primary);
}

.bred_crumb .bred_text .search_bar form .form-group .btn:hover {
    background-color: var(--primary);
    color: var(--white);
}

.bred_crumb.blog_page {
    min-height: 850px;
}

.bred_crumb .bred_text.blog {
	padding-top: 0;
	margin-top: -150px;
} 



/* Pagination Css Start */
.pagination_block ul {display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.pagination_block ul li:not(:first-child , :last-child) a {margin: 0 5px;
    transition: .4s all;
    display: block;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
}

.pagination_block ul li:first-child {
    margin-right: 20px;
}

.pagination_block ul li:last-child {
    margin-left: 20px;
}

.pagination_block ul li:not(:first-child , :last-child) a:hover , .pagination_block ul li:not(:first-child , :last-child) a.active {
    color: var(--white);

    background: #7b16d9;
	background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
	background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
}

.pagination_block ul li:first-child a:hover {
    color: var(--primary);
}

.pagination_block ul li:last-child  a:hover {
    color: var(--primary);
}


/* ------ Blog Single Css Start ------------- */

.blog_detail_section {
    position: relative;
    padding: 0;
    margin-top: -650px;
}

.blog_head {
    margin-bottom: 45px;
}

.blog_head .back_text {
    position: relative;
    margin-bottom: 25px;
}

.blog_head .back_text a {
    text-align: left;
    font-size: 14px;
    color: var(--black);
}

.blog_head .back_text a:hover {
	color: var(--primary);
    text-decoration: underline;
    transition: all ease-in-out .3s;
}

.blog_head .tags_info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog_head .tag {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    padding: 2px 15px;
    border-radius: 6px;
    position: relative;
}

.blog_head .tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    opacity: 0.15; /* 15% opacity */
    z-index: -1;
    border-radius: 6px;
}

.blog_head .tags_info ul {
    display: flex;
    align-items: center;
}

.blog_head .tags_info ul li {
    position: relative;
    padding: 0 10px 0 15px;
    font-size: 14px;
}

.blog_head .tags_info ul li::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--body-text);
    border-radius: 10px;
    left: 0;
    position: absolute;
    top: calc(50% - 2.5px);
}

.blog_head h1 {
    margin: 15px 0 30px 0;
}

.blog_head .avtar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
}

.blog_head .avtar img {
    width: 50px;
    aspect-ratio: 1/1;
    border-radius: 100px;
}

.blog_head .avtar .text {
    width: calc(100% - 60px);
    color: var(--white);
}

.blog_head .avtar .text h6 {
    margin-bottom: 0;
    font-size: 18px;
}

.blog_head .avtar .text span {
    font-size: 14px;
    color: var(--body-text);
}

.blog_body .img {
    margin-bottom: 40px;

}

.blog_body .img img {
    width: 100%;
    border-radius: 20px;
}

.blog_body .listings {
    padding-left: 30px;
    margin: 30px 0;
}

.blog_body .listings li {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.blog_body .listings li .icon {
    color: var(--primery);
}

.blog_body .listings li p {
    margin: 0;
}

.blog_body h4 {
    margin-bottom: 10px;
    margin-top: 50px;
}

.blog_body .yt_video {
    margin: 30px 0;
}

.blog_body .yt_video iframe {
    width: 100%;
    aspect-ratio: 1/0.5;
    border-radius: 20px;
}

.blog_body .highlight_text {
    padding: 50px 100px 50px 0;
    margin: 30px 0;
    background: var(--white);
    border: solid 1px var(--border);
    border-radius: 20px;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.blog_body .highlight_text h6 {
    line-height: 1.5;
    padding-left: 50px;

    border-left: 6px solid transparent; /* Set a base border */
    border-image-source: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    border-image-slice: 1;
}

.blog_body .social_media {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}

.blog_body .social_media li a {
    width: 40px;
    height: 40px;
    border: 1px solid var(--border);
    background-color: var(--white);
    border-radius: 100px;
    color: var(--black);
    display: block;
    text-align: center;
    line-height: 35px;
    transition: .4s all;
}

.blog_body .social_media li a:hover {
    color: var(--white);
    border: 1px solid var(--primary);

    background: #7b16d9;
	background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
	background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
}


/* comment section Css Start */
.comment_section .section_title {
    padding: 0px;
}

.comment_section .section_title h3 {
    text-align: left;
    border-top: 2px solid var(--border);
    padding-top: 30px;
}

.comment_section ul {
    margin-top: 30px;
}

.comment_section ul li {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid var(--border);
}

.comment_section ul li:last-child {
    border-bottom: 1px solid var(--border);
}

.comment_section ul li.replay_comment {
    margin-left: 110px;
}

.comment_section ul li .authore_info {
    display: flex;
    align-items: center;
    width: 260px;
}

.comment_section ul li .authore_info .avtar {
    width: 88px;
    margin-right: 20px;
}

.comment_section ul li .authore_info .avtar img {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 100%;
    object-fit: cover;
}

.comment_section ul li .authore_info .text {
    width: calc(100% - 108px);
}

.comment_section ul li .authore_info .text h6 {
    color: var(--black);
}

.comment_section ul li .authore_info .text span {
    font-size: 14px;
}

.comment_section ul li .comment {
    width: calc(100% - 310px);
    margin-left: 50px;
}

.comment_section ul li .comment p {
    margin-bottom: 0;
}

.comment_form_section .section_title {
    text-align: left;
    padding: 0px;
}

.comment_form_section .section_title p {
    padding: 0;
}

.comment_form_section form .form-group {
    margin-bottom: 30px;
}

.comment_form_section form .form-group .form-control {
    border-radius: 10px;
    border: 1px solid var(--border);
    color: var(--dark-black);
    height: 60px;
    padding: 10px 20px;
}

.comment_form_section form .form-group .form-control::placeholder {
    color: var(--dark-black);
}

.comment_form_section form .form-group textarea.form-control {
    min-height: 135px;
}



/* comment-form-section */

.comment_form_section form {
    margin-top: 30px;
}

.comment_form_section form .form-group .form-control {
    border-radius: 12px;
    height: 60px;
    margin-bottom: 30px;
    color: var(--body-text);
    padding: 15px;
    border: solid 1px var(--border);

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */

}

.comment_form_section form .form-group .form-control::placeholder {
    color: var(--body-text);
}

.comment_form_section form .form-group textarea.form-control {
    height: 140px;
    padding-top: 15px;
    resize: none;
}


/* ===========SignUp Section Css Start=============== */

/* Sign Up Css Start */
.signup_section {
    padding: 50px 0;
}

.signup_section .top_part {
    padding-bottom: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.signup_section .top_part .back_btn {
    position: absolute;
    left: 0;
    font-size: 14px;
}

.signup_section .form_block {
    display: flex;
    border-radius: 40px;
    padding: 80px 130px 0 130px;
    position: relative;
    overflow: hidden;
    background-image: url(../images/pattern2.png);
    background-repeat: repeat;
    background-color: var(--black);

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}


.signup_section .form_block .pattern-rotate-2 {
	position: absolute;
    bottom: -5%;
    left: -5%;
    /*transform: translateX(-50%);*/
}

.signup_section .form_block .form_side {
    width: 50%;
    text-align: left;
    padding: 50px;
    background: var(--white);
    border-radius: 20px;
    margin-bottom: 50px;
    z-index: 10;
}

.signup_section .form_block .form_side .section_title h4 {
    text-align: center;
    padding-top: 10px; 
}

.signup_section .form_block .form_side .section_title p {
    padding: 0;
}

.signup_section .section_title {
    padding: 0;
}

.signup_section .form_block .side_screen .section_title h3 {
    color: var(--white);
    text-align: left;
    padding-bottom: 10px;
}

.signup_section .form_block .side_screen .section_title p {
    color: var(--white);
    text-align: left;
    padding: 0;
}

.signup_section .form_block .form_side form .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #999ca6;
    padding-left: 0;
    font-size: 16px;
}

.signup_section .form_block .form_side form .form-group {
    margin-bottom: 30px;
}

.signup_section .form_block .form_side form .form-control::placeholder {
    color: var(--dark-black);
    font-weight: 500;
}

.signup_section .form_block .form_side form .form-control:focus {
    box-shadow: none;
    border-color: var(--primary);
    font-weight: 500;
}

.signup_section .form_block .form_side form .forgate_check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 30px;
}

.signup_section .form_block .form_side form .forgate_check a {
    text-decoration: underline;
    font-weight: 400;
    font-size: 14px;
    margin-top: -10px;
}

.signup_section .form_block .form_side form .forgate_check .coustome_checkbox {
    padding-top: 0;
}

.signup_section .form_block .form_side form .forgate_check .coustome_checkbox label {
    font-size: 14px;
    color: var(--dark-black);
    font-weight: 400;
}

.signup_section .form_block .form_side form .forgate_check .checkmark {
    top: 5px;
    border-radius: 4px;
}

.signup_section .form_block .coustome_checkbox input:checked~.checkmark {
    background-color: var(--primary);
    border-color: var(--primary);
}

.signup_section .form_block .form_side .puprple_btn,
.signup_section .form_block .form_side .btn_block {
    width: 100%;
}

.signup_section .form_block .form_side .google_btn {
    width: 100%;
    text-align: center;
    border-radius: 100px;
    color: var(--black);
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 20px 0 30px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.signup_section .form_block .form_side .google_btn img {
    height: 20px;
    margin-right: 10px;
}

.signup_section .form_block .form_side .google_btn:hover {
    border-color: var(--primary);
}

.signup_section .form_side .sign_in_here p {
    margin: 0;
    color: var(--body-text);
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}

.signup_section .form_side .sign_in_here p a {
    color: var(--primary);
    text-decoration: underline;
}

.signup_section .form_side .sign_in_here p a:hover {
    color: var(--dark-black);
}

.signup_section .form_block .side_screen {
    width: 50%;
    background-color: var(--dark-black);
    padding: 0 140px 0 0;
    overflow: hidden;
    position: relative;
}


.signup_section .form_block .side_screen .scrren {
    /*text-align: center;*/
    position: absolute;
    z-index: 9;
    bottom: 0;
}

.signup_section .form_block .side_screen .scrren img {
    max-width: 100%;
}



/* ------ Contact Page Css Start ------------- */
.contact_page_section .contact_inner {
    position: relative;
}


.contact_page_section .contact_inner .contact_form .section_title {
    padding: 0px;
}

.contact_page_section .contact_inner .contact_form {
    width: 100%;
    padding: 50px 60px;
    background-color: #fff;
    border: solid 1px var(--border);
    border-radius: 20px;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}


.contact_page_section .contact_inner .contact_form form {
    margin-top: 30px;
}

.contact_page_section .contact_inner .contact_form form .form-group {
    margin-bottom: 20px;
}

.contact_page_section .contact_inner .contact_form form .form-group .form-control {
    height: 60px;
    padding: 5px 20px;
    color: var(--body-text);
    border: 2px solid #E1DBF4;
    border-radius: 12px;
    font-weight: 400;
    background: var(--lighter1);
    border: solid 1px var(--purplishgray);
}

.contact_page_section .contact_inner .contact_form form .form-group .form-control:focus {
    box-shadow: none;
    border-color: var(--primary);
    color: var(--primary);
}

.contact_page_section .contact_inner .contact_form form .form-group textarea.form-control {
    height: 140px;
    padding-top: 15px;
}

.contact_page_section .contact_inner .contact_form form .term_check {
    display: flex;
    align-items: center;
}

.contact_page_section .contact_inner .contact_form form .term_check input {
    width: 17px;
    height: 17px;
    accent-color: var(--primary);
}

.contact_page_section .contact_inner .contact_form form .term_check label {
    font-size: 13px;
    margin-bottom: 0;
    margin-left: 7px;
}

.contact_page_section .contact_inner .contact_form form .form-group button {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}

.contact_page_section .contact_inner .contact_info .ticket_box {
	position: relative;
    background: var(--white);
    border: solid 1px var(--border);
    border-radius: 20px;
    padding: 40px;
    margin-top: 60px;
    overflow: hidden;

    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.contact_page_section .contact_inner .contact_info .ticket_box:hover img {
	transform: rotate(360deg);
	transition: transform 2s;
}

.contact_page_section .contact_inner .contact_info .ticket_box:hover {
	border: solid 1px var(--primary);
}

.contact_page_section .contact_inner .contact_info .ticket_box .pattern-rotate {
	position: absolute;
    top: -65%;
    right: -50%;
}

.contact_page_section .contact_inner .contact_info .ticket_box .icon {
    margin-bottom: 20px;
    position: relative;
    z-index: 100;
}

.contact_page_section .contact_inner .contact_info .ticket_box .icon img{
    width: 70px;
}

.contact_page_section .contact_inner .contact_info {
    width: 90%;
}


.contact_page_section .contact_inner .contact_info .section_title {
    text-align: left;
    margin-bottom: 0px;
    padding: 0px;
}

.contact_page_section .contact_inner .contact_info .section_title p {
    padding: 0;
    margin-bottom: 15px;
}

.contact_page_section .contact_inner .contact_info .btn {
    margin: 10px 0 0 0;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li:hover img{
    transform: rotate(360deg);
	transition: transform 2s;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li:last-child {
    margin-bottom: 0;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li .img {
    width: 70px;
    margin-right: 20px;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li .img img {
    max-width: 70px;
}


.contact_page_section .contact_inner .contact_info .contact_info_list li .text {
    width: calc(100% - 85px);
}

.contact_page_section .contact_inner .contact_info .contact_info_list li .text span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
}

.contact_page_section .contact_inner .contact_info .contact_info_list li .text p , 
.contact_page_section .contact_inner .contact_info .contact_info_list li .text a {margin: 0;}

.contact_page_section .contact_inner .contact_info .contact_info_list li .text a:hover {
    color: var(--black);
}

.row_am.map_section {
    padding-top: 0;
}

.map_section iframe {
    border-radius: 20px;
}


/* ------ App store button section  ------------- */

.app_blocks {
	justify-content: center;
  padding: 0 15px;
}

.app_blocks .app_btn li:last-child {
	margin-left: 25px;
}

.app_blocks .app_btn {
	display: flex;
	align-items: center;
}

.app_blocks h6{
	margin-bottom: 25px;
	text-align: center;
	width: 100%;
}

.app_blocks .app_btn li a {
	display: block;
	padding: 16px 35px;
	background-color: var(--black);
	border: 1px solid var(--primary);
	position: relative;
	border-radius: 100px; 
	transition: .4s all;

  -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.app_blocks .app_btn li a:hover {
	background-color: var(--white);
	border: 1px solid var(--primary);
}

.app_blocks .app_btn li a .blue_img {
  opacity: 0;
}

.app_blocks .app_btn li a:hover .blue_img {
	opacity: 1;
}

.app_blocks .app_btn li a img {
	transition: .4s all;
}

.app_blocks .app_btn li a:hover .white_img {
	opacity: 0;
}

.app_blocks .app_btn li a .white_img {
	position: absolute;
	left: 50%; 
	transform: translateX(-50%); 
	opacity: 1;
}



/* ------ how it works section  ------------- */

.howwork_section{
	position: relative;
  	border-top: solid 1px var(--border);
  	border-bottom: solid 1px var(--border);
}

.howwork_section .work_blocks{
	position: relative;
}

.howwork_section .work_blocks .work_blocks_fluid{
  width: 100%;
}


.howwork_section .work_blocks .work_blocks_fluid.wbf1:hover .wb1{
    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;
}

.howwork_section .work_blocks .work_blocks_fluid.wbf2:hover .wb2{
    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;
}

.howwork_section .work_blocks .work_blocks_fluid.wbf3:hover .wb3{
    background: #7b16d9;
    background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
    background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
    transition: .4s all ease;
}

.howwork_section .work_box{
	margin:0 auto;
	background: var(--white); 
	border: solid 1px var(--border); 
	border-radius: 20px; 
	position: relative;
	width: 100%;
  	margin-bottom: 30px;

  	-webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.howwork_section .work_box .work_box_inside {
  background: var(--white);
  width: 98%;
  padding: 50px;
  margin: 1%;
  border-radius: 20px;
}

.howwork_section .work_box .work_title{
	display: flex;
	align-items: center; 
	justify-content: space-between;
	text-align: left;
}


.howwork_section .work_box .work_title h6 {
  padding: 0 0 0 25px;
  width: 400px;
}

.howwork_section .work_box .work_text{
	padding-right: 35px;
	text-align: left;
}


.howwork_section .work_box p:last-child{
	margin-bottom: 0;
}


.howwork_section .step-box{
	width: 50px;
	height: 50px;
	font-size: 60px;
  font-weight: 200;
	color: var(--black);
	display: flex; 
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}

.howwork_section .work_blocks .work_blocks_fluid.wbf1:hover .wb1 img{
  transform: rotate(360deg);
  transition: transform 2s;
}

.howwork_section .work_blocks .work_blocks_fluid.wbf2:hover .wb2 img{
  transform: rotate(360deg);
  transition: transform 2s;
}

.howwork_section .work_blocks .work_blocks_fluid.wbf3:hover .wb3 img{
  transform: rotate(360deg);
  transition: transform 2s;
}


/* ------ about section   ------------- */

.about_section .about_box {
  position: relative;
  width: 100%;
  background: var(--black);
  border-radius:30px;
  background-image: url(../images/pattern2.png);
  background-repeat: repeat;
}

.about_section .about_box .ab_content {
  padding: 50px 50px 0 50px;
}

.about_section .about_box .aboutus_img {
  position: absolute;
  bottom: 0;
}

.about_section .about_box .section_title {
  padding: 0px;
  text-align: left;
}

.about_section .review_row {
  position: relative;
  width: 100%;
  display: flex;
}

.about_section .review_row .review_box {
  width: 100%;
  height: 90%;
  background: var(--white); 
  border: solid 1px var(--border); 
  border-radius: 20px; 
  margin-bottom: 30px;
  text-align: center;
  padding: 50px;

  -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
  -moz-box-shadow: var(--box-shadow); /* Older Firefox */
  -o-box-shadow: var(--box-shadow); /* Older Opera */
  box-shadow: var(--box-shadow); /* Standard */
}


.about_section .review_row .review_box .star {
  font-size: 20px;
  color: #ff8400;
  padding-bottom: 40px;
  letter-spacing: 2px;
}

/* Target <span> for animation */
.about_section .review_row .review_box .star span {
  display: inline-block; /* Ensures transform works properly */
  animation: zoomEffect 2.5s ease-in-out infinite; /* Increased duration */
}

/* Sequential delay for continuous loop */
.about_section .review_row .review_box .star span:nth-child(1) { animation-delay: 0s; }
.about_section .review_row .review_box .star span:nth-child(2) { animation-delay: 0.5s; }
.about_section .review_row .review_box .star span:nth-child(3) { animation-delay: 1s; }
.about_section .review_row .review_box .star span:nth-child(4) { animation-delay: 1.5s; }
.about_section .review_row .review_box .star span:nth-child(5) { animation-delay: 2s; }

@keyframes zoomEffect {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.5); }
}


.about_section .review_row .review_box .review_number p {
  font-size: 70px;
  color: var(--black);
  font-weight: 700;
  line-height: .5;

}

.about_section .review_row .review_box .review_number span {
  font-size: 16px;
  color: var(--black);
  font-weight: 700;
}

.about_section .review_row .review_box:hover span a{
  color: var(--primary);
  text-decoration: underline;
}

.about_section .review_row .review_box .review_img {
  padding-top: 25px;
}

.about_section .review_row .review_box .review_user {
  padding: 0 0 36px 0;

}

.about_section .testimonail_main {
  position: relative;
  width: 100%;
  background: var(--white); 
  border: solid 1px var(--border); 
  border-radius: 20px; 
  padding: 50px;
  /*height: 440px;*/

  -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
  -moz-box-shadow: var(--box-shadow); /* Older Firefox */
  -o-box-shadow: var(--box-shadow); /* Older Opera */
  box-shadow: var(--box-shadow); /* Standard */
}

.about_section .testimonail_main::after {
  content: "";
  display: block;
  background-image: url(../images/quote_graphic.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 260px;
  background-position: left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.about_section .testimonail_main .quote_icon {
  position: relative;
  z-index: 100;
}

/* ------ about statastics   ------------- */
.about_section .growth_static{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 50px;
}

.about_section .growth_static li{
	width: 100%;
	display: flex;
	flex-wrap:wrap;
	align-content:center;
	justify-content:center;
}

.about_section .growth_static li .growth_box{
	width: 90%;
	margin: 0 auto;
}

.about_section .counter_box{
	width: 100%;
	margin: 0 auto;
	position: relative;
	border-radius: 20px; 
	background: var(--white); 
	border: solid 1px var(--border);
	padding: 30px;

	-webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.about_section .counter_box:hover { 
	border: solid 1px var(--primary);  
	transition: .4s all;
}

.about_section .counter_box:hover .icon img{
  transform: rotate(360deg);
  transition: transform 2s;
}

.about_section .counter_box p{
	margin-bottom: 0;
  font-weight: 700;
}

.about_section .counter_box p span{
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 700;
}

.about_section .counter_box .icon{
	position: absolute;
	padding-top: 5px;
}


.about_section .counter_box .text{
	padding: 0 0 0 80px;
  color: var(--black);
}



/* ------ home testimonial  ------------- */
.home_testimonial  {
	position: relative;
	padding: 20px 0 0 0;
}

.home_testimonial .testimonial_inner{
	background: none;
	border: 0;
	border-radius: 0;
}

.home_testimonial .item {
	display: flex;
	flex: 1 0 auto;
	/*height: 260px;*/
}

.home_testimonial .testimonial_box{
	display: flex;
	flex-wrap: wrap;
	gap:5px;
	width: 100%;
	margin: 0;
}

.home_testimonial .testimonial_box .testi_img .user_img {
	width: 80px;
	border-radius: 100%;
}

.home_testimonial .testimonial_box .testi_text{
	width: 100%;
}

.home_testimonial .testi_img{
	display: flex;
	gap: 15px;
}

.home_testimonial .testimonial_box .user_info {
	display: flex;
	flex-wrap:wrap;
	align-content:center;
}

.home_testimonial .testimonial_box .user_info p{
	margin: 0;
	line-height: 1em;
}

.home_testimonial .testimonial_box .user_info .star{
	width: 100%;
	float: left; 
	line-height: 1em;
}

.home_testimonial .testimonial_box .testi_text h4{
	font-size: 18px;
	margin-bottom: 20px;
}

.home_testimonial .testimonial_box .testi_text p{
	font-size: 24px;
}

.home_testimonial .testimonial_box .user_info .star span {
	color: #fc9400;
}

.home_testimonial .owl-prev span, .home_testimonial .owl-next span{
	opacity: 0;
}

.home_testimonial .owl-carousel {
  position: relative;
}

.home_testimonial .owl-next:before{
	content: "\eaca";
	font-family:icofont;
	position: absolute;
	width: 33px;
	height: 33px;
	position: absolute;
  bottom: -45px;
	right: -10px;
	border: 1px solid var(--border);
	border-radius: 100%;  
	display: flex;  
	flex-wrap: wrap;  
	align-content: center;
	font-size: 23px;  
	font-weight: bold;  
	justify-content: center;
  background: var(--white);
}

.home_testimonial .owl-prev:before{
	content: "\eac9";
	font-family:icofont;
	position: absolute;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -10px;
	border: 1px solid #becece;
  border-radius: 100%;  
  display: flex;  
  flex-wrap: wrap;  
  align-content: center;
  font-size: 23px;  
  font-weight: bold;  
  justify-content: center;
  color: #03473e;
  background: var(--white);
}

.home_testimonial .owl-nav{
	position: absolute;
	left: 0;
	bottom: 60px;
	width: 100%;
}


.home_testimonial .btn_block{
	margin: 50px auto 0;
	display: table;
}

.home_testimonial .btn_block .btn{ 
	position: relative; 
}

.home_testimonial .testimonial_inner {
	padding:40px 0 0 0;
}


@keyframes mymove {
  50% {transform: rotate(40deg);}
}


/* ------ features page ------------- */

 /*feature 3 box row*/
.features_list .list-box {
	background: var(--white);
	border-radius: 20px;
	position: relative;
	height: 100%;
	width: 100%;

	-webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */

  /* gradient border */
  background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 19px, transparent 19px) 0% 0%/20px 20px no-repeat,
  radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 19px, transparent 19px) 100% 0%/20px 20px no-repeat,
  radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 19px, transparent 19px) 0% 100%/20px 20px no-repeat,
  radial-gradient(circle at 0 0, #ffffff 0, #ffffff 19px, transparent 19px) 100% 100%/20px 20px no-repeat,
  linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 40px) no-repeat,
  linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 40px) calc(100% - 2px) no-repeat,
  linear-gradient(43deg, #7b16d9 0%, #ff007b 100%);
  box-sizing: content-box;
}

.features_list .list-box:hover{
	cursor: pointer;
	transition: .4s all;
}

.features_list .list-box:hover .icon{
	 transform: rotate(360deg);
   transition: transform 2s;
   border: solid 1px var(--white);
}

.features_list .list-box:hover h6{
	color: #7b16d9; 
   background-image: linear-gradient(90deg, #7b16d9 0%, #ff007b 100%); 
   background-clip: text; 
   -webkit-background-clip: text; 
   -webkit-text-fill-color: transparent; 

}

.features_list .list-box .icon{
	margin-bottom: 60px;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	padding-top: 0px;

  background: #7b16d9;
  background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
  background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
  transition: .4s all ease;

}

.features_list .list-box .text h6{
	margin-bottom: 20px;
}

.features_list .list-content{ 
	padding: 35px;
}

.features_list .col-lg-4, .col-md-6{
	margin-bottom: 40px;
}

.features_list .btn_block{
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


/*Dashboard analytic*/
.dashboard_analytics {
  background-image: url(../images/pattern2.png);
  background-repeat: repeat;
  background-color: var(--black);
}

.dashboard_analytics .analytic-box {
  background-color: var(--lighter-black);
  border-radius: 30px;
  padding: 50px 45px;
  display: flex;
  align-content:center;
  height: 100%;
  border: solid 1px var(--border-2);
}

.dashboard_analytics .analytic-box .row{
	display: flex;
  align-items: center;
}

.dashboard_analytics .analytic-box:hover {
	border: solid 1px var(--primary);
	transition: .4s all;
}

.dashboard_analytics .analytic-box:hover .icon{
	transform: rotate(360deg);
    transition: transform 2s;
}

.dashboard_analytics .analytic-box .icon{
	width: 80px;
	height: 80px; 
	border-radius: 100%; 
	display: flex; 
	flex-wrap: wrap; 
	align-content: center; 
	justify-content: center; 
	padding-top: 0px;
	margin-bottom: 30px;

  background: #7b16d9;
  background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
  background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
  transition: .4s all ease;

}

.dashboard_analytics .section_title{
	margin-bottom: 45px;
}

.dashboard_analytics .analytic-img {
  display: flex;
  align-items: center; 
  justify-content: center;
  height: 100%; 
}

.dashboard_analytics .analytic-img img{
	float: right;
  border-radius: 30px;
  border: solid 1px var(--border-2);
}

.dashboard_analytics .analytic-content{
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
  color: var(--white);
}

.dashboard_analytics .analytic-content h4{
  color: var(--white);
}

.dashboard_analytics .analytic-img1{
	margin-top: 30px;
}

.dashboard_analytics .analytic-img1 img{
  border-radius: 30px;
  border: solid 1px var(--border-2);
}


.dashboard_analytics .col-lg-4, .col-md-6  {
	margin-bottom: 0;
}



/* -------------Review Section Css Start-------------- */
.review_section {
    position: relative;
}

.review_section .positive_inner { 
  padding: 0 0 0 15px;
}

.review_section .positive_inner .row {
    align-items: flex-start;
}
.review_section .innerpage_block {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.review_section .innerpage_block .review_block {
    width: 48%;
    border: solid 1px var(--border);
    border-radius: 20px;
    padding: 50px;
    margin-bottom: 30px;
    
    -webkit-box-shadow: var(--box-shadow); /* Safari & older Chrome */
	-moz-box-shadow: var(--box-shadow); /* Older Firefox */
	-o-box-shadow: var(--box-shadow); /* Older Opera */
	box-shadow: var(--box-shadow); /* Standard */
}

.review_section .review_block .coustomer_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 0 0;
}

.review_section .review_block .star {
    width: 100px;
    display: flex;
    justify-content: left;
    color: #fc9400;
    margin-bottom: 15px;
}

.review_section .coustomer_info .quote {
    width: 100px;
    display: flex;
    justify-content: end;
    font-size: 40px;
}

.review_section .coustomer_info .avtar {
    display: flex;
    align-items: center;
    gap: 15px;
    width: calc(100% - 120px);
}

.review_section .coustomer_info .avtar img {
    width: 80px;
    aspect-ratio: 1/1;
    border-radius: 150px;
}

.review_section .coustomer_info .avtar .text {
    /*width: calc(100% - 100px);*/
    text-align: left;
}

.review_section .coustomer_info .avtar .text h6{
    margin-bottom: 0px;
}

.review_section .coustomer_info .avtar .text span {
    font-size: 14px;
}




/* ------ About us page ------------- */

.bred_crumb.abt{
	align-items: flex-end;
	margin-bottom: 0;
  padding-bottom: 250px;
}

.abt.bred_crumb .bred_text{
	max-width: 930px;
	margin: 0 auto;
  padding-top: 180px;
} 

.abt.bred_crumb .bred_text h1 + p{
	padding: 0;
}

.abt.bred_crumb .bred_text p{
	margin-top: 20px;
	font-size: 18px;
}



/*about page banner usp*/

.banner-usp{
	position: relative;
	display: flex;
	margin-top: 50px;
  margin-bottom: 100px;
}

.banner-usp ul{
	display: flex;
	height: 100%;
	padding: 0;
	width: 100%;
}

.banner-usp li{
	border-right: solid 1px var(--border);
	height: 100%;
	align-content:center;
	padding: 0px;
	width: 25%;
  text-align: center;
}

.banner-usp li:hover .icon img{
	transform: rotate(360deg);
    transition: transform 2s;
}

.banner-usp li:last-child{
	border-right:0 ;
}

.banner-usp .usp_box p span {
	margin-bottom: 0; 
	font-weight: 700;
	font-size: 45px;
}

.banner-usp .usp_box .icon{
	margin-bottom: 30px;
}

.banner-usp .usp_box p{
	font-size: 18px; 
	font-weight: 700; 
	line-height: 1.4em;
	margin: 0;
	margin-bottom: 5px;
  color: var(--black);
}

.banner-usp .usp_box p:last-child{
	margin-bottom: 0;
}



/*about page mission section*/

.mission {
  position: relative;
  margin-top: -250px;
}

.mission_box .container{
	position: relative;
}

.mission_box{
	background: var(--black);
	background-image: url(../images/pattern2.png);
  	background-repeat: repeat;
	border-radius: 20px;
	display: flex;
  	padding:0;
	position: relative; 
	overflow: hidden; 
  	align-items: center;
}

.mission_box .message_box{
	position: relative;
	width: 100%; 
  padding: 0 40px 0 70px;
}

.mission_inner {
  align-items: center;
  display: flex;
}

.mission_box .message_box h4{
	font-size: 30px;
	font-weight: 400;
	line-height: 1.4em;
	color: var(--white);
	margin: 20px 0 30px 0;

}

.mission_box .ceo_info p{
  font-size: 18px;
  font-weight: 700;
	color: var(--white);
	margin-bottom: 0;
  line-height: 1;
}

.mission_box .ceo_info span{
	font-weight: 400;
  font-size: 14px;
}

.mission_box .mission_image{
  text-align: right;
}

.mission_box .mission_image img{
  border-radius: 0 20px 20px 0;
}


/*.ceo message box element */
.mission_box .t_element .element1 {
	left: 1%;
	bottom: 11%;
	animation: mymove 8s infinite;
	position: absolute;
}

.mission_box .t_element .element2 {
	left: 40%;
	top: 5%;
	animation: mymove 8s infinite;
	position: absolute;
}


/* value vision mission */
.value_content {
	margin-top: 0px;
	background: var(--white);
	border-radius: 22px;
  border: 1px solid var(--border);
	overflow: hidden;

  -webkit-box-shadow: 0px 10px 30px 4px rgba(234,230,254,1);
  -moz-box-shadow: 0px 10px 30px 4px rgba(234,230,254,1);
  box-shadow: 0px 0px 30px 4px rgba(234,230,254,1);
}

.value_content .icon{
	margin-bottom: 65px;
}

.value_content h4{
	margin-bottom: 15px; 
}

.value_content .col-md-4:nth-child(2){
	margin-left: -4%;
	-ms-flex: 0 0 34.333333%;  
	flex: 0 0 34.333333%;  
	max-width: 34.333333%;
}

.value_content .col-md-4:nth-child(3){
	margin-left: -2%;
	-ms-flex: 0 0 35.333333%;  
	flex: 0 0 35.333333%;  
	max-width: 35.333333%;
}

.value_content .value_box{
	padding: 40px;
	border-left: 6px solid var(--border);
	border-radius: 22px;
	height: 100%;


}

.value_content .value_box:hover .icon{
	transform: rotate(360deg);
    transition: transform 2s;
}

.value_content .value_box:hover h4 {
	color: var(--primary); 
	transition: all ease-in-out .3s; 
}

.value_content .value_box .col-md-4:nth-child(1):first-child .value_box{
	border: 0;
}

.value_content .value_box p:last-child{
	margin-bottom: 0;
}

.value_content .row{
	align-items: inherit;
}



/* about we_best */ 
.about_text{
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	max-width: 89%;
	float: right;
}



/* timeline */

.our_journey .child {
	text-align: left; 
	max-width: 500px;
}

.our_journey .section_title {
	text-align: left; 
  padding: 0;
}

.our_journey .section_title h2 { 
	margin-bottom: 20px;
}

.our_journey .section_title p {
	padding: 0;
}

.our_journey .jouney-title{
	max-width: 500px;
}

.our_journey .parent{
	height: 100%;
}

.our_journey .fixed .child{
	top: 90px;
}

.our_journey .timeline_info{
	position: relative;
}

.our_journey .timeline_box h6{
	margin-bottom: 10px;
}

.our_journey .timeline_box {
	display: flex;
	align-items: center;
	position: relative;
	max-width: 950px; 
	margin: 0 auto;
	gap: 30px; 
	border-radius: 20px; 
	background-color: var(--white); 
	border: solid 1px var(--border);
	padding:30px 35px;
	margin-bottom: 45px;

	-webkit-box-shadow: 0px 0px 20px 0px rgba(234,230,254,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(234,230,254,1);
  box-shadow: 0px 0px 20px 0px rgba(234,230,254,1);
}

.our_journey .timeline_box:hover {
	border: solid 1px var(--primary);
	transition: all ease .3s;
}

.our_journey .timeline_box:last-child{
	margin-bottom: 0;
}

.our_journey .timeline_box .timeline_img {
	width: 175px; 
	position: relative;
}

.our_journey .timeline_box .timeline_img img{
	border-radius: 12px;
}

.our_journey .timeline_box .timeline_content{
	width: calc(100% - 175px);
}

.timeline_content .year-tag{
	border-radius: 22px;
	color: var(--white);
	padding: 0 15px;
	font-size: 14px;
	margin-bottom: 15px;
	display: inline-block;

  background: #7b16d9;
  background: -webkit-linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end)); /* Safari */
  background: linear-gradient(var(--gradient-angle), var(--gradient-start), var(--gradient-end));
  transition: .4s all ease;

}

.our_journey.timeline_content p{
	margin-bottom: 0;
}

.our_journey .timeline_info::after {
	content: ""; 
	width: 2px; 
	height: 100%;  
	position: absolute; 
	top: 0; 
	left: 6.5rem; 
	z-index: -1;
	border-left:2px dashed var(--black);
	height: 100%;
}

#timeline { 
	/*overflow: hidden; */
	position: relative;
}

.our_journey .timeline_box {
	transition: transform 0.5s ease;
}

.our_journey  .element1 {
  right: 12%;
  top:50%;
  animation: mymove 8s infinite;
  position: absolute;
}

.scroll-up {
transform: translateY(-50px); /* Adjust the distance as needed */
}


/*new section page*/

.parent {
	position: relative;
	width: 100%;
	height: 100vh;
}

.absolute .child {
	position: absolute; 
	bottom: 0; 
	top: auto;
}

.fixed .child {
	position: fixed; 
	top: 0; 
	bottom: auto;
}