@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600;700;800&display=swap");
    /*CSS Table Of Content Starts Here*/
    /*


//Css
@import "bootstrap.min.css";
@import "odometer.min.css";
@import "animate.css";
@import "magnific-popup.min.css";
@import "google-font.css";
@import "owl.carousel.min.css";
@import "owl.theme.default.css";
@import "prism.css";
//Css


@import "_abstracts/_mixins";
@import "_abstracts/_variables";
@import "_base/_typography";
@import "_layout/_header";
@import "_layout/_banner";
@import "_layout/_section";
@import "_layout/_animation";
---------------------------
Section css
---------------------------
*/
    /*CSS Table Of Content Ends Here*/
    
    @import "bootstrap.min.css";
    @import "odometer.min.css";
    @import "animate.css";
    @import "magnific-popup.min.css";
    @import "google-font.css";
    @import "owl.carousel.min.css";
    @import "owl.theme.default.css";
    @import "prism.css";
     :root {
        --body: #ffffff;
        --themetext: #354764;
        --themetext: #1e2462;
        --darkbg: #08162E;
        --banner: #08162E;
        --banner: #1e2462;
        --white: #FFFFFF;
        --base: #29aae1;
        /* --base: #1e2462; */
        /* background: #1e2462; */
        --basetwo: #005C30;
        --basethree: #6B4A00;
        --danger: #ED5050;
        --themeneed: #A21111;
        --success: #3FCA90;
        --worning: #EDCB50;
        --info: #3F7FCA;
        --quitborder: #DCD8FC;
        --quitcolor: #887AF8;
        --quitibg: #EDEBFD;
        --quitboxbg: #F6F5FE;
        --neutral: #1E1E1F;
        --bgsection: #F6F5FF;
        --sunborder: #CDC7FC;
        --text-base: #41E295;
        --whitebgdark: #ffffff;
        --countptext: #243757;
        --countright: #C2C7D0;
        --dots: #DFE2E6;
        --dotsave: #DFE2E6;
        --subborder: #ECEAFE;
        --box1: #ECEAFE;
        --box2: #E6EFEA;
        --box3: #D9D9D9;
        --fwork: #F5F4FE;
        --robit: #3021AB;
        --boxborder: #B3AAFA;
        --planbuttonborder: #96BCAA;
        --priceborder: #EBEDF0;
        --inborder: #C2B596;
        --footertext: #F5F6F7;
        --intellicon: #FFAF00;
        --inbox1: #DBD7FD;
        --inbox2: #B1F3D4;
        --inbox3: #FFDE96;
        --inbox4: #F0EDE6;
        --coutbg1: #F4F3FE;
        --coutbg2: #F2F7F4;
        --coutbg3: #F2EAEA;
        --coutbg4: #F7F6F2;
        --coubor1: #D99D9D;
        --deeptheme: #B7AEFB;
        --pribox1: #F6F5FE;
        --pribox2: #F2F7F5;
        --pribox3: #FAF3F3;
        --pribox4: #F6E7E7;
        --priboxcolor4: #630A0A;
        --pricloud4: #E7C2C2;
        --priboxicon: #F6E7E7;
        --soc1: #F5F4FE;
        --soc2: #F2F7F4;
        --soc3: #F7F6F2;
        --soc4: #FAF3F3;
        --socbor1: #D2CDFC;
        --socbor2: #C2D8CD;
        --socbor3: #DBD3C2;
        --socbor4: #E8C6C6;
        --facebook: #452FF4;
        --instagram: #005C30;
        --twitter: #6B4900;
        --linkedin: #A21111;
        --thardbox1: #EDEBFD;
        --thardbox2: #F8F2E6;
        --thardbox3: #E8F2ED;
        --thardbox4: #F6E8E8;
        --tharbg1: #F6F5FE;
        --tharbg2: #FFFBF2;
        --tharbg3: #F2F7F5;
        --tharbg4: #FAF3F3;
        --tharbor1: #ECEAFE;
        --tharbor2: #FFF7E6;
        --tharbor3: #E6EFEA;
        --tharbor4: #F6E7E7;
        --casedifrent: #452FF4;
        --suppitems: #fff;
        --subborder: #ECEAFE;
        --accrborder: #F5F6F7;
        --businessbg: #F8F6F2;
        --busnesicon: #F0EDE6;
        --busnesborder: #C2B596;
        --nbg1: #F6F5FE;
        --cloudicon: #412D00;
        --brighterbg: #F6F5FE;
        --fivewbg1: #F6F5FE;
        --fivewbg2: #F2F7F5;
        --fivewbg3: #F8F6F2;
        --fivewbg4: #FAF3F3;
        --fivewborder1: #3121ab20;
        --fivewborder2: #00402224;
        --fivewborder3: #4b340024;
        --fivewborder4: #710c0c25;
        --fivewbgbox1: #EDEBFD;
        --fivewbgbox2: #E6EFEB;
        --fivewbgbox3: #F1EDE6;
        --fivewbgbox4: #F5E8E8;
        --fiveicon1bor: #B3AAFA;
        --fiveicon2bor: #96BCAA;
        --fiveicon3bor: #C2B596;
        --fiveicon4bor: #D99D9D;
        --tquotebor: #ECEAFE;
        --pinfotext1: #3021AB;
        --pinfotext2: #005C30;
        --pinfotext3: #A21111;
        --pinfotext4: #6B4A00;
        --oddbg: #F6F5FE;
        --cswitch: #ECEAFE;
        --save30: #A21111;
        --com: #243757;
        --progra1: #452FF4;
        --progra2: #005C30;
        --progra3: #A21111;
        --prostock: #ECEAFE;
        --prostock2: #E6EFEA;
        --prostock3: #F6E7E7;
        --prighterborder: #C2C7D0;
        --prightercolor: #243757;
        --achackcion: #452FF4;
        --machinelearning: #fff;
        --placeinput: #42526D;
        --inputborder: #E2DEFD;
        --inputbg: #F4F2FE;
        --helpbox: #F6F5FE;
        --helpboxbor: #DBD7FD;
        --helpicon: #FBFAFF;
        --helpicon2: #FBFAFF;
        --helpicon3: #FBFAFF;
        --helpiconborder: #E0DCFD;
        --helpiconborder2: #E0DCFD;
        --helpiconborder3: #E0DCFD;
        --helpiconi: #452FF4;
        --contactinptbg: #F6F5FE;
        --contactinptbor: #E4E1FD;
        --place2: #42526D;
        --place2bor: #E4E1FD;
        --repbg: #FFFFFF;
        --comments: #F6F5FE;
        --shopbg: #fff;
        --shopthumbbg: #F5F4FE;
        --filterborder: #dbd7fdc9;
        --smalllux: #E7E4FD;
        --checkoutborder: #8993A4;
        --minusborder: #C4BDFB;
        --offborder: #DCD8FD;
        --offbg: #EDEBFE;
        --offtext: #354764;
        --tableheadborde: #ECEAFE;
        --cartnewborde: #ECEAFE;
        --checkbor1: #ECEAFE;
        --payborder: #354764;
        --succborder: #E3E0FD;
        --idborder: #EBE9FD;
        --blockbody: #fff;
        --boxborderpro: #CDC3AA;
        --boxtwoborderpro: #96BCAA;
        --accorlight: #F5F6F7;
        --accorlightbg: #ECEAFE;
        --removecross: #452FF4;
        --cartbgbox1: #FFFFFF;
        --laptopbox: #ECEAFE;
        --priicecustomborder: #EBEDF0;
        --paymentfull: #FFFFFF;
        --paymentfullbody: #F6F5FE;
    }
    
    .dark-theme {
        --body: #162557;
        --themetext: #F5F6F7;
        --paymentfull: #162557;
        --paymentfullbody: #253167;
        --bgsection: #08162E;
        --whitebgdark: #0B1D3D;
        --darkbg: #F6F5FF;
        --checkoutborder: #3F4784;
        --switch: #2B292A;
        --repbg: #253167;
        --priicecustomborder: #354764;
        --laptopbox: #343E78;
        --cartbgbox1: #253167;
        --countright: #3021AB;
        --box1: #141B56;
        --removecross: #ED5050;
        --shopbg: #162557;
        --shopthumbbg: #27326F;
        --placeinput: #EBEDF0;
        --inputborder: #333D78;
        --minusborder: #3A417F;
        --quitborder: #595CA1;
        --quitcolor: #A89EFA;
        --quitibg: #454C8B;
        --quitboxbg: #2C376F;
        --cartnewborde: #333D78;
        --inputbg: #162557;
        --comments: #162557;
        --box2: #133F43;
        --accorlight: #1A385D;
        --accorlightbg: #162557;
        --smalllux: #404784;
        --filterborder: #1B2667;
        --helpbox: #162557;
        --helpboxbor: #1D266F;
        --robit: #41E295;
        --box3: #D9D9D9;
        --inbox1: #3021AB;
        --boxborder: #B3AAFA;
        --planbuttonborder: #96BCAA;
        --priceborder: #EBEDF0;
        --inbox2: #288A5B;
        --inbox4: #3B352B;
        --inbox3: #9C6B00;
        --coutbg1: #0E1E47;
        --coutbg2: #0A213C;
        --coutbg3: #121D3B;
        --coutbg4: #0F203A;
        --coubor1: #D99D9D;
        --pribox1: #142058;
        --pribox2: #09263B;
        --pribox3: #221B36;
        --priboxicon: #F6E7E7;
        --pribox4: #28162C;
        --pricloud4: #630A0A;
        --soc1: #172062;
        --soc2: #09293B;
        --soc3: #1E2631;
        --soc4: #291A34;
        --socbor1: #2E27AB;
        --socbor2: #044235;
        --socbor3: #453818;
        --socbor4: #651523;
        --thardbox1: #452FF4;
        --thardbox2: #6B4900;
        --thardbox3: #005C30;
        --thardbox4: #A21111;
        --tharbg1: #142058;
        --tharbg2: #232C37;
        --tharbg3: #09263B;
        --tharbg4: #221B36;
        --tharbor1: #3021AB;
        --tharbor2: #4B3400;
        --tharbor3: #004022;
        --tharbor4: #630A0A;
        --fwork: #0D1E46;
        --casedifrent: #41E295;
        --suppitems: #162557;
        --subborder: #322BB5;
        --businessbg: #1E2631;
        --busnesicon: #6B4900;
        --busnesborder: #84692B;
        --brighterbg: #162557;
        --fivewbg1: #172162;
        --fivewbg2: #082D3A;
        --fivewbg3: #23282E;
        --fivewbg4: #311A32;
        --fivewbg1bor: #6552F6;
        --fivewbg2bor: #2B7853;
        --fivewbg3bor: #84692B;
        --fivewbg4bor: #C97575;
        --fivewborder1: #3021AB;
        --fivewborder2: #004022;
        --fivewborder3: #4B3400;
        --fivewborder4: #710C0C;
        --fivewbgbox1: #452FF4;
        --fivewbgbox2: #005C30;
        --fivewbgbox3: #6B4900;
        --fivewbgbox4: #A21111;
        --fiveicon1bor: #6552F6;
        --fiveicon2bor: #2B7853;
        --fiveicon3bor: #84692B;
        --fiveicon4bor: #C97575;
        --tquotebor: #3B4380;
        --oddbg: #142058;
        --cswitch: #133B4A;
        --save30: #EDCB50;
        --com: #fff;
        --progra1: #B7AEFB;
        --progra2: #41E295;
        --progra3: #D99D9D;
        --prighterborder: #A89EFA;
        --prightercolor: #F6F5FF;
        --achackcion: #41E295;
        --machinelearning: #162557;
        --contactinptbg: #253167;
        --contactinptbor: #3F4784;
        --helpicon: #452FF4;
        --helpicon2: #005C30;
        --helpicon3: #6B4900;
        --helpiconborder: #452FF4;
        --helpiconborder2: #005C30;
        --helpiconborder3: #6B4900;
        --helpiconi: #fff;
        --priceborder: #EBEDF0;
        --place2: #E4E1FD;
        --place2bor: #3F4784;
        --offborder: #353C67;
        --offbg: #182442;
        --offtext: #fff;
        --checkbor1: #3F4784;
        --payborder: #5F62A8;
        --dotsave: #5F62A8;
        --succborder: #162557;
        --idborder: #323C76;
        --blockbody: #172162;
        --boxborderpro: #9C6B00;
        --boxtwoborderpro: #005C30;
    }
    /* Chrome, Safari, Edge, Opera */
    
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    /* Firefox */
    
    input[type=number] {
        -moz-appearance: textfield;
    }
    
    body {
        color: #000;
        padding: 0;
        margin: 0;
        overflow-x: auto;
        background-color: var(--body);
        font-family: 'Dosis', sans-serif;
        scroll-behavior: smooth;
    }
    
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--neutral);
        /* font-family: "Inter", sans-serif; */
        font-family: 'Dosis', sans-serif;
    }
    
    h1 {
        font-size: 3rem;
        font-weight: 800;
        line-height: 120%;
    }
    
    h2 {
        font-weight: 800;
        font-size: 2.5rem;
        line-height: 120%;
    }
    
    h3 {
        font-weight: 600;
        font-size: 2rem;
        line-height: 120%;
    }
    
    h4 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 130%;
    }
    
    h5 {
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 130%;
    }
    
    h6 {
        font-size: 1rem;
        font-weight: 600;
        line-height: 130%;
        /* font-family: "Inter", sans-serif; */
        font-family: 'Dosis', sans-serif;
    }
    
    .d1 {
        font-size: 5rem;
        font-weight: 600;
        line-height: 120%;
        display: block;
    }
    
    .d2 {
        font-size: 4.5rem;
        font-weight: 600;
        line-height: 120%;
        display: block;
    }
    
    .d3 {
        font-size: 4rem;
        font-weight: 600;
        line-height: 120%;
        display: block;
    }
    
    .d4 {
        font-size: 3.5rem;
        font-weight: 600;
        line-height: 120%;
        display: block;
    }
    
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    a {
        text-decoration: none;
        margin: 0;
        color: var(--white);
    }
    
    a:hover {
        text-decoration: none;
        color: var(--white);
    }
    
    input:focus {
        color: var(--white);
    }
    
    input {
        color: var(--white);
    }
    
    p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 0;
        color: var(--pragraph-color);
        /* font-family: "Inter", sans-serif; */
        font-weight: 500;
        color: #000;
        font-family: 'Dosis', sans-serif;
    }
    
    .pb__20 {
        padding-bottom: 20px;
    }
    
    .pt__20 {
        padding-top: 20px;
    }
    
    .pt__15 {
        padding-top: 15px;
    }
    
    .pb-250 {
        padding-bottom: 200px;
    }
    
    .pt-120 {
        padding-top: 120px;
    }
    
    .pb-120 {
        padding-bottom: 120px;
    }
    
    .pt-80 {
        padding-top: 80px;
    }
    
    .pb-80 {
        padding-bottom: 80px;
    }
    
    .pt__60 {
        padding-top: 60px;
    }
    
    .pb__60 {
        padding-bottom: 60px;
    }
    
    .pt__40 {
        padding-top: 40px;
    }
    
    .pb__40 {
        padding-bottom: 40px;
    }
    
    .pl__40 {
        padding-left: 40px;
    }
    
    .pr__40 {
        padding-right: 40px;
    }
    
    .pb__32 {
        padding-bottom: 32px;
    }
    
    .mt__60 {
        margin-top: 60px;
    }
    
    .mb__60 {
        margin-bottom: 60px;
    }
    
    .mb-120 {
        margin-bottom: 200px;
    }
    
    .mb24 {
        margin-bottom: 24px !important;
    }
    
    .fw500 {
        font-weight: 600 !important;
    }
    
    .mb__40 {
        margin-bottom: 40px;
    }
    
    @media (max-width: 991px) {
        .mb__40 {
            margin-bottom: 30px;
        }
    }
    
    @media (max-width: 767px) {
        .mb__40 {
            margin-bottom: 20px;
        }
    }
    /*-Responsive-*/
    /*-Responsive-*/
    
    @media screen and (max-width: 991px) {
        .pt-120 {
            padding-top: 80px;
        }
        .pb-120 {
            padding-bottom: 80px;
        }
        .pt-80 {
            padding-top: 60px;
        }
        .pb-80 {
            padding-bottom: 60px;
        }
    }
    
    @media screen and (max-width: 767px) {
        .pt-120 {
            padding-top: 70px;
        }
        .pb-120 {
            padding-bottom: 70px;
        }
        .pt__60 {
            padding-top: 40px;
        }
        .pb__60 {
            padding-bottom: 40px;
        }
        .pl__40 {
            padding-left: 30px;
        }
        .pr__40 {
            padding-right: 30px;
        }
    }
    
    @media screen and (max-width: 575px) {
        .pt-120 {
            padding-top: 60px;
        }
        .pb-120 {
            padding-bottom: 60px;
        }
        .pt-80 {
            padding-top: 60px;
        }
        .pb-80 {
            padding-bottom: 60px;
        }
    }
    /*-Responsive-*/
    /*-Responsive-*/
    
    .danger {
        color: var(--danger) !important;
    }
    
    .theme {
        color: #00b3ff !important;
        text-shadow: 0px 1px 0px #fff;
    }
    
    .success {
        color: #005C30 !important;
    }
    
    .theme2 {
        color: #EDCB50 !important;
    }
    
    .title-white {
        color: var(--white);
    }
    
    .darkbg {
        background: var(--darkbg);
    }
    
    .bannerbg {
        background: var(--banner);
    }
    
    .bg__white {
        background: var(--whitebgdark);
    }
    
    .center {
        text-align: center;
        margin: 0 auto;
    }
    
    .base {
        color: #452FF4 !important;
    }
    
     ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    /* Track */
    
     ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px rgba(70, 47, 244, 0.3254901961);
        border-radius: 5px;
    }
    /* Handle */
    
     ::-webkit-scrollbar-thumb {
        background: rgb(70 47 244);
        border-radius: 10px;
    }
    
    .twitter {
        background: var(--secoundary-color) !important;
    }
    
    .twitch {
        background: rgb(110, 60, 210) !important;
    }
    
    .youtube {
        background: rgb(172, 46, 46) !important;
    }
    
    .insta {
        background: rgb(207, 93, 93) !important;
    }
    
    .lind {
        background: rgb(78, 131, 228) !important;
    }
    
    .face {
        background: rgb(27, 114, 244) !important;
    }
    
    .material-symbols-outlined {
        font-family: "Material Symbols Outlined";
        font-weight: 200;
        font-style: normal;
        font-size: 1.2rem;
        color: red;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        padding-right: 5px;
        line-height: 1.4;
    }
    /*--Section Header Start--*/
    /*--Section Header Start--*/
    
    .section__header h2 {
        margin-bottom: 15px;
        color: var(--themetext);
    }
    
    @media (max-width: 1199px) {
        .section__header h2 {
            font-size: 2rem;
            margin-bottom: 16px;
        }
    }
    
    @media (max-width: 500px) {
        .section__header h2 {
            font-size: 1.7rem;
        }
    }
    
    .section__header h2 .basecon {
        color: var(--achackcion);
    }
    
    .section__header p {
        font-size: 17px;
        color: #000;
        font-weight: 500;
    }
    
    @media (max-width: 1199px) {
        .section__header p {
            font-size: 1rem;
        }
    }
    
    .section__center {
        text-align: center;
        margin: 0 auto;
        max-width: 600px;
    }
    /*--Section Header End--*/
    /*--Section Header End--*/
    
    .header-section {
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
    }
    
    .header-section .border__none {
        border-bottom: unset;
    }
    
    .menu-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        transition: all 0.9s;
        background: #fff;
    }
    
    .menu-fixed .header-wrapper {
        border: unset;
    }
    
    @media (min-width: 992px) {
        .menu-fixed .header-wrapper .main-menu li a {
            padding: 30px 0;
        }
    }
    
    .header-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        transition: all 0.9s;
        width: 100%;
        position: relative;
    }
    
    @media (max-width: 991px) {
        .header-wrapper {
            padding: 25px 0;
        }
    }
    
    .header-wrapper .logo-menu .logo {
        display: block;
        width: 250px;
    }
    
    @media (max-width: 1199px) {
        .header-wrapper .logo-menu .logo {
            display: none;
        }
    }
    
    .header-wrapper .logo-menu .logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .header-wrapper .small__logo {
        display: block;
        width: 60px;
        height: 45px;
    }
    
    .header-wrapper .small__logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .header-wrapper .main-menu {
        display: flex;
        /* align-items: center; */
        gap: 0 18px;
        justify-content: center;
    }
    
    .header-wrapper .main-menu li {
        transition: all 0.6s;
    }
    
    .header-wrapper .main-menu li a {
        /* color: var(--white); */
        color: #1e2462;
        font-weight: 600;
        font-size: 14px;
        padding: 34px 0px;
        transition: all 0.3s;
        text-transform: uppercase;
        align-items: center;
    }
    
    .header-wrapper .main-menu li a:hover {
        color: var(--success);
    }
    
    .header-wrapper .main-menu li a .icons {
        margin-top: 5px;
    }
    
    .header-wrapper .main-menu li a i {
        margin-left: 2px;
        font-size: 1.2rem !important;
        color: var(--base-color);
    }
    
    @media (max-width: 991px) {
        .header-wrapper .main-menu li a {
            padding: 8px 0px;
        }
    }
    
    .header-wrapper .main-menu li .sub-menu {
        background: var(--white);
        padding: 5px 5px 5px 5px;
        display: none;
        transform: translateY(0px);
        border-bottom: 4px solid var(--success);
    }
    
    @media (min-width: 992px) {
        .header-wrapper .main-menu li .sub-menu {
            position: absolute;
            top: calc(100% - 15px);
            left: 0;
            width: 100%;
            z-index: 999;
            transition: all 0.2s;
            box-shadow: -1px 7px 19px -14px rgb(66, 106, 184);
            border-radius: 10px;
            display: flex;
            opacity: 0;
            gap: 5px;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(30px);
        }
        .header-wrapper .main-menu li .sub-menu li .mh__img {
            max-width: 300px;
            padding: 5px 6px;
            display: block;
        }
        .header-wrapper .main-menu li .sub-menu li .mh__img img {
            width: 100%;
            height: 100%;
        }
    }
    
    .header-wrapper .main-menu li .sub-menu li {
        margin-right: 0;
        transition: all 0.4s !important;
    }
    
    .header-wrapper .main-menu li .sub-menu li a {
        color: var(--banner);
        text-transform: capitalize;
        font-weight: 600;
        font-size: 1rem;
        width: 100%;
        display: block;
        padding: 10px 20px;
        margin: 1px;
        border-radius: 8px;
    }
    
    .header-wrapper .main-menu li .sub-menu li a i {
        font-size: 0.9rem !important;
    }
    
    .header-wrapper .main-menu li .sub-menu li a:hover {
        color: var(--success);
    }
    
    @media (max-width: 991px) {
        .header-wrapper .main-menu li .sub-menu li .mh__img {
            display: none;
        }
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober {
        position: relative;
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober .sub-two {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: 100%;
        display: none;
        top: 0;
        width: 200px;
        transition: all 0.8s;
        box-shadow: -1px 7px 19px -14px rgb(66, 106, 184);
        background: #fff;
        border-radius: 10px;
        padding: 10px 0;
        border-bottom: 4px solid var(--success);
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober .sub-two li {
        width: 100%;
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober .sub-two li a {
        margin-left: 0px;
        padding: 5px 15px;
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober .sub-two li:hover a {
        margin-left: 10px;
    }
    
    @media (max-width: 991px) {
        .header-wrapper .main-menu li .sub-menu .subtwohober .sub-two {
            position: initial;
        }
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober:hover .sub-two {
        opacity: 1;
        visibility: visible;
        pointer-events: unset;
        display: block;
    }
    
    .header-wrapper .main-menu li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        pointer-events: unset;
    }
    
    .header-wrapper .main-menu .block__menus .sub-menu {
        height: 500px;
        overflow-y: scroll;
    }
    
    @media (min-width: 992px) {
        .header-wrapper .main-menu .block__menus .sub-menu {
            display: flex;
            flex-wrap: wrap;
        }
    }
    
    .header-wrapper .main-menu .block__menus .sub-menu li {
        max-width: 20%;
    }
    
    .header-wrapper .main-menu .block__menus .sub-menu li a img {
        max-width: 200px;
    }
    
    @media (max-width: 991px) {
        .header-wrapper .main-menu .block__menus .sub-menu li a img {
            display: none;
        }
    }
    
    @media (max-width: 1199px) {
        .header-wrapper .main-menu .block__menus .sub-menu li {
            max-width: 100%;
        }
    }
    
    @media (max-width: 991px) {
        .header-wrapper .main-menu .block__menus .sub-menu li {
            width: initial;
        }
        .header-wrapper .main-menu .block__menus .sub-menu li a {
            display: block;
        }
    }
    
    .header-wrapper .main-menu .menu__imgchange {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu {
        width: 80%;
    }
    
    @media (min-width: 992px) {
        .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu {
            display: flex;
            flex-wrap: wrap;
        }
    }
    
    .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu .image-small-list-item {
        width: 16.6666666667%;
    }
    
    @media (max-width: 1199px) {
        .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu .image-small-list-item {
            width: 25%;
        }
    }
    
    @media (max-width: 575px) {
        .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu .image-small-list-item {
            width: 100%;
        }
    }
    
    @media (max-width: 1399px) {
        .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu {
            width: 90%;
        }
    }
    
    @media (max-width: 1199px) {
        .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu {
            width: 70%;
        }
    }
    
    @media (max-width: 991px) {
        .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu {
            width: 100%;
        }
    }
    
    @media (max-width: 991px) {
        .header-wrapper .main-menu .menu__imgchange .chnage__imgmenu {
            display: grid;
        }
    }
    
    .header-wrapper .main-menu .menu__imgchange .image-big-list-item.active {
        display: block;
        padding: 17px;
    }
    
    .header-wrapper .main-menu .menu__imgchange .image-big-list-item {
        display: none;
        margin: 0 auto;
        text-align: center;
    }
    
    .header-wrapper .main-menu .menu__imgchange .image-big-list-item .thumb {
        width: 240px;
        height: 180px;
        display: block;
    }
    
    .header-wrapper .main-menu .menu__imgchange .image-big-list-item .thumb img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: contain;
    }
    
    @media (max-width: 991px) {
        .header-wrapper .main-menu .menu__imgchange .image-big-list-item .thumb {
            max-width: 350px;
        }
        .header-wrapper .main-menu .menu__imgchange .image-big-list-item .thumb img {
            width: 100%;
            height: 100%;
        }
    }
    
    @media (max-width: 575px) {
        .header-wrapper .main-menu .menu__imgchange .image-big-list-item .thumb {
            width: 210px;
        }
    }
    
    .header-wrapper .main-menu .menu__imgchange .image-small-list-item {
        display: inline-block;
        margin: 0 3px;
    }
    
    .header-wrapper .menu__right__components {
        gap: 0 15px;
    }
    
    @media (max-width: 500px) {
        .header-wrapper .menu__right__components {
            gap: 0 8px;
        }
    }
    
    .header-wrapper .menu__components {
        display: flex;
        align-items: center;
        gap: 25px;
    }
    
    @media (max-width: 500px) {
        .header-wrapper .menu__components {
            gap: 0 8px;
        }
    }
    
    .header-wrapper .menu__components .search-button {
        margin-top: 8px;
    }
    
    @media (max-width: 991px) {
        .header-wrapper .menu__components .search2,
        .header-wrapper .menu__components .search {
            margin-top: 8px;
        }
    }
    
    .header-wrapper .menu__components .search2 i,
    .header-wrapper .menu__components .search i {
        font-size: 1.2rem;
        color: var(--white);
    }
    
    .header-wrapper .menu__components .search-popup2,
    .header-wrapper .menu__components .search-popup {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 9999;
    }
    
    .header-wrapper .menu__components .search-popup2 .search-bg2,
    .header-wrapper .menu__components .search-popup2 .search-bg,
    .header-wrapper .menu__components .search-popup .search-bg2,
    .header-wrapper .menu__components .search-popup .search-bg {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
    }
    
    @media (max-width: 991px) {
        .header-wrapper .menu__components .cmn--btn {
            padding: 6px 20px 10px;
            font-size: 0.9rem;
        }
    }
    
    @media (max-width: 991px) {
        .header-wrapper .menu__components .cmn--btn {
            padding: 5px 15px 8px;
            font-size: 0.9rem;
        }
    }
    
    .header-wrapper .menu__components .search-form2,
    .header-wrapper .menu__components .search-form {
        display: block;
        margin: 7em 4em;
        position: relative;
        right: -100%;
    }
    
    .header-wrapper .menu__components .search-form2 form .form,
    .header-wrapper .menu__components .search-form form .form {
        position: relative;
    }
    
    .header-wrapper .menu__components .search-form2 form .form input,
    .header-wrapper .menu__components .search-form form .form input {
        outline: none;
        width: 100%;
        padding: 15px 15px;
        border: none;
        border-radius: 5px;
        border: 1px solid var(--white);
        color: #000;
        background: #ECEAFE !important;
    }
    
    .header-wrapper .menu__components .search-form2 form .form ::placeholder,
    .header-wrapper .menu__components .search-form form .form ::placeholder {
        color: #000;
    }
    
    .header-wrapper .menu__components .form input:focus::-webkit-input-placeholder {
        opacity: 0;
    }
    
    .header-wrapper .menu__components .form input:focus::-moz-placeholder {
        opacity: 0;
    }
    
    .header-wrapper .menu__components .form input:-ms-input-placeholder {
        opacity: 0;
    }
    
    .header-wrapper .menu__components .form input:focus:-moz-placeholder {
        opacity: 0;
    }
    
    .header-wrapper .menu__components .form label {
        position: absolute;
        top: 25%;
        right: 0;
    }
    
    .header-wrapper .menu__components button {
        padding: 0;
        background: transparent;
        border: none;
        outline: none;
    }
    
    .header-wrapper .menu__components button .icons i {
        font-size: 1.3rem;
        color: var(--white);
    }
    
    .header-wrapper .menu__components .tolly__shop {
        margin-top: 7px;
    }
    
    .header-wrapper .menu__components .tolly__shop i {
        font-size: 1.2rem;
        color: var(--white);
    }
    
    @media (min-width: 992px) {
        .header-wrapper .compoent__middle {
            display: none !important;
        }
        .header-wrapper .main-menu .grid__style {
            position: relative;
        }
        .header-wrapper .main-menu .grid__style .sub-menu {
            top: calc(100% - 20px);
            left: -14px;
            width: 250px;
            display: grid;
            list-style: none;
            background: #ffffff;
            padding: 10px 12px;
            border-radius: 6px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.08);
            z-index: 1000;
        }
        .header-wrapper .main-menu .grid__style .sub-menu li {
            list-style: none;
        }
        /* Ensure submenu link text is visible on desktop */
        .header-wrapper .main-menu .grid__style .sub-menu li a,
        .header-wrapper .main-menu .grid__style .sub-menu li .sub-two li a {
            color: var(--themetext);
            display: block;
            font-size: 0.95rem;
            line-height: 1.4;
            padding: 6px 4px;
        }
    }
    
    @media screen and (max-width: 991px) {
        .header-wrapper .main-menu {
            position: relative;
        }
        .header-wrapper .right__com {
            display: none !important;
        }
        .main-menu {
            position: absolute;
            top: 100%;
            width: 100%;
            display: inline !important;
            left: 0;
            margin-top: 20px;
            z-index: 999;
            padding: 15px 15px;
            background: var(--banner);
            transition: all 0.4s !important;
            transform-origin: top;
            max-height: calc(100vh - 130px);
            overflow-y: auto;
            border-radius: 10px;
        }
        .main-menu:not(.active) {
            display: none !important;
            transition: all 2s;
        }
        .main-menu li {
            width: 100%;
            border-radius: 2px;
        }
        .main-menu li:not(:last-child) {
            margin-right: 0 !important;
            margin-bottom: 7px;
            border: 1px solid var(--border);
        }
        .main-menu li a {
            display: block;
            padding: 8px 10px 6px;
            font-size: 1rem;
        }
        .main-menu li .cmn--btn {
            display: inline-block !important;
            padding: 8px 25px 6px;
        }
        .main-menu li .sub-menu {
            margin: 0px 10px 15px 3px !important;
            list-style: none;
        }
        .main-menu li .sub-menu li a {
            padding: 8px 7px !important;
            /* Ensure submenu link text is visible on mobile */
            color: var(--themetext);
            display: block;
            font-size: 0.95rem;
            line-height: 1.4;
        }
        .main-menu li .sub-menu li .sub-two {
            position: static !important;
            width: 100% !important;
            padding: 0 10px 20px 30px;
        }
        .main-menu li .sub-menu li .sub-two li a {
            display: block;
            /* Ensure nested submenu link text is visible on mobile */
            color: var(--themetext);
            font-size: 0.95rem;
            line-height: 1.4;
        }
        .main-menu .active a {
            color: var(--white);
        }
        .header-bar {
            position: relative;
            width: 31px;
            height: 20px;
        }
        .header-bar span {
            position: absolute;
            width: 100%;
            height: 2px;
            display: inline-block;
            transition: all 0.3s;
            left: 0;
            background: var(--white);
        }
        .header-bar span:first-child {
            top: 0;
           background: #1e2462;
        }
        .header-bar span:nth-child(2) {
            top: 44%;
           background: #1e2462;
        }
        .header-bar span:last-child {
            bottom: 2px;
            background: #1e2462;;
        }
        .header-bar.active span:first-child {
            transform: rotate(45deg) translate(3px, 9px);
        }
        .header-bar.active span:nth-child(2) {
            opacity: 0;
        }
        .header-bar.active span:last-child {
            transform: rotate(-45deg) translate(3px, -9px);
        }
        .header-bar:hover {
            cursor: pointer;
        }
    }
    
    @media (min-width: 992px) {
        .signin__header.menu-fixed .header-wrapper .main-menu li a span {
            color: var(--white);
        }
    }
    
    .signin__header.menu-fixed .header-wrapper .main-menu .grid__style .sub-menu li a span {
        color: var(--themetext);
    }
    
    .signin__header.menu-fixed .header-wrapper .menu__components button .icons i {
        color: var(--white);
    }
    
    .signin__header.menu-fixed .header-wrapper .menu__components .tolly__shop i {
        color: var(--white);
    }
    
    @media (min-width: 992px) {
        .signin__header .header-wrapper .main-menu li a span {
            color: var(--themetext);
        }
    }
    
    .signin__header .header-wrapper .menu__components button .icons i {
        color: var(--themetext);
    }
    
    .signin__header .header-wrapper .menu__components .tolly__shop i {
        color: var(--themetext);
    }
    
    .signin__header .header-wrapper .menu__right__components .header-bar span {
        background: var(--themetext);
    }
    
    .signin__header.menu-fixed .header-wrapper .menu__components button .icons i {
        color: var(--white);
    }
    
    .signin__header.menu-fixed .header-wrapper .menu__components .tolly__shop i {
        color: var(--white);
    }
    
    .dark-theme .five__work__items .icon img {
        filter: brightness(25);
    }
    
    .dark-theme .common__body__section .common__body__head .nav .nav-item .nav-link.active {
        color: var(--success);
    }
    
    .dark-theme .banner__section .banner__mask {
        display: none;
    }
    
    .dark-theme .banner__section .dark__mask {
        display: block !important;
    }
    
    .dark-theme .checkout__radio .checkout__radio-wrapper .checkout__radio-single .form-check-input {
        background-color: transparent;
    }
    
    .dark-theme .about__section__four .about__content .empower__list li {
        background: #162557;
    }
    
    .dark-theme .about__section__four .about__content .empower__list li .icon i {
        color: #41E295;
    }
    
    .dark-theme .qualified__content .counting__wrap .counter__items:not(:last-child) {
        border-right: 1px dashed var(--countright);
    }
    
    .dark-theme .qualified__content .counting__wrap .counter__items:nth-child(1) .counter__content .cont .odometer {
        color: #A89EFA;
    }
    
    .dark-theme .qualified__content .counting__wrap .counter__items:nth-child(1) .counter__content .cont .plus__icon {
        color: #A89EFA;
    }
    
    .dark-theme .qualified__content .counting__wrap .counter__items:nth-child(2) .counter__content .cont .odometer {
        color: #41E295;
    }
    
    .dark-theme .qualified__content .counting__wrap .counter__items:nth-child(2) .counter__content .cont .plus__icon {
        color: #41E295;
    }
    
    .dark-theme .qualified__content .counting__wrap .counter__items:nth-child(3) .counter__content .cont .odometer {
        color: #FFAF00;
    }
    
    .dark-theme .qualified__content .counting__wrap .counter__items:nth-child(3) .counter__content .cont .plus__icon {
        color: #FFAF00;
    }
    
    .dark-theme .qualified__content .counting__wrap .counter__items p {
        color: var(--white);
    }
    
    .dark-theme .capabilities__wrap .owl-dots .owl-dot.active span {
        background-color: #41E295;
        width: 8px;
    }
    
    .dark-theme .capabilities__items {
        background: #162557;
    }
    
    .dark-theme .capabilities__items .content h4 a {
        color: #F5F6F7;
    }
    
    .dark-theme .capabilities__items .content .capabilites__btn {
        background: rgba(255, 175, 0, 0.1);
        color: #EDCB50;
    }
    
    .dark-theme .capabilities__items .content .capa__more span {
        color: #41E295;
    }
    
    .dark-theme .case__trough .capabilities__items .thumb {
        background: #162557;
    }
    
    .dark-theme .case__trough .capabilities__items .content {
        background: #162557;
    }
    
    .dark-theme .plan__items {
        background: #162557;
    }
    
    .dark-theme .plan__items .plan__head {
        background: #0B1738;
        border-top: 1px solid #3021AB;
        border-right: 1px solid #3021AB;
        border-left: 1px solid #3021AB;
    }
    
    .dark-theme .plan__items .content__wrap .prices__area {
        border-bottom: 1px solid #243757;
    }
    
    .dark-theme .plan__items .content__wrap .prices__area .icon {
        background: rgba(69, 47, 244, 0.2);
        border: 1px solid var(--base);
    }
    
    .dark-theme .plan__items .content__wrap .prices__area .icon i {
        color: #fff;
    }
    
    .dark-theme .plan__items .content__wrap .plan__list li .icon i {
        color: #B3AAFA;
    }
    
    .dark-theme .plan__items .content__wrap .price__btn .border__btn {
        border: 1px solid #452FF4;
        color: #B3AAFA;
    }
    
    .dark-theme .premium__items .plan__head {
        background: #081A2E;
        border-top: 1px solid #005C30;
        border-right: 1px solid #005C30;
        border-left: 1px solid #005C30;
    }
    
    .dark-theme .premium__items .content__wrap .prices__area .icon {
        background: rgba(0, 92, 48, 0.2);
        border: 1px solid #005C30;
    }
    
    .dark-theme .premium__items .content__wrap .prices__area .icon i {
        color: #fff;
    }
    
    .dark-theme .premium__items .content__wrap .plan__list li .icon i {
        color: #41E295;
    }
    
    .dark-theme .premium__items .content__wrap .price__btn .border__btn {
        color: #41E295;
        border: 1px solid #005C30;
    }
    
    .dark-theme .plan__items__two .plan__valu__left {
        border-right: 1px solid #243757;
    }
    
    .dark-theme .plan__items__two .prices__area h4 {
        color: #A89EFA;
    }
    
    .dark-theme .plan__items__two .prices__area .icon {
        background: #452FF4;
        border: 1px solid #6552F6;
    }
    
    .dark-theme .plan__items__two .prices__area .icon i {
        color: var(--white);
    }
    
    .dark-theme .plan__items__two .content__wrap .plan__list {
        padding: 0;
    }
    
    .dark-theme .plan__items__two .content__wrap .plan__list li .icon i {
        color: var(--text-base);
    }
    
    .dark-theme .plan__items__two .content__wrap .price__btn .cmn--btn {
        border: 1px solid #004022;
        color: var(--text-base);
    }
    
    .dark-theme .plan__items__two1 {
        background: #09263B;
    }
    
    .dark-theme .plan__items__two1 .prices__area h4 {
        color: #41E295;
    }
    
    .dark-theme .plan__items__two1 .prices__area .icon {
        background: #005C30;
        border: 1px solid #2B7853;
    }
    
    .dark-theme .plan__items__two1 .prices__area .icon i {
        color: var(--white);
    }
    
    .dark-theme .plan__items__two2 {
        background: #231B36;
    }
    
    .dark-theme .plan__items__two2 .prices__area h4 {
        color: #D99D9D;
    }
    
    .dark-theme .plan__items__two2 .prices__area .icon {
        background: #710C0C;
        border: 1px solid #A21111;
    }
    
    .dark-theme .plan__items__two2 .prices__area .icon i {
        color: var(--white);
    }
    
    .dark-theme .plan__items__two3 .prices__area h4 {
        color: #FFAF00;
    }
    
    .dark-theme .plan__items__two3 .prices__area .icon {
        background: #6B4900;
        border: 1px solid #84692B;
    }
    
    .dark-theme .plan__items__two3 .prices__area .icon i {
        color: var(--white);
    }
    
    .dark-theme .shop__side__bar .cmn__items .categoris__lis .form-check .form-check-input {
        border: 1px solid #333D78;
    }
    
    .dark-theme .shop__side__bar .cmn__items .categoris__lis .form-check .form-check-input:checked[type=checkbox] {
        --bs-form-check-bg-image: url(../img/shop/donecheck.png);
        background-size: 10px;
    }
    
    .dark-theme .plan__section__three .plan__items {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    }
    
    .dark-theme .plan__section__three .plan__items .plan__head {
        background: #162557;
    }
    
    .dark-theme .plan__section__three .plan__items .content__wrap {
        padding: 4px 32px 24px;
    }
    
    .dark-theme .plan__section__three .plan__items .content__wrap .prices__area {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 5px;
        padding: 14px 16px 16px;
    }
    
    .dark-theme .plan__section__three .plan__items .content__wrap .prices__area h3 {
        color: #91EEC2;
        margin-bottom: 0;
    }
    
    .dark-theme .plan__section__three .plan__items .content__wrap .prices__area h3 .dollar {
        color: #91EEC2;
    }
    
    .dark-theme .plan__section__three .plan__items .content__wrap .prices__area .pricetext {
        color: #fff;
    }
    
    .dark-theme .plan__section__three .plan__items .content__wrap .plan__list li .icon i {
        color: #41E295;
    }
    
    .dark-theme .plan__section__three .plan__items .content__wrap .price__btn .cmn--btn {
        border: 1px solid #005C30;
        color: #41E295;
    }
    
    .dark-theme .efective__data__wrapper .efect__data__iems .icons {
        background: rgba(40, 138, 91, 0.05) !important;
        border: 1px solid #452FF4 !important;
    }
    
    .dark-theme .efective__data__wrapper .efect__data__iems .icons i {
        color: #fff;
    }
    
    .dark-theme .efective__data__wrapper .efect__data__iems .icons img {
        filter: brightness(25);
    }
    
    .dark-theme .efective__data__wrapper .efect__data__iems .icons2 {
        background: #00381D !important;
        border: 1px solid #005C30 !important;
    }
    
    .dark-theme .efective__data__wrapper .efect__data__iems .icons3 {
        background: #412D00 !important;
        border: 1px solid #6B4A00 !important;
    }
    
    .dark-theme .efective__data__wrapper .efect__data__iems .icons4 {
        background: #630A0A !important;
        border: 1px solid #A21111 !important;
    }
    
    .dark-theme .testimonial__items {
        background: #162557;
    }
    
    .dark-theme .testimonial__wrap__two .testimonial__items {
        background: #162557;
    }
    
    .dark-theme .tesiti__three__item .tesiti__three__box {
        background: #162557;
    }
    
    .dark-theme .tesiti__three__item .tesiti__three__box::before {
        background: #162557;
    }
    
    .dark-theme .tesiti__three__item .tesiti__three__box .ratting__inner .quote {
        border: 1px solid #333D78;
    }
    
    .dark-theme .tesiti__three__item .tesiti__three__box .ratting__inner .quote i {
        color: #5F62A8;
    }
    
    .dark-theme .tesiti__three__item .client__history {
        display: flex;
        align-items: center;
        gap: 20px;
        padding-left: 20px;
    }
    
    .dark-theme .tesiti__three__item .client__history .content h5 {
        color: var(--themetext);
        margin-bottom: 4px;
    }
    
    .dark-theme .tesiti__three__item .client__history .content .designation {
        font-size: 1rem;
        color: var(--themetext);
    }
    
    .dark-theme .testi__three__wrap .owl-dots .owl-dot span {
        background-color: #2A1D95;
    }
    
    .dark-theme .testi__three__wrap .owl-dots .owl-dot.active span {
        background-color: #6552F6;
    }
    
    .dark-theme .accordion__wrap .accordion-item {
        background: #162557;
    }
    
    .dark-theme .accordion__wrap .accordion-item:not(:last-child) {
        margin-bottom: 16px;
    }
    
    .dark-theme .accordion__wrap .accordion-item .accordion-header .accordion-button {
        background-color: #162557;
    }
    
    @media (max-width: 500px) {
        .dark-theme .accordion__wrap .accordion-item .accordion-header .accordion-button {
            font-size: 1rem;
        }
    }
    
    .dark-theme .accordion__wrap .accordion-item .accordion-header .accordion-button::after {
        background-size: 1.2vh;
        background-color: #41E295;
    }
    
    .dark-theme .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        background-size: 1.2vh;
    }
    
    .dark-theme .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed) {
        background-color: #162557;
        border-bottom: 1px solid rgba(65, 226, 149, 0.1);
    }
    
    .dark-theme .newsletter__content form {
        background: rgba(69, 47, 244, 0.15);
        border: 1px solid #3021AB;
    }
    
    .dark-theme .newsletter__content form input {
        color: #fff;
    }
    
    .dark-theme .newsletter__content form ::placeholder {
        color: #fff;
    }
    
    .dark-theme .newsletter__wrapper__four {
        background: #162557;
    }
    
    .dark-theme .newsletter__wrapper__four form {
        background: rgba(168, 158, 250, 0.1) !important;
        border: 1px solid rgba(168, 158, 250, 0.2);
    }
    
    .dark-theme .newsletter__wrapper__four form input {
        background: none;
    }
    
    .dark-theme .include__cheack .about__chack li .icon {
        background: #A89EFA;
        line-height: 50px;
    }
    
    .dark-theme .include__cheack .about__chack li .icon i {
        color: var(--white);
    }
    
    .dark-theme .include__cheack .about__chack li span {
        line-height: 32px;
        color: var(--themetext);
    }
    
    .dark-theme .include__cheack .about__chack li:nth-child(2) .icon {
        background: #C97575;
    }
    
    .dark-theme .include__cheack .about__chack li:nth-child(2) .icon i {
        color: var(--white);
    }
    
    .dark-theme .include__cheack .about__chack li:nth-child(3) .icon {
        background: #41E295;
    }
    
    .dark-theme .include__cheack .about__chack li:nth-child(3) .icon i {
        color: var(--white);
    }
    
    .dark-theme .include__cheack .about__chack li:nth-child(4) .icon {
        background: #FFAF00;
    }
    
    .dark-theme .include__cheack .about__chack li:nth-child(4) .icon i {
        color: var(--white);
    }
    
    .dark-theme .include__boxes .inclue__box .content p {
        color: var(--white);
    }
    
    .dark-theme .include__boxes .inclue__box .icnos img {
        filter: brightness(25);
    }
    
    .dark-theme .include__boxes .inclue__box .icnos i {
        color: var(--white);
    }
    
    .dark-theme .include__grid__boxes .include__box__grid3 {
        background: #28162C;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__content .cont {
        justify-content: center;
        margin-bottom: 4px;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__content .cont .odometer {
        font-size: 2.5rem;
        line-height: 120%;
        font-weight: 600;
        color: #A89EFA !important;
        padding: 0;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__content .cont .plus__icon {
        color: #A89EFA !important;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items p {
        color: #fff !important;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__content__green .cont .odometer {
        color: #41E295 !important;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__content__green .cont .plus__icon {
        color: #41E295 !important;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__content__red .cont .odometer {
        color: #D99D9D !important;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__content__red .cont .plus__icon {
        color: #D99D9D !important;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__yellow .cont .odometer {
        color: #FFBD2B !important;
    }
    
    .dark-theme .make__service .counting__wrap .counter__items .counter__yellow .cont .plus__icon {
        color: #FFBD2B !important;
    }
    
    .dark-theme .inclue__benefits__box .icnos img {
        filter: brightness(25);
    }
    
    .dark-theme .inclue__benefits__box .content .benefits__btn span {
        color: var(--robit);
    }
    
    .dark-theme .inclue__benefits__box .content .benefits__btn .icon i {
        color: var(--base);
    }
    
    .dark-theme .plan__save .yearly__bar .form-check-input {
        display: none;
    }
    
    .dark-theme .plan__save .form-switch .form-check-input {
        background-color: var(--cswitch);
        width: 70px;
        height: 35px;
        border: unset;
        outline: none;
        box-shadow: none;
        background-image: url(../img/elements/click2.png) !important;
        background-size: 32px;
        display: block;
    }
    
    .dark-theme .plan__save__four {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px 24px;
    }
    
    .dark-theme .plan__save__four .pricing__chaek__items {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .dark-theme .plan__save__four .pricing__chaek__items .form-check-input {
        box-shadow: none;
        outline: none;
    }
    
    .dark-theme .plan__save__four .form-check-input:checked[type=radio] {
        background-color: #41E295;
        border: none;
    }
    
    .dark-theme .plan__save__four .pricing__sav {
        color: #FFAF00;
    }
    
    .dark-theme .plan__save__four .pricing__sav .icon {
        display: none;
    }
    
    .dark-theme .plan__save__four .pricing__sav .icon2 {
        display: block;
    }
    
    .dark-theme .feature__work__items2 .icon img,
    .dark-theme .feature__work__items .icon img {
        filter: brightness(25);
    }
    
    .dark-theme .pricing__table tr th .title {
        color: #fff;
    }
    
    .dark-theme .pricing__table tr th .price__area .dollar {
        color: #B7AEFB;
    }
    
    .dark-theme .pricing__table tr th .price__area .price {
        font-size: 1.3rem;
        color: #B7AEFB;
    }
    
    .dark-theme .pricing__table tr th:nth-child(2) .price__area .dollar {
        color: #B7AEFB;
    }
    
    .dark-theme .pricing__table tr th:nth-child(2) .price__area .price {
        font-size: 1.3rem;
        color: #B7AEFB;
    }
    
    .dark-theme .pricing__table tr th:nth-child(3) .price__area .dollar {
        color: #41E295;
    }
    
    .dark-theme .pricing__table tr th:nth-child(3) .price__area .price {
        font-size: 1.3rem;
        color: #41E295;
    }
    
    .dark-theme .pricing__table tr th:nth-child(4) .price__area .dollar {
        color: #B7AEFB;
    }
    
    .dark-theme .pricing__table tr th:nth-child(4) .price__area .price {
        font-size: 1.3rem;
        color: #B7AEFB;
    }
    
    .dark-theme .pricing__table tr th:nth-child(5) .price__area .dollar {
        color: #FFBD2B;
    }
    
    .dark-theme .pricing__table tr th:nth-child(5) .price__area .price {
        font-size: 1.3rem;
        color: #FFBD2B;
    }
    
    .dark-theme .pricing__table tr td .success {
        color: #41E295 !important;
    }
    
    .dark-theme .pricing__table tr td:nth-child(2) .cmn--btn {
        color: #B7AEFB;
        border: 1px solid #452FF4;
    }
    
    .dark-theme .pricing__table tr td:nth-child(3) .cmn--btn {
        background: unset;
        color: #41E295;
        border: 1px solid #005C30;
    }
    
    .dark-theme .pricing__table tr td:nth-child(4) .cmn--btn {
        background: unset;
        color: #A89EFA;
        border: 1px solid #452FF4;
    }
    
    .dark-theme .pricing__table tr td:nth-child(5) .cmn--btn {
        background: unset;
        color: #FFAF00;
        border: 1px solid #6B4A00;
    }
    
    .dark-theme .pricing__table tr:last-child {
        background: unset;
    }
    
    .dark-theme .highlight__right__wrap .inclue__box .icnos img,
    .dark-theme .highlight__left__wrap .inclue__box .icnos img {
        filter: brightness(25);
    }
    
    .dark-theme .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .follow__btn a .icon i {
        color: #42526D;
    }
    
    .dark-theme .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li a i {
        color: var(--white);
    }
    
    .dark-theme .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(2) a i {
        color: var(--white);
    }
    
    .dark-theme .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(3) a i {
        color: var(--white);
    }
    
    .dark-theme .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(4) a i {
        color: var(--white);
    }
    
    .dark-theme .project__count__items .icon {
        background: var(--coutbg1);
        border: 1px solid var(--countright);
    }
    
    .dark-theme .project__count__items .icon i {
        color: #B7AEFB;
    }
    
    .dark-theme .project__count__items .icon2 {
        border: 1px solid #004022;
    }
    
    .dark-theme .project__count__items .icon2 i {
        color: var(--text-base);
    }
    
    .dark-theme .project__count__items .icon3 {
        border: 1px solid #710C0C;
    }
    
    .dark-theme .project__count__items .icon3 i {
        color: var(--coubor1);
    }
    
    .dark-theme .project__count__items .icon4 {
        border: 1px solid #6B4A00;
    }
    
    .dark-theme .project__count__items .icon4 i {
        color: #FFAF00;
    }
    
    .dark-theme .project__count__items .counter__items .counter__content .cont .odometer {
        color: var(--deeptheme);
    }
    
    .dark-theme .project__count__items .counter__items .counter__content .cont .plus__icon {
        color: var(--deeptheme);
    }
    
    .dark-theme .project__count__items .counter__items p {
        color: var(--white);
    }
    
    .dark-theme .project__count__items .counter__items2 .counter__content .cont .odometer {
        color: var(--text-base);
    }
    
    .dark-theme .project__count__items .counter__items2 .counter__content .cont .plus__icon {
        color: var(--text-base);
    }
    
    .dark-theme .project__count__items .counter__items3 .counter__content .cont .odometer {
        color: var(--coubor1);
    }
    
    .dark-theme .project__count__items .counter__items3 .counter__content .cont .plus__icon {
        color: var(--coubor1);
    }
    
    .dark-theme .project__count__items .counter__items4 .counter__content .cont .odometer {
        color: var(--intellicon);
    }
    
    .dark-theme .project__count__items .counter__items4 .counter__content .cont .plus__icon {
        color: var(--intellicon);
    }
    
    .dark-theme .project__qustion {
        border: 1px solid var(--base);
    }
    
    .dark-theme .realworld__items {
        background: #162557;
        border-right: 4px solid rgba(65, 226, 149, 0.5);
    }
    
    .dark-theme .realworld__items .content h6 {
        color: var(--worning);
    }
    
    .dark-theme .realworld__items .content h4 a {
        color: var(--white);
    }
    
    .dark-theme .realworld__items .content p {
        color: var(--white);
    }
    
    .dark-theme .realworld__items .content .real__btn {
        display: flex;
        gap: 4px;
    }
    
    .dark-theme .realworld__items .content .real__btn span {
        color: var(--text-base);
    }
    
    .dark-theme .realworld__items .content .real__btn .icon i {
        color: var(--text-base);
    }
    
    .dark-theme .artificial__content .artificial__app .articial__items::before {
        filter: brightness(0.6);
    }
    
    .dark-theme .artificial__content .artificial__app .articial__items::after {
        filter: brightness(0.6);
    }
    
    .dark-theme .service__details__left .machine__learning__box .content {
        border-bottom: 1px solid rgba(168, 158, 250, 0.2);
    }
    
    @media (max-width: 767px) {
        .dark-theme .service__details__left .machine__learning__box .content {
            padding-right: 8px;
            padding-left: 8px;
        }
    }
    
    .dark-theme .service__details__left .machine__learning__box .content p {
        font-size: 16px;
        color: var(--white);
    }
    
    .dark-theme .service__details__left .machine__learning__box .describtion__reviews .nav .nav-item .nav-link.active {
        color: #41E295;
    }
    
    .dark-theme .service__details__left .write__review__wrap form input {
        background: #162557;
        border: 1px solid #162557;
        color: #EBEDF0;
    }
    
    .dark-theme .service__details__left .write__review__wrap form ::placeholder {
        color: #EBEDF0;
    }
    
    .dark-theme .service__details__left .write__review__wrap form textarea {
        background: #162557;
        border: 1px solid #162557;
        color: #EBEDF0;
    }
    
    .dark-theme .service__details__left .write__review__wrap form .cmn--btn {
        width: 160px;
        border: none;
        outline: none;
        margin-left: 10px;
    }
    
    @media (max-width: 991px) {
        .dark-theme .service__details__left {
            margin-bottom: 35px;
        }
    }
    
    .dark-theme .reviews__boxes .review-content .name__ratting .time {
        color: #fff;
    }
    
    .dark-theme .reviews__boxes .review-content p {
        color: #fff;
    }
    
    .dark-theme .reviews__boxes .review-content .view__btn span {
        color: #41E295;
    }
    
    .dark-theme .reviews__boxes .review-content .view__btn .icon {
        margin-top: 10px;
    }
    
    .dark-theme .reviews__boxes .review-content .view__btn .icon i {
        color: var(--base);
        font-size: 20px;
    }
    
    .dark-theme .social__standard li {
        background: #452FF4;
        border: 1px solid #452FF4;
    }
    
    .dark-theme .social__standard li a i {
        color: var(--white);
    }
    
    .dark-theme .social__standard li a img {
        filter: brightness(25);
    }
    
    .dark-theme .social__standard li:nth-child(2) {
        background: #005C30;
        border-color: #005C30;
    }
    
    .dark-theme .social__standard li:nth-child(2) a i {
        color: var(--white);
    }
    
    .dark-theme .social__standard li:nth-child(3) {
        background: #6B4900;
        border-color: #6B4900;
    }
    
    .dark-theme .social__standard li:nth-child(3) a i {
        color: var(--white);
    }
    
    .dark-theme .social__standard li:nth-child(4) {
        background: #A21111;
        border-color: #A21111;
    }
    
    .dark-theme .social__standard li:nth-child(4) a i {
        color: var(--white);
    }
    
    .dark-theme .common__item {
        background: #162557;
    }
    
    .dark-theme .common__item h4 {
        color: var(--white);
    }
    
    .dark-theme .common__item .title {
        color: var(--white);
        border-bottom: 1px solid rgba(168, 158, 250, 0.2);
    }
    
    .dark-theme .common__item form {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(168, 158, 250, 0.2);
    }
    
    .dark-theme .common__item form input {
        background: transparent;
        color: #EBEDF0;
    }
    
    .dark-theme .common__item form ::placeholder {
        color: #EBEDF0;
    }
    
    .dark-theme .common__item form button i {
        color: #41E295;
    }
    
    .dark-theme .common__item .service__link__wrap a {
        border: 1px solid rgba(168, 158, 250, 0.2);
    }
    
    .dark-theme .common__item .service__link__wrap a .icon {
        border: 1px solid rgba(168, 158, 250, 0.2);
        transition: all 0.4s;
    }
    
    .dark-theme .common__item .service__link__wrap a .icon img {
        filter: brightness(25);
        transition: all 0.4s;
    }
    
    .dark-theme .common__item .service__link__wrap a:hover .icon {
        background: #ECEAFE;
    }
    
    .dark-theme .common__item .service__link__wrap a:hover .icon img {
        filter: brightness(2);
    }
    
    .dark-theme .common__item .recent__wrap .recent__items .recent__content .date {
        color: #41E295;
    }
    
    .dark-theme .footer__section .footer__shape {
        display: none;
    }
    
    .dark-theme .footer__section .footer__darkshpae {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        display: block;
    }
    
    .dark-theme .footer__section .footer__darkshpae img {
        width: 100%;
    }
    
    .mode--toggle {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: var(--base);
        position: relative;
        border: 1px solid var(--sunborder);
    }
    
    .mode--toggle img {
        transition: all ease 0.3s;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 15px;
        border-radius: 50%;
        object-fit: contain;
    }
    
    .banner__section {
        position: relative;
        overflow: hidden;
    }
    
    .banner__section .banner__bgmask {
        position: absolute;
        top: 21px;
        width: 100%;
        height: 100%;
        opacity: 0.1;
    }
    
    .banner__section .banner__bgmask img {
        width: 100%;
        /* height: 42%; */
        position: absolute;
        bottom: 21px;
    }
    
    .banner__section .dark__mask,
    .banner__section .banner__mask {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    
    .banner__section .dark__mask img,
    .banner__section .banner__mask img {
        width: 100%;
    }
    
    .banner__section .ball__element {
        position: absolute;
        bottom: 200px;
        left: 40px;
        opacity: 0.3;
        animation: cir360 15s linear infinite;
    }
    
    @media (max-width: 767px) {
        .banner__section .ball__element {
            left: 10px;
            width: 60px;
        }
        .banner__section .ball__element img {
            width: 100%;
        }
    }
    
    .banner__section .light__element1 {
        position: absolute;
        left: 200px;
        top: 40%;
        animation: zmin 4s linear infinite;
    }
    
    .banner__section .light__element2 {
        position: absolute;
        left: 50%;
        top: 150px;
        animation: zmin2 5s linear infinite;
    }
    
    .banner__section .light__element3 {
        position: absolute;
        left: 50%;
        bottom: 35%;
        animation: zmin3 8s linear infinite;
    }
    
    @media (max-width: 991px) {
        .banner__section .light__element3 {
            display: none;
        }
    }
    
    .banner__section .light__element4 {
        position: absolute;
        right: 300px;
        bottom: 35%;
        animation: zmin3 8s linear infinite;
    }
    
    @media (max-width: 991px) {
        .banner__section .light__element4 {
            display: none;
        }
    }
    
    .banner__section .light__element5 {
        position: absolute;
        right: 200px;
        top: 140px;
        animation: zmin 2s linear infinite;
    }
    
    .banner__wrapper {
        padding: 140px 0 30px;
    }
    
    @media (max-width: 991px) {
        .banner__wrapper {
            padding: 130px 0 100px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__wrapper {
            padding: 130px 0 60px;
        }
    }
    
    .banner__thumb {
        position: relative;
    }
    
    .banner__thumb::before {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        background: #3FCA90;
        opacity: 0.4;
        filter: blur(150px);
        width: 300px;
        height: 400px;
    }
    
    .banner__thumb .thumb {
        position: relative;
        animation: bns1 5s linear infinite;
    }
    
    @media (max-width: 575px) {
        .banner__thumb .thumb {
            max-width: 350px;
            margin: 0 auto;
        }
    }
    
    .banner__thumb .thumb img {
        width: 100%;
    }
    
    .banner__thumb .rocket__element {
        position: absolute;
        right: -280px;
        top: 100px;
        width: 250px;
        animation: smothx 5s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .banner__thumb .rocket__element {
            width: 150px;
            right: -140px;
        }
    }
    
    @media (max-width: 1199px) {
        .banner__thumb .rocket__element {
            width: 150px;
            right: -170px;
        }
    }
    
    @media (max-width: 767px) {
        .banner__thumb .rocket__element {
            right: -200px;
        }
    }
    
    .banner__thumb .rocket__element img {
        width: 100%;
        object-fit: contain;
    }
    
    .banner__content {
        position: relative;
        padding: 80px 0 300px;
    }
    
    @media (max-width: 1399px) {
        .banner__content {
            padding: 80px 0 200px;
        }
    }
    
    @media (max-width: 1199px) {
        .banner__content {
            padding: 80px 0 150px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__content {
            padding: 60px 0 0px;
        }
    }
    
    .banner__content .content__box {
        position: relative;
        z-index: 1;
    }
    
    .banner__content .ai__elements {
        position: absolute;
        top: 30px;
        right: -160px;
        width: 80px;
    }
    
    .banner__content .ai__elements img {
        width: 100%;
    }
    
    @media (max-width: 1199px) {
        .banner__content .ai__elements {
            width: 60px;
            right: -140px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__content .ai__elements {
            right: 150px;
            top: 100%;
        }
    }
    
    @media (max-width: 767px) {
        .banner__content .ai__elements {
            right: 50px;
            bottom: 80px;
        }
    }
    
    @media (max-width: 500px) {
        .banner__content .ai__elements {
            width: 30px;
            right: 20px;
            top: 20px;
        }
    }
    
    .banner__content .ai__text {
        position: absolute;
        top: 10px;
        left: -150px;
        max-width: 309px;
    }
    
    .banner__content .ai__text img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .banner__content .ai__text {
            width: 200px;
            left: -50px;
        }
    }
    
    .banner__content .d3 {
        margin-bottom: 24px;
    }
    
    @media (max-width: 1199px) {
        .banner__content .d3 {
            font-size: 3rem;
        }
    }
    
    @media (max-width: 575px) {
        .banner__content .d3 {
            font-size: 2rem;
            margin-bottom: 18px;
        }
    }
    
    .banner__content p {
        margin-bottom: 40px;
    }
    
    @media (max-width: 575px) {
        .banner__content p {
            font-size: 1rem;
            margin-bottom: 30px;
        }
    }
    
    .banner__content .btg__grp {
        display: flex;
        align-items: center;
        gap: 15px 24px;
    }
    
    .banner__content .btg__grp .play__btn {
        display: flex;
        align-items: center;
        gap: 5px 16px;
    }
    
    .banner__content .btg__grp .play__btn .play__icon {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--base);
        text-align: center;
        line-height: 60px;
    }
    
    .banner__content .btg__grp .play__btn .play__icon i {
        font-size: 1.6rem;
        color: var(--white);
    }
    
    @media (max-width: 575px) {
        .banner__content .btg__grp {
            gap: 10px 15px;
        }
        .banner__content .btg__grp .cmn--btn {
            padding: 5px 15px;
        }
        .banner__content .btg__grp .cmn--btn span {
            font-size: 0.9rem;
        }
        .banner__content .btg__grp .play__btn {
            gap: 5px;
        }
        .banner__content .btg__grp .play__btn .play__icon {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }
        .banner__content .btg__grp .play__btn .play__icon i {
            font-size: 0.9rem;
        }
        .banner__content .btg__grp .play__btn span {
            font-size: 0.9rem;
        }
    }
    
    .banner__section__two {
        position: relative;
    }
    
    .banner__section__two .banner__ai2 {
        position: absolute;
        top: 200px;
        left: 88px;
        animation: cir360 30s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .banner__section__two .banner__ai2 {
            left: 10px;
        }
    }
    
    @media (max-width: 1199px) {
        .banner__section__two .banner__ai2 {
            display: none;
        }
    }
    
    .banner__section__two .banner__checkai {
        position: absolute;
        top: 200px;
        right: 88px;
    }
    
    @media (max-width: 1399px) {
        .banner__section__two .banner__checkai {
            right: 100px;
            top: 140px;
            width: 25px;
        }
        .banner__section__two .banner__checkai img {
            width: 100px;
        }
    }
    
    @media (max-width: 767px) {
        .banner__section__two .banner__checkai {
            width: 40px;
        }
        .banner__section__two .banner__checkai img {
            width: 100%;
            height: 100%;
        }
    }
    
    @media (max-width: 500px) {
        .banner__section__two .banner__checkai {
            display: none;
        }
    }
    
    .banner__section__two .banner__nulldimond {
        position: absolute;
        bottom: 110px;
        right: 15%;
        animation: cir360 8s linear infinite;
    }
    
    @media (max-width: 500px) {
        .banner__section__two .banner__nulldimond {
            bottom: 20px;
        }
    }
    
    .banner__section__two .banner__wrapper {
        position: relative;
    }
    
    .banner__section__two .banner__wrapper .banner__content {
        padding: 45px 0 240px;
    }
    
    .banner__section__two .banner__wrapper .banner__content .aitext2 {
        position: absolute;
        right: -70px;
        top: 0;
        opacity: 0.2;
    }
    
    @media (max-width: 1399px) {
        .banner__section__two .banner__wrapper .banner__content {
            padding: 45px 0 200px;
        }
    }
    
    @media (max-width: 1199px) {
        .banner__section__two .banner__wrapper .banner__content {
            padding: 45px 0 170px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__section__two .banner__wrapper .banner__content {
            padding: 45px 0 60px;
        }
    }
    
    @media (max-width: 767px) {
        .banner__section__two .banner__wrapper .banner__content {
            padding: 45px 0 0px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__two .banner__wrapper .banner__content {
            padding: 45px 0 40px;
        }
    }
    
    @media (max-width: 500px) {
        .banner__section__two .banner__wrapper .banner__content {
            padding: 25px 0 5px;
        }
    }
    
    .banner__section__two .banner__wrapper .banner__thumb {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    
    .banner__section__two .banner__wrapper .banner__thumb .thumb {
        max-width: 520px;
    }
    
    @media (max-width: 1199px) {
        .banner__section__two .banner__wrapper .banner__thumb .thumb {
            max-width: 450px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__section__two .banner__wrapper .banner__thumb .thumb {
            display: none;
        }
    }
    
    .banner__section__two .banner__content {
        position: relative;
    }
    
    .banner__section__two .banner__content .ball3d {
        position: absolute;
        left: -100px;
        bottom: 30%;
        animation: skews 5s linear infinite;
    }
    
    @media (max-width: 767px) {
        .banner__section__two .banner__content .ball3d {
            top: -20px;
            left: 0px;
            width: 40px;
        }
        .banner__section__two .banner__content .ball3d img {
            width: 100%;
        }
    }
    
    .banner__section__two .banner__content .banner3__two {
        position: absolute;
        top: 31%;
        right: 40%;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 991px) {
        .banner__section__two .banner__content .banner3__two {
            display: none;
        }
    }
    
    .banner__section__two .banner__content .banner__blump {
        position: absolute;
        right: -100px;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 767px) {
        .banner__section__two .banner__content .banner__blump {
            display: none;
        }
    }
    
    .banner__section__three {
        position: relative;
        overflow: hidden;
    }
    
    .banner__section__three::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.2;
        filter: blur(150px);
    }
    
    @media (max-width: 500px) {
        .banner__section__three::before {
            width: 250px;
        }
    }
    
    .banner__section__three::after {
        position: absolute;
        top: 0px;
        right: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.2;
        filter: blur(150px);
    }
    
    @media (max-width: 500px) {
        .banner__section__three::after {
            width: 250px;
        }
    }
    
    .banner__section__three .light__element3 {
        bottom: 60px;
        right: 10%;
    }
    
    .banner__section__three .banner3__content__wrapper {
        padding: 50px 40px 50px;
    }
    
    @media (max-width: 1199px) {
        .banner__section__three .banner3__content__wrapper {
            padding: 50px 10px 50px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__section__three .banner3__content__wrapper {
            padding: 50px 10px 0px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__three .banner3__content__wrapper {
            padding: 40px 10px 25px;
        }
    }
    
    .banner__section__three .banner3__left__shape {
        position: relative;
        z-index: 1;
        width: 100%;
    }
    
    .banner__section__three .banner3__left__shape img {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .banner__section__three .banner3__left__shape {
            margin: 0 auto;
        }
    }
    
    .banner__section__three .banner__content {
        text-align: center;
        padding: 50px 0 50px;
        max-width: 660px;
        margin: 0 auto;
    }
    
    .banner__section__three .banner__content .ai__text {
        opacity: 0.3;
        top: -49px;
    }
    
    .banner__section__three .banner__content .content__box .btg__grp {
        justify-content: center;
    }
    
    @media (max-width: 500px) {
        .banner__section__three .banner__content .content__box .btg__grp {
            gap: 8px;
        }
    }
    
    .banner__section__four {
        position: relative;
    }
    
    .banner__section__four .devided__round {
        position: absolute;
        top: 100px;
        left: 130px;
        animation: rlrl 5s linear infinite;
    }
    
    @media (max-width: 1199px) {
        .banner__section__four .devided__round {
            width: 50px;
            left: 40px;
        }
        .banner__section__four .devided__round img {
            width: 100%;
        }
    }
    
    .banner__section__four .devided__lock1 {
        position: absolute;
        bottom: 90px;
        left: 150px;
    }
    
    @media (max-width: 1399px) {
        .banner__section__four .devided__lock1 {
            bottom: 70px;
        }
    }
    
    @media (max-width: 1199px) {
        .banner__section__four .devided__lock1 {
            bottom: 20px;
        }
    }
    
    .banner__section__four .devided__lock2 {
        position: absolute;
        bottom: 150px;
        left: 44%;
    }
    
    @media (max-width: 991px) {
        .banner__section__four .devided__lock2 {
            left: 10%;
            bottom: 300px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__four .devided__lock2 {
            bottom: 200px;
        }
    }
    
    @media (max-width: 500px) {
        .banner__section__four .devided__lock2 {
            bottom: 100px;
        }
    }
    
    .banner__section__four .devided__blump {
        position: absolute;
        right: 32%;
        bottom: 80px;
    }
    
    @media (max-width: 991px) {
        .banner__section__four .devided__blump {
            right: 10%;
            bottom: 450px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__four .devided__blump {
            bottom: 300px;
        }
    }
    
    @media (max-width: 500px) {
        .banner__section__four .devided__blump {
            bottom: 250px;
        }
    }
    
    .banner__section__four::before {
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 400px;
        height: 400px;
        background: #452FF4;
        opacity: 0.5;
        filter: blur(206.436px);
    }
    
    @media (max-width: 575px) {
        .banner__section__four::before {
            width: 250px;
            height: 250px;
        }
    }
    
    .banner__section__four::after {
        position: absolute;
        content: "";
        left: -20px;
        bottom: 40%;
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.2;
        filter: blur(98.0198px);
    }
    
    @media (max-width: 575px) {
        .banner__section__four::after {
            width: 250px;
            height: 250px;
        }
    }
    
    .banner__section__four .banner__wrapper {
        padding: 230px 0 0px;
    }
    
    @media (max-width: 1399px) {
        .banner__section__four .banner__wrapper {
            padding: 200px 0 0px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__section__four .banner__wrapper {
            padding: 170px 0 0px;
        }
    }
    
    .banner__section__four .banner__wrapper .banner__content {
        padding: 0px 0px 0px;
    }
    
    @media (max-width: 1199px) {
        .banner__section__four .banner__wrapper .banner__content {
            margin-top: -25px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__section__four .banner__wrapper .banner__content {
            margin-top: 0px;
            margin-bottom: 45px;
        }
    }
    
    .banner__section__four .banner__wrapper .banner__content .content__box .d3 .rounded {
        position: relative;
    }
    
    .banner__section__four .banner__wrapper .banner__content .content__box .d3 .rounded svg {
        position: absolute;
        left: -30px;
        top: 4px;
        width: 280px;
        height: 96px;
    }
    
    @media (max-width: 1199px) {
        .banner__section__four .banner__wrapper .banner__content .content__box .d3 .rounded svg {
            width: 220px;
            height: 65px;
            top: 7px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__four .banner__wrapper .banner__content .content__box .d3 .rounded svg {
            width: 135px;
            left: -12px;
            top: -6px;
        }
    }
    
    .banner__section__four .banner__wrapper .banner__thumb {
        width: 600px;
        height: 555px;
        margin-left: auto;
        margin-bottom: -20px;
        position: relative;
        z-index: 1;
    }
    
    .banner__section__four .banner__wrapper .banner__thumb .thumb {
        animation: none;
    }
    
    .banner__section__four .banner__wrapper .banner__thumb .banner__airound {
        position: absolute;
        top: 4px;
        left: 1px;
        max-width: 370px;
        animation: cir360 15s linear infinite;
        z-index: -1;
    }
    
    @media (max-width: 1199px) {
        .banner__section__four .banner__wrapper .banner__thumb .banner__airound {
            max-width: 300px;
            left: 6px;
            top: 6px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__four .banner__wrapper .banner__thumb .banner__airound {
            max-width: 230px;
            left: 80px;
            top: -7px;
        }
    }
    
    @media (max-width: 500px) {
        .banner__section__four .banner__wrapper .banner__thumb .banner__airound {
            max-width: 160px;
            left: 11px;
            top: 10px;
        }
    }
    
    @media (max-width: 1199px) {
        .banner__section__four .banner__wrapper .banner__thumb {
            width: 500px;
            height: 450px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__section__four .banner__wrapper .banner__thumb {
            margin: 0 auto;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__four .banner__wrapper .banner__thumb {
            width: unset;
            height: unset;
        }
    }
    
    .banner__section__four .banner__wrapper .banner__thumb::before {
        display: none;
    }
    
    .banner__section__four .banner__wrapper .banner__thumb img {
        width: 100%;
        height: 100%;
    }
    
    .banner__section__five {
        position: relative;
    }
    
    .banner__section__five .ball__element5 {
        position: absolute;
        right: 140px;
        top: 100px;
        width: 80px;
        opacity: 0.4;
        animation: cir360 20s linear infinite;
    }
    
    .banner__section__five .ball__element5 img {
        width: 100%;
    }
    
    @media (max-width: 1199px) {
        .banner__section__five .ball__element5 {
            width: 60px;
            right: 40px;
            top: 130px;
        }
        .banner__section__five .ball__element5 img {
            width: 100%;
        }
    }
    
    .banner__section__five .bulp {
        position: absolute;
        top: 100px;
        left: 80px;
        opacity: 0.8;
    }
    
    @media (max-width: 1199px) {
        .banner__section__five .bulp {
            width: 60px;
            left: 40px;
            top: 140px;
        }
        .banner__section__five .bulp img {
            width: 100%;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__five .bulp {
            display: none;
        }
    }
    
    .banner__section__five .null__dimond {
        position: absolute;
        bottom: 80px;
        left: 80px;
        opacity: 0.5;
        animation: cir360 20s linear infinite;
    }
    
    .banner__section__five .banner__content {
        padding: 100px 0 110px;
    }
    
    @media (max-width: 991px) {
        .banner__section__five .banner__content {
            padding: 100px 0 10px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__five .banner__content {
            padding: 60px 0 10px;
        }
    }
    
    .banner__section__five .banner__content .content__box .d3 {
        position: relative;
    }
    
    .banner__section__five .banner__content .content__box .d3 svg {
        width: 61px;
        height: 59px;
        position: absolute;
        top: -20px;
        left: -32px;
    }
    
    @media (max-width: 1199px) {
        .banner__section__five .banner__content .content__box .d3 svg {
            top: -30px;
            left: -40px;
        }
    }
    
    @media (max-width: 575px) {
        .banner__section__five .banner__content .content__box .d3 svg {
            transform: rotate(50deg);
            left: -10px;
            top: -45px;
        }
    }
    
    .banner__section__five .banner__content .content__box .d3 .round3 {
        position: absolute;
        bottom: -20px;
        right: 200px;
        opacity: 0.5;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .banner__section__five .banner__content .content__box .d3 .round3 {
            right: 140px;
            bottom: -5px;
        }
    }
    
    @media (max-width: 991px) {
        .banner__section__five .banner__content .content__box .d3 .round3 {
            display: none;
        }
    }
    
    .banner__section__five .banner__content .content__box .banner5__blump {
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0.4;
        width: 45px;
        animation: cir360 10s linear infinite;
    }
    
    .banner__section__five .banner__content .content__box .banner5__blump img {
        width: 100%;
    }
    
    .banner__section__five .aitext5 {
        position: absolute;
        right: 0;
        top: -15px;
        opacity: 0.2;
    }
    
    .banner__section__five .banner__thumb .animated3 {
        position: absolute;
        right: -40px;
        bottom: 0;
        opacity: 0.5;
        animation: cir360 20s linear infinite;
    }
    
    @media (max-width: 575px) {
        .banner__section__five .banner__thumb .animated3 {
            width: 40px;
            right: 10px;
            bottom: -30px;
        }
        .banner__section__five .banner__thumb .animated3 img {
            width: 100%;
        }
    }
    
    .breadcumnd__wrapper {
        position: relative;
        z-index: 1;
        padding: 132px 0px;
    }
    
    .breadcumnd__wrapper .breadcumnd__content {
        position: relative;
        padding: 4px 0px 0px 0px;
    }
    
    .breadcumnd__wrapper .breadcumnd__content .title {
        color: var(--white);
        margin-bottom: 0rem;
    }
    
    @media (max-width: 991px) {
        .breadcumnd__wrapper .breadcumnd__content .title {
            font-size: 2.3rem;
            line-height: 2.1rem;
        }
    }
    
    @media (max-width: 500px) {
        .breadcumnd__wrapper .breadcumnd__content .title {
            font-size: 1.6rem;
            line-height: 1.9rem;
        }
    }
    
    .breadcumnd__wrapper .breadcumnd__content .breadcumnd__list {
        display: flex;
        align-items: center;
        gap: 8px 5px;
    }
    
    @media (max-width: 500px) {
        .breadcumnd__wrapper .breadcumnd__content .breadcumnd__list {
            gap: 8px 2px;
        }
    }
    
    .breadcumnd__wrapper .breadcumnd__content .breadcumnd__list li {
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
    }
    
    .breadcumnd__wrapper .breadcumnd__content .breadcumnd__list li a {
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
    }
    
    .breadcumnd__wrapper .breadcumnd__content .breadcumnd__list li .icon {
        display: block;
        margin-top: 9px;
    }
    
    .breadcumnd__wrapper .breadcumnd__content .breadcumnd__list li .icon i {
        font-size: 20px;
        color: var(--white);
    }
    
    .breadcumnd__wrapper .breadcumnd__content .breadcumnd__list .sucess {
        color: #41E295;
    }
    
    @media (max-width: 575px) {
        .breadcumnd__wrapper .breadcumnd__content {
            padding: 170px 0 70px;
        }
    }
    
    .breadcumnd__wrapper .breadcumnd__thumb {
        animation: bns1 5s linear infinite;
        width: 100%;
    }
    
    .breadcumnd__wrapper .breadcumnd__thumb img {
        width: 380px;
        padding: 2px 0px 0px 0px;
    }
    
    @media (max-width: 767px) {
        .breadcumnd__wrapper .breadcumnd__thumb {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 180px;
        }
        .breadcumnd__wrapper .breadcumnd__thumb img {
            width: 100%;
        }
    }
    
    @media (max-width: 500px) {
        .breadcumnd__wrapper .breadcumnd__thumb {
            width: 80px;
        }
    }
    
    .breadcumnd__wrapper .bread__ai {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%);
        max-width: 250px;
    }
    
    .breadcumnd__wrapper .bread__ai img {
        width: 100%;
    }
    
    .preloader__wrap {
        position: fixed;
        background: rgba(0, 0, 0, 0.871);
        background: #fff;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 999999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .preloader__wrap .preloader__box .robot {
        width: 150px;
        animation: smothrobot 2s linear infinite;
    }
    
    .preloader__wrap .preloader__box .robot img {
        width: 100%;
    }
    
    @keyframes preload {
        50% {
            bottom: 100%;
            right: 100%;
        }
        50% {
            opacity: 0;
        }
    }
    
    @keyframes preload2 {
        50% {
            top: 100%;
            left: 100%;
        }
        50% {
            opacity: 0;
        }
    }
    
    @keyframes preload3 {
        50% {
            right: 100%;
            top: 100%;
        }
        50% {
            opacity: 0;
        }
    }
    
    @keyframes preload4 {
        50% {
            left: 100%;
            bottom: 100%;
        }
        50% {
            opacity: 0;
        }
    }
    
    @keyframes smothrobot {
        50% {
            transform: skewX(10deg);
        }
    }
    
    .cursor {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%);
        border-radius: 50%;
        background: transparent;
        pointer-events: none;
        z-index: 111;
        border: 2px solid var(--base);
        transition: all 0.5s ease-out;
        animation: moveCursor1 0.5s infinite alternate;
    }
    
    .cursor .dots {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 5px;
        height: 5px;
        background: var(--success);
        border-radius: 50%;
    }
    
    @media (max-width: 991px) {
        .cursor {
            display: none;
        }
    }
    
    .expand {
        background: transparent;
        animation: moveCursor2 0.4s forwards;
        border: 1px solid var(--success);
    }
    
    @keyframes moveCursor1 {
        from {
            transform: scale(1);
        }
        to {
            transform: scale(0.8);
        }
    }
    
    @keyframes moveCursor2 {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(2);
        }
        100% {
            transform: scale(1);
            opacity: 0;
        }
    }
    
    .about__section {
        position: relative;
    }
    
    .about__section .about__shape1 {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 330px;
    }
    
    .about__section .about__shape1 img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .about__section .about__shape1 {
            opacity: 0.3;
        }
    }
    
    @media (max-width: 500px) {
        .about__section .about__shape1 {
            opacity: 0.1;
        }
    }
    
    .about__section::before {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.3;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .about__section::before {
            width: 250px;
        }
    }
    
    .about__section::after {
        position: absolute;
        bottom: 100px;
        right: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.3;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .about__section::after {
            width: 250px;
        }
    }
    
    .about__section .light__element1 {
        position: absolute;
        top: 129px;
        left: 174px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .about__section .light__element1 {
            display: none;
        }
    }
    
    .about__section .light__element2 {
        position: absolute;
        bottom: 110px;
        left: 309px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .about__section .light__element2 {
            display: none;
        }
    }
    
    .about__section .light__element3 {
        position: absolute;
        top: 250px;
        left: 42%;
        transform: translate(-50%);
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .about__section .light__element3 {
            display: none;
        }
    }
    
    .about__section .light__element4 {
        position: absolute;
        top: 109px;
        right: 153px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .about__section .light__element4 {
            display: none;
        }
    }
    
    .about__section .light__element5 {
        position: absolute;
        bottom: 100px;
        right: 20%;
        animation: zminopa 2s linear infinite;
    }
    
    @media (max-width: 991px) {
        .about__section .light__element5 {
            display: none;
        }
    }
    
    .about__thumb {
        width: 100%;
        position: relative;
        z-index: 1;
    }
    
    .about__thumb img {
        width: 100%;
        animation: bns1 10s linear infinite;
    }
    
    .about__thumb .brain__element {
        position: absolute;
        left: -250px;
        top: 0;
        max-width: 280px;
    }
    
    .about__thumb .brain__element img {
        width: 100%;
    }
    
    @media (max-width: 1199px) {
        .about__thumb .brain__element {
            max-width: 180px;
            left: -150px;
        }
    }
    
    @media (max-width: 991px) {
        .about__thumb .brain__element {
            left: -180px;
        }
    }
    
    @media (max-width: 575px) {
        .about__thumb .brain__element {
            max-width: 120px;
            left: -70px;
        }
    }
    
    @media (max-width: 500px) {
        .about__thumb .brain__element {
            max-width: 80px;
            left: 0;
        }
    }
    
    @media (max-width: 575px) {
        .about__thumb {
            max-width: 340px;
            margin: 20px auto;
        }
    }
    
    .about__content {
        position: relative;
        z-index: 1;
    }
    
    .about__content .section__header {
        margin-bottom: 15px;
    }
    
    .about__content .about__chack {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 0;
        margin-bottom: 25px;
    }
    
    @media (max-width: 500px) {
        .about__content .about__chack {
            gap: 24px 15px;
        }
    }
    
    .about__content .about__chack li {
        width: 50%;
        display: flex;
        gap: 10px;
    }
    
    @media (max-width: 500px) {
        .about__content .about__chack li {
            width: 100%;
        }
    }
    
    .about__content .about__chack li span {
        color: var(--themetext);
        font-size: 1rem;
        font-weight: 500;
    }
    
    .about__content .about__chack li .icon i {
        line-height: 28px;
        color: var(--achackcion);
        font-size: 1.3rem;
    }
    
    .about__content .cmn--btn {
        color: var(--white);
    }
    
    .about__content .cmn--btn:hover span {
        color: var(--white);
    }
    
    .about__section__two {
        position: relative;
        overflow: hidden;
    }
    
    .about__section__two::after,
    .about__section__two::before {
        display: none;
    }
    
    .about__section__two .ball3d {
        position: absolute;
        bottom: 110px;
        right: 300px;
    }
    
    @media (max-width: 1199px) {
        .about__section__two .ball3d {
            top: 120px;
            left: 120px;
        }
    }
    
    @media (max-width: 991px) {
        .about__section__two .ball3d {
            display: none;
        }
    }
    
    .about__section__two .banner3__two {
        position: absolute;
        top: 140px;
        right: 22%;
        width: 30px;
        animation: cir360 5s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .about__section__two .banner3__two {
            left: 20px;
            top: 30px;
        }
    }
    
    .about__section__two .banner3__two img {
        width: 100%;
    }
    
    .about__section__two .banner__blump {
        position: absolute;
        top: 50px;
        right: 70px;
        width: 50px;
        animation: cir360 10s linear infinite;
    }
    
    .about__section__two .banner__blump img {
        width: 100%;
    }
    
    @media (max-width: 767px) {
        .about__section__two .banner__blump {
            top: 10px;
            right: 40px;
        }
    }
    
    .about__section__two .banner__nulldimond {
        position: absolute;
        right: 55%;
        top: 120px;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 767px) {
        .about__section__two .banner__nulldimond {
            display: none;
        }
    }
    
    .about__section__two .about__thumb {
        width: initial;
        max-width: 800px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    @media (max-width: 1399px) {
        .about__section__two .about__thumb {
            max-width: 600px;
        }
    }
    
    @media (max-width: 1199px) {
        .about__section__two .about__thumb {
            max-width: 500px;
        }
    }
    
    @media (max-width: 991px) {
        .about__section__two .about__thumb {
            display: none;
        }
    }
    
    .about__section__two .about__thumb img {
        width: initial;
        max-width: 100%;
    }
    
    .progress__wrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 32px;
    }
    
    @media (max-width: 500px) {
        .progress__wrap {
            margin-bottom: 20px;
        }
    }
    
    .progress__wrap .pro__items {
        padding: 15px 24px 15px 0;
        width: 50%;
    }
    
    .progress__wrap .pro__items .pro__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 21px;
    }
    
    .progress__wrap .pro__items .pro__head .title {
        font-size: 14px;
        color: var(--themetext);
        font-weight: 500;
    }
    
    .progress__wrap .pro__items .pro__head .point {
        font-size: 14px;
        color: var(--themetext);
        font-weight: 500;
    }
    
    @media (max-width: 500px) {
        .progress__wrap .pro__items {
            width: 100%;
            padding: 11px 24px 11px 0;
        }
        .progress__wrap .pro__items .pro__head {
            margin-bottom: 12px;
        }
    }
    
    .progress__wrap .progress {
        background: #ECEAFE;
        justify-content: flex-start;
        border-radius: 100px;
        align-items: center;
        position: relative;
        display: flex;
        height: 6px;
        width: 100%;
    }
    
    .progress__wrap .progress-value {
        animation: load 3s normal forwards;
        box-shadow: 0 10px 40px -10px #fff;
        border-radius: 100px;
        background: var(--base);
        height: 6px;
        width: 0;
    }
    
    @keyframes load {
        0% {
            width: 0;
        }
        100% {
            width: 68%;
        }
    }
    
    .about__section__four {
        position: relative;
    }
    
    .about__section__four::before {
        top: 0;
    }
    
    .about__section__four .empower__element1 {
        position: absolute;
        top: 30px;
        left: 42%;
        animation: rlrl 5s linear infinite;
    }
    
    @media (max-width: 991px) {
        .about__section__four .empower__element1 {
            left: 15px;
            top: 10px;
            width: 40px;
        }
        .about__section__four .empower__element1 img {
            width: 100%;
        }
    }
    
    .about__section__four .empower__lockyello {
        position: absolute;
        bottom: 60px;
        left: 240px;
    }
    
    @media (max-width: 991px) {
        .about__section__four .empower__lockyello {
            bottom: 20px;
        }
    }
    
    .about__section__four .empower__blump {
        position: absolute;
        top: 120px;
        right: 100px;
    }
    
    @media (max-width: 1399px) {
        .about__section__four .empower__blump {
            top: 40px;
            right: 40px;
        }
    }
    
    @media (max-width: 1199px) {
        .about__section__four .empower__blump {
            top: 15px;
            right: 15px;
        }
    }
    
    @media (max-width: 767px) {
        .about__section__four .empower__blump {
            width: 40px;
        }
        .about__section__four .empower__blump img {
            width: 100%;
        }
    }
    
    .about__section__four .empower__blump2 {
        position: absolute;
        bottom: 100px;
        right: 30%;
        width: 30px;
    }
    
    .about__section__four .empower__blump2 img {
        width: 100%;
    }
    
    .about__section__four .about__thumb {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        max-width: 810px;
    }
    
    .about__section__four .about__thumb img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .about__section__four .about__thumb {
            max-width: 600px;
        }
    }
    
    @media (max-width: 1199px) {
        .about__section__four .about__thumb {
            max-width: 500px;
        }
    }
    
    @media (max-width: 991px) {
        .about__section__four .about__thumb {
            display: none;
        }
    }
    
    .about__section__four .about__content .empower__list {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
    
    .about__section__four .about__content .empower__list li {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        background: var(--white);
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 10px 20px 12px;
        width: 47.5%;
    }
    
    @media (max-width: 500px) {
        .about__section__four .about__content .empower__list li {
            width: 100%;
        }
    }
    
    .about__section__four .about__content .empower__list li span {
        font-size: 16px;
        font-weight: 500;
        color: var(--themetext);
    }
    
    .about__section__four .about__content .empower__list li .icon {
        margin-top: 10px;
    }
    
    .about__section__four .about__content .empower__list li .icon i {
        color: var(--base);
        font-size: 20px;
    }
    
    .about__section__five {
        position: relative;
        overflow: hidden;
    }
    
    .about__section__five::before {
        position: absolute;
        top: -50px;
        left: -100px;
        width: 300px;
        height: 300px;
        content: "";
        background: #ED5050;
        opacity: 0.5;
        filter: blur(200px);
    }
    
    .about__section__five::after {
        position: absolute;
        bottom: -200px;
        right: -200px;
        width: 300px;
        height: 300px;
        content: "";
        background: #452FF4;
        opacity: 0.3;
        filter: blur(200px);
    }
    
    .about__section__five .bulp__light {
        position: absolute;
        top: 90px;
        left: 50px;
    }
    
    @media (max-width: 991px) {
        .about__section__five .bulp__light {
            width: 60px;
            top: 30px;
            left: 30px;
        }
        .about__section__five .bulp__light img {
            width: 100%;
        }
    }
    
    @media (max-width: 767px) {
        .about__section__five .bulp__light {
            display: none;
        }
    }
    
    .about__section__five .threed__ball {
        position: absolute;
        left: 200px;
        bottom: 160px;
        opacity: 0.5;
        animation: cir360 20s linear infinite;
    }
    
    @media (max-width: 767px) {
        .about__section__five .threed__ball {
            left: 100px;
        }
    }
    
    @media (max-width: 575px) {
        .about__section__five .threed__ball {
            left: 60px;
        }
    }
    
    @media (max-width: 500px) {
        .about__section__five .threed__ball {
            bottom: 10px;
            left: 10px;
            width: 40px;
        }
        .about__section__five .threed__ball img {
            width: 100%;
        }
    }
    
    .about__section__five .global__ball {
        position: absolute;
        top: 70px;
        right: 70px;
        opacity: 0.4;
        animation: cir360 20s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .about__section__five .global__ball {
            width: 60px;
            top: 30px;
            right: 30px;
        }
        .about__section__five .global__ball img {
            width: 100%;
        }
    }
    
    @media (max-width: 767px) {
        .about__section__five .global__ball {
            width: 40px;
            top: 10px;
            right: 10px;
        }
    }
    
    .about__section__five .null__five {
        position: absolute;
        bottom: 80px;
        right: 22%;
        animation: cir360 15s linear infinite;
        opacity: 0.5;
    }
    
    @media (max-width: 991px) {
        .about__section__five .null__five {
            left: 200px;
            animation: none;
            bottom: 500px;
        }
    }
    
    @media (max-width: 767px) {
        .about__section__five .null__five {
            bottom: 300px;
            left: 100px;
        }
    }
    
    @media (max-width: 500px) {
        .about__section__five .null__five {
            display: none;
        }
    }
    
    .about__section__five .about__content {
        position: relative;
        z-index: 1;
    }
    
    .about__section__five .about__content .about__chack__five li {
        background: var(--pribox1);
        border-radius: 5px;
        padding: 12px 20px;
        display: flex;
        align-items: center;
        gap: 10px 16px;
    }
    
    .about__section__five .about__content .about__chack__five li:not(:last-child) {
        margin-bottom: 16px;
    }
    
    .about__section__five .about__content .about__chack__five li .content .texthead {
        font-size: 1rem;
        font-weight: 600;
        color: var(--themetext);
        display: block;
        margin-bottom: 0px;
    }
    
    .about__section__five .about__content .about__chack__five li .content span {
        color: var(--themetext);
        font-size: 0.8rem;
    }
    
    .about__section__five .about__content .about__chack__five li .icon {
        margin-top: 7px;
    }
    
    .about__section__five .about__content .about__chack__five li .icon i {
        font-size: 1.3rem;
        color: var(--casedifrent);
    }
    
    @media (min-width: 1400px) and (max-width: 1600px) {
        .about__section__two .about__thumb {
            max-width: 700px;
        }
        .testimonial__thumb__two {
            max-width: 700px;
        }
        .testimonial__thumb__two img {
            width: 100%;
        }
        .about__section__four {
            position: relative;
        }
        .about__section__four .about__thumb {
            max-width: 710px;
        }
        .about__section__four .about__thumb img {
            width: 100%;
        }
        .faq__section__four {
            position: relative;
            overflow: hidden;
        }
        .faq__section__four .accordion__thumb__four {
            width: 700px;
        }
        .faq__section__four .accordion__thumb__four img {
            width: 100%;
        }
    }
    
    .includeai__section {
        overflow: hidden;
        position: relative;
    }
    
    .includeai__section::before {
        position: absolute;
        top: -150px;
        left: -150px;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.4;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .includeai__section::before {
            width: 250px;
        }
    }
    
    .includeai__section::after {
        position: absolute;
        bottom: -160px;
        right: -160px;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.6;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .includeai__section::after {
            width: 250px;
        }
    }
    
    .includeai__section .include__elements {
        position: absolute;
        left: 42px;
        bottom: 42px;
    }
    
    @media (max-width: 1399px) {
        .includeai__section .include__elements {
            left: 0;
            bottom: 0;
        }
    }
    
    .includeai__section .include__elements3d {
        position: absolute;
        top: 87px;
        left: 200px;
        animation: cir360 15s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .includeai__section .include__elements3d {
            left: 40px;
            top: 40px;
        }
    }
    
    @media (max-width: 767px) {
        .includeai__section .include__elements3d {
            display: none;
        }
    }
    
    .includeai__section .include__blumb {
        position: absolute;
        right: 110px;
        bottom: 70px;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .includeai__section .include__blumb {
            right: 40px;
            bottom: 40px;
        }
    }
    
    @media (max-width: 575px) {
        .includeai__section .include__blumb {
            display: none;
        }
    }
    
    .include__cheack {
        position: relative;
    }
    
    .include__cheack .threeroune {
        position: absolute;
        right: 150px;
        top: 60px;
        width: 20px;
        animation: cir360 5s linear infinite;
    }
    
    .include__cheack .threeroune img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .include__cheack .threeroune {
            right: 20px;
        }
    }
    
    .include__cheack .include__null {
        position: absolute;
        bottom: 0;
        right: 100px;
        animation: cir360 12s linear infinite;
    }
    
    @media (max-width: 991px) {
        .include__cheack .include__null {
            right: 0;
            bottom: 50px;
        }
    }
    
    .include__cheack .about__chack li .icon {
        /* width: 49px; */
        height: 35px;
        padding: 0px 7px;
        border-radius: 5px;
        background: #ECEAFE;
        text-align: center;
        line-height: 45px;
    }
    
    .include__cheack .about__chack li .icon i {
        color: #2A1D95;
    }
    
    .include__cheack .about__chack li span {
        line-height: 32px;
        color: #fff;
    }
    
    .include__cheack .about__chack li:nth-child(2) .icon i {
        color: #630A0A;
    }
    
    .include__cheack .about__chack li:nth-child(3) .icon i {
        color: #00381D;
    }
    
    .include__cheack .about__chack li:nth-child(4) .icon {
        background: #F0EDE6;
    }
    
    .include__cheack .about__chack li:nth-child(4) .icon i {
        color: #412D00;
    }
    
    .include__boxes {
        position: relative;
        z-index: 1;
    }
    
    @media (max-width: 991px) {
        .include__boxes {
            margin-top: 35px;
        }
    }
    
    .include__boxes .inclue__box {
        border: 1px solid var(--boxborder);
        background: var(--box1);
        display: flex;
        align-items: center;
        border-radius: 5px;
        padding: 20px 24px;
        gap: 15px 24px;
        transition: all 0.4s;
    }
    
    .include__boxes .inclue__box:not(:last-child) {
        margin-bottom: 40px;
    }
    
    .include__boxes .inclue__box:nth-child(2) {
        background: var(--box2);
        border: 1px solid var(--planbuttonborder);
    }
    
    .include__boxes .inclue__box:nth-child(2) .icnos {
        border: 1px solid var(--planbuttonborder);
        background: var(--inbox2);
    }
    
    @media (min-width: 1200px) {
        .include__boxes .inclue__box:nth-child(2) {
            transform: translateX(50px);
        }
    }
    
    .include__boxes .inclue__box:nth-child(3) {
        background: var(--inbox4);
        border: 1px solid var(--inborder);
    }
    
    .include__boxes .inclue__box:nth-child(3) .icnos {
        border: 1px solid var(--inborder);
        background: var(--inbox3);
    }
    
    .include__boxes .inclue__box .icnos {
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 50px;
        background: var(--inbox1);
        border: 1px solid var(--boxborder);
        border-radius: 5px;
    }
    
    .include__boxes .inclue__box .content {
        width: calc(100% - 60px);
    }
    
    .include__boxes .inclue__box .content h4 {
        color: var(--themetext);
        margin-bottom: 8px;
    }
    
    .include__boxes .inclue__box .content h4 a {
        color: var(--themetext);
    }
    
    .include__boxes .inclue__box .content p {
        color: var(--countptext);
        font-size: 16px;
    }
    
    @media (max-width: 500px) {
        .include__boxes .inclue__box {
            padding: 15px 15px;
            gap: 0 15px;
        }
        .include__boxes .inclue__box:not(:last-child) {
            margin-bottom: 25px;
        }
        .include__boxes .inclue__box .content h4 {
            font-size: 1.2em;
            margin-bottom: 5px;
        }
    }
    
    .include__boxes .inclue__box:hover {
        box-shadow: 1px 1px 2px 1px var(--base);
    }
    
    @media (min-width: 1200px) {
        .include__aicloud__wrapper .include__boxes .inclue__box:nth-child(2) {
            transform: translateX(0px) !important;
        }
    }
    
    .include__ml__section {
        position: relative;
        overflow: hidden;
    }
    
    .include__ml__section .include__elements {
        width: 80px;
    }
    
    .include__ml__section .include__elements img {
        width: 100%;
    }
    
    @media (max-width: 575px) {
        .include__ml__section .include__elements {
            width: 30px;
        }
    }
    
    .include__ml__section .include__spring {
        position: absolute;
        top: 60px;
        right: 60px;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .include__ml__section .include__spring {
            top: 30px;
        }
    }
    
    @media (max-width: 575px) {
        .include__ml__section .include__spring {
            width: 40px;
            top: 20px;
            right: 20px;
        }
        .include__ml__section .include__spring img {
            width: 100%;
        }
    }
    
    .include__ml__section .redlight1 {
        position: absolute;
        right: 300px;
        bottom: 60px;
    }
    
    .include__ml__section .redlight2 {
        position: absolute;
        left: 220px;
        top: 60px;
    }
    
    @media (max-width: 767px) {
        .include__ml__section .redlight2 {
            left: 20px;
            top: 20px;
        }
    }
    
    @media (max-width: 991px) {
        .include__ml__section .include__elements {
            width: 40px;
            bottom: 10px;
            left: 10px;
        }
    }
    
    .include__grid__boxes .inclue__box {
        display: grid;
    }
    
    .include__grid__boxes .inclue__box:not(:last-child) {
        margin-bottom: 0;
    }
    
    .include__grid__boxes .inclue__box:nth-child(2) {
        margin-left: 0;
    }
    
    @media (max-width: 500px) {
        .include__grid__boxes .inclue__box .icnos {
            margin-bottom: 15px;
        }
    }
    
    .include__grid__boxes .inclue__box .content {
        width: 100%;
    }
    
    .include__grid__boxes .inclue__box .content h4 a {
        color: var(--themetext);
    }
    
    @media (max-width: 1399px) {
        .include__grid__boxes .inclue__box .content h4 {
            font-size: 1.2em;
        }
    }
    
    @media (max-width: 1199px) {
        .include__grid__boxes .inclue__box .content h4 {
            font-size: 1rem;
        }
    }
    
    @media (max-width: 991px) {
        .include__grid__boxes .inclue__box .content h4 {
            font-size: 1.1em;
        }
    }
    
    .include__grid__boxes .include__box__grid1 {
        background: var(--box2) !important;
        border: 1px solid var(--planbuttonborder) !important;
    }
    
    .include__grid__boxes .include__box__grid1 .icnos {
        border: 1px solid var(--planbuttonborder) !important;
        background: var(--inbox2) !important;
    }
    
    .include__grid__boxes .include__box__grid2 {
        background: var(--inbox4) !important;
        border: 1px solid var(--inborder) !important;
    }
    
    .include__grid__boxes .include__box__grid2 .icnos {
        border: 1px solid var(--inborder) !important;
        background: var(--inbox3) !important;
    }
    
    .include__grid__boxes .include__box__grid3 {
        background: var(--pribox4) !important;
        border: 1px solid #D99D9D !important;
    }
    
    .include__grid__boxes .include__box__grid3 .icnos {
        border: 1px solid var(--inborder) !important;
        background: var(--pricloud4) !important;
    }
    
    .include__grid__boxes .include__box__grid3 .icnos i {
        color: var(--priboxcolor4) !important;
    }
    
    .custom__70 {
        margin-top: 70px;
    }
    
    @media (max-width: 575px) {
        .custom__70 {
            margin-top: 20px;
        }
    }
    
    .include__benefits {
        position: relative;
    }
    
    .include__benefits .bene__element1 {
        position: absolute;
        top: 85px;
        left: 105px;
        animation: rlrl 5s linear infinite;
    }
    
    @media (max-width: 991px) {
        .include__benefits .bene__element1 {
            top: 10px;
            left: 25px;
            width: 40px;
        }
        .include__benefits .bene__element1 img {
            width: 100%;
        }
    }
    
    .include__benefits .bene__blump {
        position: absolute;
        top: 100px;
        right: 100px;
    }
    
    @media (max-width: 991px) {
        .include__benefits .bene__blump {
            width: 30px;
            top: 15px;
            right: 15px;
        }
        .include__benefits .bene__blump img {
            width: 100%;
        }
    }
    
    .include__benefits .bene__blump2 {
        position: absolute;
        right: 196px;
        bottom: 80px;
        width: 30px;
    }
    
    .include__benefits .bene__blump2 img {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .include__benefits .bene__blump2 {
            left: 20px;
        }
    }
    
    .include__benefits .bene__lockyello {
        position: absolute;
        left: 200px;
        bottom: 80px;
    }
    
    @media (max-width: 991px) {
        .include__benefits .bene__lockyello {
            bottom: 30px;
        }
    }
    
    .include__benefits__wrap .owl-nav {
        margin-top: 35px;
    }
    
    @media (max-width: 575px) {
        .include__benefits__wrap .owl-nav {
            margin-top: 20px;
        }
    }
    
    .include__benefits__wrap .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .include__benefits__wrap .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .include__benefits__wrap .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .include__benefits__wrap .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    .include__benefits__wrap .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .include__benefits__wrap .owl-nav button.owl-next i {
        font-size: 29px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .include__benefits__wrap .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .include__benefits__wrap .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    .inclue__benefits__box {
        border: 1px solid var(--boxborder);
        background: var(--box1);
        border-radius: 5px;
        padding: 20px 24px;
        gap: 15px 24px;
        text-align: center;
    }
    
    .inclue__benefits__box .icnos {
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 50px;
        background: var(--inbox1);
        border: 1px solid var(--boxborder);
        border-radius: 5px;
        margin: 0 auto 20px;
        padding: 7px;
    }
    
    .inclue__benefits__box .content {
        text-align: center;
    }
    
    .inclue__benefits__box .content h4 {
        color: var(--themetext);
        margin-bottom: 8px;
    }
    
    .inclue__benefits__box .content p {
        color: var(--themetext);
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .inclue__benefits__box .content .benefits__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }
    
    .inclue__benefits__box .content .benefits__btn span {
        color: var(--robit);
        font-weight: 600;
        font-size: 1rem;
    }
    
    .inclue__benefits__box .content .benefits__btn .icon {
        margin-top: 7px;
    }
    
    .inclue__benefits__box .content .benefits__btn .icon i {
        color: var(--robit);
    }
    
    .benefits__box2 {
        background: var(--box2);
        border: 1px solid var(--planbuttonborder);
    }
    
    .benefits__box2 .icnos {
        border: 1px solid var(--planbuttonborder);
        background: var(--inbox2);
    }
    
    .benefits__box3 {
        background: var(--inbox4);
        border: 1px solid var(--inborder);
    }
    
    .benefits__box3 .icnos {
        border: 1px solid var(--inborder);
        background: var(--inbox3);
    }
    
    .pagination {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .pagination li {
        width: 40px;
        height: 40px;
        border-radius: 5px;
        border: 1px solid #452FF4;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s;
    }
    
    .pagination li .icon {
        margin-top: 5px;
    }
    
    .pagination li a {
        font-size: 16px;
        font-weight: 600;
        color: var(--themetext);
    }
    
    .pagination li a i {
        color: var(--themetext);
        font-size: 19px;
        transition: all 0.4s;
    }
    
    .pagination li:hover {
        background: #452FF4;
    }
    
    .pagination li:hover a {
        color: var(--white);
    }
    
    .pagination li:hover a i {
        color: var(--white);
    }
    
    .make__service__section {
        position: relative;
    }
    
    .make__service__section .airobot {
        position: absolute;
        top: 35px;
        left: 35px;
        animation: rlrl 10s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .make__service__section .airobot {
            width: 110px;
        }
        .make__service__section .airobot img {
            width: 100%;
        }
    }
    
    @media (max-width: 575px) {
        .make__service__section .airobot {
            width: 80px;
            top: 10px;
            left: 10px;
        }
    }
    
    .make__service__section .checkai {
        position: absolute;
        bottom: 35px;
        right: 35px;
        z-index: 1;
    }
    
    @media (max-width: 1399px) {
        .make__service__section .checkai {
            width: 80px;
        }
        .make__service__section .checkai img {
            width: 100%;
        }
    }
    
    @media (max-width: 575px) {
        .make__service__section .checkai {
            width: 55px;
        }
    }
    
    .make__service__section .textgreen__light {
        position: absolute;
        top: 185px;
        right: 30%;
    }
    
    @media (max-width: 1399px) {
        .make__service__section .textgreen__light {
            top: 50px;
            right: 50px;
        }
    }
    
    .make__service__section .light__elegr {
        bottom: 60px;
        left: 20%;
        position: absolute;
    }
    
    .make__service__section .light__element2gr {
        position: absolute;
        top: 60px;
        left: 40%;
    }
    
    @media (max-width: 500px) {
        .make__service__section .light__element2gr {
            display: none;
        }
    }
    
    @media (max-width: 991px) {
        .make__service {
            margin-bottom: 35px;
        }
    }
    
    .make__service .counting__wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 50px;
        justify-content: center;
    }
    
    @media (max-width: 575px) {
        .make__service .counting__wrap {
            gap: 20px;
        }
    }
    
    .make__service .counting__wrap .counter__items {
        margin: 0 auto;
        text-align: center;
    }
    
    .make__service .counting__wrap .counter__items .counter__content .cont {
        justify-content: center;
        margin-bottom: 4px;
    }
    
    .make__service .counting__wrap .counter__items .counter__content .cont .odometer {
        font-size: 2.5rem;
        line-height: 120%;
        font-weight: 600;
        color: var(--themetext);
        padding: 0;
    }
    
    .make__service .counting__wrap .counter__items .counter__content .cont .plus__icon {
        font-size: 2.5rem;
        font-weight: 600;
        color: var(--themetext);
        line-height: 120%;
    }
    
    @media (max-width: 575px) {
        .make__service .counting__wrap .counter__items .counter__content .cont .odometer {
            font-size: 2rem;
        }
        .make__service .counting__wrap .counter__items .counter__content .cont .plus__icon {
            font-size: 2rem;
        }
        .make__service .counting__wrap .counter__items .counter__content p {
            font-size: 0.9rem;
        }
    }
    
    .make__service .counting__wrap .counter__items .counter__content__green .cont .odometer {
        color: var(--basetwo) !important;
    }
    
    .make__service .counting__wrap .counter__items .counter__content__green .cont .plus__icon {
        color: var(--basetwo) !important;
    }
    
    .make__service .counting__wrap .counter__items .counter__content__red .cont .odometer {
        color: var(--themeneed) !important;
    }
    
    .make__service .counting__wrap .counter__items .counter__content__red .cont .plus__icon {
        color: var(--themeneed) !important;
    }
    
    .make__service .counting__wrap .counter__items:nth-child(1) .counter__content .cont .odometer {
        color: var(--base);
    }
    
    .make__service .counting__wrap .counter__items:nth-child(1) .counter__content .cont .plus__icon {
        color: var(--base);
    }
    
    .make__service .counting__wrap .counter__items:nth-child(2) .counter__content .cont .odometer {
        color: var(--basetwo);
    }
    
    .make__service .counting__wrap .counter__items:nth-child(2) .counter__content .cont .plus__icon {
        color: var(--basetwo);
    }
    
    .make__service .counting__wrap .counter__items:nth-child(3) .counter__content .cont .odometer {
        color: var(--basethree);
    }
    
    .make__service .counting__wrap .counter__items:nth-child(3) .counter__content .cont .plus__icon {
        color: var(--basethree);
    }
    
    .make__service .counting__wrap .counter__items p {
        color: var(--countptext);
        font-size: 1rem;
        font-weight: 500;
        display: block;
    }
    
    .make__service .counting__wrap .counting__middle .counter__items:not(:last-child) {
        margin-bottom: 70px;
    }
    
    .hightlight__section__five {
        position: relative;
    }
    
    .hightlight__section__five .j__shape {
        position: absolute;
        bottom: 100px;
        right: 100px;
        animation: cir360 15s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .hightlight__section__five .j__shape {
            bottom: 30px;
            right: 30px;
            width: 80px;
        }
        .hightlight__section__five .j__shape img {
            width: 100%;
        }
    }
    
    @media (max-width: 575px) {
        .hightlight__section__five .j__shape {
            width: 40px;
            bottom: 30px;
        }
    }
    
    .hightlight__section__five .j__ball1 {
        position: absolute;
        bottom: 180px;
        left: 120px;
        width: 40px;
        animation: cir360 15s linear infinite;
    }
    
    .hightlight__section__five .j__ball1 img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .hightlight__section__five .j__ball1 {
            bottom: 30px;
            left: 30px;
        }
    }
    
    @media (max-width: 767px) {
        .hightlight__section__five .j__ball1 {
            left: 20px;
            bottom: 10px;
        }
    }
    
    .hightlight__section__five .j__ball2 {
        position: absolute;
        top: 15%;
        right: 20%;
        width: 40px;
        animation: cir360 15s linear infinite;
    }
    
    .hightlight__section__five .j__ball2 img {
        width: 100%;
    }
    
    @media (max-width: 1199px) {
        .hightlight__section__five .j__ball2 {
            right: 5%;
            top: 5%;
        }
    }
    
    @media (max-width: 767px) {
        .hightlight__section__five .j__ball2 {
            right: 2%;
            top: 1%;
        }
    }
    
    @media (max-width: 991px) {
        .highlight__left__wrap.include__boxes {
            margin-top: 0;
        }
    }
    
    @media (max-width: 991px) {
        .highlight__right__wrap.include__boxes {
            margin-top: 0;
        }
    }
    
    .highlight__left__wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }
    
    .highlight__left__wrap .inclue__box {
        text-align: right;
        position: relative;
        border: none !important;
    }
    
    .highlight__left__wrap .inclue__box .icnos {
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .highlight__left__wrap .inclue__box .icnos i {
        color: var(--cloudicon);
        font-size: 2.5rem;
    }
    
    .highlight__left__wrap .inclue__box:nth-child(1) {
        transform: translateY(-40px);
    }
    
    .highlight__left__wrap .inclue__box:nth-child(1)::before {
        position: absolute;
        bottom: -110px;
        right: -60px;
        content: "";
        background: url(../img/efective/an1.png) no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
    }
    
    @media (max-width: 1199px) {
        .highlight__left__wrap .inclue__box:nth-child(1)::before {
            display: none;
        }
    }
    
    @media (max-width: 991px) {
        .highlight__left__wrap .inclue__box:nth-child(1) {
            transform: translateY(0px);
        }
        .highlight__left__wrap .inclue__box:nth-child(1)::before {
            display: none;
        }
    }
    
    .highlight__left__wrap .inclue__box:nth-child(2) {
        transform: translateY(40px);
    }
    
    .highlight__left__wrap .inclue__box:nth-child(2)::before {
        position: absolute;
        top: -110px;
        right: -60px;
        content: "";
        background: url(../img/efective/an2.png) no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
    }
    
    @media (max-width: 991px) {
        .highlight__left__wrap .inclue__box:nth-child(2) {
            transform: translateY(0px);
            margin-top: 25px;
        }
        .highlight__left__wrap .inclue__box:nth-child(2)::before {
            display: none;
        }
    }
    
    .highlight__right__wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }
    
    .highlight__right__wrap .inclue__box {
        border: none !important;
    }
    
    .highlight__right__wrap .inclue__box:nth-child(1) {
        transform: translateY(60px);
    }
    
    @media (max-width: 1399px) {
        .highlight__right__wrap .inclue__box:nth-child(1) {
            transform: translateY(0px);
        }
    }
    
    @media (max-width: 1199px) {
        .highlight__right__wrap .inclue__box:nth-child(1) {
            transform: translateY(-40px);
        }
    }
    
    .highlight__right__wrap .inclue__box:nth-child(1)::before {
        position: absolute;
        bottom: -75px;
        left: -60px;
        content: "";
        background: url(../img/efective/an3.png) no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
    }
    
    @media (max-width: 991px) {
        .highlight__right__wrap .inclue__box:nth-child(1) {
            transform: translateY(0px);
        }
        .highlight__right__wrap .inclue__box:nth-child(1)::before {
            display: none;
        }
    }
    
    .highlight__right__wrap .inclue__box:nth-child(2) {
        transform: translateY(-60px);
    }
    
    @media (max-width: 1399px) {
        .highlight__right__wrap .inclue__box:nth-child(2) {
            transform: translateY(0px);
        }
    }
    
    @media (max-width: 1199px) {
        .highlight__right__wrap .inclue__box:nth-child(2) {
            transform: translateY(40px);
        }
    }
    
    .highlight__right__wrap .inclue__box:nth-child(2)::before {
        position: absolute;
        top: -75px;
        left: -60px;
        content: "";
        background: url(../img/efective/an4.png) no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
    }
    
    @media (max-width: 991px) {
        .highlight__right__wrap .inclue__box:nth-child(2) {
            transform: translateY(0px);
            margin-top: 25px;
        }
        .highlight__right__wrap .inclue__box:nth-child(2)::before {
            display: none;
        }
    }
    
    .highlight__thumb {
        width: 100%;
        padding: 20px 50px;
    }
    
    @media (max-width: 1199px) {
        .highlight__thumb {
            padding: 10px 10px;
        }
    }
    
    @media (max-width: 991px) {
        .highlight__thumb {
            padding: 25px 0;
        }
    }
    
    .highlight__thumb img {
        width: 100%;
        border-radius: 5px;
    }
    
    .professional__section {
        position: relative;
        overflow: hidden;
    }
    
    .professional__section::before {
        position: absolute;
        top: 0px;
        left: 0px;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.4;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .professional__section::before {
            width: 250px;
        }
    }
    
    .professional__section::after {
        position: absolute;
        bottom: -50px;
        right: -50px;
        content: "";
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.3;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .professional__section::after {
            width: 250px;
        }
    }
    
    .professional__section .jeb__round {
        position: absolute;
        bottom: 60px;
        left: 80px;
        width: 60px;
        animation: cir360 15s linear infinite;
    }
    
    .professional__section .jeb__round img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .professional__section .jeb__round {
            left: 10px;
            bottom: 10px;
            width: 40px;
        }
    }
    
    .professional__section .threed__round {
        position: absolute;
        top: 90px;
        left: 240px;
        animation: cir360 15s linear infinite;
        width: 40px;
        opacity: 0.5;
    }
    
    .professional__section .threed__round img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .professional__section .threed__round {
            width: 30px;
            left: 20px;
            top: 20px;
        }
    }
    
    .professional__section .threed__round2 {
        position: absolute;
        top: 50%;
        right: 120px;
        animation: cir360 15s linear infinite;
        width: 50px;
    }
    
    .professional__section .threed__round2 img {
        width: 100%;
        opacity: 0.5;
    }
    
    @media (max-width: 1399px) {
        .professional__section .threed__round2 {
            top: 1%;
            right: 20px;
        }
    }
    
    @media (max-width: 500px) {
        .professional__section .threed__round2 {
            display: none;
        }
    }
    
    .professional__content {
        position: relative;
        z-index: 1;
    }
    
    .professional__content .promap1 {
        position: absolute;
        top: -60px;
        right: -60px;
        z-index: -1;
    }
    
    @media (max-width: 991px) {
        .professional__content {
            margin-bottom: 30px;
        }
    }
    
    .professional__right__content {
        position: relative;
    }
    
    .professional__right__content .promap2 {
        position: absolute;
        left: 0;
        top: -60px;
    }
    
    .professional__right__content .progr__wrap .progressbar {
        position: relative;
    }
    
    @media (max-width: 1199px) {
        .professional__right__content .progr__wrap .progressbar svg {
            width: 130px;
            height: 130px;
        }
    }
    
    .professional__right__content .progr__wrap .progressbar svg path {
        fill: var(--progra1);
    }
    
    .professional__right__content .progr__wrap .progressbar svg .pathtwo {
        fill: var(--prostock);
    }
    
    .professional__right__content .progr__wrap .progressbar .content__box {
        position: absolute;
        text-align: center;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    
    .professional__right__content .progr__wrap .progressbar .content__box .count {
        display: block;
        color: var(--progra1);
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 8px;
    }
    
    @media (max-width: 1199px) {
        .professional__right__content .progr__wrap .progressbar .content__box .count {
            font-size: 1.5rem;
        }
    }
    
    .professional__right__content .progr__wrap .progressbar .content__box .text {
        font-size: 1rem;
        font-weight: 500;
        color: var(--com);
        font-size: 0.9rem;
    }
    
    .professional__right__content .progr__wrap .progressbar:nth-child(2) svg path {
        fill: var(--progra2);
    }
    
    .professional__right__content .progr__wrap .progressbar:nth-child(2) svg .pathtwo {
        fill: var(--prostock2);
    }
    
    .professional__right__content .progr__wrap .progressbar:nth-child(2) .content__box .count {
        color: var(--progra2);
    }
    
    .professional__right__content .progr__wrap .progressbar:nth-child(2) .content__box .text {
        color: var(--com);
    }
    
    .professional__right__content .progr__wrap .progressbar:nth-child(3) svg path {
        fill: var(--progra3);
    }
    
    .professional__right__content .progr__wrap .progressbar:nth-child(3) svg .pathtwo {
        fill: var(--prostock3);
    }
    
    .professional__right__content .progr__wrap .progressbar:nth-child(3) .content__box .count {
        color: var(--progra3);
    }
    
    .professional__right__content .progr__wrap .progressbar:nth-child(3) .content__box .text {
        color: var(--com);
    }
    
    @media (max-width: 500px) {
        .professional__right__content .progr__wrap {
            flex-wrap: wrap;
            justify-content: center;
        }
    }
    
    .project__count {
        overflow: hidden;
        position: relative;
    }
    
    .project__count::before {
        position: absolute;
        top: -200px;
        left: -200px;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.4;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .project__count::before {
            width: 250px;
        }
    }
    
    .project__count::after {
        position: absolute;
        bottom: -200px;
        right: -200px;
        content: "";
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.4;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .project__count::after {
            width: 250px;
        }
    }
    
    .project__count__wrap {
        position: relative;
    }
    
    .project__count__wrap .project__map {
        position: absolute;
        top: 0;
        right: 50%;
        transform: translate(50%);
        width: 1170px;
    }
    
    .project__count__wrap .project__map img {
        width: 100%;
        height: 100%;
    }
    
    .project__head {
        position: relative;
        z-index: 1;
    }
    
    .project__head .section__header {
        max-width: 650px;
    }
    
    .project__count__items {
        position: relative;
        z-index: 1;
    }
    
    .project__count__items .icon {
        background: var(--coutbg1);
        width: 48px;
        height: 48px;
        border-radius: 5px;
        line-height: 64px;
        border: 1px solid var(--boxborder);
        text-align: center;
        margin: 0 auto 16px;
    }
    
    @media (max-width: 991px) {
        .project__count__items .icon {
            margin: 0 auto 0px;
        }
    }
    
    .project__count__items .icon i {
        font-size: 32px;
        color: var(--base);
    }
    
    .project__count__items .icon2 {
        background: var(--coutbg2);
        border: 1px solid var(--planbuttonborder);
    }
    
    .project__count__items .icon2 i {
        color: var(--basetwo);
    }
    
    .project__count__items .icon3 {
        background: var(--coutbg3);
        border: 1px solid var(--coubor1);
    }
    
    .project__count__items .icon3 i {
        color: var(--themeneed);
    }
    
    .project__count__items .icon4 {
        background: var(--coutbg4);
        border: 1px solid var(--inborder);
    }
    
    .project__count__items .icon4 i {
        color: var(--basethree);
    }
    
    .project__count__items .counter__items {
        text-align: center;
    }
    
    .project__count__items .counter__items .counter__content .cont {
        justify-content: center;
    }
    
    .project__count__items .counter__items .counter__content .cont .odometer {
        font-size: 2.5rem;
        margin-bottom: 4px;
        color: var(--base);
        font-weight: 600;
    }
    
    @media (max-width: 991px) {
        .project__count__items .counter__items .counter__content .cont .odometer {
            margin-bottom: -5px;
        }
    }
    
    .project__count__items .counter__items .counter__content .cont .plus__icon {
        font-size: 2.5rem;
        color: var(--base);
        font-weight: 600;
        margin-top: -6px;
    }
    
    .project__count__items .counter__items p {
        font-size: 1rem;
        color: var(--countptext);
    }
    
    .project__count__items .counter__items2 .counter__content .cont .odometer {
        color: var(--basetwo);
    }
    
    .project__count__items .counter__items2 .counter__content .cont .plus__icon {
        color: var(--basetwo);
    }
    
    .project__count__items .counter__items3 .counter__content .cont .odometer {
        color: var(--themeneed);
    }
    
    .project__count__items .counter__items3 .counter__content .cont .plus__icon {
        color: var(--themeneed);
    }
    
    .project__count__items .counter__items4 .counter__content .cont .odometer {
        color: var(--basethree);
    }
    
    .project__count__items .counter__items4 .counter__content .cont .plus__icon {
        color: var(--basethree);
    }
    
    .project__qustion {
        position: relative;
        z-index: 1;
        background: rgba(69, 47, 244, 0.05);
        border-radius: 5px;
        border: 1px solid var(--box1);
        padding: 40px 40px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 20px 10px;
    }
    
    @media (max-width: 575px) {
        .project__qustion {
            padding: 30px 20px;
        }
    }
    
    .project__qustion h5 {
        color: var(--themetext);
        margin-bottom: 8px;
    }
    
    .project__qustion p {
        color: var(--themetext);
        font-size: 16px;
    }
    
    .blog__details__left .machine__learning__box .content {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    
    @media (max-width: 575px) {
        .blog__details__left .machine__learning__box .content {
            padding-right: 10px !important;
            padding-left: 10px !important;
        }
    }
    
    .blog__details__left .machine__learning__box .content .headtext {
        color: var(--themetext);
    }
    
    @media (max-width: 991px) {
        .blog__details__left .machine__learning__box .content .headtext {
            font-size: 32px;
            line-height: 45px;
        }
    }
    
    @media (max-width: 767px) {
        .blog__details__left .machine__learning__box .content .headtext {
            font-size: 26px;
            line-height: 36px;
        }
    }
    
    @media (max-width: 500px) {
        .blog__details__left .machine__learning__box .content .headtext {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 1px;
        }
    }
    
    .blog__details__left .machine__learning__box .content .admin__wrap {
        display: flex;
        align-items: center;
        gap: 10px 32px;
        margin-top: 30px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(69, 47, 244, 0.1);
    }
    
    @media (max-width: 500px) {
        .blog__details__left .machine__learning__box .content .admin__wrap {
            flex-wrap: wrap;
        }
    }
    
    .blog__details__left .machine__learning__box .content .admin__wrap li {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .blog__details__left .machine__learning__box .content .admin__wrap li .icon {
        margin-top: 5px;
    }
    
    .blog__details__left .machine__learning__box .content .admin__wrap li .icon i {
        font-size: 20px;
        color: var(--achackcion);
    }
    
    .blog__details__left .machine__learning__box .content .admin__wrap li span {
        font-size: 18px;
        font-weight: 400;
        color: var(--place2);
    }
    
    .blog__details__left .machine__learning__box .content .touch__standard {
        display: flex;
        align-items: center;
        gap: 20px 40px;
        padding: 28px 0;
    }
    
    .blog__details__left .machine__learning__box .content .touch__standard .thumb img {
        border-radius: 5px;
    }
    
    @media (max-width: 500px) {
        .blog__details__left .machine__learning__box .content .touch__standard .thumb {
            width: 100%;
        }
        .blog__details__left .machine__learning__box .content .touch__standard .thumb img {
            width: 100%;
        }
    }
    
    .blog__details__left .machine__learning__box .content .touch__standard .touch__box .ttext {
        margin-bottom: 20px;
    }
    
    @media (max-width: 1199px) {
        .blog__details__left .machine__learning__box .content .touch__standard {
            gap: 20px 0px;
            flex-wrap: wrap;
        }
        .blog__details__left .machine__learning__box .content .touch__standard .thumb {
            width: 100%;
        }
    }
    
    .blog__details__left .machine__learning__box .content .video__thumb {
        margin: 28px 0;
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .blog__details__left .machine__learning__box .content .video__thumb::before {
        position: absolute;
        content: "";
        inset: 0;
        width: 100%;
        background: rgba(28, 72, 72, 0.4);
    }
    
    .blog__details__left .machine__learning__box .content .video__thumb img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }
    
    .blog__details__left .machine__learning__box .content .video__thumb .video-btn {
        display: block;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: var(--intellicon);
        text-align: center;
        line-height: 70px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        transition: all 0.4s;
    }
    
    .blog__details__left .machine__learning__box .content .video__thumb .video-btn i {
        font-size: 29px;
        color: var(--themetext);
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid rgba(69, 47, 244, 0.1);
        padding-top: 24px;
        margin-top: 28px;
    }
    
    @media (max-width: 500px) {
        .blog__details__left .machine__learning__box .content .standard__footer {
            display: grid;
            gap: 15px;
        }
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .standard___btn {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .standard___btn .icon {
        margin-top: 6px;
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .standard___btn .icon i {
        font-size: 22px;
        color: var(--themetext);
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .standard___btn span {
        font-weight: 600;
        color: var(--themetext);
        font-size: 1rem;
        color: var(--themetext);
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .standard___btn2 {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .standard___btn2 .icon {
        margin-top: 6px;
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .standard___btn2 .icon i {
        font-size: 22px;
        color: var(--achackcion);
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .standard___btn2 span {
        font-weight: 600;
        color: var(--achackcion);
        font-size: 1rem;
        color: var(--achackcion);
    }
    
    .blog__details__left .machine__learning__box .content .standard__footer .social__standard {
        padding-bottom: 0;
        padding-left: 0;
    }
    
    .service__details__left .machine__learning__box {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        background: var(--machinelearning);
        padding: 8px;
    }
    
    .service__details__left .machine__learning__box .details__thumb {
        margin-bottom: 40px;
        width: 100%;
    }
    
    .service__details__left .machine__learning__box .details__thumb img {
        width: 100%;
        border-radius: 5px;
    }
    
    @media (max-width: 767px) {
        .service__details__left .machine__learning__box .details__thumb {
            margin-bottom: 20px;
        }
    }
    
    .service__details__left .machine__learning__box .content {
        border-bottom: 1px solid rgba(69, 47, 244, 0.1);
        padding-bottom: 24px;
        margin-bottom: 24px;
        padding-right: 28px;
        padding-left: 28px;
    }
    
    @media (max-width: 767px) {
        .service__details__left .machine__learning__box .content {
            padding-right: 8px;
            padding-left: 8px;
        }
    }
    
    .service__details__left .machine__learning__box .content .title1 {
        margin-bottom: 20px;
        color: var(--prightercolor);
    }
    
    @media (max-width: 575px) {
        .service__details__left .machine__learning__box .content .title1 {
            font-size: 32px;
            margin-bottom: 15px;
        }
    }
    
    @media (max-width: 500px) {
        .service__details__left .machine__learning__box .content .title1 {
            font-size: 28px;
        }
    }
    
    .service__details__left .machine__learning__box .content .text1 {
        margin-bottom: 5px;
    }
    
    .service__details__left .machine__learning__box .content p {
        font-size: 16px;
        color: var(--prightercolor);
    }
    
    .service__details__left .machine__learning__box .content .more__details__mid {
        padding: 24px 0;
        width: 100%;
    }
    
    .service__details__left .machine__learning__box .content .more__details__mid img {
        width: 100%;
        border-radius: 5px;
    }
    
    .service__details__left .machine__learning__box .content .more__details__thumb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        padding: 24px 0;
    }
    
    .service__details__left .machine__learning__box .content .more__details__thumb .more__details__item {
        width: 47.5%;
        max-width: 100%;
        border-radius: 5px;
    }
    
    .service__details__left .machine__learning__box .content .more__details__thumb .more__details__item img {
        width: 100%;
        border-radius: 5px;
    }
    
    @media (max-width: 500px) {
        .service__details__left .machine__learning__box .content .more__details__thumb .more__details__item {
            width: 100%;
        }
    }
    
    .service__details__left .machine__learning__box .content .machine__listing {
        margin-bottom: 8px;
    }
    
    .service__details__left .machine__learning__box .content .machine__listing li {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    
    .service__details__left .machine__learning__box .content .machine__listing li:not(:last-child) {
        margin-bottom: 4px;
    }
    
    .service__details__left .machine__learning__box .content .machine__listing li span {
        font-size: 16px;
        color: var(--prightercolor);
    }
    
    .service__details__left .machine__learning__box .describtion__reviews .nav {
        display: flex;
        align-items: center;
        gap: 20px;
        border: none;
    }
    
    .service__details__left .machine__learning__box .describtion__reviews .nav .nav-item {
        border: none;
    }
    
    .service__details__left .machine__learning__box .describtion__reviews .nav .nav-item .nav-link {
        font-size: 18px;
        font-weight: 500;
        color: var(--themetext);
        border: none;
        padding: 0;
    }
    
    .service__details__left .machine__learning__box .describtion__reviews .nav .nav-item .nav-link.active {
        color: var(--base);
        text-decoration: underline;
        background: transparent;
    }
    
    .service__details__left .machine__learning__box .social__standard {
        padding-left: 28px;
        padding-bottom: 28px;
    }
    
    .service__details__left .write__review__wrap {
        margin-top: 40px;
    }
    
    .service__details__left .write__review__wrap .title {
        margin-bottom: 28px;
        color: var(--themetext);
    }
    
    .service__details__left .write__review__wrap form input {
        width: 100%;
        background: rgba(69, 47, 244, 0.05);
        border: 1px solid rgba(69, 47, 244, 0.1);
        padding: 12px 24px;
        color: #42526D;
    }
    
    .service__details__left .write__review__wrap form ::placeholder {
        color: #42526D;
    }
    
    .service__details__left .write__review__wrap form textarea {
        background: rgba(69, 47, 244, 0.05);
        border: 1px solid rgba(69, 47, 244, 0.1);
        padding: 12px 24px;
        color: #42526D;
        outline: none;
        box-shadow: none;
    }
    
    .service__details__left .write__review__wrap form .cmn--btn {
        width: 160px;
        border: none;
        outline: none;
        margin-left: 10px;
    }
    
    @media (max-width: 991px) {
        .service__details__left {
            margin-bottom: 35px;
        }
    }
    
    .social__standard {
        display: flex;
        align-items: center;
        gap: 5px 12px;
    }
    
    .social__standard .social__item .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -4px;
    }
    
    .social__standard li {
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--soc1);
        border: 1px solid var(--socbor1);
    }
    
    .social__standard li a {
        display: block;
    }
    
    .social__standard li a i {
        color: var(--base);
        font-size: 20px;
    }
    
    .social__standard li:nth-child(2) {
        background: var(--soc2);
        border-color: var(--socbor2);
    }
    
    .social__standard li:nth-child(2) a i {
        color: var(--basetwo);
    }
    
    .social__standard li:nth-child(3) {
        background: var(--soc3);
        border-color: var(--socbor3);
    }
    
    .social__standard li:nth-child(3) a i {
        color: var(--basethree);
    }
    
    .social__standard li:nth-child(4) {
        background: var(--soc4);
        border-color: var(--socbor4);
    }
    
    .social__standard li:nth-child(4) a i {
        color: var(--themeneed);
    }
    
    .describtion__reviews {
        padding: 0px 28px;
    }
    
    @media (max-width: 500px) {
        .describtion__reviews {
            padding: 0 8px;
        }
    }
    
    .reviews__boxes {
        padding: 12px 0;
        display: flex;
        gap: 20px;
    }
    
    .reviews__boxes .review-content .name__ratting {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 8px;
    }
    
    .reviews__boxes .review-content .name__ratting .name {
        color: var(--themetext);
        font-weight: 500;
    }
    
    .reviews__boxes .review-content .name__ratting .time {
        color: #42526D;
        font-size: 16px;
    }
    
    .reviews__boxes .review-content .name__ratting .ratting {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .reviews__boxes .review-content .name__ratting .ratting span i {
        color: var(--intellicon);
        font-size: 16px;
    }
    
    @media (max-width: 500px) {
        .reviews__boxes .review-content .name__ratting {
            flex-wrap: wrap;
            gap: 5px 10px;
        }
    }
    
    .reviews__boxes .review-content p {
        font-size: 16px;
        font-weight: 400;
        color: #42526D;
        margin-bottom: 8px;
    }
    
    .reviews__boxes .review-content .view__btn {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .reviews__boxes .review-content .view__btn span {
        font-size: 16px;
        font-weight: 600;
        color: var(--base);
    }
    
    .reviews__boxes .review-content .view__btn .icon {
        margin-top: 10px;
    }
    
    .reviews__boxes .review-content .view__btn .icon i {
        color: var(--base);
        font-size: 20px;
    }
    
    @media (max-width: 500px) {
        .reviews__boxes {
            gap: 10px;
            flex-wrap: wrap;
        }
    }
    
    .describtion__text {
        color: var(--themetext);
        font-size: 16px;
        padding: 10px 10px;
    }
    
    .common__item {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        background: var(--white);
        padding: 24px 24px 24px;
    }
    
    @media (max-width: 1199px) {
        .common__item {
            padding: 20px 15px;
        }
    }
    
    @media (max-width: 500px) {
        .common__item {
            padding: 20px 15px;
        }
    }
    
    .common__item:not(:last-child) {
        margin-bottom: 24px;
    }
    
    .common__item h4 {
        margin-bottom: 20px;
        color: var(--themetext);
    }
    
    .common__item .title {
        border-bottom: 1px solid var(--priceborder);
        padding-bottom: 16px;
        margin-bottom: 20px;
    }
    
    .common__item form {
        display: flex;
        border-radius: 5px;
        align-items: center;
        justify-content: space-between;
        background: rgba(69, 47, 244, 0.05);
        border: 1px solid rgba(69, 47, 244, 0.1);
    }
    
    .common__item form input {
        width: 100%;
        border-radius: 5px;
        padding: 12px 20px;
        border: none;
        outline: none;
        background: transparent;
        color: #42526D;
    }
    
    .common__item form ::placeholder {
        color: #42526D;
    }
    
    .common__item form button {
        margin-right: 10px;
        margin-top: 8px;
        background: none;
        border: none;
        outline: none;
    }
    
    .common__item form button i {
        color: var(--base);
        font-size: 20px;
    }
    
    .common__item .service__link__wrap a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 15px 20px;
        border: 1px solid rgba(69, 47, 244, 0.1);
        border-radius: 5px;
        transition: all 0.4s;
    }
    
    .common__item .service__link__wrap a .icon {
        background: rgba(69, 47, 244, 0.05);
        border: 1px solid rgba(69, 47, 244, 0.1);
        border-radius: 5px;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .common__item .service__link__wrap a span {
        font-size: 18px;
        font-weight: 500;
        color: var(--com);
        font-family: "Inter", sans-serif;
        transition: all 0.4s;
    }
    
    @media (max-width: 500px) {
        .common__item .service__link__wrap a span {
            font-size: 16px;
        }
    }
    
    .common__item .service__link__wrap a:not(:last-child) {
        margin-bottom: 16px;
    }
    
    .common__item .service__link__wrap a:hover {
        background: var(--base);
    }
    
    .common__item .service__link__wrap a:hover .icon {
        background: var(--cswitch);
    }
    
    .common__item .service__link__wrap a:hover span {
        color: var(--white);
    }
    
    .common__item .recent__wrap .recent__items {
        display: flex;
        align-items: center;
        gap: 9px 20px;
    }
    
    .common__item .recent__wrap .recent__items .recent__content {
        width: calc(100% - 150px);
    }
    
    .common__item .recent__wrap .recent__items .recent__content h6 {
        color: var(--themetext);
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 500;
        font-family: "Inter";
        line-height: 150%;
    }
    
    @media (max-width: 500px) {
        .common__item .recent__wrap .recent__items .recent__content h6 {
            font-size: 14px;
            margin-bottom: 0;
        }
    }
    
    .common__item .recent__wrap .recent__items .recent__content .date {
        font-size: 16px;
        color: #452FF4;
    }
    
    @media (max-width: 500px) {
        .common__item .recent__wrap .recent__items .recent__content .date {
            font-size: 14px;
        }
    }
    
    .common__item .recent__wrap .recent__items .recent__content .recent__btn {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .common__item .recent__wrap .recent__items .recent__content .recent__btn span {
        color: var(--achackcion);
        font-size: 1rem;
        font-weight: 600;
        line-height: 26px;
    }
    
    .common__item .recent__wrap .recent__items .recent__content .recent__btn .icon {
        margin-top: 6px;
    }
    
    .common__item .recent__wrap .recent__items .recent__content .recent__btn .icon i {
        font-size: 18px;
        color: var(--achackcion);
    }
    
    .common__item .recent__wrap .recent__items:not(:last-child) {
        margin-bottom: 24px;
    }
    
    .common__item .recent__wrap .recent__items .thumb {
        display: block;
        width: 150px;
    }
    
    .common__item .recent__wrap .recent__items .thumb img {
        width: 100%;
        border-radius: 5px;
    }
    
    @media (max-width: 1199px) {
        .common__item .recent__wrap .recent__items {
            gap: 9px 12px;
        }
        .common__item .recent__wrap .recent__items .thumb {
            width: 100px;
        }
        .common__item .recent__wrap .recent__items .recent__content {
            width: calc(100% - 100px);
        }
    }
    
    .common__item .popular__tag {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px;
    }
    
    .common__item .popular__tag li a {
        display: inline-block;
        background: var(--oddbg);
        padding: 12px 20px;
        border: 1px solid var(--place2bor);
        border-radius: 5px;
        color: var(--themetext);
        font-size: 16px;
    }
    
    .comments__wrap {
        background: var(--comments);
        padding: 28px 28px;
        border: 1px solid var(--place2bor);
        border-radius: 5px;
    }
    
    @media (max-width: 575px) {
        .comments__wrap {
            padding: 20px 15px;
        }
    }
    
    .comments__wrap h3 {
        color: var(--themetext);
        padding-bottom: 40px;
        border-bottom: 1px solid var(--place2bor);
    }
    
    @media (max-width: 575px) {
        .comments__wrap h3 {
            font-size: 28px;
            padding-bottom: 22px;
        }
    }
    
    .comments__wrap .reviews__boxes:not(:last-child) {
        border-bottom: 1px solid var(--place2bor);
    }
    
    .comments__wrap .reviews__boxes .thumb {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
    
    .comments__wrap .reviews__boxes .thumb img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }
    
    .comments__wrap .reviews__boxes .review-content {
        width: calc(100% - 100px);
    }
    
    @media (max-width: 1199px) {
        .comments__wrap .reviews__boxes .review-content {
            width: 100%;
        }
    }
    
    .comments__wrap .reviews__boxes .review-content .name {
        font-size: 20px;
        font-weight: 500;
    }
    
    .comments__wrap .reviews__boxes .review-content .time {
        font-size: 16px;
    }
    
    .comments__wrap .reviews__boxes .review-content p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .comments__wrap .reviews__boxes .review-content .liked__wrap {
        display: flex;
        align-items: center;
        gap: 40px;
    }
    
    .comments__wrap .reviews__boxes .review-content .liked__wrap li {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .comments__wrap .reviews__boxes .review-content .liked__wrap li span {
        color: var(--robit);
        font-size: 18px;
        font-weight: 400;
    }
    
    .comments__wrap .reviews__boxes .review-content .liked__wrap li .icon {
        margin-top: 6px;
    }
    
    .comments__wrap .reviews__boxes .review-content .liked__wrap li .icon i {
        color: var(--robit);
        font-size: 20px;
    }
    
    .comments__wrap .reviews__boxes .review-content .reply__boxes {
        display: flex;
        align-items: center;
        gap: 10px 20px;
        margin-bottom: 40px;
        margin-top: 24px;
    }
    
    .comments__wrap .reviews__boxes .review-content .reply__boxes .icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }
    
    .comments__wrap .reviews__boxes .review-content .reply__boxes .icon img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }
    
    .comments__wrap .reviews__boxes .review-content .reply__boxes .input__box {
        width: calc(100% - 60px);
    }
    
    .comments__wrap .reviews__boxes .review-content .reply__boxes .input__box input {
        width: 100%;
        outline: none;
        background: var(--repbg);
        border: 1px solid var(--contactinptbor);
        padding: 15px 20px;
        color: var(--placeinput);
        border-radius: 5px;
    }
    
    .comments__wrap .reviews__boxes .review-content .reply__boxes .input__box ::placeholder {
        color: var(--placeinput);
    }
    
    .real__world {
        position: relative;
        overflow: hidden;
    }
    
    .real__world .include__real {
        position: absolute;
        top: 60px;
        left: 105px;
    }
    
    @media (max-width: 1399px) {
        .real__world .include__real {
            top: 20px;
            left: 40px;
        }
    }
    
    @media (max-width: 767px) {
        .real__world .include__real {
            display: none;
        }
    }
    
    .real__world .include__elements {
        position: absolute;
        right: 40px;
        bottom: 40px;
    }
    
    @media (max-width: 1399px) {
        .real__world .include__elements {
            right: 15px;
            bottom: 0;
            width: 80px;
        }
        .real__world .include__elements img {
            width: 100%;
        }
    }
    
    @media (max-width: 500px) {
        .real__world .include__elements {
            width: 40px;
        }
        .real__world .include__elements img {
            width: 100%;
        }
    }
    
    .real__world .include__blumb {
        position: absolute;
        bottom: 120px;
        left: 130px;
        animation: cir360 10s linear infinite;
        width: 60px;
    }
    
    .real__world .include__blumb img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .real__world .include__blumb {
            bottom: 0;
            left: 10px;
        }
    }
    
    @media (max-width: 500px) {
        .real__world .include__blumb {
            width: 40px;
        }
        .real__world .include__blumb img {
            width: 100%;
        }
    }
    
    .real__world .include__blumb2 {
        position: absolute;
        top: 140px;
        right: 120px;
        animation: cir360 10s linear infinite;
        width: 60px;
    }
    
    .real__world .include__blumb2 img {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .real__world .include__blumb2 {
            top: 20px;
            right: 20px;
        }
    }
    
    @media (max-width: 500px) {
        .real__world .include__blumb2 {
            width: 40px;
        }
        .real__world .include__blumb2 img {
            width: 100%;
        }
    }
    
    .realworld__items {
        position: relative;
        z-index: 1;
        padding: 24px 24px 24px;
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        background: var(--white);
        display: flex;
        gap: 24px;
        align-items: center;
        border-right: 4px solid rgba(69, 47, 244, 0.3);
        margin-top: 24px;
        transition: all 0.3s;
    }
    
    .realworld__items .thumb {
        position: relative;
        margin-top: -54px;
        transition: all 0.3s;
        max-width: 238px;
    }
    
    .realworld__items .thumb::before {
        position: absolute;
        inset: 0;
        content: "";
        background: #B3AAFA;
        opacity: 0.2;
        border-radius: 5px;
        transform: scale(0);
        transition: all 0.4s;
    }
    
    .realworld__items .thumb img {
        width: 100%;
        border-radius: 5px;
    }
    
    .realworld__items .thumb .play__btn {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--intellicon);
        text-align: center;
        line-height: 60px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 0%;
        opacity: 0;
        transition: all 0.4s;
    }
    
    .realworld__items .thumb .play__btn i {
        font-size: 26px;
        color: #2A1D95;
    }
    
    .realworld__items .content {
        width: calc(100% - 238px);
    }
    
    .realworld__items .content h6 {
        color: var(--basetwo);
        margin-bottom: 8px;
    }
    
    .realworld__items .content h4 {
        margin-bottom: 8px;
    }
    
    @media (max-width: 991px) {
        .realworld__items .content h4 {
            font-size: 1.3em;
        }
    }
    
    .realworld__items .content h4 a {
        color: var(--countptext);
    }
    
    .realworld__items .content p {
        color: var(--themetext);
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .realworld__items .content .real__btn {
        display: flex;
        gap: 4px;
    }
    
    .realworld__items .content .real__btn span {
        color: var(--base);
        font-size: 1rem;
        font-weight: 600;
    }
    
    .realworld__items .content .real__btn .icon {
        transition: all 0.3s;
        margin-top: 4px;
    }
    
    .realworld__items .content .real__btn .icon i {
        color: var(--base);
        font-size: 18px;
    }
    
    .realworld__items:hover {
        border-right: 4px solid var(--base);
    }
    
    .realworld__items:hover .thumb::before {
        transform: scale(1);
    }
    
    .realworld__items:hover .thumb .play__btn {
        opacity: 1;
        left: 50%;
    }
    
    .realworld__items:hover .content h4 a {
        color: var(--base);
    }
    
    .realworld__items:hover .content .real__btn .icon {
        padding-left: 10px;
    }
    
    @media (max-width: 1199px) {
        .realworld__items {
            flex-wrap: wrap;
        }
        .realworld__items .content {
            width: 100%;
        }
    }
    
    .case__btn {
        text-align: center;
        padding-top: 40px;
    }
    
    @media (max-width: 1399px) {
        .case__btn {
            padding-top: 25px;
        }
    }
    
    .feature__section {
        position: relative;
        overflow: hidden;
    }
    
    .feature__section .feature__rocket {
        position: absolute;
        bottom: 60px;
        left: 60px;
        animation: smothx 5s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .feature__section .feature__rocket {
            opacity: 0.2;
        }
    }
    
    @media (max-width: 575px) {
        .feature__section .feature__rocket {
            display: none;
        }
    }
    
    .feature__section .feature__ai {
        position: absolute;
        top: 80px;
        right: 60px;
    }
    
    @media (max-width: 991px) {
        .feature__section .feature__ai {
            top: 230px;
        }
    }
    
    @media (max-width: 575px) {
        .feature__section .feature__ai {
            display: none;
        }
    }
    
    .feature__section .light__element1 {
        position: absolute;
        top: 195px;
        left: 164px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .feature__section .light__element1 {
            display: none;
        }
    }
    
    .feature__section .light__element2 {
        position: absolute;
        top: 290px;
        left: 40%;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .feature__section .light__element2 {
            display: none;
        }
    }
    
    .feature__section .light__element3 {
        position: absolute;
        top: 55%;
        left: 60%;
        transform: translate(-50%);
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .feature__section .light__element3 {
            display: none;
        }
    }
    
    .feature__section .light__element4 {
        position: absolute;
        bottom: 230px;
        right: 193px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .feature__section .light__element4 {
            display: none;
        }
    }
    
    .feature__thumb {
        width: 100%;
        padding: 10px 30px;
        animation: bns1 5s linear infinite;
    }
    
    .feature__thumb img {
        width: 100%;
    }
    
    @media (max-width: 1199px) {
        .feature__thumb {
            display: none;
        }
    }
    
    .feature__right__align .feature__items {
        text-align: right;
    }
    
    .feature__right__align .feature__items .icon {
        margin: 0 0 0 auto;
    }
    
    @media (max-width: 991px) {
        .feature__right__align .feature__items {
            text-align: left;
        }
        .feature__right__align .feature__items .icon {
            margin: 0 auto 0 0;
        }
    }
    
    .feature__component__wrap {
        position: relative;
        z-index: 1;
    }
    
    .feature__component__wrap .feature__items:not(:last-child) {
        margin-bottom: 40px;
    }
    
    @media (max-width: 991px) {
        .feature__component__wrap .feature__items {
            padding-left: 0;
        }
    }
    
    .feature__component__wrap .feature__items .icon {
        margin-bottom: 16px;
        color: var(--themetext);
        width: 60px;
        height: 60px;
        line-height: 52px;
        text-align: center;
        border-radius: 5px;
        background: var(--base);
    }
    
    .feature__component__wrap .feature__items h4 {
        margin-bottom: 8px;
        color: var(--themetext);
    }
    
    .feature__component__wrap .feature__items p {
        font-size: 1rem;
        color: var(--themetext);
    }
    
    @media (min-width: 1200px) {
        .pl__space {
            padding-right: 40px;
        }
        .pr__space {
            padding-left: 40px;
        }
    }
    
    .feature__work__section {
        position: relative;
        overflow: hidden;
    }
    
    @media (max-width: 1199px) {
        .feature__work__section .row {
            justify-content: center !important;
        }
    }
    
    .feature__work__section .work__element1 {
        position: absolute;
        bottom: 70px;
        left: 80px;
        animation: rlrl 5s linear infinite;
        width: 60px;
    }
    
    .feature__work__section .work__element1 img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .feature__work__section .work__element1 {
            bottom: 20px;
            left: 20px;
        }
    }
    
    @media (max-width: 575px) {
        .feature__work__section .work__element1 {
            display: none;
        }
    }
    
    .feature__work__section .work__lockyello {
        position: absolute;
        top: 100px;
        right: 100px;
        animation: rlrl 7s linear infinite;
    }
    
    @media (max-width: 991px) {
        .feature__work__section .work__lockyello {
            right: 30px;
            top: 30px;
        }
    }
    
    .feature__work__section .work__blump {
        position: absolute;
        top: 120px;
        left: 130px;
        animation: rlrl 10s linear infinite;
    }
    
    @media (max-width: 991px) {
        .feature__work__section .work__blump {
            top: 30px;
            left: 30px;
            width: 35px;
        }
        .feature__work__section .work__blump img {
            width: 100%;
        }
    }
    
    .feature__work__section .work__blump2 {
        position: absolute;
        bottom: 76px;
        right: 200px;
        animation: rlrl 10s linear infinite;
        width: 30px;
    }
    
    .feature__work__section .work__blump2 img {
        width: 100%;
    }
    
    @media (max-width: 1199px) {
        .feature__work__section .work__blump2 {
            bottom: 20px;
        }
    }
    
    .feature__work__items {
        background: #1e2462;
        display: flex;
        padding: 22px 24px 24px;
        border-radius: 5px;
        gap: 12px 20px;
        text-align: right;
        position: relative;
        border: 1px solid var(--tharbor1);
    }
    
    @media (max-width: 1399px) {
        .feature__work__items {
            padding: 20px 10px 20px;
        }
    }
    
    .feature__work__items::before {
        position: absolute;
        right: -120px;
        top: 60px;
        content: "";
        width: 145px;
        height: 60px;
        background: url(../img/feature/v1.png) no-repeat center center;
        background-size: contain;
    }
    
    @media (max-width: 1199px) {
        .feature__work__items::before {
            display: none;
        }
    }
    
    .feature__work__items:nth-child(1) {
        margin-bottom: 150px;
    }
    
    @media (max-width: 1199px) {
        .feature__work__items:nth-child(1) {
            margin-bottom: 40px;
        }
    }
    
    .feature__work__items .content {
        width: calc(100% - 60px);
    }
    
    .feature__work__items .content h5 {
        color: #fff;
        margin-bottom: 4px;
    }
    
    .feature__work__items .content p {
        font-size: 0.9rem;
        color: #fff;
    }
    
    .feature__work__items .icon {
        text-align: center;
        line-height: 55px;
        width: 60px;
        height: 60px;
        border-radius: 5px;
        background: var(--thardbox1);
    }
    
    .feature__work__items:nth-child(2) {
        background: #1e2462;
        border: 1px solid var(--tharbor2);
    }
    
    .feature__work__items:nth-child(2) .icon {
        background: var(--thardbox2);
    }
    
    .feature__work__items2 {
        background: #1e2462;
        display: flex;
        padding: 22px 24px 24px;
        border-radius: 5px;
        gap: 12px 20px;
        position: relative;
        border: 1px solid var(--tharbor3);
    }
    
    @media (max-width: 1399px) {
        .feature__work__items2 {
            padding: 20px 10px 20px;
        }
    }
    
    .feature__work__items2::before {
        position: absolute;
        left: -120px;
        top: 60px;
        content: "";
        width: 145px;
        height: 60px;
        background: url(../img/feature/v2.png) no-repeat center center;
        background-size: contain;
    }
    
    @media (max-width: 1199px) {
        .feature__work__items2::before {
            display: none;
        }
    }
    
    .feature__work__items2:nth-child(1) {
        margin-bottom: 150px;
    }
    
    @media (max-width: 1199px) {
        .feature__work__items2:nth-child(1) {
            margin-bottom: 40px;
        }
    }
    
    .feature__work__items2:nth-child(2) {
        background: #1e2462;
        border: 1px solid var(--tharbor4);
    }
    
    .feature__work__items2:nth-child(2) .icon {
        background: var(--thardbox4);
    }
    
    .feature__work__items2 .content {
        width: calc(100% - 60px);
    }
    
    .feature__work__items2 .content h5 {
        color: #fff;
        margin-bottom: 4px;
    }
    
    .feature__work__items2 .content p {
        font-size: 0.9rem;
        color: #fff;
    }
    
    .feature__work__items2 .icon {
        text-align: center;
        line-height: 55px;
        width: 60px;
        height: 60px;
        border-radius: 5px;
        background: var(--thardbox3);
    }
    
    .feature__work__thumb {
        width: 100%;
        background: #ffffff38;
        border-radius: 7px;
        padding: 15px 15px 15px;
        animation: workdown 5s linear infinite;
    }
    
    @media (max-width: 1199px) {
        .feature__work__thumb {
            margin: 0 auto;
        }
    }
    
    .feature__work__thumb img {
        width: 100%;
    }
    
    .five__work__section {
        position: relative;
        overflow: hidden;
    }
    
    .five__work__section::before {
        position: absolute;
        content: "";
        top: -100px;
        left: -100px;
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.3;
        filter: blur(200px);
    }
    
    .five__work__section::after {
        position: absolute;
        content: "";
        bottom: -100px;
        right: -100px;
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.3;
        filter: blur(200px);
    }
    
    .five__work__section .jav__round {
        position: absolute;
        top: 90px;
        right: 90px;
        width: 80px;
        animation: cir360 15s linear infinite;
    }
    
    .five__work__section .jav__round img {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .five__work__section .jav__round {
            width: 40px;
            top: 20px;
            right: 20px;
        }
    }
    
    .five__work__section .jthred__ball {
        position: absolute;
        bottom: 70px;
        left: 150px;
        opacity: 0.3;
        animation: cir360 10s linear infinite;
        width: 45px;
    }
    
    .five__work__section .jthred__ball img {
        width: 100%;
    }
    
    @media (max-width: 1199px) {
        .five__work__section .jthred__ball {
            display: none;
        }
    }
    
    .five__work__items {
        background: var(--fivewbg1);
        padding: 22px 24px 24px;
        border-radius: 5px;
        gap: 12px 20px;
        border: 1px solid var(--fivewborder1);
        text-align: center;
    }
    
    @media (max-width: 1399px) {
        .five__work__items {
            padding: 20px 10px 20px;
        }
    }
    
    .five__work__items .content h5 {
        color: var(--themetext);
        margin-bottom: 4px;
    }
    
    .five__work__items .content p {
        font-size: 0.9rem;
        color: var(--themetext);
    }
    
    .five__work__items .icon {
        text-align: center;
        line-height: 55px;
        width: 60px;
        height: 60px;
        border-radius: 5px;
        background: var(--fivewbgbox1);
        border: 1px solid var(--fiveicon1bor);
        margin: 0 auto 20px;
    }
    
    .five__work__2 {
        background: var(--fivewbg2);
        border: 1px solid var(--fivewborder2);
        margin-top: 60px;
        position: relative;
    }
    
    @media (max-width: 767px) {
        .five__work__2 {
            margin-top: 2px;
        }
    }
    
    @media (max-width: 1199px) {
        .five__work__2 {
            margin-top: 5px;
        }
    }
    
    .five__work__2 .icon {
        background: var(--fivewbgbox2);
        border: 1px solid var(--fiveicon2bor);
    }
    /* .five__work__2::before {
    position: absolute;
    content: "";
    bottom: -60px;
    left: -150px;
    width: 250px;
    height: 100px;
    background: url(../img/elements/work-element1.png) no-repeat center center;
    background-size: contain;
} */
    
    @media (max-width: 1199px) {
        .five__work__2::before {
            display: none;
        }
    }
    /* .five__work__2::after {
    position: absolute;
    content: "";
    top: -80px;
    right: -20px;
    width: 150px;
    height: 100px;
    background: url(../img/elements/work-element3.png) no-repeat center center;
    background-size: contain;
} */
    
    @media (max-width: 767px) {
        .five__work__2::after {
            display: none;
        }
    }
    
    .five__work__3 {
        background: var(--fivewbg3);
        border: 1px solid var(--fivewborder3);
    }
    
    .five__work__3 .icon {
        background: var(--fivewbgbox3);
        border: 1px solid var(--fiveicon3bor);
    }
    
    .five__work__4 {
        margin-top: 60px;
        background: var(--fivewbg4);
        border: 1px solid var(--fivewborder4);
        position: relative;
    }
    
    @media (max-width: 1199px) {
        .five__work__4 {
            margin-top: 2px;
        }
    }
    
    .five__work__4 .icon {
        background: var(--fivewbgbox4);
        border: 1px solid var(--fiveicon4bor);
    }
    /* .five__work__4::before {
    position: absolute;
    content: "";
    bottom: -60px;
    left: -150px;
    width: 250px;
    height: 100px;
    background: url(../img/elements/work-element2.png) no-repeat center center;
    background-size: contain;
} */
    
    @media (max-width: 1199px) {
        .five__work__4::before {
            display: none;
        }
    }
    
    .qualified__section {
        overflow: hidden;
        position: relative;
    }
    
    .qualified__section::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.3;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .qualified__section::before {
            width: 250px;
        }
    }
    
    .qualified__section::after {
        position: absolute;
        bottom: 0px;
        right: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.4;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .qualified__section::after {
            width: 250px;
        }
    }
    
    .qualified__section .light__element1 {
        position: absolute;
        top: 105px;
        left: 104px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .qualified__section .light__element1 {
            display: none;
        }
    }
    
    .qualified__section .light__element2 {
        position: absolute;
        top: 100px;
        right: 100px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .qualified__section .light__element2 {
            display: none;
        }
    }
    
    .qualified__section .light__element3 {
        position: absolute;
        bottom: 66px;
        right: 20%;
        transform: translate(-50%);
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .qualified__section .light__element3 {
            display: none;
        }
    }
    
    .qualified__content .section__header {
        margin-bottom: 32px;
    }
    
    @media (max-width: 575px) {
        .qualified__content .section__header {
            margin-bottom: 20px;
        }
    }
    
    .qualified__content .counting__wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 0;
        justify-content: space-between;
    }
    
    .qualified__content .counting__wrap .counter__items:not(:last-child) {
        border-right: 1px dashed var(--countright);
        padding-right: 37px;
    }
    
    @media (max-width: 575px) {
        .qualified__content .counting__wrap .counter__items:not(:last-child) {
            padding-right: 0;
            border-right: none;
        }
    }
    
    @media (max-width: 575px) {
        .qualified__content .counting__wrap .counter__items {
            width: 50%;
        }
    }
    
    .qualified__content .counting__wrap .counter__items .counter__content .cont {
        margin-bottom: 4px;
    }
    
    .qualified__content .counting__wrap .counter__items .counter__content .cont .odometer {
        font-size: 2.5rem;
        line-height: 120%;
        font-weight: 600;
        color: var(--themetext);
        padding: 0;
    }
    
    .qualified__content .counting__wrap .counter__items .counter__content .cont .plus__icon {
        font-size: 2.5rem;
        font-weight: 600;
        color: var(--themetext);
        line-height: 120%;
    }
    
    @media (max-width: 575px) {
        .qualified__content .counting__wrap .counter__items .counter__content .cont .odometer {
            font-size: 2rem;
        }
        .qualified__content .counting__wrap .counter__items .counter__content .cont .plus__icon {
            font-size: 2rem;
        }
        .qualified__content .counting__wrap .counter__items .counter__content p {
            font-size: 0.9rem;
        }
    }
    
    .qualified__content .counting__wrap .counter__items:nth-child(1) .counter__content .cont .odometer {
        color: var(--base);
    }
    
    .qualified__content .counting__wrap .counter__items:nth-child(1) .counter__content .cont .plus__icon {
        color: var(--base);
    }
    
    .qualified__content .counting__wrap .counter__items:nth-child(2) .counter__content .cont .odometer {
        color: var(--basetwo);
    }
    
    .qualified__content .counting__wrap .counter__items:nth-child(2) .counter__content .cont .plus__icon {
        color: var(--basetwo);
    }
    
    .qualified__content .counting__wrap .counter__items:nth-child(3) .counter__content .cont .odometer {
        color: var(--basethree);
    }
    
    .qualified__content .counting__wrap .counter__items:nth-child(3) .counter__content .cont .plus__icon {
        color: var(--basethree);
    }
    
    .qualified__content .counting__wrap .counter__items p {
        color: var(--countptext);
        font-size: 1rem;
        font-weight: 500;
        display: block;
    }
    
    @media (max-width: 991px) {
        .qualified__content {
            margin-bottom: 35px;
        }
    }
    
    .qualified__thumb {
        width: initial;
    }
    
    @media (max-width: 991px) {
        .qualified__thumb {
            width: 100%;
        }
        .qualified__thumb img {
            width: 100%;
        }
    }
    
    .condition__terms__tab {
        border: 1px solid var(--success);
        border-radius: 5px;
        padding: 30px;
    }
    
    .condition__terms__tab .nav {
        display: grid;
        border: none;
    }
    
    .condition__terms__tab .nav .nav-item {
        border: none;
    }
    
    .condition__terms__tab .nav .nav-item:not(:last-child) {
        margin-bottom: 15px;
    }
    
    .condition__terms__tab .nav .nav-item .nav-link {
        border: none;
        padding: 0 0;
        background: var(--success);
        width: 100%;
        padding: 10px 5px 12px;
        border-radius: 5px;
        color: var(--white);
        transition: all 0.3s;
    }
    
    .condition__terms__tab .nav .nav-item .nav-link:hover {
        background: var(--base);
    }
    
    .terms__condition__body .same__condition__items:not(:last-child) {
        margin-bottom: 40px;
    }
    
    @media (max-width: 767px) {
        .terms__condition__body .same__condition__items:not(:last-child) {
            margin-bottom: 30px;
        }
    }
    
    .terms__condition__body .text__box__none h2 {
        color: var(--themetext);
        margin-bottom: 20px;
    }
    
    @media (max-width: 767px) {
        .terms__condition__body .text__box__none h2 {
            font-size: 27px;
        }
    }
    
    .terms__condition__body .text__box__none h3 {
        color: var(--themetext);
    }
    
    @media (max-width: 767px) {
        .terms__condition__body .text__box__none h3 {
            font-size: 32px;
        }
    }
    
    .terms__condition__body .text__box__none h4 {
        color: var(--themetext);
    }
    
    .terms__condition__body .text__box__none p {
        color: var(--themetext);
        font-size: 16px;
    }
    
    .terms__condition__body .text__box__none .list {
        margin-top: 25px;
    }
    
    .terms__condition__body .text__box__none .list li {
        font-size: 16px;
        color: var(--themetext);
    }
    
    .terms__condition__body .text__box__none .list li:not(:last-child) {
        margin-bottom: 10px;
    }
    
    .capabilities__section {
        position: relative;
        overflow: hidden;
    }
    
    .capabilities__section .capa__mask {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    @media (max-width: 991px) {
        .capabilities__section .capa__mask {
            opacity: 0.4;
        }
    }
    
    .capabilities__section::before {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 43%;
        width: 100%;
        content: "";
        background: var(--whitebgdark);
    }
    
    .capabilities__section .global__mask {
        position: absolute;
        bottom: 100px;
        left: 100px;
    }
    
    @media (max-width: 1399px) {
        .capabilities__section .global__mask {
            bottom: 50px;
        }
    }
    
    @media (max-width: 767px) {
        .capabilities__section .global__mask {
            display: none;
        }
    }
    
    .capabilities__section .global__mask .light__element1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .capabilities__section .capa__ai {
        position: absolute;
        top: 80px;
        left: 80px;
        width: 80px;
        animation: smothx 5s linear infinite;
    }
    
    .capabilities__section .capa__ai img {
        width: 100%;
    }
    
    .capabilities__section .capa__rocket {
        position: absolute;
        bottom: 150px;
        right: 60px;
        width: 90px;
        animation: smothx 5s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .capabilities__section .capa__rocket {
            bottom: 50px;
        }
    }
    
    @media (max-width: 767px) {
        .capabilities__section .capa__rocket {
            display: none;
        }
    }
    
    .capabilities__section .capa__rocket img {
        width: 100%;
    }
    
    .capabilities__section .light__element1 {
        position: absolute;
        top: 120px;
        right: 140px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .capabilities__section .light__element1 {
            display: none;
        }
    }
    
    .capabilities__section .redlight {
        position: absolute;
        top: 50px;
        right: 50px;
        animation: zminopa 3s linear infinite;
    }
    
    .capabilities__section .case__rocket {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 200px;
    }
    
    .capabilities__section .case__rocket img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .capabilities__section .case__rocket {
            top: 10%;
        }
    }
    
    @media (max-width: 1199px) {
        .capabilities__section .case__rocket {
            top: 10%;
            width: 100px;
        }
    }
    
    @media (max-width: 991px) {
        .capabilities__section .case__rocket {
            display: none;
        }
    }
    
    .capabilities__section .light__redb {
        position: absolute;
        bottom: 40px;
        right: 40%;
    }
    
    .capabilities__section .light__redt {
        position: absolute;
        top: 280px;
        left: 25%;
    }
    
    .capabilities__section .spring__case {
        position: absolute;
        top: 60px;
        left: 60px;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 767px) {
        .capabilities__section .spring__case {
            display: none;
        }
    }
    
    .capabilites__header {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    @media (max-width: 991px) {
        .capabilites__header {
            flex-wrap: wrap;
            gap: 25px 0;
        }
    }
    
    .capabilites__header .section__header {
        max-width: 630px;
    }
    
    .capabilities__wrap .capabilities__items {
        margin-bottom: 35px;
    }
    
    .capabilities__wrap .capabilities__items .thumb::before {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.3);
        content: "";
        opacity: 0;
        border-radius: 5px;
        transition: all 0.4s;
    }
    
    .capabilities__wrap .capabilities__items:hover .thumb::before {
        opacity: 1;
    }
    
    .capabilities__wrap .owl-dots {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
    }
    
    .capabilities__wrap .owl-dots .owl-dot span {
        background-color: var(--dots);
        width: 8px;
        height: 8px;
        margin: 0;
    }
    
    .capabilities__wrap .owl-dots .owl-dot.active span {
        background-color: var(--base);
        width: 8px;
    }
    
    .capabilities__items {
        padding: 8px;
        background: var(--white);
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
    }
    
    .capabilities__items .thumb {
        display: block;
        width: 100%;
        position: relative;
    }
    
    .capabilities__items .thumb img {
        width: 100%;
        border-radius: 5px;
        min-height: 250px;
        max-height: 250px;
    }
    
    .capabilities__items .thumb .play__btn {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--intellicon);
        text-align: center;
        line-height: 60px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 0%;
        opacity: 0;
        transition: all 0.4s;
    }
    
    .capabilities__items .thumb .play__btn i {
        font-size: 26px;
        color: #2A1D95;
    }
    
    .capabilities__items .content {
        padding: 24px 20px;
    }
    
    .capabilities__items .content .capabilites__btn {
        margin-bottom: 8px;
        border: 5px;
        color: var(--basetwo);
        background: rgba(0, 92, 48, 0.05);
    }
    
    .capabilities__items .content h4 {
        margin-bottom: 8px;
    }
    
    @media (max-width: 1399px) {
        .capabilities__items .content h4 {
            font-size: 1.2rem;
        }
    }
    
    .capabilities__items .content h4 a {
        color: var(--countptext);
    }
    
    .capabilities__items .content p {
        color: var(--themetext);
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    .capabilities__items .content .capa__more {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    
    .capabilities__items .content .capa__more span {
        color: var(--base);
        font-weight: 600;
        font-size: 1rem;
    }
    
    .capabilities__items .content .capa__more i {
        color: var(--achackcion);
        font-size: 0.9rem;
    }
    
    .capabilities__items:hover .thumb .play__btn {
        left: 50%;
        opacity: 1;
    }
    
    @media screen and (max-width: 1600px) {
        .capabilities__section .capa__ai {
            opacity: 0.1;
        }
        .efective__section {
            position: relative;
        }
        .efective__section .eye__elements {
            opacity: 0.1;
        }
    }
    
    .case__trough .capabilities__items {
        position: relative;
        padding: 0;
        z-index: 1;
        box-shadow: none;
        background: none;
    }
    
    .case__trough .capabilities__items:not(:last-child) {
        margin-bottom: 24px;
    }
    
    .case__trough .capabilities__items .thumb {
        padding: 8px;
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
    }
    
    .case__trough .capabilities__items .content {
        text-align: center;
        transform: translateY(-80px);
        margin: 0 30px -80px;
        background: var(--white);
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
    }
    
    @media (max-width: 1199px) {
        .case__trough .capabilities__items .content h4 a {
            font-size: 1rem;
        }
    }
    
    @media (max-width: 991px) {
        .case__trough .capabilities__items .content h4 a {
            font-size: 1.1rem;
        }
    }
    
    @media (max-width: 767px) {
        .case__trough .capabilities__items .content h4 a {
            font-size: 1rem;
        }
    }
    
    .case__trough .capa__case__boxmiddle {
        margin-top: -60px;
    }
    
    @media (max-width: 991px) {
        .case__trough .capa__case__boxmiddle {
            margin-top: 0px;
        }
    }
    
    @media (max-width: 991px) {
        .capa__flex__small {
            display: flex;
        }
    }
    
    @media (max-width: 575px) {
        .capa__flex__small {
            display: grid;
        }
    }
    
    @media (max-width: 991px) {
        .capa__flex__lg {
            display: flex;
            flex-wrap: wrap;
        }
        .capa__flex__lg .capabilities__items {
            width: 50%;
            padding: 0px;
        }
    }
    
    @media (max-width: 575px) {
        .capa__flex__lg {
            display: flex;
            flex-wrap: wrap;
        }
        .capa__flex__lg .capabilities__items {
            width: 100%;
            padding: 10px;
        }
    }
    
    .mt__customcase {
        margin-top: 28px;
    }
    
    @media (max-width: 575px) {
        .mt__customcase {
            margin-top: -25px;
        }
    }
    
    .case__btn {
        text-align: center;
    }
    
    @media (max-width: 575px) {
        .small__space__capa {
            margin-bottom: 60px;
        }
    }
    
    .case__different__section {
        position: relative;
    }
    
    .case__different__section .diferent__element1 {
        position: absolute;
        bottom: 70px;
        right: 70px;
        animation: rlrl 5s linear infinite;
    }
    
    @media (max-width: 991px) {
        .case__different__section .diferent__element1 {
            width: 50px;
            bottom: 20px;
            right: 30px;
        }
        .case__different__section .diferent__element1 img {
            width: 100%;
        }
    }
    
    @media (max-width: 500px) {
        .case__different__section .diferent__element1 {
            bottom: 10px;
            width: 30px;
        }
    }
    
    .case__different__section .diferent__lockyello {
        position: absolute;
        bottom: 70px;
        left: 120px;
        animation: rlrl 7s linear infinite;
    }
    
    @media (max-width: 991px) {
        .case__different__section .diferent__lockyello {
            left: 60px;
            bottom: 40px;
        }
    }
    
    .case__different__section .capabilities__items {
        display: flex;
        align-items: center;
    }
    
    @media (max-width: 767px) {
        .case__different__section .capabilities__items {
            display: grid;
        }
    }
    
    .case__different__section .capabilities__items .thumb {
        max-width: 300px;
        height: 300px;
        background: var(--white);
    }
    
    .case__different__section .capabilities__items .thumb img {
        width: 100%;
        height: 100%;
    }
    
    @media (max-width: 1199px) {
        .case__different__section .capabilities__items .thumb {
            max-width: 200px;
            max-height: 200px;
        }
    }
    
    @media (max-width: 991px) {
        .case__different__section .capabilities__items .thumb {
            max-width: 300px;
            max-height: 300px;
        }
    }
    
    @media (max-width: 767px) {
        .case__different__section .capabilities__items .thumb {
            max-width: 100%;
            margin-bottom: 10px;
        }
        .case__different__section .capabilities__items .thumb img {
            width: 100%;
        }
    }
    
    .case__different__section .capabilities__items .content {
        width: calc(100% - 300px);
        transform: translateY(0px);
        text-align: left;
        margin: 0 -30px 0px;
        z-index: 1;
    }
    
    .case__different__section .capabilities__items .content .difference__btn {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    
    .case__different__section .capabilities__items .content .difference__btn span {
        font-size: 1rem;
        font-weight: 600;
        color: var(--casedifrent);
    }
    
    .case__different__section .capabilities__items .content .difference__btn .icon {
        margin-top: 8px;
    }
    
    .case__different__section .capabilities__items .content .difference__btn .icon i {
        font-size: 18px;
        color: var(--achackcion);
    }
    
    @media (max-width: 1199px) {
        .case__different__section .capabilities__items .content {
            width: calc(100% - 200px);
        }
        .case__different__section .capabilities__items .content h4 {
            margin-bottom: 8px;
        }
        .case__different__section .capabilities__items .content p {
            font-size: 0.9rem;
            margin-bottom: 10px;
        }
    }
    
    @media (max-width: 767px) {
        .case__different__section .capabilities__items .content {
            width: 100%;
            margin: 0 0px 10px;
        }
    }
    
    .case__different__section .diferent__blump {
        position: absolute;
        top: 80px;
        left: 100px;
        animation: rlrl 10s linear infinite;
    }
    
    @media (max-width: 991px) {
        .case__different__section .diferent__blump {
            width: 30px;
            top: 30px;
            left: 30px;
        }
        .case__different__section .diferent__blump img {
            width: 100%;
        }
    }
    
    .case__different__section .diferent__blump2 {
        position: absolute;
        right: 120px;
        top: 60px;
        width: 30px;
        animation: rlrl 12s linear infinite;
    }
    
    .case__different__section .diferent__blump2 img {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .case__different__section .diferent__blump2 {
            width: 30px;
            top: 30px;
            right: 30px;
        }
        .case__different__section .diferent__blump2 img {
            width: 100%;
        }
    }
    
    @media (max-width: 575px) {
        .case__different__section .diferent__blump2 {
            width: 30px;
            top: 10px;
            right: 10px;
        }
        .case__different__section .diferent__blump2 img {
            width: 100%;
        }
    }
    
    @media (max-width: 767px) {
        .case__different__section .capabilities__items {
            max-width: 400px;
            margin: 0 auto;
        }
    }
    
    .studies__wrap__one .capabilities__items .thumb {
        position: relative;
    }
    
    .studies__wrap__one .capabilities__items .thumb::before {
        position: absolute;
        content: "";
        background: rgba(179, 170, 250, 0.3);
        border-radius: 5px;
        left: 0;
        width: 0;
        height: 0;
        transition: all 0.4s;
    }
    
    .studies__wrap__one .capabilities__items:hover .thumb::before {
        width: 100%;
        height: 100%;
    }
    
    .education__studies__categories {
        padding: 0 20px 15px;
    }
    
    @media (max-width: 575px) {
        .education__studies__categories {
            padding: 0 10px 10px;
        }
    }
    
    .studies__details__items .content {
        border-bottom: unset !important;
        margin-bottom: 14px !important;
    }
    
    .studies__details__items .content p {
        padding-bottom: 0;
    }
    
    .studies__details__items2 {
        border-bottom: unset !important;
        padding-bottom: 0 !important;
    }
    
    .studies__details__items2 .content {
        border-bottom: unset !important;
    }
    
    .education__studies__wrap {
        border: 1px solid var(--place2bor);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .education__studies__wrap .education__list {
        width: 100%;
        padding: 16px;
    }
    
    .education__studies__wrap .education__list li {
        color: var(--themetext);
        font-weight: 600;
        font-size: 1rem;
        line-height: 150%;
        padding: 8px 0;
    }
    
    .education__studies__wrap .education__list li:not(:last-child) {
        border-bottom: 1px dashed var(--place2bor);
    }
    
    .education__studies__wrap .education__list__right {
        background: var(--brighterbg);
    }
    
    .education__studies__wrap .education__list__right li {
        font-weight: 400;
    }
    
    .education__studies__wrap .education__list__right .ratting {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .education__studies__wrap .education__list__right .ratting span i {
        font-size: 24px;
        color: var(--intellicon);
    }
    
    @media (max-width: 500px) {
        .education__studies__wrap {
            flex-wrap: wrap;
        }
    }
    
    .machine__listing__edu li {
        display: flex;
        gap: 5px;
    }
    
    .machine__listing__edu li span {
        color: var(--prightercolor);
        font-size: 1rem;
    }
    
    .machine__listing__edu li:not(:last-child) {
        margin-bottom: 6px;
    }
    
    .edu__client {
        padding: 24px 0;
        position: relative;
    }
    
    .edu__client .edu__items {
        background: var(--quitboxbg);
        padding: 32px 35px;
        border-radius: 5px;
    }
    
    .edu__client .edu__items .edu__boxes {
        max-width: 600px;
        margin: 0 auto;
    }
    
    .edu__client .edu__items .edu__boxes .icon {
        width: 70px;
        height: 70px;
        border-radius: 5px;
        transform: rotate(180deg);
        border: 1px solid var(--quiteborder);
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--quitibg);
        margin: 0 auto 16px;
    }
    
    .edu__client .edu__items .edu__boxes .icon i {
        font-size: 56px;
        color: var(--quitcolor);
    }
    
    .edu__client .edu__items .edu__boxes .ratting {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
        margin-bottom: 12px;
    }
    
    .edu__client .edu__items .edu__boxes .ratting span i {
        font-size: 24px;
        color: var(--intellicon);
    }
    
    .edu__client .edu__items .edu__boxes p {
        text-align: center;
        font-size: 16px;
        color: var(--themetext);
        margin-bottom: 28px;
    }
    
    .edu__client .edu__items .edu__boxes .user__wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    
    .edu__client .edu__items .edu__boxes .user__wrap .user__text h5 {
        font-size: 20px;
        color: var(--themetext);
        margin-bottom: 4px;
    }
    
    .edu__client .edu__items .edu__boxes .user__wrap .user__text .desig {
        font-size: 1rem;
        color: var(--themetext);
    }
    
    @media (max-width: 500px) {
        .edu__client .edu__items {
            padding: 32px 10px;
        }
        .edu__client .edu__items .edu__boxes p {
            font-size: 14px;
        }
    }
    
    .edu__client .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        background: var(--quitboxbg);
        border-radius: 5px;
        transition: all 0.3s;
        position: absolute;
        top: 50%;
        left: 28px;
        transform: translateY(-50%);
    }
    
    .edu__client .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .edu__client .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .edu__client .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    @media (max-width: 1399px) {
        .edu__client .owl-nav button.owl-prev {
            left: -28px;
        }
    }
    
    @media (max-width: 500px) {
        .edu__client .owl-nav button.owl-prev {
            width: 26px;
            height: 26px;
            left: -20px;
        }
        .edu__client .owl-nav button.owl-prev i {
            font-size: 18px;
        }
    }
    
    .edu__client .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        background: var(--quitboxbg);
        border-radius: 5px;
        transition: all 0.3s;
        position: absolute;
        top: 50%;
        right: 28px;
        transform: translateY(-50%);
    }
    
    .edu__client .owl-nav button.owl-next i {
        font-size: 26px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .edu__client .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .edu__client .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    @media (max-width: 1399px) {
        .edu__client .owl-nav button.owl-next {
            right: -28px;
        }
    }
    
    @media (max-width: 500px) {
        .edu__client .owl-nav button.owl-next {
            width: 26px;
            height: 26px;
            right: -20px;
        }
        .edu__client .owl-nav button.owl-next i {
            font-size: 18px;
        }
    }
    
    .ratting__support {
        position: relative;
        overflow: hidden;
    }
    
    .ratting__support::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.4;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .ratting__support::before {
            width: 250px;
        }
    }
    
    .ratting__support::after {
        position: absolute;
        bottom: 100px;
        right: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.3;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .ratting__support::after {
            width: 250px;
        }
    }
    
    .ratting__support .support__element1 {
        position: absolute;
        bottom: 100px;
        left: 130px;
        animation: rlrl 7s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .ratting__support .support__element1 {
            bottom: 30px;
            left: 30px;
            width: 50px;
        }
        .ratting__support .support__element1 img {
            width: 100%;
        }
    }
    
    @media (max-width: 767px) {
        .ratting__support .support__element1 {
            width: 25px;
            bottom: 10px;
        }
    }
    
    .ratting__support .support__lockyello {
        position: absolute;
        bottom: 100px;
        right: 80px;
        animation: rlrl 7s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .ratting__support .support__lockyello {
            right: 30px;
            bottom: 30px;
        }
    }
    
    @media (max-width: 767px) {
        .ratting__support .support__lockyello {
            bottom: 10px;
        }
    }
    
    .ratting__support .support__blump {
        position: absolute;
        top: 100px;
        right: 60px;
        animation: rlrl 7s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .ratting__support .support__blump {
            top: 30px;
            right: 30px;
        }
    }
    
    @media (max-width: 767px) {
        .ratting__support .support__blump {
            width: 30px;
            top: 10px;
            right: 10px;
        }
        .ratting__support .support__blump img {
            width: 100%;
        }
    }
    
    .ratting__support .support__gold {
        position: absolute;
        top: 60px;
        left: 100px;
    }
    
    @media (max-width: 1399px) {
        .ratting__support .support__gold {
            top: 30px;
            left: 30px;
            width: 70px;
        }
        .ratting__support .support__gold img {
            width: 100%;
        }
    }
    
    @media (max-width: 991px) {
        .ratting__support .support__gold {
            width: 40px;
            top: 10px;
            left: 10px;
        }
    }
    
    @media (max-width: 500px) {
        .ratting__support .support__gold {
            display: none;
        }
    }
    
    @media (max-width: 991px) {
        .support__header {
            margin-bottom: 30px;
        }
    }
    
    .ratt__supp__items {
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        align-items: center;
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        background: var(--suppitems);
    }
    
    @media (max-width: 1199px) {
        .ratt__supp__items {
            padding: 10px;
        }
    }
    
    .ratt__supp__items:not(:last-child) {
        margin-bottom: 40px;
    }
    
    @media (min-width: 1200px) {
        .ratt__supp__items:nth-child(2) {
            transform: translateX(50px);
        }
    }
    
    .ratt__supp__items .left__thumb .thumb {
        width: 100%;
    }
    
    .ratt__supp__items .left__thumb .thumb img {
        width: 100%;
    }
    
    .ratt__supp__items .left__thumb .ratting__wrap {
        background: #6552F6;
        padding: 0 30px 22px;
    }
    
    .ratt__supp__items .left__thumb .ratting__wrap .top__ratting {
        transform: translateY(-40px);
        margin: 0 auto -40px;
        text-align: center;
    }
    
    .ratt__supp__items .left__thumb .ratting__wrap .ratting {
        padding-top: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    
    .ratt__supp__items .left__thumb .ratting__wrap .ratting i {
        color: var(--white);
        font-size: 22px;
    }
    
    .ratt__supp__items .right__content {
        padding: 14px 24px;
    }
    
    @media (max-width: 1199px) {
        .ratt__supp__items .right__content {
            padding: 14px 14px;
        }
    }
    
    .ratt__supp__items .right__content .head__designation {
        display: flex;
        align-items: center;
        gap: 12px 24px;
        margin-bottom: 16px;
    }
    
    @media (max-width: 1199px) {
        .ratt__supp__items .right__content .head__designation {
            gap: 10px 14px;
        }
    }
    
    .ratt__supp__items .right__content .head__designation .icon {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 5px;
        border: 1px solid var(--subborder);
    }
    
    .ratt__supp__items .right__content .head__designation .icon i {
        font-size: 37px;
        color: #B5ACFB;
    }
    
    .ratt__supp__items .right__content .head__designation .name h5 {
        margin-bottom: 4px;
        color: var(--themetext);
    }
    
    @media (max-width: 1199px) {
        .ratt__supp__items .right__content .head__designation .name h5 {
            font-size: 1.1rem;
        }
    }
    
    .ratt__supp__items .right__content .head__designation .name .desig {
        color: var(--themetext);
        font-size: 1rem;
    }
    
    .ratt__supp__items .right__content p {
        color: var(--themetext);
        font-size: 1rem;
    }
    
    @media (max-width: 500px) {
        .ratt__supp__items {
            flex-wrap: wrap;
            justify-content: center;
        }
        .ratt__supp__items .right__content .head__designation {
            justify-content: center;
        }
        .ratt__supp__items .right__content p {
            text-align: center;
            font-size: 0.9rem;
        }
    }
    
    .plan__section {
        position: relative;
        overflow: hidden;
    }
    
    .plan__section .light__element1 {
        position: absolute;
        top: 70px;
        left: 205px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .plan__section .light__element1 {
            display: none;
        }
    }
    
    .plan__section .light__element2 {
        position: absolute;
        top: 70px;
        right: 55px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .plan__section .light__element2 {
            display: none;
        }
    }
    
    .plan__section .light__threed {
        position: absolute;
        top: 30%;
        left: 20%;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .plan__section .light__threed {
            top: 20px;
            left: 20px;
        }
    }
    
    @media (max-width: 500px) {
        .plan__section .light__threed {
            display: none;
        }
    }
    
    .plan__section .plan__man {
        position: absolute;
        right: 40px;
        bottom: 50px;
        animation: smothx 5s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .plan__section .plan__man {
            right: 10px;
            bottom: 10px;
            width: 120px;
        }
        .plan__section .plan__man img {
            width: 100%;
        }
    }
    
    @media (max-width: 767px) {
        .plan__section .plan__man {
            display: none;
        }
    }
    
    .plan__section .plan__ai {
        position: absolute;
        top: 120px;
        right: 120px;
    }
    
    @media (max-width: 1399px) {
        .plan__section .plan__ai {
            top: 10px;
            right: 10px;
        }
    }
    
    @media (max-width: 767px) {
        .plan__section .plan__ai {
            display: none;
        }
    }
    
    .plan__section .plan__ball {
        position: absolute;
        bottom: 120px;
        left: 60px;
    }
    
    @media (max-width: 1399px) {
        .plan__section .plan__ball {
            left: 10px;
            bottom: 10px;
        }
    }
    
    @media (max-width: 500px) {
        .plan__section .plan__ball {
            width: 35px;
        }
        .plan__section .plan__ball img {
            width: 100%;
        }
    }
    
    .plan__section .owl-nav {
        position: absolute;
        left: -109%;
        bottom: 80px;
    }
    
    @media (max-width: 1399px) {
        .plan__section .owl-nav {
            bottom: 50px;
        }
    }
    
    .plan__section .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .plan__section .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .plan__section .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .plan__section .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    .plan__section .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .plan__section .owl-nav button.owl-next i {
        font-size: 28px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .plan__section .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .plan__section .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    @media (max-width: 1199px) {
        .plan__content__left {
            margin-top: 15px;
        }
    }
    
    .plan__items {
        background: var(--white);
        border-radius: 10px 10px 10px 10px;
    }
    
    .plan__items .plan__head {
        background: var(--box1);
        border-radius: 10px 10px 0 0;
        text-align: center;
        padding: 24px 10px;
    }
    
    .plan__items .plan__head h4 {
        color: var(--themetext);
    }
    
    .plan__items .plan__head p {
        color: var(--themetext);
        font-size: 1rem;
    }
    
    .plan__items .content__wrap {
        padding: 24px 32px;
    }
    
    .plan__items .content__wrap .prices__area {
        text-align: center;
        border-bottom: 1px solid var(--priceborder);
    }
    
    .plan__items .content__wrap .prices__area .icon {
        width: 60px;
        height: 60px;
        border-radius: 5px;
        padding: 10px;
        margin: 0 auto 16px;
        background: var(--box1);
        border: 1px solid var(--boxborder);
    }
    
    .plan__items .content__wrap .prices__area .icon i {
        font-size: 36px;
        color: var(--base);
    }
    
    .plan__items .content__wrap .prices__area h3 {
        color: var(--themetext);
    }
    
    .plan__items .content__wrap .prices__area h3 .dollar {
        font-size: 16px;
        font-weight: 600;
        color: var(--themetext);
    }
    
    .plan__items .content__wrap .plan__list {
        display: grid;
        justify-content: center;
        padding: 16px 0;
    }
    
    .plan__items .content__wrap .plan__list li {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    
    .plan__items .content__wrap .plan__list li:not(:last-child) {
        margin-bottom: 8px;
    }
    
    .plan__items .content__wrap .plan__list li span {
        font-size: 0.9rem;
        color: var(--themetext);
    }
    
    .plan__items .content__wrap .plan__list li .icon i {
        font-size: 0.9rem;
        line-height: 30px;
        color: var(--base);
    }
    
    .plan__items .content__wrap .price__btn {
        text-align: center;
    }
    
    .plan__items .content__wrap .price__btn .border__btn {
        color: var(--base);
        display: block;
    }
    
    .premium__items .plan__head {
        background: var(--box2);
    }
    
    .premium__items .content__wrap .prices__area .icon {
        background: var(--box2);
        border: 1px solid var(--planbuttonborder);
    }
    
    .premium__items .content__wrap .prices__area .icon i {
        color: #005C30;
    }
    
    .premium__items .content__wrap .plan__list li .icon i {
        color: var(--basetwo);
    }
    
    .premium__items .content__wrap .price__btn .border__btn {
        color: var(--basetwo);
        border: 1px solid var(--planbuttonborder);
        padding: 10px 8px 14px;
    }
    
    .plan__section__two {
        position: relative;
        overflow: hidden;
    }
    
    .plan__section__two::before {
        position: absolute;
        top: -100px;
        left: -100px;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.2;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .plan__section__two::before {
            width: 250px;
        }
    }
    
    .plan__section__two::after {
        position: absolute;
        bottom: 100px;
        right: -100px;
        content: "";
        width: 300px;
        height: 200px;
        background: #A21111;
        opacity: 0.2;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .plan__section__two::after {
            width: 250px;
        }
    }
    
    .plan__save {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px 16px;
    }
    
    .plan__save .month {
        font-size: 1.3rem;
        color: var(--themetext);
        font-weight: 500;
        line-height: 130%;
    }
    
    .plan__save h5 {
        font-weight: 500;
        color: var(--themetext);
        margin-bottom: 0;
    }
    
    .plan__save h5 span {
        color: var(--save30);
    }
    
    .plan__save .yearly__bar .form-check-input {
        background-color: var(--cswitch);
        width: 70px;
        height: 35px;
        border: none;
        outline: none;
        box-shadow: none;
        background-image: url(../img/elements/click.png);
        background-size: 32px;
    }
    
    @media (max-width: 500px) {
        .plan__save {
            flex-wrap: wrap;
        }
        .plan__save h5 {
            font-size: 1rem;
        }
        .plan__save .month {
            font-size: 1rem;
        }
    }
    
    .plan__save__four {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px 24px;
    }
    
    .plan__save__four .pricing__chaek__items {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .plan__save__four .pricing__chaek__items .form-check-input {
        box-shadow: none;
        outline: none;
    }
    
    .plan__save__four .pricing__chaek__items .form-check-label {
        color: var(--themetext);
        font-weight: 500;
    }
    
    .plan__save__four .pricing__sav {
        color: #A21111;
        font-size: 1rem;
        font-weight: 600;
        margin-top: -40px;
        margin-left: 30px;
        position: relative;
    }
    
    .plan__save__four .pricing__sav .icon {
        position: absolute;
        top: calc(100% - 5px);
        left: -40px;
        width: 40px;
    }
    
    .plan__save__four .pricing__sav .icon img {
        width: 100%;
    }
    
    .plan__save__four .pricing__sav .icon2 {
        display: none;
    }
    
    @media (max-width: 500px) {
        .plan__save__four {
            flex-wrap: wrap;
        }
        .plan__save__four .pricing__sav {
            margin-top: 0px;
        }
    }
    
    .plan__items__two {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        background: var(--pribox1);
        padding: 20px 32px 24px;
    }
    
    @media (max-width: 1399px) {
        .plan__items__two {
            flex-wrap: wrap;
        }
        .plan__items__two .plan__valu__left {
            margin-right: 0;
            padding-right: 0;
            border-right: none !important;
            margin-bottom: 20px;
        }
    }
    
    @media (max-width: 500px) {
        .plan__items__two {
            flex-wrap: wrap;
        }
        .plan__items__two .plan__valu__left {
            border-right: unset !important;
        }
    }
    
    .plan__items__two .plan__valu__left {
        border-right: 1px solid #EBEDF0;
        padding-right: 24px;
        margin-right: 24px;
    }
    
    .plan__items__two .plan__head {
        background: unset;
        padding: 0;
    }
    
    .plan__items__two .prices__area {
        text-align: left;
        border-bottom: unset;
    }
    
    .plan__items__two .prices__area h4 {
        color: var(--base);
    }
    
    .plan__items__two .prices__area .icon {
        width: 60px;
        height: 60px;
        border-radius: 5px;
        padding: 10px;
        margin: 0 0 16px 0;
        background: var(--box1);
        border: 1px solid var(--boxborder);
    }
    
    .plan__items__two .prices__area .icon i {
        font-size: 36px;
        color: var(--base);
    }
    
    .plan__items__two .prices__area h3 {
        color: var(--themetext);
        margin-bottom: 4px;
    }
    
    .plan__items__two .prices__area h3 .dollar {
        font-size: 16px;
        font-weight: 600;
        color: var(--themetext);
    }
    
    .plan__items__two .prices__area h6 {
        color: var(--themetext);
    }
    
    .plan__items__two .content__wrap {
        padding: 0;
    }
    
    .plan__items__two .content__wrap .plan__list {
        padding: 0;
        justify-content: flex-start;
    }
    
    .plan__items__two .content__wrap .price__btn {
        margin-top: 22px;
    }
    
    .plan__items__two1 {
        background: var(--pribox2);
    }
    
    .plan__items__two1 .prices__area h4 {
        color: var(--basetwo);
    }
    
    .plan__items__two1 .prices__area .icon {
        background: var(--box2);
        border: 1px solid var(--planbuttonborder);
    }
    
    .plan__items__two1 .prices__area .icon i {
        color: var(--basetwo);
    }
    
    .plan__items__two2 {
        background: var(--pribox3);
    }
    
    .plan__items__two2 .prices__area h4 {
        color: var(--themeneed);
    }
    
    .plan__items__two2 .prices__area .icon {
        background: var(--priboxicon);
        border: 1px solid var(--coubor1);
    }
    
    .plan__items__two2 .prices__area .icon i {
        color: var(--themeneed);
    }
    
    .plan__items__two3 {
        background: var(--businessbg);
    }
    
    .plan__items__two3 .prices__area h4 {
        color: var(--basethree);
    }
    
    .plan__items__two3 .prices__area .icon {
        background: var(--busnesicon);
        border: 1px solid var(--busnesborder);
    }
    
    .plan__items__two3 .prices__area .icon i {
        color: var(--basethree);
    }
    
    .plan__section__three {
        position: relative;
    }
    
    .plan__section__three .plan__ballr {
        right: 150px;
        position: absolute;
        bottom: 100px;
    }
    
    @media (max-width: 991px) {
        .plan__section__three .plan__ballr {
            bottom: 30px;
            right: 30px;
            width: 60px;
        }
        .plan__section__three .plan__ballr img {
            width: 100%;
        }
    }
    
    .plan__section__three .plan__aithree {
        position: absolute;
        bottom: 70px;
        left: 70px;
    }
    
    @media (max-width: 1399px) {
        .plan__section__three .plan__aithree {
            bottom: 30px;
        }
    }
    
    @media (max-width: 991px) {
        .plan__section__three .plan__aithree {
            left: 10px;
            bottom: 10px;
        }
    }
    
    @media (max-width: 767px) {
        .plan__section__three .plan__aithree {
            display: none;
        }
    }
    
    .plan__section__three .light__real {
        position: absolute;
        top: 70px;
        right: 70px;
    }
    
    @media (max-width: 1199px) {
        .plan__section__three .light__real {
            top: 30px;
            width: 60px;
        }
        .plan__section__three .light__real img {
            width: 100%;
        }
    }
    
    @media (max-width: 991px) {
        .plan__section__three .light__real {
            top: 30px;
            right: 30px;
        }
    }
    
    .plan__section__three .digital__ball {
        position: absolute;
        top: 60px;
        right: 60px;
        animation: cir360 15s linear infinite;
        width: 60px;
    }
    
    .plan__section__three .digital__ball img {
        width: 100%;
    }
    
    @media (max-width: 575px) {
        .plan__section__three .digital__ball {
            top: 10px;
            right: 10px;
            width: 35px;
        }
    }
    
    .plan__section__three .digital__ballelement {
        position: absolute;
        bottom: 60px;
        left: 60px;
        animation: cir360 15s linear infinite;
        width: 50px;
        opacity: 0.5;
    }
    
    .plan__section__three .digital__ballelement img {
        width: 100%;
    }
    
    @media (max-width: 767px) {
        .plan__section__three .digital__ballelement {
            bottom: 10px;
            left: 10px;
            width: 35px;
        }
    }
    
    .plan__section__three .digital__round {
        position: absolute;
        top: 120px;
        left: 300px;
        width: 40px;
        animation: cir360 15s linear infinite;
        opacity: 0.3;
    }
    
    .plan__section__three .digital__round img {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .plan__section__three .digital__round {
            display: none;
        }
    }
    
    .plan__section__three .plan__items {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        margin: 15px;
    }
    
    @media (max-width: 500px) {
        .plan__section__three .plan__items {
            margin: 5px 5px 30px 5px;
        }
    }
    
    .plan__section__three .plan__items .plan__head {
        background: var(--white);
    }
    
    .plan__section__three .plan__items .content__wrap {
        padding: 4px 32px 24px;
    }
    
    .plan__section__three .plan__items .content__wrap .prices__area {
        background: var(--pribox1);
        border-radius: 5px;
        padding: 14px 16px 16px;
    }
    
    .plan__section__three .plan__items .content__wrap .prices__area h3 {
        color: #3021AB;
        margin-bottom: 0;
    }
    
    .plan__section__three .plan__items .content__wrap .prices__area h3 .dollar {
        color: #3021AB;
    }
    
    .plan__section__three .plan__items .content__wrap .prices__area .pricetext {
        color: var(--themetext);
    }
    
    .plan__section__three .owl-nav {
        position: absolute;
        left: 770px;
        bottom: 30px;
        display: flex;
        align-items: center;
    }
    
    .plan__section__three .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .plan__section__three .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .plan__section__three .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .plan__section__three .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    .plan__section__three .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .plan__section__three .owl-nav button.owl-next i {
        font-size: 28px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .plan__section__three .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .plan__section__three .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    @media (max-width: 1399px) {
        .plan__section__three .owl-nav {
            left: 660px;
            bottom: 20px;
        }
    }
    
    @media (max-width: 1199px) {
        .plan__section__three .owl-nav {
            display: none;
        }
    }
    
    .plan__section__four {
        position: relative;
        overflow: hidden;
    }
    
    .plan__section__four::before {
        position: absolute;
        top: -10px;
        left: -100px;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.2;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .plan__section__four::before {
            width: 250px;
        }
    }
    
    .plan__section__four::after {
        position: absolute;
        bottom: 100px;
        right: -10px;
        content: "";
        width: 300px;
        height: 300px;
        background: #EDCB50;
        opacity: 0.2;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .plan__section__four::after {
            width: 250px;
        }
    }
    
    .plan__section__four .plan__items__two2 .plan__valu__left,
    .plan__section__four .plan__items__two1 .plan__valu__left,
    .plan__section__four .plan__items__two .plan__valu__left {
        border-right: unset;
        border-bottom: 1px solid var(--priicecustomborder);
    }
    
    .plan__section__four .plan__items__two2 .plan__valu__left .prices__area,
    .plan__section__four .plan__items__two1 .plan__valu__left .prices__area,
    .plan__section__four .plan__items__two .plan__valu__left .prices__area {
        display: flex;
        gap: 10px 20px;
        align-items: center;
    }
    
    .plan__section__four .plan__items__two2 .plan__valu__left .prices__area .content__small h4,
    .plan__section__four .plan__items__two1 .plan__valu__left .prices__area .content__small h4,
    .plan__section__four .plan__items__two .plan__valu__left .prices__area .content__small h4 {
        margin-bottom: 0;
    }
    
    .plan__section__four .plan__items__two2 .content__wrap,
    .plan__section__four .plan__items__two1 .content__wrap,
    .plan__section__four .plan__items__two .content__wrap {
        padding-top: 16px;
        justify-content: flex-start;
    }
    
    @media (max-width: 991px) {
        .table__main {
            overflow-x: auto;
        }
    }
    
    .pricing__table {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .pricing__table {
            width: 800px;
        }
    }
    
    .pricing__table tr:nth-child(odd) {
        background: var(--oddbg);
    }
    
    .pricing__table tr th {
        padding: 12px 12px;
        text-align: center;
    }
    
    .pricing__table tr th .title {
        color: #354764;
        margin-bottom: 4px;
    }
    
    .pricing__table tr th .price__area {
        display: flex;
        align-items: center;
        gap: 4px;
        justify-content: center;
    }
    
    .pricing__table tr th .price__area .dollar {
        font-size: 0.9rem;
        color: var(--pinfotext1);
    }
    
    .pricing__table tr th .price__area .price {
        font-size: 1.3rem;
        color: var(--pinfotext1);
    }
    
    .pricing__table tr th .price__area .month {
        font-size: 0.9rem;
        font-weight: 500;
        color: var(--themetext);
    }
    
    .pricing__table tr th:nth-child(2) .price__area .dollar {
        color: var(--pinfotext2);
    }
    
    .pricing__table tr th:nth-child(2) .price__area .price {
        color: var(--pinfotext2);
    }
    
    .pricing__table tr th:nth-child(3) .price__area .dollar {
        color: var(--pinfotext3);
    }
    
    .pricing__table tr th:nth-child(3) .price__area .price {
        color: var(--pinfotext3);
    }
    
    .pricing__table tr th:nth-child(4) .price__area .dollar {
        color: var(--pinfotext4);
    }
    
    .pricing__table tr th:nth-child(4) .price__area .price {
        color: var(--pinfotext4);
    }
    
    .pricing__table tr td {
        color: var(--themetext);
        padding: 7px 7px;
        font-size: 1rem;
    }
    
    .pricing__table tr td i {
        font-size: 1rem;
    }
    
    .pricing__table tr td:nth-child(2) .cmn--btn {
        background: unset;
        color: var(--base);
        border: 1px solid var(--tharbor1);
    }
    
    .pricing__table tr td:nth-child(3) .cmn--btn {
        background: unset;
        color: var(--basetwo);
        border: 1px solid var(--tharbor3);
    }
    
    .pricing__table tr td:nth-child(4) .cmn--btn {
        background: unset;
        color: var(--themeneed);
        border: 1px solid var(--tharbor4);
    }
    
    .pricing__table tr td:nth-child(5) .cmn--btn {
        background: unset;
        color: var(--basethree);
        border: 1px solid var(--inbox4);
    }
    
    .pricing__table tr:last-child {
        background: unset;
    }
    
    .success__story {
        overflow: hidden;
        position: relative;
    }
    
    .success__story::before {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 80%;
        height: 100%;
        background: var(--bgsection);
    }
    
    .success__story .d__light {
        position: absolute;
        top: 30px;
        right: 30px;
        opacity: 0.4;
    }
    
    @media (max-width: 767px) {
        .success__story .d__light {
            top: 10px;
            right: 10px;
        }
    }
    
    .success__story .d__ball {
        position: absolute;
        bottom: 80px;
        left: 80px;
        width: 40px;
        animation: cir360 15s linear infinite;
        opacity: 0.4;
    }
    
    .success__story .d__ball img {
        width: 100%;
    }
    
    @media (max-width: 767px) {
        .success__story .d__ball {
            left: 20px;
            bottom: 20px;
        }
    }
    
    .success__story .d__round {
        position: absolute;
        bottom: 40px;
        right: 16%;
        width: 40px;
        animation: cir360 15s linear infinite;
        opacity: 0.4;
    }
    
    .success__story .d__round img {
        width: 100%;
    }
    
    @media (max-width: 575px) {
        .success__story .d__round {
            display: none;
        }
    }
    
    .success__story .owl-nav {
        position: absolute;
        left: -47%;
        bottom: -20px;
    }
    
    .success__story .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .success__story .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .success__story .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .success__story .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    .success__story .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .success__story .owl-nav button.owl-next i {
        font-size: 28px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .success__story .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .success__story .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    @media screen and (max-width: 1700px) {
        .success__story .owl-nav {
            display: none;
        }
    }
    
    @media (max-width: 1399px) {
        .success__story__wrap {
            padding: 0 20px;
        }
    }
    
    @media screen and (max-width: 1800px) {
        .success__content {
            margin-left: 0px;
        }
        .success__content .section__header h2 {
            font-size: 2rem;
        }
    }
    
    .success__content {
        position: relative;
        margin-left: -80px;
    }
    
    @media (max-width: 1399px) {
        .success__content .section__header {
            text-align: center;
            max-width: 600px;
            margin: 0 auto 40px;
        }
    }
    
    @media (max-width: 991px) {
        .success__content {
            margin-left: -144px;
        }
    }
    
    @media (max-width: 767px) {
        .success__content {
            margin-left: -100px;
        }
        .success__content .section__header {
            max-width: 450px;
        }
    }
    
    @media (max-width: 575px) {
        .success__content {
            margin-left: -80px;
        }
        .success__content .section__header {
            padding: 0px 40px 0 10px;
        }
        .success__content .section__header h2 {
            font-size: 1.5rem;
        }
        .success__content .section__header p {
            font-size: 0.9rem;
        }
    }
    
    @media (max-width: 500px) {
        .success__content {
            margin-left: -30px;
        }
    }
    
    .success__stry__item {
        position: relative;
    }
    
    .success__stry__item .thumb {
        width: 100%;
        overflow: hidden;
    }
    
    .success__stry__item .thumb img {
        width: 100%;
        border-radius: 5px;
        transition: all 0.4s;
    }
    
    .success__stry__item .content {
        background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 0, 0.64) 43.23%, #000000 100%);
        border-radius: 5px;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 24px 24px;
    }
    
    .success__stry__item .content h4 {
        color: var(--white);
        margin-bottom: 8px;
    }
    
    .success__stry__item .content p {
        font-size: 1rem;
        margin-bottom: 10px;
    }
    
    .success__stry__item .content a {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .success__stry__item .content a span {
        color: #41E295;
        font-weight: 600;
    }
    
    .success__stry__item .content a .icon {
        margin-top: 7px;
    }
    
    .success__stry__item .content a .icon i {
        color: #41E295;
    }
    
    .success__stry__item:hover .thumb img {
        transform: scale(1.1);
    }
    
    .efective__section {
        position: relative;
        overflow: hidden;
    }
    
    .efective__section::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 200px;
        height: 300px;
        background: #452FF4;
        opacity: 0.4;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .efective__section::before {
            width: 250px;
        }
    }
    
    .efective__section .eye__elements {
        position: absolute;
        top: 64px;
        right: 64px;
    }
    
    .efective__section .efect__element1 {
        width: 35px;
        height: 35px;
        position: absolute;
        bottom: 76px;
        left: 114px;
    }
    
    .efective__section .efect__element1 img {
        width: 100%;
        height: 100%;
    }
    
    .efective__section .efect__element2 {
        position: absolute;
        bottom: 76px;
        right: 60px;
        animation: cirsle 2s linear infinite;
    }
    
    .efective__section .efect__element3 {
        position: absolute;
        top: 0px;
        left: -100px;
        animation: cirsle 2s linear infinite;
    }
    
    .efective__section .efect__element4 {
        position: absolute;
        top: 50%;
        left: -100px;
        animation: cir360 2s linear infinite;
    }
    
    .efective__section .efect__element5 {
        position: absolute;
        top: 0;
        left: 0;
        animation: cirsmoth 2s linear infinite;
    }
    
    .efective__section .efect__element6 {
        position: absolute;
        top: 0;
        right: 0;
        animation: cirsmoth 2s linear infinite;
    }
    
    .efective__section .efect__element7 {
        position: absolute;
        top: 130px;
        right: 0;
        animation: cir360 2s linear infinite;
    }
    
    .efective__thumb {
        position: relative;
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .efective__thumb {
            display: none;
        }
    }
    
    .efective__thumb img {
        width: 100%;
        animation: bns1 5s linear infinite;
    }
    
    .efective__content {
        position: relative;
        z-index: 1;
    }
    
    @media (max-width: 991px) {
        .efective__content {
            margin-bottom: 35px;
        }
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems {
        display: flex;
        align-items: center;
        gap: 10px 20px;
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems:not(:last-child) {
        margin-bottom: 20px;
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems .icons {
        width: 48px;
        height: 48px;
        text-align: center;
        line-height: 42px;
        border-radius: 5px;
        background: rgba(69, 47, 244, 0.05);
        border: 1px solid var(--box1);
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems .icons2 {
        background: rgba(40, 138, 91, 0.05);
        border: 1px solid #E6EFEA;
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems .icons3 {
        background: rgba(107, 74, 0, 0.05);
        border: 1px solid #F0EDE6;
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems .icons4 {
        background: rgba(162, 17, 17, 0.05);
        border: 1px solid #F6E7E7;
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems .content {
        width: calc(100% - 48px);
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems .content h5 {
        color: var(--themetext);
        margin-bottom: 4px;
    }
    
    .efective__content .efective__data__wrapper .efect__data__iems .content p {
        font-size: 0.9rem;
        color: var(--themetext);
    }
    
    .efective__system__section {
        position: relative;
        overflow: hidden;
    }
    
    .efective__system__section .efect__three {
        position: absolute;
        top: 100px;
        left: 100px;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 767px) {
        .efective__system__section .efect__three {
            display: none;
        }
    }
    
    .efective__system__section .efect__rount {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translate(-50%);
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 575px) {
        .efective__system__section .efect__rount {
            display: none;
        }
    }
    
    .efective__system__section .efect__cross {
        position: absolute;
        top: 40%;
        left: 42%;
        animation: cir360 10s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .efective__system__section .efect__cross {
            display: none;
        }
    }
    
    .efective__system__section::before {
        display: none;
    }
    
    .efective__system {
        width: initial;
    }
    
    @media (max-width: 991px) {
        .efective__system {
            width: 100%;
        }
        .efective__system img {
            width: 100%;
        }
    }
    
    .efective__data__system .efect__data__iems {
        display: flex;
    }
    
    .efective__section__three {
        overflow: hidden;
        position: relative;
    }
    
    .efective__section__three::before {
        position: absolute;
        bottom: -50px;
        left: -50px;
        content: "";
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.4;
        filter: blur(250px);
    }
    
    @media (max-width: 500px) {
        .efective__section__three::before {
            width: 250px;
        }
    }
    
    .efective__section__three::after {
        position: absolute;
        bottom: -60px;
        right: -60px;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.4;
        filter: blur(250px);
    }
    
    @media (max-width: 500px) {
        .efective__section__three::after {
            width: 250px;
        }
    }
    
    .efective__section__three .efect__element4 {
        top: 35px;
    }
    
    .efective__section__three .efect__light1 {
        position: absolute;
        top: 60px;
        right: 60px;
    }
    
    .efective__section__three .efect__light2 {
        position: absolute;
        bottom: 120px;
        left: 55%;
    }
    
    .efective__section__three .efect__tb1 {
        position: absolute;
        top: 150px;
        left: 90px;
    }
    
    @media (max-width: 1399px) {
        .efective__section__three .efect__tb1 {
            top: 20px;
            left: 20px;
        }
    }
    
    @media (max-width: 575px) {
        .efective__section__three .efect__tb1 {
            display: none;
        }
    }
    
    .efective__section__three .efect__tbgold {
        position: absolute;
        bottom: 40px;
        left: 60px;
        width: 80px;
    }
    
    .efective__section__three .efect__tbgold img {
        width: 100%;
    }
    
    @media (max-width: 1399px) {
        .efective__section__three .efect__tbgold {
            width: 60px;
            left: 10px;
            bottom: 10px;
        }
    }
    
    @media (max-width: 575px) {
        .efective__section__three .efect__tbgold {
            width: 40px;
        }
    }
    
    .efective__section__three .check__ai {
        position: absolute;
        bottom: 60px;
        right: 60px;
        width: 100px;
    }
    
    .efective__section__three .check__ai img {
        width: 100%;
    }
    
    @media (max-width: 767px) {
        .efective__section__three .check__ai {
            width: 60px;
        }
    }
    
    @media (max-width: 575px) {
        .efective__section__three .check__ai {
            display: none;
        }
    }
    
    .efective__section__three .efective__thumb .efect__ecross {
        position: absolute;
        right: 10px;
        bottom: -60px;
        animation: cir360 7s linear infinite;
    }
    
    .efective__section__three .efective__thumb .efect__eleround {
        position: absolute;
        top: -40px;
        left: 0;
    }
    
    @media (max-width: 991px) {
        .efective__section__three .efective__thumb .efect__eleround {
            top: 40px;
        }
    }
    
    .efective__section__three .efective__thumb .efect__elyellow {
        position: absolute;
        right: -50px;
        bottom: 30%;
    }
    
    .efective__section__three .efective__thumb .teser__trvuj {
        position: absolute;
        right: 0;
        top: 100px;
    }
    
    .efective__section__three .efective__thumb .efect__tablet {
        width: 30px;
        position: absolute;
        right: -100px;
        top: 50%;
    }
    
    .efective__section__three .efective__thumb .efect__tablet img {
        width: 100%;
    }
    
    .efective__section__three .efective__content .efective__data__wrapper {
        border-left: 1px dashed #C2C7D0;
        height: 100%;
        padding-left: 60px;
        position: relative;
    }
    
    @media (max-width: 500px) {
        .efective__section__three .efective__content .efective__data__wrapper {
            padding-left: 40px;
        }
    }
    
    @media (max-width: 500px) {
        .efective__section__three .efective__content .efective__data__wrapper .content h5 {
            font-size: 1rem;
        }
    }
    
    .efective__section__three .efective__content .efective__data__wrapper::before {
        position: absolute;
        left: -5px;
        top: -6px;
        width: 10px;
        height: 9px;
        content: "";
        background: #C2C7D0;
        clip-path: polygon(100% 100%, 49% 38%, 0 100%);
    }
    
    .efective__section__three .efective__content .efective__data__wrapper::after {
        clip-path: polygon(100% 0, 50% 45%, 0 0);
        position: absolute;
        left: -7px;
        bottom: -8px;
        width: 12px;
        height: 12px;
        content: "";
        background: #C2C7D0;
    }
    
    .efective__section__three .efective__content .efective__data__wrapper .efect__data__iems .icons {
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--themetext);
        position: relative;
    }
    
    .efective__section__three .efective__content .efective__data__wrapper .efect__data__iems .icons::before {
        position: absolute;
        right: calc(100% + 15px);
        top: 50%;
        width: 45px;
        height: 1px;
        content: "";
        border: 1px dashed #C2C7D0;
    }
    
    @media (max-width: 500px) {
        .efective__section__three .efective__content .efective__data__wrapper .efect__data__iems .icons::before {
            width: 25px;
        }
    }
    
    .efective__section__three .efective__content .efective__data__wrapper .efect__data__iems .icons::after {
        position: absolute;
        right: calc(100% + 10px);
        top: 20px;
        width: 10px;
        height: 9px;
        content: "";
        background: #C2C7D0;
        clip-path: polygon(79% 48%, 0 0, 0 100%);
    }
    
    .faq__section {
        overflow: hidden;
    }
    
    .accordion__thumb {
        width: 100%;
        position: relative;
    }
    
    .accordion__thumb img {
        width: 100%;
    }
    
    .accordion__thumb .qustion {
        position: absolute;
        top: -10px;
        right: -140px;
        animation: somthted 10s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .accordion__thumb .qustion {
            width: 150px;
            top: 5px;
            right: -80px;
        }
        .accordion__thumb .qustion img {
            width: 100%;
        }
    }
    
    @media (max-width: 991px) {
        .accordion__thumb .qustion {
            top: 130px;
            right: -30px;
            width: 100px;
        }
        .accordion__thumb .qustion img {
            width: 100%;
        }
    }
    
    @media (max-width: 500px) {
        .accordion__thumb .qustion {
            top: 30px;
            right: -5px;
            width: 60px;
        }
        .accordion__thumb .qustion img {
            width: 100%;
        }
    }
    
    .accordion__wrap .accordion-item {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
        border-radius: 5px;
        background: var(--white);
        border: none;
    }
    
    .accordion__wrap .accordion-item:not(:last-child) {
        margin-bottom: 16px;
    }
    
    .accordion__wrap .accordion-item .accordion-header .accordion-button {
        border-radius: 5px;
        box-shadow: none;
        font-size: 1.1rem;
        line-height: 150%;
        font-weight: 500;
        color: var(--themetext);
    }
    
    @media (max-width: 500px) {
        .accordion__wrap .accordion-item .accordion-header .accordion-button {
            font-size: 1rem;
        }
    }
    
    .accordion__wrap .accordion-item .accordion-header .accordion-button::after {
        background: url(../img/faq/plus.png) no-repeat center center;
        background-size: 2vh;
        background-color: var(--base);
        width: 25px;
        height: 25px;
        border-radius: 3.75px;
    }
    
    .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        background-image: none;
        transform: none;
        background: url(../img/faq/remove.png) no-repeat center center;
        background-size: 2vh;
        background-color: var(--danger);
        width: 25px;
        height: 25px;
        border-radius: 3.75px;
    }
    
    .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed) {
        color: var(--themetext);
        background-color: var(--white);
        box-shadow: none;
        border-bottom: 1px solid var(--priceborder);
    }
    
    .accordion__wrap .accordion-body p {
        font-size: 0.9rem;
        color: var(--themetext);
        line-height: 150%;
    }
    
    .faq__section__four {
        position: relative;
        overflow: hidden;
    }
    
    @media (max-width: 1399px) {
        .faq__section__four .accordion__thumb__four {
            width: 600px;
        }
        .faq__section__four .accordion__thumb__four img {
            width: 100%;
        }
    }
    
    @media (max-width: 1199px) {
        .faq__section__four .accordion__thumb__four {
            width: 500px;
        }
        .faq__section__four .accordion__thumb__four img {
            width: 100%;
        }
    }
    
    @media (max-width: 1199px) and (max-width: 991px) {
        .faq__section__four .accordion__thumb__four {
            display: none;
        }
    }
    
    .accordion__four__contnt .accordion__wrap .accordion-item {
        background: var(--accorlightbg);
        box-shadow: unset;
    }
    
    .accordion__four__contnt .accordion__wrap .accordion-item .accordion-header .accordion-button {
        background: var(--accorlightbg);
    }
    
    .accordion__four__contnt .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed) {
        border-bottom: 1px solid var(--accorlight);
    }
    
    .accordion__thumb__four {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .main__accordion__content {
        background: rgba(69, 47, 244, 0.05);
        border-radius: 5px;
        padding: 20px;
    }
    
    .sigin__page {
        position: relative;
        overflow: hidden;
        padding: 120px 0 0;
    }
    
    .sigin__page::before {
        position: absolute;
        content: "";
        bottom: -80px;
        left: -80px;
        width: 300px;
        height: 300px;
        background: #ED5050;
        opacity: 0.6;
        filter: blur(200px);
    }
    
    .sigin__page::after {
        position: absolute;
        content: "";
        bottom: -80px;
        right: -80px;
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.6;
        filter: blur(200px);
    }
    
    .signin__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        position: relative;
    }
    
    .signin__wrapper::before {
        position: absolute;
        content: "";
        top: -200px;
        left: -200px;
        width: 200px;
        height: 200px;
        background: #452FF4;
        opacity: 0.6;
        filter: blur(200px);
    }
    
    .signin__wrapper::after {
        position: absolute;
        content: "";
        top: -200px;
        right: -200px;
        width: 200px;
        height: 200px;
        background: #FFAF00;
        opacity: 0.6;
        filter: blur(200px);
    }
    
    @media (max-width: 991px) {
        .signin__wrapper {
            height: 100%;
            padding: 40px 0 80px;
        }
    }
    
    .signin__thumb {
        width: 100%;
    }
    
    .signin__thumb img {
        width: 100%;
    }
    
    .signin__content__left .signin__head {
        margin-bottom: 40px;
    }
    
    .signin__content__left .signin__head h3 {
        color: var(--themetext);
        margin-bottom: 16px;
    }
    
    .signin__content__left .signin__head p {
        color: var(--themetext);
        font-size: 16px;
    }
    
    .signin__content__left form .forget__right {
        text-align: right;
        margin-top: 12px;
    }
    
    .signin__content__left form .forget__right .forget {
        color: var(--casedifrent);
    }
    
    .signin__content__left form .form__grp label {
        font-size: 18px;
        font-weight: 500;
        color: var(--themetext);
        margin-bottom: 15px;
    }
    
    .signin__content__left form .form__grp input {
        outline: none;
        color: var(--placeinput);
        width: 100%;
        background: rgba(69, 47, 244, 0.05);
        border: 1px solid var(--inputborder);
        border-radius: 5px;
        padding: 12px 20px 14px;
        font-size: 14px;
    }
    
    .signin__content__left form .form__grp ::placeholder {
        color: var(--placeinput);
    }
    
    .signin__content__left .accout {
        margin-top: 24px;
        font-size: 16px;
        color: var(--themetext);
        font-weight: 400;
        margin-bottom: 32px;
    }
    
    .signin__content__left .accout a {
        color: var(--casedifrent);
        font-weight: 500;
    }
    
    .error__wrapper .thumb {
        width: 100%;
        margin-bottom: 40px;
    }
    
    .error__wrapper .thumb img {
        width: 100%;
    }
    
    .error__contnet {
        text-align: center;
        margin: 0 auto;
    }
    
    .error__contnet h2 {
        color: var(--themetext);
        margin-bottom: 20px;
    }
    
    @media (max-width: 575px) {
        .error__contnet h2 {
            font-size: 32px;
        }
    }
    
    .error__contnet p {
        font-size: 16px;
        color: var(--themetext);
        margin-bottom: 32px;
    }
    
    .artificial__section {
        position: relative;
        overflow: hidden;
    }
    
    .artificial__section::before {
        background: #452FF4;
        filter: blur(300px);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 300px;
        height: 300px;
        content: "";
    }
    
    .artificial__section::after {
        background: #41E295;
        opacity: 0.4;
        filter: blur(300px);
        position: absolute;
        top: 0;
        right: 0;
        width: 300px;
        height: 200px;
        content: "";
    }
    
    .artificial__section .light__element1 {
        position: absolute;
        top: 129px;
        left: 174px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .artificial__section .light__element1 {
            display: none;
        }
    }
    
    .artificial__section .light__element2 {
        position: absolute;
        bottom: 110px;
        left: 309px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .artificial__section .light__element2 {
            display: none;
        }
    }
    
    .artificial__section .light__element3 {
        position: absolute;
        top: 150px;
        left: 42%;
        transform: translate(-50%);
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 991px) {
        .artificial__section .light__element3 {
            display: none;
        }
    }
    
    .artificial__section .light__element4 {
        position: absolute;
        top: 109px;
        right: 153px;
        animation: zminopa 3s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .artificial__section .light__element4 {
            top: 80px;
        }
    }
    
    @media (max-width: 991px) {
        .artificial__section .light__element4 {
            display: none;
        }
    }
    
    .artificial__section .light__element5 {
        position: absolute;
        bottom: 100px;
        right: 20%;
        animation: zminopa 2s linear infinite;
    }
    
    @media (max-width: 991px) {
        .artificial__section .light__element5 {
            display: none;
        }
    }
    
    .artificial__section .light__checkai {
        position: absolute;
        bottom: 80px;
        right: 40px;
        width: 60px;
    }
    
    @media (max-width: 767px) {
        .artificial__section .light__checkai {
            display: none;
        }
    }
    
    .artificial__section .light__checkai img {
        width: 100%;
    }
    
    .artificial__thumb {
        position: relative;
        direction: rtl;
        z-index: 1;
    }
    
    @media (max-width: 1199px) {
        .artificial__thumb {
            max-width: 600px;
        }
        .artificial__thumb img {
            width: 100%;
        }
    }
    
    @media (max-width: 991px) {
        .artificial__thumb {
            margin-top: 30px;
        }
    }
    
    @media (max-width: 767px) {
        .artificial__thumb::before {
            display: none;
        }
    }
    
    .artificial__thumb::before {
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-50%, -50%);
        content: "";
        width: 500px;
        z-index: -1;
        border-radius: 10px;
        height: 500px;
        border: 1px solid rgba(69, 47, 244, 0.3);
    }
    
    .artificial__thumb img {
        max-width: unset;
        animation: airtifi 5s linear infinite;
    }
    
    .artificial__content {
        position: relative;
    }
    
    .artificial__content::before {
        background: #EDCB50;
        opacity: 0.4;
        filter: blur(300px);
        position: absolute;
        bottom: -300px;
        right: -300px;
        width: 300px;
        height: 300px;
        content: "";
    }
    
    .artificial__content p {
        color: var(--themetext);
    }
    
    .artificial__content .artificial__app {
        padding: 32px 0;
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: space-between;
    }
    
    @media (max-width: 1199px) {
        .artificial__content .artificial__app {
            padding: 22px 0;
        }
    }
    
    @media (max-width: 500px) {
        .artificial__content .artificial__app {
            flex-wrap: wrap;
            gap: 15px;
        }
    }
    
    .artificial__content .artificial__app .articial__items {
        position: relative;
        padding: 10px 30px;
        text-align: center;
    }
    
    .artificial__content .artificial__app .articial__items::before {
        position: absolute;
        content: "";
        background: url(../img/efective/fleft.png) no-repeat center center;
        background-size: contain;
        left: 0;
        width: 30px;
        height: 100%;
        top: 0;
    }
    
    .artificial__content .artificial__app .articial__items::after {
        position: absolute;
        content: "";
        background: url(../img/efective/fright.png) no-repeat center center;
        background-size: contain;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
    }
    
    .artificial__content .artificial__app .articial__items .apptext {
        font-size: 14px;
        line-height: 150%;
        display: block;
        color: var(--themetext);
    }
    
    .artificial__content .artificial__app .articial__items .apppweek {
        font-size: 14px;
        font-weight: 700;
        line-height: 150%;
        display: block;
        color: var(--themetext);
    }
    
    .artificial__content .artificial__app .articial__items .date {
        font-size: 14px;
        line-height: 150%;
        display: block;
        color: var(--themetext);
    }
    
    .testimonial__section {
        position: relative;
        overflow: hidden;
    }
    
    .testimonial__section .efect__element1 {
        position: absolute;
        bottom: 74px;
        left: 114px;
        animation: cir360 2s linear infinite;
    }
    
    @media (max-width: 991px) {
        .testimonial__section .efect__element1 {
            display: none;
        }
    }
    
    .testimonial__section .efect__element2 {
        position: absolute;
        left: 130px;
        top: 150px;
        animation: cir360 2s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .testimonial__section .efect__element2 {
            top: 80px;
            left: 70px;
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__section .efect__element2 {
            display: none;
        }
    }
    
    .testimonial__section .efect__element4 {
        position: absolute;
        right: 50px;
        bottom: 50px;
        animation: cir360 2s linear infinite;
    }
    
    .testimonial__section .efect__element7 {
        position: absolute;
        top: 50px;
        left: 50%;
        animation: cir360 2s linear infinite;
    }
    
    @media (max-width: 575px) {
        .testimonial__section .efect__element7 {
            display: none;
        }
    }
    
    .testimonial__section .testimonial__wrap__wided,
    .testimonial__section .testimonial__wrap {
        position: relative;
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav,
    .testimonial__section .testimonial__wrap .owl-nav {
        display: flex;
        margin-top: 20px;
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav button.owl-prev,
    .testimonial__section .testimonial__wrap .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav button.owl-prev i,
    .testimonial__section .testimonial__wrap .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav button.owl-prev:hover,
    .testimonial__section .testimonial__wrap .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav button.owl-prev:hover i,
    .testimonial__section .testimonial__wrap .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav button.owl-next,
    .testimonial__section .testimonial__wrap .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav button.owl-next i,
    .testimonial__section .testimonial__wrap .owl-nav button.owl-next i {
        font-size: 28px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav button.owl-next:hover,
    .testimonial__section .testimonial__wrap .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .testimonial__section .testimonial__wrap__wided .owl-nav button.owl-next:hover i,
    .testimonial__section .testimonial__wrap .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    @media (max-width: 1399px) {
        .testimonial__section .testimonial__wrap__wided .owl-nav,
        .testimonial__section .testimonial__wrap .owl-nav {
            bottom: 15px;
            left: 50%;
            transform: translate(-50%);
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__section .testimonial__wrap__wided .owl-nav,
        .testimonial__section .testimonial__wrap .owl-nav {
            display: none;
        }
    }
    
    .testimonial__content {
        position: relative;
    }
    
    .testimonial__content .section__header h2 {
        margin-bottom: 0;
    }
    
    .testimonial__content .testimonial__fixed {
        position: absolute;
        top: 60%;
        right: 0;
        opacity: 0.5;
    }
    
    @media (max-width: 991px) {
        .testimonial__content .testimonial__fixed {
            top: 50%;
        }
    }
    
    @media (max-width: 500px) {
        .testimonial__content .testimonial__fixed {
            display: none;
        }
    }
    
    @media (max-width: 991px) {
        .testimonial__content {
            margin-bottom: 80px;
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__content {
            margin-bottom: 120px;
        }
    }
    
    @media (max-width: 500px) {
        .testimonial__content {
            margin-bottom: 30px;
        }
    }
    
    .maxwidht {
        max-width: 420px;
    }
    
    .testimonial__items {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        background: var(--white);
        padding: 24px 24px;
    }
    
    .testimonial__items p {
        color: var(--themetext);
        line-height: 26px;
        font-size: 1rem;
        margin-bottom: 24px;
    }
    
    .testimonial__items .star__grp {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 8px;
    }
    
    .testimonial__items .star__grp i {
        font-size: 20px;
        color: var(--intellicon);
    }
    
    .testimonial__items .client__wrap {
        display: flex;
        align-items: center;
        gap: 10px 20px;
    }
    
    .testimonial__items .client__wrap .content h5 {
        color: var(--themetext);
        margin-bottom: 4px;
    }
    
    .testimonial__items .client__wrap .content .designation {
        font-size: 16px;
        color: var(--themetext);
    }
    
    .testimonial__wrap__two .testimonial__items {
        max-width: 100%;
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        background: var(--white);
        margin: 35px 35px 35px 5px;
    }
    
    @media (max-width: 767px) {
        .testimonial__wrap__two .testimonial__items {
            margin: 20px 15px 15px 15px;
        }
    }
    
    @media (max-width: 500px) {
        .testimonial__wrap__two .testimonial__items {
            margin: 20px 5px 5px 5px;
        }
    }
    
    .testimonial__wrap__two .owl-nav {
        display: flex;
    }
    
    .testimonial__wrap__two .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .testimonial__wrap__two .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .testimonial__wrap__two .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .testimonial__wrap__two .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    .testimonial__wrap__two .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .testimonial__wrap__two .owl-nav button.owl-next i {
        font-size: 28px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .testimonial__wrap__two .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .testimonial__wrap__two .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    .testimonial__thumb__two {
        width: initial;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    @media (max-width: 1399px) {
        .testimonial__thumb__two {
            max-width: 600px;
        }
        .testimonial__thumb__two img {
            width: 100%;
        }
    }
    
    @media (max-width: 1199px) {
        .testimonial__thumb__two {
            max-width: 500px;
        }
        .testimonial__thumb__two img {
            width: 100%;
        }
    }
    
    @media (max-width: 991px) {
        .testimonial__thumb__two {
            margin-bottom: 20px;
            position: initial;
            transform: translateY(0%);
        }
    }
    
    .testimonial__content__two p {
        margin-top: 24px;
    }
    
    @media (max-width: 575px) {
        .testimonial__content__two p {
            margin-top: 10px;
        }
    }
    
    .testimonial__three__section {
        position: relative;
    }
    
    .testimonial__three__section .test__ai {
        position: absolute;
        top: 50px;
        left: 60px;
    }
    
    @media (max-width: 1199px) {
        .testimonial__three__section .test__ai {
            top: 20px;
            left: 20px;
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__three__section .test__ai {
            display: none;
        }
    }
    
    .testimonial__three__section .efect__element2 {
        position: absolute;
        left: 200px;
        top: 50%;
    }
    
    .testimonial__three__section .efect__border {
        position: absolute;
        right: 45px;
        top: 70px;
        animation: cir360 5s linear infinite;
    }
    
    .testimonial__three__section .efect__eyollo {
        position: absolute;
        top: 30px;
        left: 50%;
        animation: cir360 5s linear infinite;
    }
    
    .testimonial__three__section .efect__elight {
        position: absolute;
        bottom: 60px;
        left: 45%;
    }
    
    .testimonial__three__section .testi__robot {
        position: absolute;
        right: 20px;
        bottom: 20px;
        animation: rlrl 5s linear infinite;
    }
    
    @media (max-width: 1399px) {
        .testimonial__three__section .testi__robot {
            width: 140px;
        }
        .testimonial__three__section .testi__robot img {
            width: 100%;
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__three__section .testi__robot {
            width: 100px;
        }
    }
    
    @media (max-width: 500px) {
        .testimonial__three__section .testi__robot {
            width: 60px;
        }
    }
    
    .testimonial__three__section .testi__tablet {
        position: absolute;
        top: 160px;
        right: 245px;
    }
    
    @media (max-width: 1399px) {
        .testimonial__three__section .testi__tablet {
            right: 20px;
        }
    }
    
    @media (max-width: 1199px) {
        .testimonial__three__section .testi__tablet {
            right: 15px;
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__three__section .testi__tablet {
            display: none;
        }
    }
    
    .testi__three__wrap {
        position: relative;
        z-index: 1;
    }
    
    .testi__three__wrap .owl-dots {
        display: flex;
        align-items: center;
    }
    
    .testi__three__wrap .owl-dots .owl-dot {
        margin-top: 30px;
    }
    
    .testi__three__wrap .owl-dots .owl-dot span {
        background-color: #CDC7FC;
        width: 12px;
        height: 12px;
    }
    
    .testi__three__wrap .owl-dots .owl-dot.active span {
        background-color: #452FF4;
        width: 22px;
    }
    
    .tesiti__three__item {
        position: relative;
        z-index: 1;
    }
    
    .tesiti__three__item .tesiti__three__box {
        margin-bottom: 45px;
        padding: 24px 24px 24px;
        background: var(--white);
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        position: relative;
    }
    
    .tesiti__three__item .tesiti__three__box::before {
        position: absolute;
        content: "";
        top: 100%;
        left: 30px;
        clip-path: polygon(51% 84%, 0 0, 100% 0);
        width: 40px;
        height: 40px;
        background: var(--white);
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.04);
    }
    
    .tesiti__three__item .tesiti__three__box .ratting__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }
    
    .tesiti__three__item .tesiti__three__box .ratting__inner .ratting i {
        color: var(--intellicon);
        font-size: 22px;
    }
    
    .tesiti__three__item .tesiti__three__box .ratting__inner .quote {
        border: 1px solid rgba(69, 47, 244, 0.1);
        border-radius: 5px;
        width: 32px;
        height: 32px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .tesiti__three__item .tesiti__three__box .ratting__inner .quote i {
        color: #B5ACFB;
        font-size: 24px;
    }
    
    .tesiti__three__item .tesiti__three__box p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 150%;
        color: var(--themetext);
    }
    
    .tesiti__three__item .client__history {
        display: flex;
        align-items: center;
        gap: 20px;
        padding-left: 20px;
    }
    
    .tesiti__three__item .client__history .content h5 {
        color: var(--themetext);
        margin-bottom: 4px;
    }
    
    .tesiti__three__item .client__history .content .designation {
        font-size: 1rem;
        color: var(--themetext);
    }
    
    .testi__three__content {
        position: relative;
        z-index: 1;
    }
    
    @media (max-width: 991px) {
        .testi__three__content {
            margin-top: 35px;
        }
    }
    
    .testi__three__content .all__user {
        display: flex;
        align-items: center;
    }
    
    .testi__three__content .all__user .user {
        margin-left: -10px;
    }
    
    @media (max-width: 767px) {
        .testi__three__content .all__user {
            padding-left: 10px;
        }
    }
    
    .testimonial__section__five {
        position: relative;
    }
    
    .testimonial__section__five .testimonial__wrap {
        position: initial;
    }
    
    .testimonial__section__five .testimonial__wrap .testimonial__items .quote__icon {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 12px;
        border: 1px solid var(--tquotebor);
        border-radius: 5px;
        margin: 0 auto 16px;
    }
    
    .testimonial__section__five .testimonial__wrap .testimonial__items .quote__icon i {
        font-size: 48px;
        color: #B5ACFB;
    }
    
    .testimonial__section__five .testimonial__wrap .testimonial__items p {
        text-align: center;
    }
    
    .testimonial__section__five .testimonial__wrap .testimonial__items .star__grp {
        justify-content: center;
    }
    
    .testimonial__section__five .testimonial__wrap .testimonial__items .client__wrap {
        justify-content: center;
    }
    
    .testimonial__section__five .owl-nav {
        position: absolute;
        left: 300px;
        bottom: 120px;
    }
    
    .testimonial__section__five .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .testimonial__section__five .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .testimonial__section__five .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .testimonial__section__five .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    .testimonial__section__five .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .testimonial__section__five .owl-nav button.owl-next i {
        font-size: 28px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .testimonial__section__five .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .testimonial__section__five .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    @media (max-width: 1399px) {
        .testimonial__section__five .owl-nav {
            bottom: 15px;
            left: 50%;
            transform: translate(-50%);
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__section__five .owl-nav {
            display: none;
        }
    }
    
    .testimonial__content__five .section__header h3 {
        color: var(--themetext);
    }
    
    @media (max-width: 1199px) {
        .testimonial__content__five .section__header h3 {
            font-size: 1.5rem;
        }
    }
    
    @media (max-width: 991px) {
        .testimonial__content__five .section__header h3 {
            font-size: 2rem;
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__content__five .section__header h3 {
            font-size: 1.5rem;
        }
    }
    
    .newsletter__section {
        position: relative;
        overflow: hidden;
    }
    
    .newsletter__section::before {
        background: #452FF4;
        opacity: 0.4;
        filter: blur(200px);
        width: 300px;
        height: 300px;
        content: "";
        position: absolute;
        top: -200px;
        left: -200px;
    }
    
    @media (max-width: 500px) {
        .newsletter__section::before {
            width: 250px;
        }
    }
    
    .newsletter__section::after {
        background: #41E295;
        opacity: 0.5;
        filter: blur(200px);
        width: 150px;
        height: 150px;
        content: "";
        position: absolute;
        top: 80px;
        right: -20px;
    }
    
    @media (max-width: 500px) {
        .newsletter__section::after {
            width: 250px;
        }
    }
    
    .newsletter__section .efect__element7 {
        position: absolute;
        top: 50px;
        left: 50px;
        animation: cir360 4s linear infinite;
    }
    
    @media (max-width: 575px) {
        .newsletter__section .efect__element7 {
            display: none;
        }
    }
    
    .newsletter__section .efect__element2 {
        position: absolute;
        top: 60px;
        left: 30%;
        animation: cir360 4s linear infinite;
    }
    
    @media (max-width: 575px) {
        .newsletter__section .efect__element2 {
            display: none;
        }
    }
    
    .newsletter__section .efect__cross {
        position: absolute;
        bottom: 20px;
        left: 20%;
        animation: cir360 4s linear infinite;
    }
    
    .newsletter__section .efect__element8 {
        position: absolute;
        top: 50px;
        right: 20%;
        animation: cir360 4s linear infinite;
    }
    
    @media (max-width: 575px) {
        .newsletter__section .efect__element8 {
            display: none;
        }
    }
    
    .newsletter__section .social__element1 {
        position: absolute;
        top: 30px;
        left: 180px;
        width: 30px;
        animation: bns1 4s linear infinite;
    }
    
    .newsletter__section .social__element1 img {
        width: 100%;
    }
    
    .newsletter__section .social__element1repet {
        position: absolute;
        bottom: 30px;
        right: 30%;
        width: 35px;
        animation: bns1 4s linear infinite;
    }
    
    .newsletter__section .social__element1repet img {
        width: 100%;
    }
    
    @media (max-width: 767px) {
        .newsletter__section .social__element1repet {
            display: none;
        }
    }
    
    .newsletter__section .social__element2 {
        position: absolute;
        top: 180px;
        left: 280px;
        width: 30px;
        animation: workdown 4s linear infinite;
    }
    
    .newsletter__section .social__element2 img {
        width: 100%;
    }
    
    @media (max-width: 767px) {
        .newsletter__section .social__element2 {
            display: none;
        }
    }
    
    .newsletter__section .social__element3 {
        position: absolute;
        bottom: 30px;
        left: 180px;
        width: 30px;
        animation: rlrl 4s linear infinite;
    }
    
    .newsletter__section .social__element3 img {
        width: 100%;
    }
    
    @media (max-width: 767px) {
        .newsletter__section .social__element3 {
            display: none;
        }
    }
    
    .newsletter__section .social__element4 {
        position: absolute;
        top: 40px;
        right: 20%;
        width: 55px;
        animation: rlrl 4s linear infinite;
    }
    
    .newsletter__section .social__element4 img {
        width: 100%;
    }
    
    @media (max-width: 767px) {
        .newsletter__section .social__element4 {
            display: none;
        }
    }
    
    .newsletter__section .social__element5 {
        position: absolute;
        right: 10%;
        top: 50%;
        width: 35px;
        animation: workdown 4s linear infinite;
    }
    
    .newsletter__section .social__element5 img {
        width: 100%;
    }
    
    .newsletter__wrapper {
        position: relative;
    }
    
    .newsletter__wrapper .news__element2 {
        position: absolute;
        right: -20px;
        top: 140px;
    }
    
    @media (max-width: 991px) {
        .newsletter__wrapper .news__element2 {
            display: none;
        }
    }
    
    .newsletter__wrapper .news__element1 {
        position: absolute;
        left: -50px;
        top: 80px;
    }
    
    @media (max-width: 991px) {
        .newsletter__wrapper .news__element1 {
            display: none;
        }
    }
    
    .newsletter__content {
        position: relative;
    }
    
    .newsletter__content .map__mask {
        position: absolute;
        inset: -67px 0 0 0;
    }
    
    .newsletter__content .section__header {
        margin-bottom: 40px;
        position: relative;
        z-index: 1;
    }
    
    .newsletter__content form {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(69, 47, 244, 0.05);
        border: 1px solid rgba(69, 47, 244, 0.15);
        padding: 8px;
        border-radius: 5px;
        flex-direction: column;
    }
    
    .newsletter__content form input {
        width: 100%;
        /* height: 100%; */
        padding: 6px 8px 10px 8px;
        /* background: transparent; */
        color: #42526D;
        border: none;
        outline: none;
    }
    
    .newsletter__content form button {
        border: none;
        padding-right: 40px;
    }
    
    .newsletter__content form ::placeholder {
        color: #42526D;
    }
    
    @media (max-width: 575px) {
        .newsletter__content form {
            padding: 8px;
        }
        .newsletter__content form input {
            padding: 6px 6px 8px 6px;
            font-size: 14px;
        }
        .newsletter__content form button {
            font-size: 14px;
            padding: 11px 25px 14px 15px;
        }
    }
    
    .newsletter__content .join__btn {
        position: relative;
        z-index: 1;
        text-align: center;
    }
    
    .testimonial__thumb {
        position: relative;
        width: 100%;
    }
    
    .testimonial__thumb img {
        width: 100%;
        animation: bns1 5s linear infinite;
    }
    
    .testimonial__thumb .testi__dots {
        position: absolute;
        top: 100px;
        left: 0;
    }
    
    @media (max-width: 500px) {
        .testimonial__thumb .testi__dots {
            width: 30px;
        }
        .testimonial__thumb .testi__dots img {
            width: 100%;
        }
    }
    
    .testimonial__thumb .testi__swtich {
        position: absolute;
        bottom: 30px;
        left: 0;
    }
    
    @media (max-width: 500px) {
        .testimonial__thumb .testi__swtich {
            width: 30px;
        }
        .testimonial__thumb .testi__swtich img {
            width: 100%;
        }
    }
    
    .testimonial__thumb .testi__pinterest {
        position: absolute;
        right: 0;
        bottom: 30px;
    }
    
    @media (max-width: 500px) {
        .testimonial__thumb .testi__pinterest {
            width: 30px;
        }
        .testimonial__thumb .testi__pinterest img {
            width: 100%;
        }
    }
    
    .testimonial__thumb .testi__bell {
        position: absolute;
        bottom: 30%;
        right: -200px;
        width: 80px;
    }
    
    .testimonial__thumb .testi__bell img {
        width: 100%;
    }
    
    @media (max-width: 500px) {
        .testimonial__thumb .testi__bell {
            width: 30px;
        }
        .testimonial__thumb .testi__bell img {
            width: 100%;
        }
    }
    
    .testimonial__thumb .testi__facebook {
        position: absolute;
        top: 0;
        width: 40px;
        right: -150px;
    }
    
    .testimonial__thumb .testi__facebook img {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .testimonial__thumb .testi__facebook {
            top: 50px;
        }
    }
    
    @media (max-width: 500px) {
        .testimonial__thumb .testi__facebook {
            width: 30px;
            right: -2px;
        }
        .testimonial__thumb .testi__facebook img {
            width: 100%;
        }
    }
    
    @media (max-width: 575px) {
        .testimonial__thumb {
            display: none;
        }
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part {
        margin-top: 35px;
        display: flex;
        align-items: center;
        gap: 15px 24px;
    }
    
    @media (max-width: 500px) {
        .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part {
            flex-wrap: wrap;
        }
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .follow__btn a {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .follow__btn a span {
        font-size: 1.2rem;
        color: var(--themetext);
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .follow__btn a .icon {
        margin-top: 10px;
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .follow__btn a .icon i {
        font-size: 22px;
        color: var(--themetext);
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard {
        display: flex;
        align-items: center;
        gap: 5px 12px;
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li {
        width: 40px;
        height: 40px;
        line-height: 35px;
        text-align: center;
        border-radius: 5px;
        background: var(--soc1);
        border: 1px solid var(--socbor1);
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li a i {
        color: var(--base);
        font-size: 20px;
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(2) {
        background: var(--soc2);
        border-color: var(--socbor2);
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(2) a i {
        color: var(--basetwo);
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(3) {
        background: var(--soc3);
        border-color: var(--socbor3);
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(3) a i {
        color: var(--basethree);
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(4) {
        background: var(--soc4);
        border-color: var(--socbor4);
    }
    
    .newsletter__section__three .newsletter__wrapper .newsletter__content .social__part .social__standard li:nth-child(4) a i {
        color: var(--themeneed);
    }
    
    .newsletter__three__thumb {
        width: 100%;
        animation: bns1 5s linear infinite;
    }
    
    .newsletter__three__thumb img {
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .newsletter__three__thumb {
            margin-top: 35px;
        }
    }
    
    .newsletter__wrapper__four {
        background: var(--nbg1);
        border-radius: 5px;
        overflow: hidden;
        padding: 75px 20px 80px;
        margin-top: -180px;
        transform: translateY(180px);
        z-index: 9;
    }
    
    .newsletter__wrapper__four form {
        background: var(--white);
    }
    
    .newsletter__wrapper__four form input {
        background: var(--white);
    }
    
    .newsletter__wrapper__four .newsfour__element1 {
        position: absolute;
        top: 56px;
        left: 101px;
        width: 250px;
    }
    
    @media (max-width: 991px) {
        .newsletter__wrapper__four .newsfour__element1 {
            display: none;
        }
    }
    
    .newsletter__wrapper__four .newsfour__element1 img {
        width: 100%;
    }
    
    .newsletter__wrapper__four .newsfour__element2 {
        position: absolute;
        bottom: 32px;
        right: 110px;
        width: 250px;
    }
    
    @media (max-width: 991px) {
        .newsletter__wrapper__four .newsfour__element2 {
            display: none;
        }
    }
    
    .newsletter__wrapper__four .newsfour__element2 img {
        width: 100%;
    }
    
    .newsletter__wrapper__four .newsfour__ball1 {
        position: absolute;
        top: 45px;
        right: 134px;
    }
    
    @media (max-width: 767px) {
        .newsletter__wrapper__four .newsfour__ball1 {
            top: 20px;
            right: 20px;
            width: 60px;
        }
        .newsletter__wrapper__four .newsfour__ball1 img {
            width: 100%;
        }
    }
    
    .newsletter__wrapper__four .newsfour__ball2 {
        position: absolute;
        bottom: 34px;
        left: 80px;
        width: 80px;
    }
    
    .newsletter__wrapper__four .newsfour__ball2 img {
        width: 100%;
    }
    
    .brighter__future {
        overflow: hidden;
        position: relative;
    }
    
    .brighter__wrap {
        background: var(--brighterbg);
        padding: 100px 30px 0;
    }
    
    @media (max-width: 767px) {
        .brighter__wrap {
            padding: 60px 10px 0;
        }
    }
    
    .brighter__wrap .brighter__content {
        max-width: 750px;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 100px;
    }
    
    .brighter__wrap .brighter__content .d3 {
        margin-bottom: 24px;
        color: var(--themetext);
    }
    
    .brighter__wrap .brighter__content p {
        color: var(--themetext);
        font-size: 1rem;
        margin-bottom: 35px;
    }
    
    .brighter__wrap .brighter__content .cmn__grp {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px 24px;
    }
    
    .brighter__wrap .brighter__content .cmn__grp .cmn__border {
        color: var(--prightercolor);
        background: unset;
        border: 1px solid var(--prighterborder);
    }
    
    @media (max-width: 767px) {
        .brighter__wrap .brighter__content {
            padding-bottom: 60px;
        }
        .brighter__wrap .brighter__content .d3 {
            font-size: 3rem;
        }
    }
    
    @media (max-width: 575px) {
        .brighter__wrap .brighter__content .d3 {
            font-size: 2rem;
        }
    }
    
    @media (max-width: 500px) {
        .brighter__wrap .brighter__content .d3 {
            margin-bottom: 20px;
            font-size: 1.5rem;
        }
        .brighter__wrap .brighter__content p {
            margin-bottom: 25px;
        }
        .brighter__wrap .brighter__content .cmn__grp {
            flex-wrap: wrap;
        }
    }
    
    .brighter__wrap .brighter__thumb {
        margin: 0 auto;
        text-align: center;
        background: var(--laptopbox);
        max-width: 900px;
        border-radius: 440px 440px 0 0;
    }
    
    .brighter__wrap .brighter__thumb .thumb {
        text-align: center;
        margin: 0 auto;
    }
    
    @media (max-width: 767px) {
        .brighter__wrap .brighter__thumb .thumb {
            max-width: 300px;
            padding: 10px 10px 0 0;
        }
        .brighter__wrap .brighter__thumb .thumb img {
            width: 100%;
        }
    }
    
    .help__box {
        background: var(--helpbox);
        border: 1px solid var(--helpboxbor);
        padding: 32px 32px;
        border-radius: 5px;
        text-align: center;
    }
    
    .help__box .icon {
        width: 72px;
        height: 72px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
        background: var(--helpicon);
        border: 1px solid var(--helpiconborder);
        border-radius: 5px;
        margin: 0 auto 24px;
    }
    
    .help__box .icon i {
        font-size: 24px;
        color: var(--helpiconi);
    }
    
    .help__box .icon2 {
        background: var(--helpicon2);
        border: 1px solid var(--helpiconborder2);
    }
    
    .help__box .icon3 {
        background: var(--helpicon3);
        border: 1px solid var(--helpiconborder3);
    }
    
    .help__box .cont h5 {
        color: var(--themetext);
        margin-bottom: 12px;
    }
    
    .help__box .cont a {
        font-size: 16px;
        font-weight: 400;
        color: var(--themetext);
        display: block;
    }
    
    .blog__grid__items .thumb {
        overflow: hidden;
    }
    
    .blog__grid__items .thumb img {
        transition: all 0.4s;
        border-radius: 5px;
    }
    
    .blog__grid__items .content h4 {
        margin-bottom: 16px;
    }
    
    .blog__grid__items .content h4 a {
        transition: all 0.4s;
    }
    
    .blog__grid__items .content .admin__wrap {
        display: flex;
        align-items: center;
        gap: 10px 32px;
        margin-bottom: 20px;
    }
    
    .blog__grid__items .content .admin__wrap li {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .blog__grid__items .content .admin__wrap li .icon {
        margin-top: 5px;
    }
    
    .blog__grid__items .content .admin__wrap li .icon i {
        font-size: 18px;
        color: var(--achackcion);
    }
    
    .blog__grid__items .content .admin__wrap li span {
        font-size: 14px;
        font-weight: 400;
        color: var(--place2);
    }
    
    @media (max-width: 1199px) {
        .blog__grid__items .content {
            padding: 24px 10px;
        }
    }
    
    .blog__grid__items:hover .thumb img {
        transform: scale(1.1);
    }
    
    .blog__grid__items:hover .content h4 a {
        color: var(--base);
    }
    
    .blog__list__items {
        padding: 8px 8px 8px;
        border-color: var(--white);
    }
    
    .blog__list__items .content {
        width: calc(100% - 300px);
        padding: 10px 0px;
    }
    
    .blog__list__items .content h4 {
        margin-bottom: 16px;
    }
    
    .blog__list__items .content .admin__wrap {
        display: flex;
        align-items: center;
        gap: 10px 32px;
        margin-bottom: 15px;
    }
    
    .blog__list__items .content .admin__wrap li {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .blog__list__items .content .admin__wrap li .icon {
        margin-top: 5px;
    }
    
    .blog__list__items .content .admin__wrap li .icon i {
        font-size: 18px;
        color: var(--achackcion);
    }
    
    .blog__list__items .content .admin__wrap li span {
        font-size: 14px;
        font-weight: 400;
        color: var(--place2);
    }
    
    .blog__list__items .thumb {
        margin-top: 0px;
        max-width: 300px;
        height: 253px;
    }
    
    .blog__list__items .thumb img {
        height: 100%;
    }
    
    @media (max-width: 1399px) {
        .blog__list__items {
            gap: 24px 15px;
        }
        .blog__list__items .content {
            width: calc(100% - 250px);
        }
        .blog__list__items .content h4 {
            font-size: 1.2rem;
        }
        .blog__list__items .thumb {
            max-width: 250px;
            height: 250px;
        }
    }
    
    @media (max-width: 1199px) {
        .blog__list__items .content {
            width: 100%;
            padding-left: 22px;
        }
        .blog__list__items .content h4 {
            font-size: 1.2rem;
        }
        .blog__list__items .thumb {
            max-width: 100%;
            height: 100%;
        }
    }
    
    @media (max-width: 500px) {
        .blog__list__items .content {
            padding-left: 10px;
        }
    }
    
    .blog__details__head {
        padding-bottom: 40px;
    }
    
    .blog__details__head h2 {
        color: var(--themetext);
    }
    
    @media (max-width: 575px) {
        .blog__details__head {
            padding-bottom: 20px;
        }
        .blog__details__head h2 {
            font-size: 30px;
        }
    }
    
    @media (max-width: 500px) {
        .blog__details__head h2 {
            font-size: 26px;
            line-height: 36px;
        }
    }
    
    .blog__details__wrap .blog__grid__items {
        margin-bottom: 30px;
    }
    
    .blog__details__wrap .owl-nav {
        position: absolute;
        top: -100px;
        right: 0;
    }
    
    .blog__details__wrap .owl-nav button.owl-prev {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .blog__details__wrap .owl-nav button.owl-prev i {
        font-size: 28px;
        color: var(--themetext);
        transition: all 0.3s;
    }
    
    .blog__details__wrap .owl-nav button.owl-prev:hover {
        background: var(--base);
    }
    
    .blog__details__wrap .owl-nav button.owl-prev:hover i {
        color: var(--white);
    }
    
    .blog__details__wrap .owl-nav button.owl-next {
        line-height: 6px;
        border: 1px solid var(--base);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        transition: all 0.3s;
    }
    
    .blog__details__wrap .owl-nav button.owl-next i {
        font-size: 28px;
        line-height: 20px;
        color: var(--themetext);
    }
    
    .blog__details__wrap .owl-nav button.owl-next:hover {
        background: var(--base);
    }
    
    .blog__details__wrap .owl-nav button.owl-next:hover i {
        color: var(--white);
    }
    
    @media (max-width: 575px) {
        .blog__details__wrap .owl-nav {
            position: initial;
            display: flex;
        }
    }
    
    .main__cart__wrap {
        background: var(--shopbg);
        border-radius: 5px;
    }
    
    .shop__items {
        padding: 8px;
        background: var(--shopbg);
        border-radius: 5px;
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
    }
    
    .shop__items .thumb {
        background: var(--shopthumbbg);
        border-radius: 5px;
        padding: 10px;
    }
    
    .shop__items .thumb img {
        border-radius: 5px;
        width: 100%;
        overflow: hidden;
        transition: all 0.4s;
    }
    
    .shop__items .content {
        padding: 24px 20px;
    }
    
    @media (max-width: 1199px) {
        .shop__items .content {
            padding: 20px 10px;
        }
    }
    
    .shop__items .content h4 {
        color: var(--themetext);
        margin-bottom: 12px;
    }
    
    .shop__items .content h4 a {
        color: var(--themetext);
    }
    
    .shop__items .content .price__wrap {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 8px;
    }
    
    .shop__items .content .price__wrap .price {
        color: var(--achackcion);
        font-size: 16px;
    }
    
    .shop__items .content .price__wrap .price_hide {
        color: var(--place2);
        font-size: 16px;
        text-decoration: line-through;
    }
    
    .shop__items .content .ratting {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-bottom: 24px;
    }
    
    .shop__items .content .ratting span i {
        font-size: 22px;
        color: var(--intellicon);
    }
    
    .shop__items .content .shop__btn {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    
    .shop__items .content .shop__btn .bg__trns {
        background: transparent;
        border: 1px solid var(--inputborder);
        color: var(--themetext);
    }
    
    .shop__items:hover .thumb img {
        transform: scale(1.1);
    }
    
    @media (max-width: 991px) {
        .shop__side__bar {
            margin-top: 35px;
        }
    }
    
    .shop__side__bar .title a {
        color: var(--themetext);
    }
    
    .shop__side__bar .cmn__items:not(:last-child) {
        border-bottom: 1px solid var(--filterborder);
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    
    .shop__side__bar .cmn__items .cmn__head {
        color: var(--themetext);
        margin-bottom: 16px;
    }
    
    .shop__side__bar .cmn__items form {
        border-radius: 5px;
        background: transparent;
    }
    
    .shop__side__bar .cmn__items .categoris__lis .form-check {
        display: flex;
        align-content: center;
        gap: 12px;
    }
    
    .shop__side__bar .cmn__items .categoris__lis .form-check label {
        font-size: 16px;
        font-weight: 400;
        color: var(--com);
    }
    
    .shop__side__bar .cmn__items .categoris__lis .form-check .form-check-input {
        box-shadow: none;
        outline: none;
        border: 1px solid var(--placeinput);
        background-color: transparent;
    }
    
    .shop__side__bar .cmn__items .categoris__lis .form-check .form-check-input:checked {
        background-color: transparent;
    }
    
    .shop__side__bar .cmn__items .categoris__lis .form-check .form-check-input:checked[type=checkbox] {
        --bs-form-check-bg-image: url(../img/shop/done.png);
        background-size: 10px;
    }
    
    .shop__side__bar .cmn__items .categoris__lis .form-check:not(:last-child) {
        margin-bottom: 8px;
    }
    
    .shop__side__bar .cmn__items .Cart__wrap {
        background: var(--shopthumbbg);
        border-radius: 5px;
        padding: 20px;
        position: relative;
    }
    
    @media (max-width: 1199px) {
        .shop__side__bar .cmn__items .Cart__wrap {
            padding: 10px;
        }
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .cross__icon {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .cross__icon i {
        font-size: 24px;
        color: #ED5050;
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .cart__head {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .cart__head .thumb {
        background: var(--smalllux);
        border-radius: 5px;
        padding: 10px;
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .cart__head .head__content h5 {
        font-size: 16px;
        color: var(--prightercolor);
        margin-bottom: 8px;
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .cart__head .head__content .luxeprice {
        font-size: 14px;
        font-weight: 400;
        color: var(--place2);
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .subprice {
        display: flex;
        align-items: center;
        gap: 5px;
        margin: 20px 0;
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .subprice .sub {
        color: var(--themetext);
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .subprice .price {
        color: var(--robit);
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .shop__btn {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    
    @media (max-width: 1199px) {
        .shop__side__bar .cmn__items .Cart__wrap .shop__btn {
            gap: 10px;
        }
        .shop__side__bar .cmn__items .Cart__wrap .shop__btn .cmn--btn {
            padding: 8px 15px 10px;
        }
    }
    
    .shop__side__bar .cmn__items .Cart__wrap .shop__btn .bg__trns {
        border: 1px solid var(--checkoutborder);
        color: var(--themetext);
        background: transparent;
    }
    
    .shop__side__bar .cmn__items .pricing__bar .range-slider {
        width: 100%;
        text-align: center;
        position: relative;
    }
    
    .shop__side__bar .cmn__items .pricing__bar .range-slider .rangeValues {
        display: block;
        color: var(--com);
        font-size: 14px;
        font-weight: 400;
        padding-top: 12px;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range] {
        -webkit-appearance: none;
        width: 100%;
        position: absolute;
        left: 0;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]::-webkit-slider-runnable-track {
        width: 300px;
        height: 5px;
        background: #ddd;
        border: none;
        border-radius: 3px;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 16px;
        width: 6px;
        border-radius: 11px;
        background: #fff;
        border: 1px solid var(--base);
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]:focus {
        outline: none;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]:focus::-webkit-slider-runnable-track {
        background: #ccc;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]::-moz-range-track {
        width: 300px;
        height: 5px;
        background: #ddd;
        border: none;
        border-radius: 3px;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]::-moz-range-thumb {
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #21c1ff;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]:-moz-focusring {
        outline: 1px solid white;
        outline-offset: -1px;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]::-ms-track {
        width: 300px;
        height: 5px;
        background: transparent;
        border-color: transparent;
        border-width: 6px 0;
        color: transparent;
        z-index: -4;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]::-ms-fill-lower {
        background: #777;
        border-radius: 10px;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]::-ms-fill-upper {
        background: #ddd;
        border-radius: 10px;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]::-ms-thumb {
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #21c1ff;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]:focus::-ms-fill-lower {
        background: #888;
    }
    
    .shop__side__bar .cmn__items .pricing__bar input[type=range]:focus::-ms-fill-upper {
        background: #ccc;
    }
    
    .ladies__thumb {
        background: var(--shopthumbbg);
        border-radius: 5px;
        margin: 0 auto;
        padding: 20px 30px 40px;
        width: 100%;
    }
    
    .ladies__thumb img {
        width: 100%;
    }
    
    .ladies__content h3 {
        color: var(--themetext);
        margin-bottom: 24px;
    }
    
    .ladies__content .content {
        padding-top: 12px;
    }
    
    .ladies__content .content p {
        font-size: 1rem;
        font-weight: 400;
        color: var(--themetext);
    }
    
    .ladies__content form input {
        color: var(--themetext);
    }
    
    .ladies__content form ::placeholder {
        color: var(--themetext);
    }
    
    .ladies__content form .qtyplus,
    .ladies__content form .qtyminus {
        background: red;
    }
    
    .ladies__content .describtion__reviews {
        padding: 0 0px;
    }
    
    .ladies__content .describtion__reviews .nav {
        border: none;
        display: flex;
        align-items: center;
        gap: 20px;
    }
    
    .ladies__content .describtion__reviews .nav .nav-item {
        border: none;
    }
    
    .ladies__content .describtion__reviews .nav .nav-item .nav-link {
        padding: 0 0;
        border: none;
        font-size: 1.2rem;
        font-weight: 500;
        color: var(--themetext);
    }
    
    .ladies__content .describtion__reviews .nav .nav-item .nav-link.active {
        color: var(--achackcion);
        background: none;
    }
    
    .ladies__content .product-description__content-footer {
        margin-top: 14px;
    }
    
    .ladies__content .product-description__content-footer .product-pricing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .ladies__content .product-description__content-footer .product-pricing-single {
        padding: 10px 20px;
        background: var(--brighterbg);
        border-radius: 5px;
    }
    
    .ladies__content .product-description__content-footer .product-pricing-single .product-color-variations label {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .ladies__content .product-description__content-footer .product-pricing-single .product-color-variations label input {
        border: none;
        box-shadow: none;
        outline: none;
        width: 30px;
        height: 30px;
        background: none;
        border-radius: 100%;
        overflow: hidden;
        display: block;
    }
    
    .ladies__content .product-description__content-footer .product-pricing-single .product-color-variations label i {
        font-size: 24px;
        color: var(--themetext);
    }
    
    .ladies__content .product-description__content-footer .product-pricing-single p {
        color: var(--robit);
    }
    
    .ladies__content .product-description__content-footer .product-pricing-calculator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }
    
    .ladies__content .product-description__content-footer .product-pricing-calculator .product-quant {
        color: var(--themetext);
    }
    
    .ladies__content .product-description__content-footer .product-pricing-calculator .cart-incre i,
    .ladies__content .product-description__content-footer .product-pricing-calculator .cart-decre i {
        color: var(--achackcion);
    }
    
    .ladies__content .product-description__content-footer .product-pricing-calculator span:nth-of-type(1),
    .ladies__content .product-description__content-footer .product-pricing-calculator span:nth-of-type(3) {
        width: 24px;
        min-width: 24px;
        height: 24px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: var(--place2bor);
        border: 1px solid var(--minusborder);
        border-radius: 3px;
        font-size: 14px;
        cursor: pointer;
    }
    
    .mfp-container {
        z-index: 9999999;
    }
    
    .female__img {
        width: 100%;
    }
    
    .female__img img {
        width: 100%;
        border-radius: 5px;
    }
    
    @media (max-width: 991px) {
        .female__review {
            margin-bottom: 35px;
        }
    }
    
    .female__review .write__review__wrap {
        margin-top: 40px;
    }
    
    .female__review .write__review__wrap .title {
        margin-bottom: 28px;
        color: var(--themetext);
    }
    
    .female__review .write__review__wrap form input {
        width: 100%;
        background: var(--offbg);
        border: 1px solid var(--offborder);
        color: var(--offtext);
        padding: 12px 24px;
        outline: none;
        border-radius: 5px;
    }
    
    .female__review .write__review__wrap form .form__star {
        border-radius: 5px;
        width: 100%;
        background: var(--offbg);
        border: 1px solid var(--offborder);
        color: var(--offtext);
        padding: 12px 24px;
    }
    
    .female__review .write__review__wrap form .form__star a i {
        font-size: 22px;
        color: var(--intellicon);
    }
    
    .female__review .write__review__wrap form ::placeholder {
        color: var(--offtext);
    }
    
    .female__review .write__review__wrap form textarea {
        background: var(--offbg);
        border: 1px solid var(--offborder);
        color: var(--offtext);
        padding: 12px 24px;
        outline: none;
        box-shadow: none;
    }
    
    .female__review .write__review__wrap form .cmn--btn {
        width: 160px;
        border: none;
        outline: none;
        margin-left: 10px;
    }
    
    .cart__wrapper {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
        border-radius: 5px;
        background: var(--shopbg);
        padding: 40px 40px;
    }
    
    .cart__wrapper .cart-items-wrapper table {
        width: 100%;
    }
    
    .cart__wrapper .cart-items-wrapper table thead {
        border-bottom: 1px solid var(--cartnewborde);
    }
    
    .cart__wrapper .cart-items-wrapper table thead tr th {
        padding-bottom: 16px;
        color: var(--com);
        font-size: 18px;
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item .cart-item-info {
        display: flex;
        align-items: center;
        gap: 16px;
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item .cart-item-info img {
        background: var(--shopthumbbg);
        border-radius: 5px;
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item .cart-item-info .secondary-text {
        font-size: 1rem;
        color: var(--com);
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item .cart-item-price {
        color: var(--achackcion);
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item td {
        border-bottom: 1px solid var(--cartnewborde);
        padding: 16px 0;
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item td .cart-item-quantity {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: var(--shopthumbbg);
        width: 100px;
        border-radius: 5px;
        padding: 2px 20px;
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item td .cart-item-quantity span {
        color: var(--themetext);
        display: block;
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item td .cart-item-quantity .cart-item-quantity-controller a {
        display: block;
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item td .cart-item-quantity .cart-item-quantity-controller a:not(:last-child) {
        margin-bottom: -12px;
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item td .cart-item-quantity .cart-item-quantity-controller a i {
        color: var(--themetext);
    }
    
    .cart__wrapper .cart-items-wrapper table tbody .cart-item .cart-item-remove a i {
        font-size: 22px;
        color: var(--removecross);
    }
    
    .cart__wrapper .cart__wrapper-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16px;
    }
    
    .cart__wrapper .cart__wrapper-footer form {
        border: 1px solid var(--cartnewborde);
        padding: 8px;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .cart__wrapper .cart__wrapper-footer form input {
        color: var(--place2);
        padding: 5px 5px;
        border: none;
        font-weight: 500;
        outline: none;
        background: transparent;
    }
    
    .cart__wrapper .cart__wrapper-footer form ::placeholder {
        color: var(--place2);
    }
    
    .cart__wrapper .cart__wrapper-footer form .cmn--btn {
        border: none;
        outline: none;
    }
    
    @media (max-width: 767px) {
        .cart__wrapper {
            overflow-x: scroll;
        }
        .cart__wrapper .cart-items-wrapper {
            width: 700px;
        }
        .cart__wrapper .cart__wrapper-footer {
            width: 700px;
        }
    }
    
    .cart__pragh__box {
        margin-top: 24px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    
    .cart__pragh__box .cart__graph {
        border: 1px solid var(--checkbor1);
        background: var(--cartbgbox1);
        padding: 30px 30px;
        border-radius: 5px;
    }
    
    .cart__pragh__box .cart__graph h5 {
        text-align: center;
        color: var(--themetext);
        margin-bottom: 30px;
    }
    
    .cart__pragh__box .cart__graph ul {
        margin-bottom: 30px;
    }
    
    .cart__pragh__box .cart__graph ul li {
        display: flex;
    }
    
    .cart__pragh__box .cart__graph ul li:not(:last-child) {
        border-bottom: 1px solid var(--checkbor1);
    }
    
    .cart__pragh__box .cart__graph ul li span {
        width: 50%;
        color: var(--prightercolor);
        font-size: 18px;
        font-weight: 500;
        padding: 16px 0;
    }
    
    .cart__pragh__box .cart__graph ul li .bg {
        font-weight: 400;
        background: var(--brighterbg);
        padding: 16px 24px;
    }
    
    .cart__pragh__box .cart__graph ul li .tprice {
        color: var(--robit);
    }
    
    .cart__pragh__box .cart__graph .chck {
        text-align: center;
    }
    
    .successful__section {
        padding: 240px 0 120px;
    }
    
    @media (max-width: 991px) {
        .successful__section {
            padding: 200px 0px;
        }
    }
    
    @media (max-width: 500px) {
        .successful__section {
            padding: 180px 0px;
        }
    }
    
    .checkout__radio {
        background: var(--brighterbg);
        padding: 24px;
    }
    
    .checkout__radio .primary-text {
        font-size: 24px;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 16px;
        color: var(--themetext);
    }
    
    .checkout__radio h4 {
        color: var(--com);
        margin-bottom: 16px;
    }
    
    .checkout__radio .checkout__radio-wrapper .checkout__radio-single .form-check-input {
        border-radius: 50%;
        width: 18px;
        height: 18px;
        box-shadow: none;
        outline: none;
        border: 1px solid var(--payborder);
    }
    
    .checkout__radio .checkout__radio-wrapper .checkout__radio-single label {
        color: var(--com);
    }
    
    .checkout__radio .checkout__radio-wrapper .checkout__radio-single:not(:last-child) {
        margin-bottom: 12px;
    }
    
    @media (max-width: 500px) {
        .checkout__radio {
            padding: 10px;
        }
    }
    
    .checkout__single-wrapper .checkout__single h4 {
        color: var(--themetext);
        margin-bottom: 2rem;
    }
    
    .checkout__single-wrapper .checkout__single .checkout__single-form .input-single textarea,
    .checkout__single-wrapper .checkout__single .checkout__single-form .input-single .country-select,
    .checkout__single-wrapper .checkout__single .checkout__single-form .input-single input {
        width: 100%;
        outline: none;
        box-shadow: none;
        border: 1px solid var(--place2bor);
        border-radius: 5px;
        background-color: var(--brighterbg);
        padding: 12px 24px;
        color: var(--themetext);
    }
    
    .checkout__single-wrapper .checkout__single .checkout__single-form .input-single label {
        color: var(--com);
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    
    .checkout__single-wrapper .checkout__single .checkout__single-form .input-single ::placeholder {
        color: var(--themetext);
    }
    
    .checkout__single-wrapper .checkout__single .checkout__single-form .payment {
        color: var(--robit);
        margin-bottom: 12px;
    }
    
    .checkout__single-wrapper .boxshado__single {
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
        border-radius: 5px;
        background: var(--shopbg);
        padding: 32px;
        margin-bottom: 24px;
    }
    
    @media (max-width: 575px) {
        .checkout__single-wrapper .boxshado__single {
            padding: 14px;
        }
    }
    
    .checkout__single-wrapper .checkout__single__bg {
        background: var(--brighterbg);
        padding: 32px;
    }
    
    .checkout__single-wrapper .checkout__single__bg .checkout__single-form .input-single textarea,
    .checkout__single-wrapper .checkout__single__bg .checkout__single-form .input-single .country-select,
    .checkout__single-wrapper .checkout__single__bg .checkout__single-form .input-single input {
        background: var(--shopbg);
    }
    
    @media (max-width: 575px) {
        .checkout__single-wrapper .checkout__single__bg {
            padding: 14px;
        }
    }
    
    .payment__success__inner {
        border: 1px solid var(--succborder);
        background: var(--paymentfull);
        border-radius: 5px;
        padding: 32px;
    }
    
    .payment__success__inner .payment__success__header {
        text-align: center;
        margin-bottom: 24px;
    }
    
    .payment__success__inner .payment__success__header .icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--achackcion);
        margin: 0 auto 20px;
    }
    
    .payment__success__inner .payment__success__header .icon i {
        color: var(--white);
        font-size: 24px;
    }
    
    .payment__success__inner .payment__success__header h2 {
        color: var(--themetext);
        margin-bottom: 20px;
    }
    
    .payment__success__inner .payment__success__header p {
        font-size: 24px;
        font-weight: 400;
        color: var(--themetext);
    }
    
    @media (max-width: 575px) {
        .payment__success__inner .payment__success__header h2 {
            font-size: 26px;
        }
        .payment__success__inner .payment__success__header p {
            font-size: 16px;
        }
    }
    
    .payment__success__inner .payment__success__body {
        padding: 14px 24px;
        background: var(--paymentfullbody);
        margin-bottom: 24px;
    }
    
    .payment__success__inner .payment__success__body ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .payment__success__inner .payment__success__body ul li:not(:last-child) {
        border-bottom: 1px solid var(--idborder);
    }
    
    .payment__success__inner .payment__success__body ul li span {
        color: var(--themetext);
        font-size: 1rem;
        font-weight: 400;
        padding: 12px 0;
    }
    
    .payment__success__inner .payment__success__body ul li .textbo {
        font-weight: 500;
    }
    
    @media (max-width: 575px) {
        .payment__success__inner .payment__success__body {
            padding: 14px 14px;
        }
        .payment__success__inner .payment__success__body li span {
            font-size: 14px;
        }
    }
    
    .payment__success__inner .payment__success__footer .payment-success__footer-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px 24px;
    }
    
    .payment__success__inner .payment__success__footer .payment-success__footer-inner a {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .payment__success__inner .payment__success__footer .payment-success__footer-inner a .icon {
        margin-top: 5px;
    }
    
    .payment__success__inner .payment__success__footer .payment-success__footer-inner a .icon i {
        font-size: 20px;
        color: var(--achackcion);
    }
    
    .payment__success__inner .payment__success__footer .payment-success__footer-inner a span {
        color: var(--themetext);
        font-size: 1rem;
    }
    
    @media (max-width: 575px) {
        .payment__success__inner .payment__success__footer .payment-success__footer-inner {
            flex-wrap: wrap;
        }
    }
    
    .payment__success__inner .payment__success__footer .dbutton {
        text-align: center;
        margin-top: 32px;
    }
    
    @media (max-width: 575px) {
        .payment__success__inner {
            padding: 15px;
        }
    }
    
    .payment__save {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 20px;
    }
    
    .payment__save input {
        width: 24px;
        height: 24px;
        border-radius: 4px;
        border: 1px solid var(--dotsave);
        background-color: var(--shopbg);
        outline: none;
    }
    
    .payment__save label {
        font-size: 16px;
        font-weight: 500;
        color: var(--com);
    }
    
    .divided__common__body {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 20px;
    }
    
    .divided__common__body .side__sticky {
        width: 270px;
        position: fixed;
        height: 100vh;
    }
    
    @media (max-width: 1399px) {
        .divided__common__body .side__sticky {
            width: 240px;
        }
        .divided__common__body .side__sticky .common__sidebar__wrapper {
            padding: 20px 15px 180px;
        }
    }
    
    @media (max-width: 1199px) {
        .divided__common__body {
            flex-wrap: wrap;
        }
        .divided__common__body .side__sticky {
            position: initial;
            width: 100%;
        }
        .divided__common__body .common__body {
            margin-left: 0px;
            width: 100%;
        }
    }
    
    .common__section {
        padding: 130px 0 30px;
    }
    
    .common__sidebar__wrapper {
        background: var(--brighterbg);
        border-radius: 5px;
        padding: 20px 30px 150px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 17px -4px, rgba(0, 0, 0, 0.3) 0px 1px 0px -9px;
        max-height: 100vh;
        overflow-y: scroll;
    }
    
    @media (max-width: 1199px) {
        .common__sidebar__wrapper {
            padding: 20px 30px 40px !important;
        }
    }
    
    .common__left__item:not(:last-child) {
        margin-bottom: 30px;
    }
    
    .common__left__item .blocks__menu .head__title {
        margin-bottom: 10px;
    }
    
    .common__left__item .blocks__menu .head__title .title {
        font-size: 1.2rem;
        color: var(--themetext);
        font-weight: 600;
        display: block;
        margin-bottom: 5px;
        background: var(--idborder);
        padding: 3px 7px 7px;
        border-radius: 5px;
    }
    
    .common__left__item .blocks__menu li a {
        color: var(--themetext);
        font-weight: 500;
        display: block;
        transition: all 0.4s;
    }
    
    .common__left__item .blocks__menu li:hover a {
        color: var(--white);
    }
    
    .common__left__item .blocks__menu li:not(:first-child) {
        border-bottom: 1px solid var(--sunborder);
        border-radius: 5px;
        padding: 9px 0px 12px;
        transition: all 0.4s;
    }
    
    .common__left__item .blocks__menu li:not(:first-child):hover {
        background: var(--base);
        padding: 9px 12px 12px;
    }
    
    .common__left__item .blocks__menu li:not(:first-child).active {
        background: var(--base);
        padding: 9px 12px 12px;
    }
    
    .common__left__item .blocks__menu li:not(:first-child).active a {
        color: var(--white);
    }
    
    .common__body {
        background: var(--blockbody);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 17px -4px, rgba(0, 0, 0, 0.3) 0px 1px 0px -9px;
        border-radius: 5px;
        color: var(--themetext);
        padding: 30px;
        margin-left: 270px;
        max-width: 100%;
        width: 85%;
    }
    
    .common__body .cmn__title {
        color: var(--themetext);
        border-bottom: 1px solid var(--idborder);
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    
    @media (max-width: 1399px) {
        .common__body {
            padding: 30px 10px;
            width: 78%;
        }
    }
    
    @media (max-width: 575px) {
        .common__body {
            padding: 20px 3px;
        }
    }
    
    .common__body__section .common__body__head h4 {
        margin-bottom: 20px;
        color: var(--themetext);
    }
    
    .common__body__section .common__body__head .nav {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .common__body__section .common__body__head .nav .nav-item {
        border: none;
    }
    
    .common__body__section .common__body__head .nav .nav-item .nav-link {
        border: none;
        padding: 0%;
        background: transparent;
        color: var(--themetext);
        font-weight: 500;
        border: 1px solid var(--sunborder);
        border-radius: 2px;
        padding: 5px 20px 7px;
    }
    
    .common__body__section .common__body__head .nav .nav-item .nav-link.active {
        background: transparent;
        color: var(--base);
    }
    
    .prettyprint {
        background: #000;
    }
    
    .typography__wrapper .typography__items h1,
    .typography__wrapper .typography__items h2,
    .typography__wrapper .typography__items h3,
    .typography__wrapper .typography__items h4,
    .typography__wrapper .typography__items h5,
    .typography__wrapper .typography__items h6 {
        color: var(--themetext);
    }
    
    @media (max-width: 575px) {
        .typography__wrapper .typography__items .d1 {
            font-size: 3.1rem;
            font-weight: 600;
            line-height: 120%;
        }
        .typography__wrapper .typography__items .d2 {
            font-size: 2.4rem;
            font-weight: 600;
            line-height: 120%;
        }
        .typography__wrapper .typography__items .d3 {
            font-size: 2rem;
            font-weight: 600;
            line-height: 120%;
        }
        .typography__wrapper .typography__items .d4 {
            font-size: 1.5rem;
            font-weight: 600;
            line-height: 120%;
        }
    }
    
    .typography__wrapper .body__text .body__text__item .texttitle {
        font-size: 18px;
        font-weight: 700;
        color: var(--themetext);
        margin-bottom: 10px;
        display: block;
    }
    
    .typography__wrapper .body__text .body__text__item .lead {
        font-size: 24px;
        font-weight: 700;
        max-width: 700px;
        line-height: 150%;
    }
    
    @media (max-width: 575px) {
        .typography__wrapper .body__text .body__text__item .lead {
            font-size: 16px;
            font-weight: 500;
        }
    }
    
    .typography__wrapper .body__text .body__text__item .xl {
        font-size: 20px;
        font-weight: 700;
        line-height: 150%;
        max-width: 700px;
    }
    
    @media (max-width: 575px) {
        .typography__wrapper .body__text .body__text__item .xl {
            font-size: 16px;
            font-weight: 400;
        }
    }
    
    .typography__wrapper .body__text .body__text__item .lg {
        font-size: 18px;
        font-weight: 400;
        line-height: 150%;
        max-width: 700px;
    }
    
    @media (max-width: 575px) {
        .typography__wrapper .body__text .body__text__item .lg {
            font-size: 14px;
        }
    }
    
    .typography__wrapper .body__text .body__text__item .md {
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        max-width: 700px;
    }
    
    @media (max-width: 575px) {
        .typography__wrapper .body__text .body__text__item .md {
            font-size: 14px;
        }
    }
    
    .typography__wrapper .body__text .body__text__item .sm {
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        max-width: 700px;
    }
    
    .typography__wrapper .body__text .body__text__item .xs {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        max-width: 700px;
    }
    
    .typography__wrapper .body__text .body__text__item:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--idborder);
    }
    
    .blocks__home .banner__mask {
        margin-bottom: -2px;
    }
    
    .blocks__home .banner__section .banner__content {
        padding-top: 20px;
    }
    
    .blocks__home .banner__section .banner__content .d3 {
        font-size: 48px;
    }
    
    @media (max-width: 500px) {
        .blocks__home .banner__section .banner__content .btg__grp {
            flex-wrap: wrap;
        }
    }
    
    @media (max-width: 1199px) {
        .blocks__home .banner__section .banner__wrapper {
            padding-top: 60px;
        }
    }
    
    .blocks__home .banner__section__two .banner__wrapper {
        padding-top: 100px;
    }
    
    @media (max-width: 500px) {
        .blocks__home .banner__section__two .banner__wrapper .banner__content .btg__grp {
            flex-wrap: wrap;
        }
    }
    
    .blocks__home .banner__section__three .banner__wrapper {
        padding-top: 50px;
    }
    
    .blocks__home .banner__section__three .banner__wrapper .banner__content .content__box .d3 {
        font-size: 48px;
    }
    
    @media (max-width: 500px) {
        .blocks__home .banner__section__three .banner__wrapper .banner__content .content__box .d3 {
            font-size: 29px;
        }
    }
    
    @media (max-width: 500px) {
        .blocks__home .banner__section__three .banner__wrapper .banner__content .content__box .btg__grp {
            flex-wrap: wrap;
        }
    }
    
    .blocks__home .banner__section__four .banner__wrapper {
        padding-top: 100px;
    }
    
    @media (max-width: 1399px) {
        .blocks__home .banner__section__four .banner__wrapper .banner__content .d3 {
            font-size: 48px;
        }
    }
    
    .blocks__home .banner__section__four .banner__wrapper .banner__content .d3 .rounded svg {
        width: 160px;
        top: -10px;
    }
    
    @media (max-width: 500px) {
        .blocks__home .banner__section__four .banner__wrapper .banner__content .btg__grp {
            flex-wrap: wrap;
        }
    }
    
    @media (max-width: 575px) {
        .blocks__home .banner__section__four .banner__wrapper {
            padding-top: 60px;
        }
    }
    
    .blocks__home .banner__section__five .banner__wrapper {
        padding-top: 90px;
    }
    
    .blocks__home .banner__section__five .banner__content .d3 {
        font-size: 48px;
    }
    
    @media (max-width: 500px) {
        .blocks__home .banner__section__five .banner__content .btg__grp {
            flex-wrap: wrap;
        }
    }
    
    .blocks__home .about__section .about__thumb .brain__element {
        max-width: 150px;
        left: -120px;
    }
    
    .blocks__home .about__section .about__thumb .brain__element img {
        width: 100%;
    }
    
    .blocks__home .about__section__two .about__thumb {
        max-width: 550px;
        top: 0;
    }
    
    @media (max-width: 1399px) {
        .blocks__home .about__section__two .about__thumb {
            max-width: 400px;
        }
    }
    
    @media (max-width: 1199px) {
        .blocks__home .about__section__two .about__thumb {
            max-width: 500px;
        }
    }
    
    @media (min-width: 992px) {
        .blocks__home .about__section__four .about__thumb {
            max-width: 450px;
        }
    }
    
    @media (min-width: 992px) {
        .blocks__home .make__service__section .airobot {
            width: 80px;
        }
        .blocks__home .make__service__section .airobot img {
            width: 100%;
        }
    }
    
    .blocks__home .main__counter__project .project__count__items {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 15px 24px;
        text-align: left;
        padding: 20px 20px;
        border-radius: 5px;
        background: var(--box1);
        border: 1px solid var(--inbox1);
    }
    
    .blocks__home .main__counter__project .project__count__items .icon {
        margin: 0;
        background: transparent;
        border: none;
    }
    
    .blocks__home .main__counter__project .project__count__items .icon i {
        font-size: 48px;
    }
    
    .blocks__home .main__counter__project .project__count__items .counter__items {
        text-align: left !important;
    }
    
    .blocks__home .main__counter__project .project__count__items .counter__items .counter__content .cont {
        justify-content: flex-start;
        text-align: left;
    }
    
    .blocks__home .main__counter__project .project__count__itemstwo {
        background: var(--box2);
        border: 1px solid var(--boxtwoborderpro);
    }
    
    .blocks__home .main__counter__project .project__count__itemsthree {
        background: var(--inbox4);
        border: 1px solid var(--boxborderpro);
    }
    
    .blocks__home .main__counter__project .project__count__itemsfive {
        background: var(--pribox4);
        border: 1px solid var(--fiveicon4bor);
    }
    
    .blocks__home .capabilities__section .capa__ai {
        top: 10px;
        left: 10px;
        width: 40px;
    }
    
    @media (max-width: 1399px) {
        .blocks__home .case__different__section .capabilities__items {
            display: grid;
        }
        .blocks__home .case__different__section .capabilities__items .content {
            width: 100%;
            margin: 0 0px 0px;
        }
    }
    
    @media (max-width: 1399px) {
        .blocks__home .testimonial__section .testimonial__thumb__two {
            max-width: 400px;
        }
    }
    
    .blocks__home .newsletter__section__four .newsletter__wrapper {
        margin-top: 0px;
        transform: translateY(0px);
    }
    
    .blocks__home .faq__section__four .accordion__four__contnt {
        position: relative;
        z-index: 1;
    }
    
    .blocks__home .faq__section__four .accordion-item {
        position: relative;
        z-index: 1;
    }
    
    .contact__section {
        position: relative;
    }
    
    .contact__section::before {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50%;
        content: "";
        background: var(--bgsection);
        width: 100%;
    }
    
    .form_area {
        background: var(--machinelearning);
        box-shadow: 0px 6px 30px rgba(47, 65, 129, 0.08);
        border-radius: 5px;
        padding: 32px 32px;
        position: relative;
    }
    
    .form_area .title {
        margin-bottom: 50px;
        font-weight: 700;
    }
    
    .form_area label {
        font-size: 18px;
        font-weight: 500;
        line-height: 150%;
        color: var(--com);
        margin-bottom: 16px;
    }
    
    .form_area .select-wrapper {
        background: var(--contactinptbg);
        border-radius: 5px;
        margin-bottom: 30px;
    }
    
    .form_area .select-wrapper select {
        background: var(--contactinptbg);
        border: none;
        border-radius: 5px;
        width: 100%;
        outline: none;
        width: 100%;
        height: 50px;
        outline: none;
        color: var(--place2);
        border: 1px solid var(--place2bor);
        padding: 0 10px;
    }
    
    .form_area #form {
        position: relative;
    }
    
    .form_area #form .form-control {
        padding: unset;
        border: none;
        background-color: transparent;
        position: relative;
    }
    
    .form_area #form .form-control input {
        background: var(--contactinptbg);
        border: none;
        padding: 5px 15px 8px;
        border-radius: 5px;
        width: 100%;
        height: 50px;
        outline: none;
        color: var(--place2);
        border: 1px solid var(--place2bor);
    }
    
    .form_area #form .form-control input::placeholder {
        color: var(--place2);
    }
    
    .form_area #form .form-control textarea {
        background: var(--contactinptbg);
        border: none;
        padding: 5px 15px 8px;
        border-radius: 5px;
        width: 100%;
        outline: none;
        color: var(--place2);
        border: 1px solid var(--place2bor);
    }
    
    .form_area #form ::placeholder {
        color: var(--place2);
    }
    
    .form_area #form .form-control textarea:focus {
        outline: 0;
        border: none;
    }
    
    .form_area #form .form-control.success textarea {
        border-color: #2ecc71;
    }
    
    .form_area #form .form-control.error textarea {
        border-color: #e74c3c;
    }
    
    .form_area #form .form-control input:focus {
        outline: 0;
        border: none;
    }
    
    .form_area #form .form-control.success input {
        border-color: #2ecc71;
    }
    
    .form_area #form .form-control.error input {
        border-color: #e74c3c;
    }
    
    .form_area #form .form-control small {
        color: #e74c3c;
        position: absolute;
        bottom: -20px;
        left: 0;
        visibility: hidden;
    }
    
    .form_area #form .form-control.error small {
        visibility: visible;
    }
    
    .form_area #form .cmn--btn {
        border: none;
        outline: none;
    }
    
    .form_area #form .cmn--btn:hover {
        border: none;
    }
    
    .form_area #form .thank_you p {
        position: absolute;
        bottom: -30px;
        color: green;
        animation: scaleone 0.5s linear;
        transition: all 0.5s;
        display: none;
    }
    
    @keyframes scaleone {
        0% {
            transform: scale(0.8);
        }
        100% {
            transform: scale(1);
        }
    }
    
    .footer__section {
        background: var(--banner);
        position: relative;
        overflow: hidden;
    }
    
    .footer__section::before {
        position: absolute;
        bottom: 50px;
        left: -220px;
        content: "";
        width: 300px;
        height: 300px;
        background: #FFAF00;
        opacity: 0.6;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .footer__section::before {
            width: 250px;
        }
    }
    
    .footer__section::after {
        position: absolute;
        bottom: 50px;
        right: -220px;
        content: "";
        width: 300px;
        height: 300px;
        background: #41E295;
        opacity: 0.6;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .footer__section::after {
            width: 250px;
        }
    }
    
    .footer__section .footer__shape {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
    }
    
    .footer__section .footer__shape img {
        width: 100%;
    }
    
    .footer__section .footer__darkshpae {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        display: none;
    }
    
    .footer__section .footer__darkshpae img {
        width: 100%;
    }
    
    .footer__section .footer__mask {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
    }
    
    .footer__section .footer__mask img {
        width: 100%;
        height: 100%;
    }
    
    .footer__top {
        position: relative;
        z-index: 1;
        padding: 270px 0 120px;
        padding: 180px 0 70px;
    }
    
    .footer__top::before {
        position: absolute;
        bottom: 400px;
        left: 50%;
        transform: translate(-50%);
        content: "";
        width: 250px;
        height: 250px;
        background: #452FF4;
        opacity: 0.8;
        filter: blur(200px);
    }
    
    @media (max-width: 500px) {
        .footer__top::before {
            width: 250px;
        }
    }
    
    @media (max-width: 1199px) {
        .footer__top {
            padding: 190px 0 100px;
        }
    }
    
    @media (max-width: 991px) {
        .footer__top {
            padding: 160px 0 90px;
        }
    }
    
    @media (max-width: 575px) {
        .footer__top {
            padding: 110px 0 80px;
        }
    }
    
    .footer__top .footer__widget .widget__head {
        margin-bottom: 12px;
    }
    
    .footer__top .footer__widget .widget__head h4 {
        color: var(--white);
    }
    
    .footer__top .footer__widget .widget__head .footer__logo {
        display: block;
        width: 240px;
    }
    
    @media (max-width: 1199px) {
        .footer__top .footer__widget .widget__head .footer__logo {
            width: 200px;
        }
    }
    
    .footer__top .footer__widget .widget__head .footer__logo img {
        width: 100%;
        width: 200px !important;
        background-color: #fff;
        padding: 4px;
        border-radius: 4px;
    }
    
    .footer__top .footer__widget .widget__link .link {
        display: block;
        font-size: 16px;
        line-height: 150%;
        font-weight: 400;
        color: var(--white);
        position: relative;
    }
    
    .footer__top .footer__widget .widget__link .link:not(:last-child) {
        margin-bottom: 8px;
    }
    
    .footer__top .footer__widget .widget__link .link::before {
        position: absolute;
        left: 0;
        top: 100%;
        content: "";
        width: 0px;
        height: 1px;
        background: rgba(255, 255, 255, 0.1803921569);
        transition: all 0.9s;
    }
    
    .footer__top .footer__widget .widget__link .link:hover::before {
        width: 100%;
    }
    
    .footer__top .footer__widget .widget__link .footer__contact__items {
        display: flex;
        align-items: center;
        gap: 8px 12px;
    }
    
    .footer__top .footer__widget .widget__link .footer__contact__items:not(:last-child) {
        margin-bottom: 16px;
    }
    
    .footer__top .footer__widget .widget__link .footer__contact__items .icon {
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border-radius: 5px;
        background: var(--base);
    }
    
    .footer__top .footer__widget .widget__link .footer__contact__items .icon span {
        color: var(--white);
    }
    
    .footer__top .footer__widget .widget__link .footer__contact__items .icon i {
        color: #fff;
    }
    
    .footer__top .footer__widget .widget__link .footer__contact__items .icontwo {
        background: var(--basetwo);
    }
    
    .footer__top .footer__widget .widget__link .footer__contact__items .iconthree {
        background: var(--basethree);
    }
    
    .footer__top .footer__widget .widget__link .footer__contact__items .fcontact__content {
        width: calc(100% - 32px);
        font-size: 16px;
        font-weight: 400;
        color: var(--footertext);
        line-height: 150%;
    }
    
    .footer__top .footer__widget p {
        font-size: 1rem;
    }
    
    .footer__top .footer__widget form {
        border: 1px solid #3021AB;
        border-radius: 5px;
        padding: 8px 8px;
        display: flex;
        align-items: center;
    }
    
    .footer__top .footer__widget form input {
        width: 100%;
        border: none;
        background: unset;
        outline: none;
    }
    
    .footer__top .footer__widget form ::placeholder {
        color: var(--white);
    }
    
    .footer__top .footer__widget form .cmn--btn {
        border: none;
        padding: 8px 15px 6px;
    }
    
    .footer__top .footer__widget form .cmn--btn span i {
        font-size: 18px;
        color: var(--white);
    }
    
    .footer__bottom {
        position: relative;
        z-index: 1;
        padding: 8px 0;
        border-top: 1px solid rgba(168, 158, 250, 0.15);
    }
    
    .footer__bottom p {
        font-size: 16px;
        color: var(--footertext);
        line-height: 150%;
        text-align: center;
        margin-bottom: 0px;
    }
    
    .footer__bottom p .intellicon {
        color: var(--intellicon);
    }
    
    .social {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .social li .social__item {
        display: block;
        width: 32px;
        height: 32px;
        line-height: 30px;
        text-align: center;
        border-radius: 5px;
        background: var(--base);
    }
    
    .social li .social__item i {
        color: #fff;
    }
    
    .social li .social__itemtwo {
        background: var(--basetwo);
    }
    
    .social li .social__itemthree {
        background: #1e3050;
    }
    
    .social li .social__itemfour {
        background: #A21111;
    }
    
    .footer__bottom__two {
        display: flex;
        justify-content: space-between;
    }
    
    .footer__bottom__two .footer__bottom__link {
        display: flex;
        align-items: center;
        gap: 10px 24px;
    }
    
    @media (max-width: 991px) {
        .footer__bottom__two p {
            order: 1;
        }
    }
    
    @media (max-width: 991px) {
        .footer__bottom__two {
            flex-wrap: wrap;
            justify-content: center;
        }
        .footer__bottom__two .footer__bottom__link {
            margin-bottom: 15px;
        }
    }
    
    @media (max-width: 991px) and (max-width: 500px) {
        .footer__bottom__two .footer__bottom__link {
            flex-wrap: wrap;
            justify-content: center;
            gap: 2px 20px;
        }
    }
    
    .footer__three .footer__wrapper .footer__top__three {
        padding: 60px 0;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 1;
    }
    
    .footer__three .footer__wrapper .footer__top__three .f_logo {
        max-width: 200px;
        display: block;
    }
    
    .footer__three .footer__wrapper .footer__top__three .f_logo img {
        width: 100%;
    }
    
    .footer__three .footer__wrapper .footer__top__three .f__three__link {
        display: flex;
        align-items: center;
        gap: 14px 24px;
    }
    
    .footer__three .footer__wrapper .footer__top__three .social {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .footer__three .footer__wrapper .footer__top__three .social li a i {
        color: var(--white);
        font-size: 18px;
    }
    
    @media (max-width: 991px) {
        .footer__three .footer__wrapper .footer__top__three {
            display: grid;
            text-align: center;
            justify-content: center;
        }
        .footer__three .footer__wrapper .footer__top__three .f_logo {
            margin: 0 auto 15px;
        }
        .footer__three .footer__wrapper .footer__top__three .f__three__link {
            justify-content: center;
            margin-bottom: 20px;
        }
        .footer__three .footer__wrapper .footer__top__three .social {
            justify-content: center;
        }
    }
    
    @media (max-width: 500px) {
        .footer__three .footer__wrapper .footer__top__three .f__three__link {
            flex-wrap: wrap;
            gap: 4px 20px;
        }
    }
    
    .social li {
        width: 32px;
        height: 32px;
        line-height: 38px;
        text-align: center;
        display: block;
        background: var(--facebook);
        border-radius: 5px;
    }
    
    .social li a i {
        font-size: 24px;
        color: var(--white);
    }
    
    .social li:nth-child(2) {
        background: var(--instagram);
    }
    
    .social li:nth-child(3) {
        background: var(--twitter);
    }
    
    .social li:nth-child(4) {
        background: var(--linkedin);
    }
    
    .footer__section__four {
        padding-top: 30px;
    }
    
    @media (max-width: 1199px) {
        .footer__section__four {
            padding-top: 90px;
        }
    }
    
    @media (max-width: 575px) {
        .footer__section__four {
            padding-top: 140px;
        }
    }
    
    .footer__section__five .footer__top {
        padding: 120px 0 120px;
    }
    
    @media (max-width: 1199px) {
        .footer__section__five .footer__top {
            padding: 100px 0 100px;
        }
    }
    
    @media (max-width: 991px) {
        .footer__section__five .footer__top {
            padding: 80px 0 80px;
        }
    }
    
    @keyframes zmin {
        0% {
            transform: scale(1.1);
        }
        50% {
            transform: scale(1.4);
        }
        100% {
            transform: scale(1.9);
            opacity: 0;
        }
    }
    
    @keyframes zmin2 {
        0% {
            transform: scale(2.1);
        }
        100% {
            transform: scale(0.1);
            opacity: 0;
        }
    }
    
    @keyframes zmin3 {
        0% {
            transform: translateY(10px);
        }
        20% {
            transform: translateX(10px);
        }
        50% {
            transform: translateX(-10px);
        }
        100% {
            transform: translateY(-10px);
        }
    }
    
    @keyframes zminopa {
        50% {
            opacity: 1.5;
            transform: translateX(-10px);
        }
        80% {
            opacity: 1.1;
            transform: scale(0.8);
        }
    }
    
    @keyframes cirsle {
        0% {
            transform: rotate(180deg);
        }
    }
    
    @keyframes cirsmoth {
        0% {
            transform: translateX(0px);
        }
        50% {
            transform: translateX(-5px);
        }
    }
    
    @keyframes cir360 {
        0% {
            transform: rotate(360deg);
        }
    }
    
    @keyframes smothx {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(10px);
        }
    }
    
    @keyframes skews {
        50% {
            transform: translateX(10px);
        }
    }
    
    @keyframes somthted {
        50% {
            transform: translateX(-20px);
        }
    }
    
    @keyframes airtifi {
        50% {
            transform: translateX(-10px) skew(-5deg);
        }
    }
    
    @keyframes rlrl {
        50% {
            transform: translate(-15px);
        }
    }
    
    @keyframes workdown {
        50% {
            transform: translateY(30px);
        }
    }
    
    @keyframes bns1 {
        50% {
            transform: rotate(-2deg);
        }
        80% {
            transform: translateX(5px);
        }
    }
    /*--Button Area Start--*/
    /*--Button Area Start--*/
    
    .cmn--btn {
        border-radius: 5px;
        padding: 10px 25px 14px;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        display: inline-block;
        color: var(--white);
        text-transform: capitalize;
        position: relative;
        background: #1e2462;
        overflow: hidden;
    }
    
    .cmn--btn span {
        position: relative;
        z-index: 1;
        transition: all 0.5s;
    }
    
    .cmn--btn::before {
        position: absolute;
        content: "";
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        width: 0px;
        height: 0px;
        background: #29aae1;
        transition: all 0.5s;
    }
    
    .cmn--btn:hover span {
        color: #091E42;
    }
    
    .cmn--btn:hover::before {
        width: 100%;
        height: 100%;
    }
    
    .border__btn {
        background: transparent;
        border: 1px solid var(--sunborder);
        color: var(--themetext);
        transition: all 0.4s;
    }
    
    .border__btn:hover {
        border-color: #41E295;
    }
    /*--Button Area End--*/
    /*--Button Area End--*/
    /*# sourceMappingURL=main.css.map */
    /* ********************************************************************* */
    
    .logo-menu {
        background-color: #fff;
        padding: 12px;
        border-radius: 10px;
    }
    
    .header-section .logo img {
        width: 200px !important;
    }
    
    .header-section {
        background-color: #fff;
    }
    
    .logo__bg {
        width: 150px;
    }
    
    .logo___bg {
        opacity: 0.5;
        animation: cir360 15s linear infinite;
    }
    
    .service-img img {
        width: 100%;
    }
    
    .service-img img {
        border-radius: 8px;
    }
    
    .service-con p {
        margin-bottom: 20px;
    }
    
    .oracle-serv ul {
        list-style: none;
    }
    
    .oracle-serv li {
        color: #000;
        padding-bottom: 15px;
    }
    
    .oracle-serv li i.material-symbols-outlined {
        color: #1e2462 !important;
        font-size: 18px;
        position: relative;
        top: 4px;
    }
    
    .block-chain .about__chackie {
        display: block !important;
    }
    
    .health-care .about__chack {
        display: block !important;
        flex-wrap: wrap;
        gap: 10px 0;
        margin-bottom: 40px;
    }
    
    .banner-bg {
        background-image: url('../../siyaton-images/bggg.jpg');
        height: 560px;
    }
    
    .banner-bg::after {
        position: absolute;
        content: '';
        background-image: linear-gradient(75deg, rgba(19, 81, 168, 0.85) 10%, rgba(22, 46, 102, 0.85));
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    
    img .bg-shape {
        position: absolute;
        bottom: -20px;
        z-index: 2;
    }
    
    .banner__bgmask.bgm {
        opacity: 1 !important;
        z-index: 2 !important;
    }
    
    .bdt {
        position: relative;
        top: -20px;
    }
    
    .bdt1 {
        position: relative;
        top: -20px;
        animation: none !important;
    }
    
    img.log-hi {
        width: 180px;
    }
    
    .micro-bg {
        background-image: url('../../siyaton-images/bggg.jpg');
        height: 550px;
        width: 100%;
        background-repeat: repeat;
        animation: slideright 5s linear infinite;
    }
    
    @keyframes slideright {
        0% {
            background-position: 100% 0;
        }
        100% {
            background-position: 0 0;
        }
    }
    
    .breadcumnd__banner {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
    }
    
    .breadcumnd__banner::after {
        position: absolute;
        content: '';
        /* background-image: linear-gradient(75deg, rgba(19, 81, 168, 0.85) 10%, rgba(22, 46, 102, 0.85)); */
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    
    .banner-bg2 {
        background-image: url("../img/sales-force.png");
    }
    
    .pt-80 {
        padding-top: 80px;
    }
    
    .pb-80 {
        padding-bottom: 80px;
    }
    
    .bg-1 {
        background-image: url('../../siyaton-images/bg.jpg');
    }
    
    .bg-1 h4 {
        color: #fff;
    }
    
    .feature__work__section {
        background: #f3f5f7;
    }
    
    .fbs {
        background-image: url('../../assets-2/img/bg-2.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
    }
    
    .bd-ig img {
        width: 100%;
    }
    
    .text-center {
        text-align: center;
    }
    
    .fbs h4 {
        color: #fff;
    }
    
    .breadcumnd__content p {
        color: #fff;
    }
    
    .fbs {
        padding: 60px 0px;
    }
    
    .b-h img {
        width: 123px;
        background: #ffffff;
        border-radius: 5px;
        padding: 5px 5px;
    }
    
    .b-h {
        display: flex;
        column-gap: 10px;
    }
    
    .b-h h1 {
        margin-top: 25px;
    }
    
    img.brand-l {
        width: 201px;
        height: 63px;
        margin-top: 0px;
    }
    
    .combine-shape {
        animation: workdown 5s linear infinite;
    }
    
    .top-shape {
        position: absolute;
        animation: zminopa 13s linear infinite;
        right: 0px;
        top: 60px;
    }
    
    .bg-2 {
        background-image: url('../img/bg-3.jpg');
    }
    
    .micro-head {
        color: #fff;
    }
    
    .mic-ig img {
        width: 100%;
    }
    
    .mb-80 {
        margin-bottom: 80px;
    }
    
    .about li {
        width: 100% !important;
    }
    
    .about li {
        width: 100% !important;
    }
    
    .sap-bg {
        background-image: url("../img/sap-bg.png");
        height: 550px;
        width: 100%;
        background-repeat: repeat;
    }
    
    .about__content .sap li {
        width: 100%;
    }
    
    img.microg {
        width: 240px;
    }
    
    .left-ti {
        position: relative;
    }
    
    .b-he img {
        width: 200px;
        border-radius: 13px;
        padding: 5px 5px;
    }
    
    .wp p {
        color: #000 !important;
    }
    
    .case-section p {
        color: #000;
    }
    
    .b-icon img {
        width: 38px;
        position: relative;
        top: -7px;
        left: -3px;
    }
    
    .combine-shape img {
        width: 180px;
    }
    
    .includeai__section .include__elements3 {
        position: absolute;
        top: 24px;
        left: 89px;
        /* animation: cir360 15s linear infinite; */
    }
    
    .oracle-bg {
        background-image: url("../img/oracle-bg1.jpg");
        height: 510px;
        width: 100%;
        background-repeat: repeat;
    }
    
    .o-b-h {
        animation: workdown 5s linear infinite;
    }
    
    .o-b-h img {
        width: 152px;
    }
    
    .box-bc {
        background: #fff;
        padding: 20px 20px;
        height: 415px;
    }
    
    .box-bc .micro-head {
        color: #1e1e1f;
    }
    
    .box-bc li span {
        color: #000 !important;
    }
    
    .pt-60 {
        padding-top: 60px;
    }
    
    .pb-60 {
        padding-bottom: 60px;
    }
    
    .box-bc .about__content .section__header {
        margin-bottom: 1rem;
    }
    
    .box-bc:hover {
        box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.1);
        transition: all 500ms ease;
    }
    
    .ics {
        width: 70px !important;
        height: 35px !important;
    }
    
    .ict {
        width: 51px !important;
        height: 35px !important;
    }
    
    .breadcumnd__wrapper .bcc {
        padding: 40px 0px 0px 0px !important;
    }
    
    .mb-60 {
        margin-bottom: 60px;
    }
    
    .mt-60 {
        margin-top: 60px;
    }
    
    .mt-20 {
        margin-top: 20px;
    }
    
    .bge {
        background-image: url('../img/oracle-bg-3.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 60px 0px;
    }
    
    .brand-o img {
        width: 220px;
    }
    
    .brand-o {
        animation: workdown 5s linear infinite;
    }
    
    .b-chain img {
        width: 180px;
        animation: workdown 5s linear infinite;
    }
    
    .icu {
        width: 55px !important;
    }
    
    .bg-3 {
        background-image: url('../../assets-2/img/bg-4.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .mb-60 {
        margin-bottom: 40px;
    }
    
    .sales-force-bg img {
        width: 500px;
    }
    
    .mb-40 {
        margin-bottom: 40px;
    }
    
    .spe-color {
        color: #29aae1;
    }
    
    .bg-5 {
        background-image: url('../img/bg-5.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .sub-he {
        color: #fff;
    }
    
    p {
        margin-bottom: 15px;
    }
    
    .aero h4 {
        color: #fff;
    }
    
    .aero-pnt .about__chack li span {
        color: #000 !important;
    }
    
    .footer__top p {
        color: #fff;
    }
    
    .includeai__section p {
        color: #fff;
    }
    
    .aero-herader span {
        color: #000;
        font-weight: 500;
    }
    
    .pt-40 {
        padding-top: 40px;
    }
    
    .box-bc1 .about__chack span {
        color: #000 !important;
    }
    
    .box-bc1 {
        padding: 15px;
        height: 450px;
    }
    
    .sub-rtwo {
        visibility: hidden;
        opacity: 0;
        position: absolute !important;
        /* right: 100% !important; */
        left: -85% !important;
        display: none;
        top: 0;
        width: 200px;
        transition: all 0.8s;
        box-shadow: -1px 7px 19px -14px rgb(66, 106, 184);
        background: #fff;
        border-radius: 10px;
        padding: 10px 0;
        border-bottom: 4px solid var(--success);
    }
    
    .banner__content p,
    .d3 {
        color: #fff;
    }
    
    .vis-miss {
        padding: 80px 0px;
    }
    
    .abte .icon {
        margin-top: 12px;
    }
    
    .vis-img img {
        width: 100%;
    }
    
    .mis .pnt {
        color: #000 !important;
    }
    
    .mis h4 {
        color: #000 !important;
    }
    
    .logo-section {
        padding: 80px 0px;
    }
    
    .pb__30 {
        padding-bottom: 30px;
    }
    
    .feature__items img {
        width: 60px;
    }
    /* .includeai__section {
        display: none;
    }
     */
    
    .bread_crumbs {
        padding: 10px 0px;
    }
    
    .bread_crumbs .home_page {
        font-weight: bold;
    }
    
    .bread_crumbs .current_page {
        color: #ddd;
    }
    
    .microsoft_technologies li {
        width: 250px;
        float: left;
        background-color: #fff;
        padding: 10px 10px;
        border-radius: 6px;
        font-weight: 800;
        margin: 10px;
        text-align: center;
        display: flex;
        justify-content: center;
        /* align-items: center; */
    }
    
    .microsoft_technologies li .material-symbols-outlined {
        font-family: "Material Symbols Outlined";
        font-weight: 200;
        font-style: normal;
        font-size: 1.9rem;
        color: red;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        margin-right: 10px;
    }
    
    li {
        font-size: 17px;
        font-weight: 500;
        display: flex;
    }
    
    .tabcontent {
        padding: 30px 0px;
    }
    
    .block_chain_innovation h2 {
        padding-bottom: 30px;
    }
    
    .tablinks {
        border: none;
        padding: 10px;
        background-color: #1e2462;
        color: #fff;
        font-weight: 600;
        margin: 0px 1px;
    }
    
    .tab button:hover {
        background-color: #29aae19c;
    }
    /* Create an active/current tablink class */
    
    .tab button.active {
        background-color: #29aae1;
    }
    
    .tab {
        background-color: #b8e7fb;
        display: flex;
        justify-content: center;
        border-radius: 5px;
    }
    
    .block_chain_innovation .about__chack li {
        padding: 10px 0px;
        font-size: 18px;
        font-weight: 600;
    }
    
    .bis_ul li {
        font-size: 22px;
        padding: 20px 0px;
        list-style-type: none;
        font-weight: 700;
        color: #1a2e46;
    }
    
    .newsletter__section form input {
        margin: 10px 0px;
    }
    
    .industry_services_tabs_left {
        display: flex;
        flex-direction: column;
    }
    
    .newsletter__content h2 {
        font-size: 30px;
    }
    
    textarea {
        resize: vertical;
        width: 100%;
        padding: 10px;
    }
    
    .micro-bg .breadcumnd__content {
        position: relative;
        padding: 4px 0px 0px 0px;
        margin-top: 100px;
    }
    .carrer-sed{
        padding:0px 0px 60px 0px;
    }


    .space{
    padding: 50px 0px !important;

    }
        /* Mobile accordion styles */
        .mobile-accordion > .mobile-accordion-toggle {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .mobile-accordion > .mobile-accordion-toggle:after {
            content: "\e5cf"; /* material symbols: expand_more */
            font-family: 'Material Icons Outlined';
            font-size: 20px;
            line-height: 1;
        }
        .mobile-accordion.open > .mobile-accordion-toggle:after {
            content: "\e5ce"; /* expand_less */
        }
        .mobile-accordion-panel {
            display: none;
            padding: 6px 0 6px 14px;
            border-left: 1px dashed var(--border);
            margin-top: 6px;
        }
        .mobile-accordion-panel .mobile-accordion {
            margin-bottom: 6px;
        }
}

img {
    
    border-radius: 8px !important;
}


    @media (max-width: 600px) {
     .header-section .logo img {
    width: 140px !important;
}

.header-wrapper .small__logo {

    display: none;
}

.header-wrapper {
    padding: 10px 0;
}

.header-wrapper .main-menu li .sub-menu {
    background: var(--white);
    padding: 5px 5px 5px 5px;
    display: none;
    transform: translateY(0px);
    border-bottom: 4px solid var(--success);
    position: absolute;
    top: 30px;
    right: -10px;
    border-radius: 10px;
}
.main-menu {
 
    height: 80vh;
}

.header-wrapper .main-menu li {
    transition: all 0.6s;
    position: relative;
}

    .header-wrapper .main-menu li a {
        color: var(--white);
      
    }

    .oracle-bg {
     
        height: 250px;
      
    }

    .header-wrapper .main-menu li .sub-menu {
 
        z-index: 99999;
    }


    .breadcumnd__banner {

        width: 100%;
        height: 400px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        
    }

    .breadcumnd__wrapper .breadcumnd__content {
        padding: 40px 0 70px;
    }

    .micro-bg .breadcumnd__content {  
        
        margin-top: 180px;
    }

    .page-title .content-box h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .mobile-accordion > .mobile-accordion-toggle:after {
       display: none;
    }
}


   @media (max-width: 991px) {
    .header-wrapper .main-menu li .sub-menu .subtwohober .sub-two {
        position: static;
        width: 100%;
        box-shadow: none;
        border-radius: 0;
        padding-left: 15px;
        display: none;
        visibility: visible;
        opacity: 1;
        background: #f8f8f8;
        border-left: 2px solid var(--success);
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober.open .sub-two {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober .icon i {
        transition: all 0.3s ease;
    }
    
    .header-wrapper .main-menu li .sub-menu .subtwohober.open .icon i {
        transform: rotate(45deg);
    }
}


.banner__content .cmn--btn {
    border-radius: 5px;
    padding: 8px 24px 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    display: inline-block;
    color: var(--white);
    text-transform: capitalize;
    position: relative;
    background: #1e2462;
    overflow: hidden;
    border: 1px solid #dddddd96;
}

.feature__section {
    background-color: #29aae114;
}