@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@font-face {
    font-family: "Righteous";
    src: url("../fonts/Poppins-Black.ttf");
    src: url("../fonts/Poppins.ttf");
}

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

/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(icomoon.css);
@import url(css/font-awesome.min.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(swiper.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
    box-sizing: border-box !important;
    transition: ease all 0.5s;
}

html {
    scroll-behavior: smooth;
}

body {
    color: #666666;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-family: "Inter", sans-serif;
    line-height: 1.80857;
    font-weight: normal;
    overflow-x: hidden;
}

a {
    color: #1f1f1f;
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    line-height: normal;
    color: #111111;
    margin: 0
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 13px
}

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #212121;
    text-decoration: none!important;
    opacity: 1
}

button:focus {
    outline: none;
}

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

p {font-weight: 300; font-size: 15px; line-height: 24px;}

a {
    color: #222222;
    text-decoration: none;
    outline: none !important;
}

a,
.btn {
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
}

:focus {
    outline: 0;
}

.paddind_bottom_0 {
    padding-bottom: 0 !important;
}

.btn-custom {
    margin-top: 20px;
    background-color: transparent !important;
    border: 2px solid #ddd;
    padding: 12px 40px;
    font-size: 16px;
}

.lead {
    font-size: 18px;
    line-height: 30px;
    color: #767676;
    margin: 0;
    padding: 0;
}

.form-control:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
    border: none !important;
}

.badge {
    font-weight: 500;
}

blockquote {
    margin: 20px 0 20px;
    padding: 30px;
}

button {
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.full {
    float: left;
    width: 100%;
}

.layout_padding {
    padding-top: 90px;
    padding-bottom: 0px;
}

.padding_0 {
    padding: 0px;
}

/* header section start */
.header_section {position: absolute; left: 0; top: 0; z-index: 11; width: 100%; padding: 50px 0;}
.logo { width: 20%; color: #fff; font-size: 24px;}
.bg-light { background-color: transparent !important;}
.navbar {padding: 0.5rem 1rem;}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 10px; padding-left: 35px; font-size: 16px; font-weight: 400; color: #fff;}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {color: #fff;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;}
.header_right{display: flex; justify-content: right; align-items: center; gap: 15px; margin-left: 50px;}
.header_right .search{font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}
.header_right .location{font-size: 16px; font-weight: 500; color: #000;}
.header_right .button{min-width: 110px;  background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border: none; border-radius: 25px; font-size: 16px; font-weight: 500; color: #fff; line-height: 20px; text-align: center; display: inline-block;}
.header_right .button span{ background: #182330; width: calc( 100% - 4px ); height: 100%; margin: 2px 0; padding: 10px 20px; border-radius: 25px; display: inline-block;}
.header_right .button+.button{margin-left: 15px; background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border: none; padding: 0; position: relative; }
.header_right .button+.button span{ background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); width: calc( 100% - 4px ); height: 100%; margin: 2px 0; padding: 10px 20px; border-radius: 25px; display: inline-block;}




.hero_section{background: linear-gradient(180deg, #140034 0%, #01010D 100%); padding: 250px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; min-height: 600px; position: relative;}
.hero_section:before{background: url('../img/hero_section_bg.png') no-repeat top right; width: 100%; height: 100%; position: absolute; top: 0; right: 0; content: '';}
.hero_section_left_content{width: 100%; padding-top: 60px;}
.hero_section_left_content h1{font-size: 56px; line-height: 67px; font-weight: 700; color: #fff; margin-bottom: 10px;}
.hero_section_left_content p{font-size: 18px; line-height: 32px; font-weight: 400; color: #fff; width: 85%; margin-bottom: 30px;}
.hero_section_left_content .button{min-width: 150px;  background: #fff; border: none; border-radius: 25px; font-size: 16px; font-weight: 500; color: #fff; line-height: 20px; text-align: center; display: inline-block;}
.hero_section_left_content .button span{ background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); width: calc( 100% - 4px ); height: 100%; margin: 2px 0; padding: 15px 20px; border-radius: 25px; display: inline-block;}
.hero_section_left_content .button+.button{margin-left: 15px; background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border: none; padding: 0; position: relative; }
.hero_section_left_content .button+.button span{ background: #182330; width: calc( 100% - 4px ); height: 100%; margin: 2px 0; padding: 15px 20px; border-radius: 25px; display: inline-block;}

.hero_section_right_content{ position: relative; text-align: center; z-index: 1;}
.hero_section_right_content ul{margin: 0; padding: 0; list-style: none;}
.hero_section_right_content ul li{position: absolute; left: 22%; top: 62%; content: '';}
.hero_section_right_content ul li:nth-child(2){left: 16%; top: 40%; z-index: -1;}
.hero_section_right_content ul li:nth-child(3){left: 3%; top: 0%;}
.hero_section_right_content ul li:nth-child(4){left: 25%; top: -22%;}
.hero_section_right_content ul li:nth-child(5){left: 60%; top: -2%; z-index: -1;}
.hero_section_right_content ul li:nth-child(6){left: 70%; top: 30%;}
.hero_section_right_content ul li:nth-child(7){left: 65%; top: 55%;}
.hero_section_right_content ul li:nth-child(8){left: 62%; top: -12%;}

.tagline_section{padding: 100px 0; width: 100%;}
.heading_wrap{width: 100%; margin-bottom: 50px;}
.heading_wrap h6{font-size: 16px; line-height: 24px; font-weight: 600; color: #805DFD; margin-bottom: 30px;}
.heading_wrap h1{font-size: 48px; line-height: 56px; font-weight: 700; color: #fff; margin-bottom: 15px;}
.heading_wrap h1 span{position: relative; z-index: 1;}
.heading_wrap h1 span::before{background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border-radius: 25px; width: 100%; height: 8px; position: absolute; left: 0; bottom: 10px; content: ''; z-index: -1;}
.heading_wrap p{font-size: 16px; line-height: 24px; font-weight: 400; color: #fff; width: 75%; margin: 0 auto;}

.feature_main_wrap{width: 90%; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.feature_column{display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px;}
.feature_box{background: #16202F99; border-radius: 12px; padding: 25px 25px 0 25px; text-align: center; }
.feature_box h4{font-size: 18px; line-height: 25px; font-weight: 700; color: #fff; margin-top: 15px;}
.feature_box p{font-size: 16px; line-height: 26px; font-weight: 400; color: #fff;}

.meduim_lenght_wrap{display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 0 0 0;}
.meduim_lenght_picture{width: 50%;}
.meduim_lenght_content{width: 50%;}
.meduim_lenght_content .heading_wrap p{width: 100%;}
.meduim_lenght_content .button{min-width: 150px;  background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border: none; border-radius: 25px; font-size: 16px; font-weight: 500; color: #fff; line-height: 20px; text-align: center; display: inline-block;}
.meduim_lenght_content .button span{ background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); width: calc( 100% - 4px ); height: 100%; margin: 2px 0; padding: 15px 20px; border-radius: 25px; display: inline-block;}
.meduim_lenght_content .button+.button{margin-left: 15px; background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border: none; padding: 0; position: relative; }
.meduim_lenght_content .button+.button span{ background: #182330; width: calc( 100% - 4px ); height: 100%; margin: 2px 0; padding: 15px 20px; border-radius: 25px; display: inline-block;}

.testimonial{padding: 200px 0 200px;}
.testimonial_card{background: #13132C url(../img/testimonial_card_shape.png) no-repeat bottom right; border: 0.5px solid #504E61; border-radius: 8px; padding: 50px; text-align: center;}
.testimonial_card_authore{margin-bottom: 15px;}
.testimonial_card_authore_picture{width: 70px; height: 70px; border-radius: 100%; box-shadow: 0px 2px 10px 0px #7A78B626; overflow: hidden; margin: 0 auto;}
.testimonial_card_authore h4{font-size: 17px; line-height: 22px; font-weight: 700; color: #fff;}
.testimonial_card_authore h6{ font-size: 15px; line-height: 20px; font-weight: 400; color:#9E9E9E;}
.testimonial_card_authore h6 span{color: #68C0F0;}
.testimonial_card p{font-size: 22px; line-height: 32px; font-weight: 400; color: #fff;}
.testimonial_linkedin{margin-top: 15px; display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 14px; line-height: 24px; font-weight: 500; color: #757575;}
.testimonial_linkedin img{width: 16px !important;}

.owl-carousel .owl-dots{width: 100vw; display: flex; justify-content: center; align-items: center; gap: 5px; margin: 20px 0;}
.owl-carousel button.owl-dot span{width: 10px; height: 10px; border-radius: 10px; background: #56555F; display: block;}
.owl-carousel button.owl-dot.active span{background: #BABAC2;}

.app_section{background: url(../img/app_bg.png) no-repeat center top 300px; min-height: 800px; padding-top: 100px;}
.app_wrap{display: flex; justify-content: center; align-items: center; gap: 20px;}
.app_view{display: flex; justify-content: center; align-items: end; gap: 20px; margin-top: 50px; height: 500px; overflow: hidden;}
.app_view img{position: relative; z-index: 11;}
.app_view img:nth-child(1){left: 60px; bottom: -70px;}
.app_view img:nth-child(3){left: -60px; bottom: -70px; z-index: revert-layer;}

.meduim_lenght_section{background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); padding: 100px 0;}
.meduim_lenght_section .button{background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border-radius: 30px; border: none; padding: 0; width: 180px; display: block; margin: 0 auto; position: relative; }
.meduim_lenght_section .button span{ background: #182330; width: calc( 100% - 4px ); height: 100%; margin: 2px 0; padding: 15px 20px; border-radius: 30px; font-size: 16px; color: #fff; text-align: center; display: inline-block;}


.footer_section { background-color: #050114; padding: 40px 0 0;}
.footer_logo_wrap { width: 100%; color: #fff; text-align: center; padding-bottom: 20px;}
.footer_logo_wrap a{font-size: 16px; color: #fff; display: block;}
.footer_logo_wrap a.f_logo{font-size: 24px; color: #fff;}
.footer_menu { width: 100%; display: flex; justify-content: space-around;}
.footer_menu ul { margin: 40px 0 40px; padding: 0px;}
.footer_menu li {font-family: "Inter", sans-serif; font-size: 16px; font-weight: 500; color: #000; line-height: 18px;  padding: 0px 30px; display: inline-block; border-right: 1px solid #00000033;}
.footer_menu li:last-child{border-right: none;}
.footer_menu li a{ color: #9E9E9E;}
.footer_menu li a:hover{ color: #fff;}
.f_download_app{font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; color: #000; display: flex; justify-content: end; align-items: center; gap: 30px;}
.f_download_app a{margin: 0; color: #9E9E9E;}
/* footer section end */
.copyright_section { width: 100%; padding: 15px 0; background:#01010D;  border-top: 0.93px solid #FFFFFF0D;}
.copyright_section_inner{display: flex; justify-content: space-between; align-items: center;}
.copyright_text { font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; margin-left: 0px; color: #9E9E9E;}
.copyright_text a { color: #9E9E9E; text-decoration: underline !important;  margin: 0 15px;}
.copyright_text a:hover { color: #fff;} 

.inner_page_header{background: linear-gradient(180deg, #140034 0%, #01010D 100%); padding: 0;}
.terms_section{padding: 200px 0 50px;}
.terms_section .page_title{font-size: 30px; font-weight: 600;}
.terms_section h3{margin-top: 25px; font-size: 20px; font-weight: 500;}
.terms_section p{font-size: 14px; font-weight: 400; margin-bottom: 0.3rem;}
.terms_section ul li{margin-bottom: 0.5rem; margin-left: 15px;}

.how_its_work_section{background: linear-gradient(180deg, #140034 0%, #01010D 100%); padding: 100px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; min-height: 600px; position: relative;}
.how_it_work_page_title{width: 100%; padding: 200px 0 100px;  position: relative; z-index: 99;}
.how_it_work_page_title:before{background: url('../img/how_it_work_bg.png') no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; right: 0; content: ''; z-index: -1;}
.how_it_work_page_title .button{min-width: 150px;  background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border: none; border-radius: 25px; font-size: 16px; font-weight: 500; color: #fff; line-height: 20px; text-align: center; display: inline-block; margin-top: 50px;}
.how_it_work_page_title .button span{ background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); width: calc( 100% - 4px ); height: 100%; margin: 2px 0; padding: 15px 20px; border-radius: 25px; display: inline-block;}

.how_it_work_page_title p{width: 40%; }
.timeline{position:relative; margin: 50px auto; width:70%;}
.timeline:before {content: ''; position:absolute; height:77%; left:50%; width:2px; top:9%; background: #9747FF; z-index:1;}
.timeline ul{margin:0; padding:0;}  
.timeline ul li{list-style:none; box-sizing:border-box; position:relative; display: flex; justify-content: space-between; align-items: center; height: 550px;} 
.timeline ul li .sr_no{position: absolute; left: 47%; top: 30%; content: ''; background: url(../img/how_it_work_number_bg.png) no-repeat; width: 68px; height: 68px; text-align: center; line-height: 68px;
font-size: 20px; font-weight: 500; color: #fff; z-index: 1;}
.timeline ul li .content {width: 40%; background: #16202F66; border: 1px solid #FFFFFF0D; border-radius: 12px; padding: 25px;}
.timeline ul li .content h2{ font-size: 22px; line-height: 26px; font-weight: 500; color:#fff; padding: 0; margin: 15px 0;}
.timeline ul li .content p{font-size: 16px; line-height: 26px; font-weight: 400; color: #fff;}
.timeline ul li .img_box{width: 50%;}  
.timeline ul li:nth-child(odd):before{ content: ''; position:absolute; width:10px; height:10px; right:-6px; top:24px; z-index:1;}  
.timeline ul li:nth-child(even):before{content: ''; position:absolute; width:10px; height:10px; left:-6px; top:24px;} 
.timeline ul li:nth-child(odd) .content{position:relative; top:0px; left:60%;}   
.timeline ul li:nth-child(odd) .img_box{position:absolute; top:0px; right:50%; margin:0; padding:8px 16px;}  
.timeline ul li:nth-child(even) .img_box{position:absolute; top:0px; left:60%; margin:0; padding:8px 16px;}

.account_deletion_section {
    background: linear-gradient(180deg, #140034 0%, #01010D 100%);
    padding: 100px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 600px;
    position: relative;
}

.account_deletion_section p{font-size: 16px; color: #fff; text-align: center;}
.account_deletion_section form .form-control{border-radius: 25px; font-size: 16px; color: #000; padding: 12px;}
.account_deletion_section form .form-control::placeholder{font-size: 16px; color: #000;}

.account_deletion_section form .submit{background: linear-gradient(90deg, #64CDF0 8.9%, #8A52F3 94.17%); border: none; padding: 12px; color: #fff; min-width: 150px; font-size: 16px; border-radius: 25px;}

.f_content{text-align: center; color: #fff; font-size: 16px; line-height: 20px; background: #050114; padding: 20px;}
  

@media (max-width: 1024px){
    .navbar-light .navbar-toggler { border-color: #fff; color: #fff; display: none;}
    .navbar{padding: 0.5rem 0;}
    .navbar-collapse{position: absolute; top: 100%; left: -60px; width: 100vw; height: auto; padding: 15px; background: #140232; z-index: 11;}
    .navbar-expand-lg .navbar-nav .nav-link{padding-left: 55px;} 
    .meduim_lenght_section{padding: 50px 15px;} 
    .heading_wrap{margin-bottom: 30px; padding-left: 15px; padding-right: 15px;}
    .heading_wrap h1{font-size: 28px; line-height: 36px;}
    .heading_wrap h1 span::before{bottom: 5px;}
    .hero_section{padding: 50px 0 0;}
    .hero_section_left_content{padding-top: 150px;}
    .hero_section_left_content h1{font-size: 32px; line-height: 40px;}
    .hero_section_right_content{margin-top: 120px;}
    .heading_wrap p{width: 100%;}
    .feature_main_wrap{width: 100%;}
    .feature_box h4{font-size: 16px; line-height: 24px;}
    .feature_box p{font-size: 14px; line-height: 24px;}
    .testimonial{padding: 100px 0 100px;}
    .testimonial_card{padding: 15px;} 
    .testimonial_card p{font-size: 16px; line-height: 24px;} 
    .app_section{min-height: auto; background-size: cover;}
    .app_view{height: 300px;}
    .app_view img{width: 250px;}

    .timeline{width: 90%;}
    .timeline:before{top: 7%; height: 80%;}
    .timeline ul li .sr_no{left: 45.5%;}
    .timeline ul li .content{padding: 10px;}
    .timeline ul li .content h2{font-size: 18px;}
    .timeline ul li .content p{font-size: 13px; line-height: 22px;}
    .timeline ul li:nth-child(even) .img_box{left: 50%;}
}


@media (max-width: 768px){
    html, body{overflow-x: hidden;}
    .header_section{padding: 15px 0;}
    .logo{width: 100%; text-align: center;}
    .navbar-toggler{ padding: .25rem .25rem; margin-right: 15px;}
    .navbar-toggler-icon{width: 1.2em; height: 1.2em;}
    .navbar-collapse{position: absolute; top: 100%; left: -15px; width: 100vw; height: auto; padding: 15px; background: #140232; z-index: 1;}
    .navbar-expand-lg .navbar-nav .nav-link{padding-left: 10px;}
    .navbar{flex-wrap: nowrap; padding: 0.5rem 0; gap: 10px;}
    .header_right{gap: 0px; margin-left: 15px;}
    .header_right .login_btn{padding: 6px 10px; font-size: 14px;}
    .header_right .search span,  .header_right .location span{display: none;}  
    .hero_section{padding: 0 0 0;}
    .hero_section_left_content h1{font-size: 26px; line-height: 36px; text-align: center;}
    .hero_section_left_content p{width: 100%; font-size: 14px; line-height: 24px; text-align: center;}
    .hero_section_right_content{padding: 100px; margin-top: 0;}
    .hero_section_right_content ul li{position: absolute; left: 15%; top: 56%; content: '';}
    .hero_section_right_content ul li img{width: 50%;}
    .hero_section_right_content ul li:nth-child(2){left: 6%; top: 40%; z-index: -1;}
    .hero_section_right_content ul li:nth-child(3){left: -10%; top: 18%;}
    .hero_section_right_content ul li:nth-child(4){left: 12%; top: 6%;}
    .hero_section_right_content ul li:nth-child(5){left: 50%; top: 22%; z-index: -1;}
    .hero_section_right_content ul li:nth-child(6){left: 60%; top: 42%;}
    .hero_section_right_content ul li:nth-child(7){left: 60%; top: 54%;}
    .hero_section_right_content ul li:nth-child(8){left: 60%; top: 15%;}
    .tagline_section{padding: 0 0 100px;}
    .heading_wrap{margin-bottom: 20px; padding-left: 15px; padding-right: 15px;}
    .heading_wrap h1{font-size: 26px; line-height: 36px;}
    .heading_wrap h1 span::before{height: 5px; bottom: 5px; width: 80%; left: 15%;}
    .heading_wrap p{width: 100%; font-size: 14px; line-height: 20px;}
    .feature_main_wrap{grid-template-columns: repeat(1, 1fr); gap: 15px; width: 100%;} 
    .feature_column{gap: 15px;} 
    .feature_box{text-align: center;}
    .meduim_lenght_wrap{flex-wrap: wrap;}
    .meduim_lenght_picture{width: 100%;}
    .meduim_lenght_content{width: 100%;}
    .testimonial{width: 100%; padding: 50px 15px;}
    .testimonial_card{padding: 15px;}
    .testimonial_card p{font-size: 16px; line-height: 24px;}
    .app_section{min-height: auto; background-size: contain;}
    .app_wrap img{width: 150px;}
    .app_view{height: 170px;}
    .app_view img{width: 150px;}
    .meduim_lenght_section{padding: 50px 15px;}
    .footer_menu li{padding: 15px 15px;}
    .copyright_section_inner{flex-wrap: wrap;}
    .copyright_text{width: 100%; text-align: center;}
    .f_download_app{flex-wrap: wrap; gap: 2px; display: grid; grid-template-columns: repeat(1, 1fr); justify-content: center; width: 100%;}
    .f_download_app a{width: 100%; text-align: center; line-height: 20px;}

    .how_it_work_page_title{padding: 100px 15px 40px;}
    .timeline{width: 100%;}
    .timeline:before{left: 9%; top: 12px; height: 80%;}
    .timeline ul li{flex-wrap: wrap; height: auto; padding: 0 15px 25px 70px;}
    .timeline ul li .sr_no{ left: 10px; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center;
        background-size: cover; font-size: 12px;}
    .timeline ul li .content{width: 100%; padding: 15px; margin-bottom: 25px;}
    .timeline ul li .content h2{font-size: 18px;}
    .timeline ul li .content p{font-size: 13px;}
    .timeline ul li .content img{width: 50px;}
    .timeline ul li .img_box{width: 100%;}
    .timeline ul li:nth-child(odd) .img_box{position: relative; right: 0;}
    .timeline ul li:nth-child(odd) .content{position: relative; left: 0;}
    .timeline ul li:nth-child(even) .img_box{position: relative; left: 0;}
    .timeline ul li:nth-child(even) .content{position: relative; left: 0;}
    .account_deletion_section{padding: 150px 0 0;}
}