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

[Table of contents]

1. Font
2. Css Variable for colors
3. Common CSS
4. Heading CSS
5. Button CSS
6. Preloader CSS
7. Animation CSS 
8. Header - Main Navigation Section
9. Hero Slider 
10. Typing Text Section
11. USP section
12. Video Popup Model 
13. Scrolling Text Section
14. Features Section
15. Dishes List Scroll Section
16. Win Win Section
17. Center CTA Section
18. Advanced Features Section
19. Logo Slider Section
20. Testimonial Section
21. CTA Section
22. Footer Section
23. Faq Section
24. Download Section


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


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

/* font 1 */

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.lexend-<uniquifier> {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


/* font 2 */

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 800

.manrope-<uniquifier> {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


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

:root {
    --primery-gradient: linear-gradient(to right, #fb6c04 0%, #FFA733 60%, #FFB347 100%);
    --primery: #fb6c04;
    --secondary:#fdf3e4;
    --secondary-one:#FAF9F5;
    --secondary-dark:#f4f2e9;
    --border:#e3d3cf;
    --body-text:#000000;
    --light-primery: #FFC400;
    --white: #fff;
    --yellow-easy: #FFF8E1;
    --black: #000000;

    --dark:#090023;
    --dark2:#2c2444;
    
    --dark-greay: #9599ab;
    --greay: #787878;
    --red-color: #ff0000;
    --green:#28b90c;

}

/* ------Common-Css------------- */
 
html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.7;
    font-family: "Manrope", sans-serif;
    color: var(--body-text);
    background: var(--secondary);
    font-variant-ligatures: none;
}

.row_am {
    padding: 50px 0;
}


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

a {
    text-decoration: none;
    color: var(--primery);
    transition: .4s all;
}

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

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

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


/* heading common css */
h5, h6 {
    color: var(--black);
    font-weight: 700;
    line-height: 1.4;
}

h1, h2, h3, h4 {
    font-family: "Lexend", sans-serif;
    letter-spacing: normal;
    font-weight: 600;
}


h1 {
    font-size: 65px;
}

h2 {
    font-size: 3.75rem;
    line-height: normal !important;
}

h3 {
    font-size: 40px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}


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


.section_title {
    text-align: center;
}

.section_title p {
    padding: 0 250px;
    font-size: 18px;
}
.section_title.white_text h2{
    font-size: 44px;
}
.section_title.white_text h2 span{
    color: #FFF1C3
}
.section_title.white_text h2,
.section_title.white_text p {
    color: var(--white);
}
.bg-icon{
    background: #fb6c042e;
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.title_badge {
    color: var(--primery);
    display: inline-block;
    padding: 2px 18px;
    border-radius: 100px;
    border: 1px solid var(--primery);
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 12px;
}


/* purple button */
.btn {
    font-weight: 700;
}

.puprple_btn {
    background: var(--primery-gradient);
    color: var(--white);
    border-radius: 8px;
    padding: 12px 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 600;
    font-size: 16px;

}

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

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

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


/* light button */
.white_btn .puprple_btn {
    background: var(--white);
    border: solid 1px var(--primery);
    color: var(--primery);
    border-radius: 100px;
    padding: 12px 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 600;
    font-size: 16px;
}

.white_btn .puprple_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: var(--primery);
    border-radius: 6px;
    transition: .6s all;
    z-index: -1;
    color: var(--white);
}

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

.white_btn .puprple_btn:hover {
    color: var(--white);
    border: solid 1px var(--white);
}


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

.btn_bottom {
    z-index: 1;
    border: 1px solid var(--primery);
    border-radius: 100px;
    position: absolute;
    top: -8px;
    left: 8px;
    right: -12px;
    transform: translate(-0.52em, 0.52em);
    width: 100%;
    height: 100%;
}


/* 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: transparent;
    border: 1px solid var(--primery);
    border-radius: 15px;
    margin: 0 5px;
}

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

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

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

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

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 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(--primery);
    -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(--dark);
    -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(--dark-greay);
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.spin_text {
    transform-origin: 50% 50% 0;
    transform: rotate(0deg);
    -webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s 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);
    }
}

/* ------Round Animation------- */
@keyframes spin {

    0% {
        transform: rotate(0deg);
    }

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

/* --------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;
    z-index: -1;
}


@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);
    }
}


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

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

header.fix_style {
    position: fixed;
    top: 0;
    backdrop-filter: blur(8px);
    background: rgb(255 241 195);
    padding: 0;
    transition: none;
    opacity: 0;
    pointer-events: none;
}

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

header.fixed .navbar {
    padding: 0;
}
.fix_style.fixed .navbar-brand img{
    width: 100px;
}
/* navigation bar */
.navbar {
    padding: 0;
}

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

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 30px 12px;
    font-weight: 600;
    transition: .4s all;
    color: var(--black);
}


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

.navbar-expand-lg .navbar-nav .nav-item .btn_block {
    margin-left: 150px;
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn {
    color: var(--white);
    background: var(--primery-gradient);
    font-size: 16px;
    padding: 9px 40px;
    border-radius: 8px;
    position: relative;
    transition: .4s all;
    z-index: 2;
    overflow: hidden;
    border: solid 1px var(--primery);
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: var(--white);
    border-radius: 8px;
    transition: .6s all;
    z-index: -1;
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn:hover::before {
    width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn:hover {
    color: var(--dark);
    border: solid 1px var(--primery);
}

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

.navbar-brand h3 {
    color: var(--primery);
    font-weight: 800;
    font-size: 34px;
    margin: 0;
}

/* 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 .drp_btn {
    position: relative;
    right: 8px;
    top: 2px;
    color: var(--black);
}

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

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul {
    margin-left: 0;
    padding: 15px 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: 600;
    color: var(--black);
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover {
    color: var(--primery);
}

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

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

/* 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: 4px solid var(--black);
    display: block;
}

.toggle-bar::before,
.toggle-bar::after {
    content: "";
    display: block;
    background: var(--black);
    height: 4px;
    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: 13%;
}

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

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

.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 {
    /*margin-top: 70px;*/
    padding-top: 100px;
    padding-bottom: 150px;
    position: relative;
    overflow: hidden;
}


.banner_section .container {
    position: relative;
}

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


/* hero slider text */
.banner_section .banner_text {
    padding-right: 10px;
}

/* hero slider heading h1 */
.banner_section .banner_text h1 {
    font-size: 4.5rem;
    color: var(--black);
    margin-bottom: 10px;
    line-height: 1;
}

.banner_section .banner_text h1 span, .advance_feature_section .section_title h2 span,
.service_section .service_text .design_block li h6 span, .trhee-step span {
    color: var(--primery);
}

.banner_section .banner_text .type-wrap {
    padding: 0 0 10px 5px;
}

.banner_section .banner_text .type-wrap span {
    font-weight: 700;
    color: var(--primery);
}

.banner_section .banner_text p {
    font-size: 18px;
    padding: 0;
}


.banner_section .banner_text .trial_txt {
    text-align: center;
    padding:0 0 10px 0;
    display: block;
    margin-top: 20px;
}

/* hero slider users */
.banner_section .used_app {
    margin: 35px 0;
    display: flex;
    align-items: center;
}
.ms-0{
    margin-left: 0px !important;
}
.banner_section .used_app ul {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0;
}

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

.banner_section .used_app span {
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    margin-bottom: 0;
}

.banner_section .used_app span .icofont-star{
    color: #fc9400;
}

/* hero slider images */
.banner_section .banner_slider {
    display: flex;
    position: relative;
}


.banner_section .banner_slider .left_icon {
    position: absolute;
    left: 70px;
    bottom: 150px;
    z-index: 9999;
}

.banner_section .banner_slider .right_icon {
    position: absolute;
    right: 60px;
    top: -10px;
}

/* hero slider mobile frame */
.banner_section .banner_slider .slider_frame {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    width: 300px;
}

.banner_section .banner_slider #frmae_slider {
    width: 280px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 40px;
}

.banner_section .banner_slider #frmae_slider::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 5px;
    background: #fff;
    width: 100%;
    height: 90.5%;
    border-radius: 23px;
}


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

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


/* hero static image */

.banner_section .hero_img {
    text-align: center;
    width: 100%;
}

.banner_section .hero_img img {
    max-width: 100%;
}

.hero_bg {
  position: absolute;
  right: 0;
  top: 0;
}


/* -----Typing Text------- */
.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* --------- USP section ---------- */
.usp_section{
    background: var(--black);
    padding: 70px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.usp_section .usp_box{
    display: flex; 
    align-content:center;
    color: #fff;
    position: relative;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    padding: 30px;
}

.usp_section .usp_box:hover{
    border-color: var(--white);
    transition: all ease-in-out .3s;
}


.usp_section .col-md-3:last-child .usp_box:after{
    display: none;
}

.usp_section .usp_box .usp_icon{
    position: absolute;
    right: 10px;
    top: 20px;
}

.usp_section .usp_box span{
    font-family: "Lexend", sans-serif;
    font-size: 35px;
    font-weight: 700;
}

.usp_section .usp_text{
    line-height: 1.4em;
    padding-top: 35px;
    text-align: left;
}

.usp_section .usp_text p {
    margin-bottom: 0;
}

.blure_shape {
    background: var(--primery);
    width: 350px;
    height: 350px;
    border-radius: 100%;
    filter: blur(120px);
    position: absolute;
}

.blure_shape.bs_1 {
    left: 250px;
    bottom: -200px;
}

.blure_shape.bs_2 {
    right: 250px;
    top: -250px;
}


/* 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;
}


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

.text_list_section {
    margin-top: -40px;
    overflow: hidden;
}

.text_list_section .slider_block {
    background: var(--black);
    padding: 20px 0;
    transform: rotate(-1.5deg);
    /* pointer-events: none; */
    width: 100%;
    overflow-x: hidden;
}

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


.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: 55px;
}

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

.text_block span {
    color: var(--white);
    font-size: 50px;
    font-family: var(--font-bebas);
    font-weight: 700;
    line-height: 1;
}

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



/* ---------- Why use New Section start------ */

/* why new section wraper */
.why_new_section .why_new_section_inner {
    max-width: 1370px;
    margin: 0 auto;
    background: var(--yellow-easy);
    border-radius: 40px;
    position: relative;
    padding: 90px 0;
    align-items: center;
}

.why_new_section .why_new_section_inner .dtat_box {
    position: relative;
    display: flex;
    padding: 40px 0 0 0;
    align-items: center;
}

.why_new_section .why_new_section_inner .why_new_left_data {
    position: relative;
    padding: 0 40px 0 0;
}

.why_new_section .why_new_section_inner .why_new_left_data .why_data_block {
    background: var(--secondary-one);
    border: solid 1px var(--border);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    text-align: left;
    margin-bottom: 30px;
}

.why_new_section .why_new_section_inner .why_new_left_data .why_data_block:hover {
    border: solid 1px var(--primery);
    transition: all ease-in-out .3s;
}

.why_new_section .why_new_section_inner .why_new_left_data .why_data_block:last-child {
    margin-bottom: 0;
}

.why_new_section .why_new_section_inner .why_new_left_data .why_data_block .icon {
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    background: #fb6c042e;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}
.why_new_section .why_new_section_inner .why_new_left_data .why_data_block .icon svg{
    width: 1.75rem;
    height: 1.75rem;
}

.why_new_section .why_new_section_inner .why_new_left_data .why_data_block .text p {
    margin-bottom: 0;
}

/* why new section image */
.why_new_section .why_new_section_inner .why_us_new_img {
    position: relative;
}

.why_new_section .why_new_section_inner .why_us_new_img img {
    max-width: 100%;
}

/* ------------Service App Section Css------------ */
.service_section {
    position: relative;
}

.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: 50px;
}

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

.service_section .service_text h3 {
    margin: 15px 0 25px 0;
}

.service_section .service_text p {
    padding-right: 100px;
}

.service_section .service_text .text_badge {
    font-size: 14px;
    color: var(--primery);
    margin: 25px 0 0 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
}

.service_section .service_text .listing_block li {
    display: flex;
    gap: 15px;
}

.service_section .service_text .listing_block li .icon span {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: var(--white);
    background: var(--dark);
    border-radius: 100px;
    font-size: 8px;
    margin-top: 3px;
}

.service_section .service_text .listing_block li .text {
    width: calc(100% - 50px);
}

.service_section .service_text .feature_list li {
    display: flex;
    align-items: start;
    gap: 5px;
}

.service_section .service_text .feature_list li .icon span {
    color: var(--primery);
    font-size: 18px;
}

.service_section .service_text .feature_list li p {
    margin: 0;
    padding-top: 2px;
}

/* service section ui list */
.service_section .service_text .design_block {
    padding-top: 15px;
}

.service_section .service_text .design_block li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 10px;
}

.service_section .service_text .design_block li::before, .topic-download li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    background-image: url(../images/right_icon.webp);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.service_section .service_text .design_block li h6 {
    margin-bottom: 0px;
    font-size: 0.938rem;
}

.service_section .service_text .design_block li p {
    margin-bottom: 0;
}

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

.service_section .service_text .btn {
    text-transform: capitalize;
    font-weight: 700;
}

/* Service Images Css Start  */
.service_blocks .inner_block {
    position: relative;
    text-align: center;
}

.service_blocks .inner_block .img {
    position: relative;
}




/* -------------ctr Section Css Start------------- */

.ctr_app_btn_block {
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    text-align: center;
}
/* black version on hover */

.dishes_section .ctr_app_btn_block .app_btn li a:hover {
    background: var(--black);
    transition: .4s all;
}

/* --------- Advanced key features Section Css Start---------- */
.advance_feature_section .af_innner .section_title {
    z-index: 10;
    position: relative;
}

.advance_feature_section .title_badge {
    color: var(--primery);
}

.advance_feature_section .af_innner, .plans {
    background: var(--black);
    margin: 0 auto;
    padding: 100px 0 150px 0;
    position: relative;
    overflow: hidden;
}

.advance_feature_section .af_listing {
    padding: 20px 0 0 0;
}

.advance_feature_section .af_listing .row {
    align-items: flex-start;
}

.advance_feature_section .af_listing .listing_inner {
    position: relative;
    z-index: 100;
}

.advance_feature_section .af_listing .listing_inner .af_block:hover {
    border-color: var(--white);
    transition: .4s all;

}

.advance_feature_section .af_listing .listing_inner .af_block .text {
    text-align: center;
    padding: 15px;
    border-radius: 20px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2);
    min-height: 120px;
}

.advance_feature_section .af_listing .af_block h5 {
    padding: 0;
    /* font-size: 18px; */
    text-align: start;
    margin: 0;
    color: var(--white);
}

.advance_feature_section .af_listing .af_block p {
    margin-bottom: 0px;
    text-align: start;
    font-size: 0.938rem;
}

.advance_feature_section .device {
    margin: 0 auto;
    text-align: center;
    margin-top: -100px;
    z-index: 1;
    position: relative;
}

.advance_feature_section .device img {
    max-width: 100%;
}


.advance_feature_section .blure_shape.bs_1 {
    left: 0;
    bottom: 100px;
}

.advance_feature_section .blure_shape.bs_2 {
    right: -120px;
    top: 70px;
}



/* -------------Review Section Css Start-------------- */
.review_section {
    position: relative;
}

.review_section .positive_inner {
    padding: 50px 0 0 0;
    border-bottom: 1px solid var(--greay);
}

.review_section .positive_inner .row {
    align-items: flex-start;
}

.review_section .positive_inner .row .sticky-top {
    top: 30px;
}

.review_section .google_rating {
    display: flex;
    align-items: center;
    gap: 5px;
}

.review_section .google_rating .star {
    display: flex;
    align-items: center;
}

.review_section .google_rating .star span,
.review_section .review_side .review_block .coustomer_info .star span {
    color: #fc9400;
}

.review_section .google_rating p {
    margin: 0;
    font-weight: 700;
}

.review_section .google_rating p img {
    height: 16px;
    nav-left: 5px;
}

.review_section .user_review {
    margin-bottom: 60px;
}

.review_section .user_review p {
    font-weight: 700;
}

.review_section .user_review p a {
    color: var(--primery);
}

.review_section .review_side .review_block {
    background: var(--white);
    border: solid 1px var(--border);
    border-radius: 20px;
    padding: 50px;
    margin-bottom: 30px;
    box-shadow: 0px 8px 30px var(--shadow);
}

.review_section .review_side .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;
    color: var(--secondary);
    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 h3 {
    margin-bottom: 0;
}

.review_section .coustomer_info .avtar .text span {
    font-size: 14px;
}

.review_section .review_block p {
    margin: 0;
}

/* ------------inner page review Section Css Start---------- */

.review_section.page_ban {
    position: relative;
}

.review_section .review_side.innerpage_block {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.review_section .review_side.innerpage_block .review_block {
    width: 48%;
}

.review_section .positive_inner.in_page {
    border-bottom: none;
    padding-top: 30px;
}

.review_section.page_ban .google_rating {
    display: block;
}

.review_section.page_ban .google_rating .star {
    display: block;
}

.review_section.page_ban .google_rating .rate_link {
    color: var(--primery);
    font-weight: normal;
}



/* ---------Testimonial Section Css Start---------- */
.key_feature_section {
    background: #FFF8E1;
    position: relative;
}

.key_feature_section .key_innner {
    /*max-width: 1370px;*/
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}


.key_innner .section_title {
    margin-bottom: 35px;
    position: relative;
}

.key_feature_section .feature_box {
    padding: 30px;
    text-align: center;
    border-radius: 20px;
    background: var(--white);
    border: solid 1px var(--border);

}

.key_feature_section .feature_box .txt_blk {
    text-align: center;
    padding-bottom: 30px;
}

.key_feature_section .feature_box .txt_blk .rating {
    margin-bottom: 10px;
}

.key_feature_section .feature_box .txt_blk .rating .icofont-star {
    color: #fc9400;
}

.key_feature_section .feature_box h6 {
    padding: 30px 0 0 0;
    margin-bottom: 0;
}

.key_feature_section .feature_box p .story_bold {
    font-weight: 700;

}

.key_feature_section .feature_box .img {
    margin-top: 0;
}

.key_feature_section .feature_box .img img {
    border-radius: 100px;
    margin: 0 auto;
}

.key_feature_section .feature_box .quote_img {
    text-align: center;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    display: inline-block;
    width: 74px;
    margin: 0 auto;

}

.key_innner .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border: 1px solid var(--dark-greay) !important;
    transition: .4s all;
}
.box-plan.essencial, .box-plan.elite,
.box-plan.premium{
    padding-right: 20px;
    padding-left: 20px;
}
.key_innner .owl-nav button span {
    color: var(--dark-greay);
    font-size: 22px;
    line-height: 1.2;
}

.key_innner .owl-nav button.owl-prev {
    left: -50px;
    background: var(--white);
}
.list.mt-3 li svg{
    margin-right: 10px;
}
.key_innner .owl-nav button.owl-next {
    right: -50px;
    background: var(--white);
}

.key_innner .owl-nav button:hover {
    background: var(--white);
    border-color: var(--white);
}

.key_innner .owl-nav button:hover span {
    color: var(--primery);
}

.kf_side_element {
    position: absolute;
}

.kf_side_element.left_side {
    top: 70px;
    left: 100px;
}

.kf_side_element.right_side {
    top: 600px;
    right: 50px;
}

/* ------------- center button section ------------- */

.ctr_cta {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}




/* ------  CTA section ------------- */

.cta_section.new {
    padding-top: 50px;
}

.cta_section.new .cta_box{
    background: var(--secondary);
    position: relative; 
    z-index: 99;
    border-radius: 20px;
    padding: 60px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -100px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
}

.cta_section.new .cta_box .section_title{
    position: relative;
    display: flex;
    flex-wrap:wrap;
    width: 100%;
    padding-left: 80px;
}

.cta_section.new .cta_box .section_title h3{
    margin-bottom: 0;
    line-height: 1.2;
}

.cta_section.new .cta_box .section_title p {
    padding: 0;
}

.cta_section.new .cta_box .section_title .customer_icon{
    position: absolute;
    left:0;
    top:10%;
}

.cta_section.new .cta_box .btn_block{
    display: flex;
    justify-content: end; 
    align-content: center; 
    height: 100%; 
    flex-wrap: wrap;
}

.cta_section.new .cta_box .btn{
    float: left;
    padding: 15px 30px;
    background: var(--white);
    border-radius: 12px;
}

.cta_section.new .cta_box .call_btn {
    background: var(--black);
    margin-right: 15px;
    font-weight: 700;
    border-radius: 12px;
}

.cta_section.new .cta_box .email_btn:hover {
    background: var(--black);
    transition: all ease-in-out .5s;
    color: var(--white);
}


.cta_section.new .cta_box .right{
    width: 54%;
}

.cta_section.new .cta_box .element .element1, .t_element2 {
    position: absolute;
}

.cta_section.new .cta_box .element .element1 {
    right: 35%;
    top: 10%;
    animation: mymove 15s infinite;
}

.cta_section.new .cta_box .element .element2 {
    left: 20%;
    bottom: 6%;
    animation: mymove 8s infinite;
}


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

footer .top_footer {
    background: var(--black);
    padding: 200px 0 00px 0;
    position: relative;
    overflow: hidden;
}


/* footer logo */
footer .top_footer .logo {
    margin-bottom: 40px;
}

footer .top_footer .logo img {
    width: 210PX;
    border-radius: 8px;
}

footer .top_footer .abt_side li {
    padding: 0 0 20px 0;
}

footer .top_footer .abt_side p {
    padding: 0 80px 20px 0;
}

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

footer .news_letter form .form-group .form-control {
    width: 100%;
    background: transparent;
    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;
    background: var(--primery);
    color: var(--white);
    width: 50px;
    height: 50px;
    border-radius: 10px;
    font-size: 20px;
    transition: .4s all;
}

footer .news_letter form .form-group button:hover {
    background: var(--white);
    color: var(--primery);
}

footer .news_letter form .note {
    font-size: 14px;
}

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

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

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

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

footer .links ul li a {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
}

footer .links ul li a:hover {
    color: var(--primery);
}

/* footer last */
footer .bottom_footer {
    background: rgba(255, 255, 255, 0.1);
    margin-top: 80px;
    padding: 30px 0 20px 0;
    position: relative;
}

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;
}


/* footer elements animation */

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

.top_footer .element .element1 {
    left: 120px;
    top: 200px;
    animation: mymove 15s infinite;
}

.top_footer .element .element2 {
    right: 70px;
    bottom: 200px;
    animation: mymove 10s infinite;
}

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


/* footer bg color glow */

.top_footer .blure_shape.bs_1 {
    left: 250px;
    top: -200px;
}

.top_footer .blure_shape.bs_2 {
    right: 250px;
    bottom: -250px;
    top: inherit;
}



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

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

.go_top:hover {
    bottom: 120px;
}




/* ===============About Page Css Start================== */


/* Page Banner Css Start */
.bred_crumb {
    background: var(--secondary-dark);
    min-height:400px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
}

.bred_crumb .bred_text {
    text-align: center;
    z-index: 1000;
    position: relative;
    padding-top: 25px;
}

.bred_crumb .bred_text h1 {
    color: var(--primery);
}

.bred_crumb .bred_text h1 + p {
    color: var(--secondary);
    margin-top: -5px;
}

.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 {
    color: var(--black);
    font-size: 14px;
    transition: .4s all;
}

.bred_crumb .bred_text ul li a:hover {
    text-decoration: underline;
}



/* Inner Page banner shape animation */
.bred_crumb .banner_shape1, .banner_shape2, .banner_shape3 { 
    position: absolute; }

.bred_crumb .banner_shape1 {
    bottom: -20px;
    left: 0;
}

.bred_crumb .banner_shape2 {
    bottom: 10%;
    right: 0;
    /*animation: mymove 5s infinite;*/
}

.bred_crumb .banner_shape3 {
    top: 350px;
    right: 20%;
}


/* ===============About Page Css Start================== */
.about_us_section {
    padding-top: 50px;
    position: relative;
}

.about_us_section .section_title {
    text-align: left;
}

.about_us_section .section_title p {
    padding: 0 300px 0 0;
    margin-top: 20px;
}

.about_us_section #about_slider .abt_slides img {
    height: 350px;
    object-fit: cover;
    width: 100%;
    border-radius: 15px;
}

.about_us_section .abt_text h2 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1px;
    max-width: 375px;
}

.about_us_section .abt_text h2 span {
    color: var(--primery);
}



/* ===============Why Choose Us Section Css Start================== */
.why_choose {
    position: relative;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.why_choose .why_choose_inner {
    max-width: 1370px;
    margin: 0 auto;
    background:var(--black);
    padding: 100px 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.why_choose .why_choose_inner .title_badge {
    color: var(--primery);
}


.why_choose .why_choose_inner .company_statistics ul {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin: 30px auto 0 auto;
}

.why_choose .why_choose_inner .company_statistics ul li {
    width: 25%;
    aspect-ratio: 1/1;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 4;
    padding: 30px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2);
}

.why_choose .why_choose_inner .company_statistics ul li:hover {
    border: solid 1px var(--white);
    transition: all ease-in-out .3s;
}

.why_choose .why_choose_inner .company_statistics ul li:not(:last-child) {
    margin-left: 30px;
}

.why_choose .why_choose_inner .company_statistics ul li p span {
    font-size: 35px;
    font-weight: 700;
    color: var(--secondary);
}

.why_choose .why_choose_inner .company_statistics ul li p {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

.why_choose .why_choose_inner .company_statistics .usp_img {
    margin: 0 0 20px 0;
}


/* ==============About Service Section Css Start============== */
.about_service .video_player {
    position: relative;
}

.about_service .video_player .play_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.about_service .video_player .play_icon img {
    width: 128px;
    aspect-ratio: 1/1;
    opacity: 0.9;
}

.service_section.about_service .service_blocks {
    padding-top: 0;
    padding-bottom: 0;
}

.service_section.about_service .service_blocks .inner_block {
    background: none;
    border: none;
}

.service_section.about_service .service_blocks .service_text h2 {
        margin: 0 0 20px 0;
}



/* ===============Testimonial Section Css Start============= */
.testimonial_section {
    position: relative;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 80px;
}

.testimonial_section .testimonial_inner {
    max-width: 1370px;
    margin: 0 auto;
    background: var(--white);
    border: solid 1px var(--border);
    padding: 100px 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;

    -webkit-box-shadow: 0px 10px 40px -5px var(--shadow);
    -moz-box-shadow: 0px 10px 40px -5px var(--shadow);
    box-shadow: 0px 10px 40px -5px var(--shadow);
}

.testimonial_section .testimonial_side_element {
    position: absolute;
    right: 50px;
    top: 50px;
}

.testimonial_section .testimonial_inner .testimonial_slides {
    padding-top: 40px;
}


.testimonial_section .title {
    position: absolute;
    top: -40px;
    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 {
    color: var(--white);
    display: inline-block;
    padding: 2px 20px;
    border-radius: 100px;
    background: var(--primery);
}

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

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

.testimonial_box .testi_img .play_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    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: 20px;
    object-fit: cover;
}

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

.testimonial_box .testi_text .star {
    display: flex;
}

.testimonial_box .testi_text p {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5;
}

.testimonial_box .user_info {
    display: flex;
    gap: 5px;
}

.testimonial_box .user_info h6 {
    margin: 0;
}

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


/* -----------Meet Our Team Section Css---------- */
.experts_team_section {
    margin-top: 50px;
    position: relative;
}


.experts_team_section .section_title {
    margin-bottom: 40px;
}

.experts_team_section .col-md-4 {
    padding-left: 25px;
    padding-right: 25px;
}

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

.experts_team_section .experts_box img {
    margin-bottom: 30px;
    max-width: 100%;
    border-radius: 20px;
    border: solid 1px var(--border);
}

.experts_team_section .experts_box .text h6 {
    color: var(--black);
    transition: .4s all;
    margin: 0;
}

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

.experts_team_section .experts_box:hover {
    background: var(--primery);
}

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

.experts_team_section .experts_box:hover span {
    color: var(--white);
}




/* ===============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: var(--white);
    z-index: -1;
}

.faq_section .nav-tabs .nav-item button {
    background: #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: var(--secondary);
    color: #fff;
}

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

.faq_section .card {
    border: none;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    border: solid 1px var(--border);
}

.faq_section .card .card-header {
    background: #fff;
    border: none;
    border-radius: 10px;
    padding: 15px 20px;
    
}

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

.faq_section .card .card-header button.collapsed {
    color: #000;
}

.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);
}

.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-top: 0;
}



/* =======================Our App Download Section Css Start======================= */
.bt{
    height: 50px;
    width: 254px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 8px;
    margin-top: 30px;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
}
.topic-download{
    gap: 20px;
    flex-wrap: wrap;
}
.topic-download li h6{
    color: #fb6c04;
    padding-left: 25px;
    margin: 0;
}
.download_app_new .dap_block .dap_text {
    text-align: center;
}

.download_app_new .section_title p {
    padding: 0;
}

.download_app_new .dap_block {
    max-width: 1370px;
    margin: 0 auto;
    padding: 120px 0;
    position: sticky;
    z-index: 99;
    border-radius: 30px;
    overflow: hidden;
    background: var(--black);
}

.download_app_new .dap_block .row {
    align-items: center;
}

.download_app_new .dap_block .section_title .title_badge {
    color: var(--black);
}

.download_app_new .app_btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: center;
}

.download_app_new .dap_block .dap_image.left {
    transform: translate(-25%, -50%) rotate(-15deg);
    position: absolute;
}

.download_app_new .dap_block .dap_image.right {
    transform: translate(0%, -50%) rotate(15deg);
    position: absolute;
}

.download_app_new .dap_block .dap_mobile_img {
    display: none;
}

.download_app_new .blure_shape.bs_1 {
    bottom: -450px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 600px;
    height: 600px;
}
.contador {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-top: 35px;
}

.unidade {
    text-align: center;
    display: flex;
    flex-direction: column;
}
.prep{
    font-size: 35px;
}
.numero {
    font-family: temFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 60px;
    color: transparent;
    -webkit-text-stroke: 2px #FFF1C3; 
}
.you{
    font-family: temFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-size: 50px;
}
.label {
    font-family: temFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 0.813rem;
    color: #FFF1C3;
}

/* =============Our Resource Section=============== */
.our_resource {
    position: relative;
    padding: 80px 0 40px 0;
}

.our_resource .section_title {
    text-align: left;
}

.our_resource .mail_block {
    margin: 0 auto;
    background: var(--black);
    padding: 70px 60px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}


.our_resource .mail_block .text {
    position: relative;
    z-index: 2;
    text-align: center
}

.our_resource .mail_block .icon {
    display: block;
    margin-bottom: 20px;
}

.our_resource .mail_block h3 {
    font-size: 26px;
}

.our_resource .mail_block form .form-group {
    max-width: 100%;
    position: relative;
    margin-bottom: 5px;
}

.our_resource .mail_block form .form-group .form-control {
    width: 100%;
    background: var(--white);
    border: 1px solid var(--white);
    border-radius: 10px;
    min-height: 60px;
    color: var(--black);
    font-weight: 500;
}

.our_resource .mail_block form .form-group button {
    position: absolute;
    right: 5px;
    top: 5px;
    background: var(--primery);
    color: var(--white);
    width: 50px;
    height: 50px;
    border-radius: 10px;
    font-size: 20px;
    transition: .4s all;
}

.our_resource .mail_block form .form-group button:hover {
    background: var(--white);
    color: var(--primery);
    border-color: var(--primery);
}

.our_resource .mail_block form .note {
    color: #7a7a7a;
    text-align: left;
    margin: 0;
}

/* ===========Articles Section Start===================== */
.articles_section {
    position: relative;
}

.articles_section .section_title {
    text-align: left;
}

.articles_section .section_title h2 {
    font-size: 35px;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #cfcbc4;
}

.articles_section .filter_tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0 50px 0;
}

.articles_section .filter_tags li a {
    display: block;
    padding: 10px 22px;
    background: var(--white);
    border-radius: 10px;
    color: var(--greay);
    transition: .4s all;
}

.articles_section .filter_tags li a:hover,
.articles_section .filter_tags li a.active {
    background: var(--primery);
    color: var(--white);
}

.blog_listings .listing_block {
    display: flex;
    padding: 30px;
    border-radius: 20px;
    background: var(--white);
}

.blog_listings .listing_block:not(:last-child) {
    margin-bottom: 40px;
}

.blog_listings .listing_block .img {
    width: 350px;
}

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

.blog_listings .listing_block .blog_text {
    width: calc(100% - 600px);
    padding: 0 15px 0 60px;
}

.blog_listings .listing_block .blog_text .tag {
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary);
    background: var(--light-primery);
    padding: 2px 18px;
    border-radius: 100px;
}

.blog_listings .listing_block .blog_text h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 25px 0;
}

.blog_listings .listing_block .blog_text h2 a {
    color: var(--black);
}

.blog_listings .listing_block .blog_text h2 a:hover {
    color: var(--primery);
}

.blog_listings .listing_block .blog_text a {
    font-weight: 700;
    color: var(--primery);
    transition: .4s all;
}

.blog_listings .listing_block .blog_text a:hover {
    color: var(--primery);
    text-decoration: underline;
}

.blog_listings .listing_block .authore_info {
    width: 250px;
}

.blog_listings .listing_block .authore_info {
    width: 250px;
}

.blog_listings .listing_block .authore_info .blog_info {
    display: flex;
    flex-wrap: wrap;
}

.blog_listings .listing_block .authore_info .blog_info li {
    position: relative;
    padding: 0 10px 0 15px;
    font-size: 15px;
}

.blog_listings .listing_block .authore_info .blog_info li::before {
    content: "";
    width: 5px;
    height: 5px;
    background: var(--black);
    border-radius: 10px;
    left: 0;
    position: absolute;
    top: calc(50% - 2.5px);
}

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

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

.blog_listings .listing_block .authore_info .avtar .text {
    width: calc(100% - 60px);
}

.blog_listings .listing_block .authore_info .avtar .text h3 {
    margin-bottom: 0;
    font-size: 18px;
}


.blog_listings .listing_block .authore_info .avtar .text span {
    font-size: 14px;
}

.pagination_block {
    padding: 0 15px;
    margin: 50px 0 0 0;
}

.pagination_block ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.pagination_block ul li a {
    display: block;
    padding: 10px 15px;
    background: var(--white);
    color: var(--black);
    border-radius: 5px;
    transition: .4s all;
    line-height: 1;
}

.pagination_block ul li .prev,
.pagination_block ul li .next {
    padding: 10px 20px;
}

.pagination_block ul li a:hover,
.pagination_block ul li a.active {
    background: var(--primery);
    color: var(--white);
}

/* =============Blog Single Css Start==================== */

.page_wrapper.blog_dt {
    overflow-x: visible;
}

.blog_detail_section {
    position: relative;
    padding: 80px 0 50px 0;
    margin-top: -200px;
    z-index: 100;
}

.blog_detail_section .blog_block {
    background: var(--white);
    border: solid 1px var(--border);
    padding: 50px;
    border-radius: 30px;
    box-shadow: 0px 8px 30px var(--shadow);
}

.blog_head {
    margin-bottom: 35px;
}

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

.blog_body .tags_info .tag {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 20px;
    border-radius: 100px;
    color: var(--black);
    background: var(--light-primery);
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.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: 15px;
}

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

.blog_head .tags_info ul li:first-child::before {
    content: inherit;
}

.blog_head .tags_info ul li:first-child {
    padding-left: 0px;
}

.blog_head h2 {
    margin: 15px 0 15px 0;
}

.blog_body .img {
    margin-top: 40px;
    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: 30px;
}

.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;
    border-left: 5px solid var(--black);
    margin: 30px 0;
    background: var(--primery);
    border-radius: 20px;
}

.blog_body .highlight_text h6 {
    line-height: 1.5;
    color: var(--white);
}

/* comment section Css Start */

.comment_section .comment_block {
    background: var(--white);
    border: solid 1px var(--border);
    padding: 50px;
    border-radius: 30px;
    box-shadow: 0px 8px 30px var(--shadow);
}

.comment_section .section_title h3 {
    text-align: left;
}

.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 h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-purple);
}

.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;
}

.comment_form_section .section_title p {
    padding: 0;
}

.comment_form_section .comment_form_block {
    background: var(--white);
    border: solid 1px var(--border);
    padding: 50px;
    border-radius: 30px;
    box-shadow: 0px 8px 30px var(--shadow);
}

.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(--black);
    height: 60px;
    padding: 10px 20px;
}

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

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

.comment_form_section form .puprple_btn {
    padding: 9px 50px;
}



/* ==============Contact Us page Css Start==================== */

.contact_page_section .contact_inner {
    position: relative;
}

.contact_page_section .contact_form {
    width: 100%;
    padding: 50px 60px;
    border-radius: 20px;
    background: var(--white);
    border: solid 1px var(--border);
    box-shadow: 0px 8px 30px var(--shadow);
}

.contact_page_section .contact_form h2 {
    margin-bottom: 0;
}

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

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

.contact_page_section .contact_form form .form-group .form-control {
    height: 60px;
    padding: 5px 20px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--white);
}


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

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

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

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

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

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

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

.contact_page_section .contact_info .ticket_box .pattern-rotate {
    position: absolute;
    top: -65%;
    right: -50%;
    /*transform: translateX(-50%);*/
}

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

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

.contact_page_section .contact_info {
    width: 90%;
}

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

.contact_page_section .section_title p {
    padding: 0px;
}

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

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

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

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

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


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

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

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

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

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

/* ===========Plans Start=============== */
.box-plan .tag{
    background: var(--light-primery);
    position: absolute;
    top: 13px;
    right: -30px;
    transform: rotate(45deg);
}
.box-plan .tag p{
    font-weight: 800;
}
.box-plan.premium{
    background: #CCCCCC;
}
.box-plan.essencial, .box-plan.elite{
    transform: scale(0.95);
    /* height: 100%; */
}
.box-plan::before{
    content: '';
    height: 5px;
    background-color: #E3D3CF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.plans h5, .plans h6{
    color: var(--primery);
    font-family: "Lexend", sans-serif;
}
.plans h5{
    font-weight: 600;
    font-size: 24px;
}
.plans h6{
    font-size: 48px;
    font-weight: 400;
    gap: 15px;
}
.plan-text-color{
    color: #B8B8B8;
    font-size: 14px;
}
.plans h6 span{
    font-size: 16px;
    font-weight: 400;    
}
.plans .blure_shape.bs_1 {
    left: -130px;
    bottom: -260px;
}
.plans .box-plan{
    border: 2px solid #202020; 
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}
.plans .list li{
    border-bottom: 1px solid #202020;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.plans .blure_shape.bs_2 {
    right: -165px;
    top: -260px;
}
.plans .blure_shape{
    filter: blur(60px);
}
.pix, .cartao{
    min-height: 60px;
}
.plans{
    padding: 80px 0;
}
.plans .gap{
    gap: 15px;
}
.payment-forms{
    background: #151515;
    border-radius: 15px;
    width: 90%;
    margin: 0 auto;
}
.plans .premium .list li{
    border-bottom: 1px solid #BCBCBC;
}
.premium .payment-forms{
    background: #CFCFCF;
}
.renovation{
    border: 1px solid #4CAF50;
    border-radius: 8px;
    background: rgb(76 175 80 / 30%);
    gap: 10px;
}
.premium .renovation{
    background: #C0C9C0;
}
/* ===========Plans End=============== */

/* ===========FAQ End=============== */
    .card.faq-item{
        border-radius: 30px;
        overflow: hidden;
    }
    .card-header .btn-link {
        color: #333;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .card-header .btn-link:hover {
        text-decoration: none;
    }

    .faq-item .card-header {
        background: #fff;
    }

    .faq-item .collapse.show {
        background: rgb(255 241 195);
    }

    .faq-item:has(.collapse.show) .card-header {
        background: rgb(255 241 195);
    }

    .card-header .btn-link:not(.collapsed) .accordion-icon svg {
        transform: rotate(180deg);
    }

    .accordion-icon svg {
        transition: transform 0.3s ease;
    }

    hr {
        border-top: 2px solid #dee2e6;
        opacity: 0.5;
    }

    .alert-light {
        background-color: #f8f9fa;
        border-color: #e9ecef;
    }
/* ===========FAQ End=============== */

/* ===========Services End=============== */
.services .tag{
    font-size: 14px;
    font-weight: 800;
    color: var(--secondary);
    background: var(--light-primery);
    padding: 3px 10px;
    border-radius: 100px;
    max-width: 160px;
}
.services .box-service h5{
    font-size: 22px;
}
.services .box-service .price h6{
    font-size: 24px;
    gap: 0px;
    font-weight: bold;
}
.services .list li{
    border-color: rgb(255 255 255 / 10%);
    font-size: 0.938rem;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.services .box-service{
    background: #393939;
    border: 2px solid rgb(255 255 255 / 40%);
    border-radius: 20px;
    width: 97%;
    margin: 0 auto;
}
.services{
    border: 2px solid #202020;
    border-radius: 15px;
}
.services::before{
    content: '';
    height: 4px;
    background: #E3D3CF;
    position: absolute;
    top: 0;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
}
/* ===========Services End=============== */

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

.signup_section {
    padding: 75px 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;
}

.signup_section .form_block {
    display: flex;
    align-items: center;
    background: var(--white);
    border-radius: 20px;
    border: solid 1px var(--border);
}

.signup_section .form_block .form_side {
    width: 50%;
    text-align: left;
    padding: 15px 100px;
}

.signup_section .form_block .form_side .section_title {
    text-align: left;
    margin-bottom: 30px;
}


.signup_section .form_block .form_side .section_title p {
    font-weight: 500;
    padding: 0;
}

.signup_section .form_block .form_side form .form-control {
    border: none;
    background: var(--whitish);
    border-radius: 8px;
    padding: 23px 16px;
    border: solid 1px var(--border);
}

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

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

.signup_section .form_block .form_side form .form-control:focus {
    box-shadow: none;
    color: var(--black);
    border-color: var(--primery);
    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: 500;
    font-size: 14px;
}

.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(--black);
    font-weight: 500;
}

.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: var(--primery);
    border-color: var(--primery);
}

.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: 50px;
    color: var(--black);
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 20px 0 30px 0;
}

.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(--primery);
}

.signup_section .form_side .sign_in_here p {
    margin: 0;
    color: #999ca6;
    font-weight: 500;
    font-size: 14px;
}

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

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

.signup_section .form_block .side_screen {
    width: 50%;
    background: var(--black);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    border-radius: 0 22px 22px 0;
    overflow: hidden;
    position: relative;
}


.signup_section .form_block .side_screen .left_icon {
    position: absolute;
    left: 10px;
    bottom: 150px;
    z-index: 9999;
}

.signup_section .form_block .side_screen .right_icon {
    position: absolute;
    right: 50px;
    top: 120px;
    z-index: 10;
}

.signup_section .form_block .side_screen .left_icon img,
.signup_section .form_block .side_screen .right_icon img {
    /*filter: invert(1);*/
}

.signup_section .form_block .side_screen .scrren {
    text-align: center;
    position: relative;
    z-index: 9;
}

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