@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;
    --darkbg: #08162E;
    --banner: #08162E;
    --white: #FFFFFF;
    --base: #452FF4;
    --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;
}

body {
    color: var(--white);
    padding: 0;
    margin: 0;
    overflow-x: auto;
    background-color: var(--body);
}

h2,
h3,
h4,
h5,
h6 {
    color: var(--neutral);
    font-family: "Inter", sans-serif;
}

h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 120%;
}

h2 {
    font-weight: 600;
    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;
}

.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: 18px;
    line-height: 1.5;
    margin-bottom: 0;
    color: var(--pragraph-color);
    font-family: "Inter", 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: #41E295 !important;
}

.success {
    color: #005C30 !important;
}

.theme2 {
    color: #EDCB50 !important;
}

.title-white {
    color: var(--white);
}

.bgsection {
    background: var(--bgsection);
}

.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: rgba(70, 47, 244, 0.4509803922);
    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: 0.9rem;
    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;
}

/*--Section Header Start--*/
/*--Section Header Start--*/
.section__header h2 {
    margin-bottom: 24px;
    font-size: 60px;
    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: 18px;
    color: var(--themetext);
    font-weight: 400;
}

@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: 999;
}

    .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: var(--banner);
}

    .menu-fixed .header-wrapper {
        border: unset;
    }

@media (min-width: 992px) {
    .menu-fixed .header-wrapper .main-menu li a {
        padding: 30px 0;
    }
}

.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 ::-moz-placeholder {
        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 ::-moz-placeholder {
    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 ::-moz-placeholder {
            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%;
    }

.header-testting-wrap {
    /*responsive*/
}

    .header-testting-wrap .header-testting-inner {
        width: 100%;
        border-bottom: 1px solid rgb(22, 37, 87);
        padding: 24px 5px;
    }

    .header-testting-wrap .menu-border {
        border: 1px solid rgba(85, 84, 84, 0.5725490196);
        padding: 5px;
        border-radius: 5px;
        background: rgba(85, 84, 84, 0.5725490196);
    }

        .header-testting-wrap .menu-border a {
            padding: 0 0;
        }

        .header-testting-wrap .menu-border .themetext {
            padding: 14px 0 5px;
            line-height: 14px;
        }

    .header-testting-wrap .header {
        display: block;
        width: 100%;
        position: relative;
        z-index: 99;
    }

        .header-testting-wrap .header .logo-menu .logo {
            max-width: 200px;
        }

            .header-testting-wrap .header .logo-menu .logo img {
                width: 100%;
            }

        .header-testting-wrap .header .logo-menu .logo-small img {
            width: 60px;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

        .header-testting-wrap .header .item-right {
            flex: 0 0 17%;
            display: flex;
            justify-content: flex-end;
        }

            .header-testting-wrap .header .item-right a {
                text-decoration: none;
                font-size: 16px;
                color: var(--themetext);
                display: inline-block;
                margin-left: 10px;
                transition: color 0.3s ease;
            }

        .header-testting-wrap .header .menu-mitem i {
            color: #fff;
            font-size: 24px;
            line-height: 1px;
        }

@media screen and (min-width: 991px) {
    .header-testting-wrap .header .menu-mitem {
        color: #fff !important;
    }

        .header-testting-wrap .header .menu-mitem i {
            color: #fff;
        }
}

.header-testting-wrap .header .menu > ul > li {
    display: inline-block;
    line-height: 50px;
    margin-left: 25px;
}

    .header-testting-wrap .header .menu > ul > li > a {
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        position: relative;
        text-transform: capitalize;
        transition: color 0.3s ease;
    }

    .header-testting-wrap .header .menu > ul > li .sub-menu {
        position: absolute;
        z-index: 500;
        background: url(../img/page-case/menu-bg.png) no-repeat center center;
        background-size: cover;
        background-color: var(--white);
        box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
        padding: 20px 30px;
        transition: all 0.5s ease;
        margin-top: 25px;
        opacity: 0;
        visibility: hidden;
    }

.header-testting-wrap .header .menu .custom-list-inner li {
    transition: all 0.5s;
}

    .header-testting-wrap .header .menu .custom-list-inner li a {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        transition: all 0.5s !important;
    }

        .header-testting-wrap .header .menu .custom-list-inner li a .versions {
            font-size: 12px;
            text-transform: capitalize;
        }

        .header-testting-wrap .header .menu .custom-list-inner li a:hover {
            margin-left: 5px;
            color: var(--base) !important;
        }

.header-testting-wrap .header .menu .custom-list-inner:not(:last-child) {
    border-right: 10px solid red;
}

.header-testting-wrap .header .menu > ul > li .sub-menu > ul > li {
    line-height: 1;
}

    .header-testting-wrap .header .menu > ul > li .sub-menu > ul > li > a {
        display: inline-block;
        padding: 10px 0;
        font-size: 15px;
        color: var(--themetext);
        transition: color 0.3s ease;
        text-decoration: none;
        text-transform: capitalize;
    }

        .header-testting-wrap .header .menu > ul > li .sub-menu > ul > li > a:hover {
            color: var(--themetext);
        }

.header-testting-wrap .header .menu > ul > li .single-column-menu {
    min-width: 280px;
    max-width: 350px;
}

.header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu {
    left: 50%;
    transform: translateX(-50%);
}

    .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li {
        line-height: 1;
        display: block;
    }

        .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
            display: inline-block;
            font-size: 15px;
            color: var(--themetext);
            transition: color 0.3s ease;
        }

            .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover {
                color: var(--themetext);
            }

.header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 {
    max-width: 1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 15px;
}

    .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
        flex: 0 0 20%;
        padding: 0 5px;
    }

        .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item ul li {
            transition: all 0.5s;
        }

            .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item ul li:hover {
                margin-left: 5px;
            }

                .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item ul li:hover a {
                    color: var(--base) !important;
                }

        .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
            font-size: 16px;
            color: var(--themetext);
            font-weight: 500;
            line-height: 1;
            padding-top: 12px;
            color: var(--n0);
            padding-bottom: 1px;
        }

            .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title span {
                font-size: 14px;
            }

        .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title2 {
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
        }

        .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
            width: 100%;
        }

        .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .hero-menu-thumb {
            display: block;
            background: rgb(26, 26, 26);
            width: 100%;
            padding: 5px;
            border-radius: 8px;
        }

            .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .hero-menu-thumb img {
                width: 100%;
                vertical-align: middle;
                margin-top: 10px;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 10px;
            }

        .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
            text-align: center;
            font-weight: 600;
        }

            .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title span {
                font-size: 14px;
            }

.header-testting-wrap .header .menu > ul > li:hover > a {
    color: var(--themetext);
}

.header-testting-wrap .header .item-right a:hover {
    color: var(--themetext);
}

.header-testting-wrap .header .mobile-menu-head {
    display: none;
}

.header-testting-wrap .header .mobile-menu-trigger {
    display: none;
}

@media (max-width: 991px) {
    .header-testting-wrap .header .menu {
        background: url(../img/page-case/menu-bg.png) no-repeat center center;
        background-size: cover;
    }

    .header-testting-wrap .header .logo-menu .logo-small img {
        width: 150PX;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

@media (min-width: 992px) {
    .header-testting-wrap .header .menu > ul > li.menu-item-has-children:hover .sub-menu {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 991px) {
    @keyframes slideLeft {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        100% {
            opacity: 1;
            transform: translateX(0%);
        }
    }

    @keyframes slideRight {
        0% {
            opacity: 1;
            transform: translateX(0%);
        }

        100% {
            opacity: 0;
            transform: translateX(100%);
        }
    }

    .header-testting-wrap .header .item-left {
        flex: 0 0 auto;
    }

    .header-testting-wrap .header .item-right {
        flex: 0 0 auto;
        align-items: center;
    }

    .header-testting-wrap .header .mobile-menu-trigger {
        display: flex;
        height: 36px;
        width: 40px;
        margin-left: 15px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }

        .header-testting-wrap .header .mobile-menu-trigger span {
            display: block;
            height: 2px;
            background-color: var(--white);
            width: 40px;
            position: relative;
        }

            .header-testting-wrap .header .mobile-menu-trigger span:before {
                content: "";
                position: absolute;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: var(--white);
                top: -10px;
            }

            .header-testting-wrap .header .mobile-menu-trigger span:after {
                content: "";
                position: absolute;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: var(--white);
                top: 10px;
            }

    .header-testting-wrap .header .menu {
        position: fixed;
        width: 320px;
        background-color: var(--white);
        left: 0;
        top: 0;
        height: 100%;
        height: 100vh;
        overflow: hidden;
        transform: translate(-100%);
        transition: all 0.5s ease;
        z-index: 1099;
    }

        .header-testting-wrap .header .menu > ul > li {
            line-height: 1;
            margin: 0;
            display: block;
        }

            .header-testting-wrap .header .menu > ul > li > a {
                line-height: 50px;
                height: 50px;
                padding: 0 50px 0 15px;
                display: block;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            }

                .header-testting-wrap .header .menu > ul > li > a i {
                    position: absolute;
                    height: 50px;
                    width: 50px;
                    top: 0;
                    right: 0;
                    text-align: center;
                    line-height: 50px;
                    transform: rotate(-90deg);
                }

            .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu {
                visibility: visible;
                opacity: 1;
                position: absolute;
                box-shadow: none;
                margin: 0;
                padding: 15px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding-top: 65px;
                max-width: none;
                min-width: auto;
                display: none;
                transform: translateX(0%);
                overflow-y: auto;
            }

                .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
                    margin-bottom: 15px;
                }

                    .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
                        display: block;
                    }

            .header-testting-wrap .header .menu > ul > li .sub-menu {
                visibility: visible;
                opacity: 1;
                position: absolute;
                box-shadow: none;
                margin: 0;
                padding: 15px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding-top: 65px;
                max-width: none;
                min-width: auto;
                display: none;
                transform: translateX(0%);
                overflow-y: auto;
            }

                .header-testting-wrap .header .menu > ul > li .sub-menu > ul > li > a {
                    display: block;
                }

                .header-testting-wrap .header .menu > ul > li .sub-menu.active {
                    display: block;
                }

                .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
                    flex: 0 0 100%;
                    padding: 5px 0;
                }

                    .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
                        margin-top: 0;
                    }

                    .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
                        margin-bottom: 20px;
                    }

                    .header-testting-wrap .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title {
                        margin-bottom: 0px;
                    }

        .header-testting-wrap .header .menu .mobile-menu-head {
            display: flex;
            height: 50px;
            background: url(../img/page-case/menu-bg.png) no-repeat bottom center;
            background-size: cover;
            border-bottom: 1px solid rgba(22, 37, 87, 0.952);
            justify-content: space-between;
            align-items: center;
            position: relative;
            z-index: 501;
            position: sticky;
            top: 0;
        }

            .header-testting-wrap .header .menu .mobile-menu-head .go-back {
                height: 50px;
                width: 50px;
                border-right: 1px solid rgba(22, 37, 87, 0.885);
                cursor: pointer;
                line-height: 50px;
                text-align: center;
                color: var(--themetext);
                font-size: 16px;
            }

                .header-testting-wrap .header .menu .mobile-menu-head .go-back i {
                    font-size: 16px;
                    color: #fff;
                }

            .header-testting-wrap .header .menu .mobile-menu-head .current-menu-title {
                font-size: 15px;
                font-weight: 500;
                color: #fff;
            }

            .header-testting-wrap .header .menu .mobile-menu-head .mobile-menu-close {
                height: 50px;
                width: 50px;
                border-left: 1px solid rgba(22, 37, 87, 0.952);
                cursor: pointer;
                line-height: 50px;
                text-align: center;
                color: #fff;
                font-size: 25px;
            }

            .header-testting-wrap .header .menu .mobile-menu-head.active .go-back {
                display: block;
            }

        .header-testting-wrap .header .menu .menu-main {
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            padding-top: 24px;
        }

        .header-testting-wrap .header .menu.active {
            transform: translate(0%);
        }

    .header-testting-wrap .menu-overlay {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5725490196);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        z-index: 1098;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
    }

        .header-testting-wrap .menu-overlay.active {
            visibility: visible;
            opacity: 1;
        }
}

.mode--toggle {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--base);
    position: relative;
    border: 1px solid var(--sunborder);
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu__components {
    display: flex;
    align-items: center;
    gap: 25px;
}

@media (max-width: 1399px) {
    .menu__components {
        gap: 0 8px;
    }
}

.menu__components .search-button {
    margin-top: 8px;
}

@media (max-width: 991px) {
    .menu__components .search2,
    .menu__components .search {
        margin-top: 8px;
    }
}

.menu__components .search2 i,
.menu__components .search i {
    font-size: 1.2rem;
    color: var(--white);
}

.menu__components .search-popup2,
.menu__components .search-popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

    .menu__components .search-popup2 .search-bg2,
    .menu__components .search-popup2 .search-bg,
    .menu__components .search-popup .search-bg2,
    .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) {
    .menu__components .cmn--btn {
        padding: 6px 20px 10px;
        font-size: 0.9rem;
    }
}

@media (max-width: 991px) {
    .menu__components .cmn--btn {
        padding: 4px 14px 7px;
        font-size: 0.8rem;
    }
}

.menu__components .search-form2,
.menu__components .search-form {
    display: block;
    margin: 7em 4em;
    position: relative;
    right: -100%;
}

    .menu__components .search-form2 form .form,
    .menu__components .search-form form .form {
        position: relative;
    }

        .menu__components .search-form2 form .form input,
        .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;
        }

        .menu__components .search-form2 form .form ::-moz-placeholder, .menu__components .search-form form .form ::-moz-placeholder {
            color: #000;
        }

        .menu__components .search-form2 form .form ::placeholder,
        .menu__components .search-form form .form ::placeholder {
            color: #000;
        }

.menu__components .form input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.menu__components .form input:focus::-moz-placeholder {
    opacity: 0;
}

.menu__components .form input:-ms-input-placeholder {
    opacity: 0;
}

.menu__components .form input:focus:-moz-placeholder {
    opacity: 0;
}

.menu__components .form label {
    position: absolute;
    top: 25%;
    right: 0;
}

.menu__components button {
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}

    .menu__components button .icons i {
        font-size: 1.3rem;
        color: var(--white);
        display: none
    }

.menu__components .tolly__shop {
    margin-top: 7px;
}

    .menu__components .tolly__shop i {
        font-size: 1.2rem;
        color: var(--white);
        display: none
    }

.dbg {
    background: #000;
}

.banner__section {
    position: relative;
    overflow: hidden;
}

    .banner__section .banner__bgmask {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
    }

        .banner__section .banner__bgmask img {
            width: 100%;
            height: 100%;
        }

    .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%;
    -o-object-fit: contain;
    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;
}

    .breadcumnd__wrapper .breadcumnd__content {
        padding: 190px 0 80px;
    }

        .breadcumnd__wrapper .breadcumnd__content .title {
            color: var(--white);
            margin-bottom: 1.5rem;
        }

@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: 100%;
    }

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

    .about__content .about__chack {
        display: flex;
        flex-wrap: wrap;
        gap: 24px 0;
        margin-bottom: 40px;
    }

@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: 40px;
    height: 40px;
    border-radius: 5px;
    background: #ECEAFE;
    text-align: center;
    line-height: 50px;
}

    .include__cheack .about__chack li .icon i {
        color: #2A1D95;
    }

.include__cheack .about__chack li span {
    line-height: 32px;
    color: var(--themetext);
}

.include__cheack .about__chack li:nth-child(2) .icon {
    background: #F6E7E7;
}

    .include__cheack .about__chack li:nth-child(2) .icon i {
        color: #630A0A;
    }

.include__cheack .about__chack li:nth-child(3) .icon {
    background: #E6EFEA;
}

    .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 ::-moz-placeholder {
        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 ::-moz-placeholder {
        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 ::-moz-placeholder {
            color: var(--placeinput);
        }

        .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: 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: var(--tharbg1);
    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: var(--themetext);
        margin-bottom: 4px;
    }

    .feature__work__items .content p {
        font-size: 0.9rem;
        color: var(--themetext);
    }

.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: var(--tharbg2);
    border: 1px solid var(--tharbor2);
}

    .feature__work__items:nth-child(2) .icon {
        background: var(--thardbox2);
    }

.feature__work__items2 {
    background: var(--tharbg3);
    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: var(--tharbg4);
    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: var(--themetext);
        margin-bottom: 4px;
    }

    .feature__work__items2 .content p {
        font-size: 0.9rem;
        color: var(--themetext);
    }

.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: var(--fwork);
    border-radius: 7px;
    padding: 22px 60px 50px;
    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;
    height: 100%;
}

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

        .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;
    -webkit-clip-path: polygon(100% 100%, 49% 38%, 0 100%);
    clip-path: polygon(100% 100%, 49% 38%, 0 100%);
}

.efective__section__three .efective__content .efective__data__wrapper::after {
    -webkit-clip-path: polygon(100% 0, 50% 45%, 0 0);
    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;
    -webkit-clip-path: polygon(79% 48%, 0 0, 0 100%);
    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 ::-moz-placeholder {
    color: var(--placeinput);
}

.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;
            -webkit-clip-path: polygon(51% 84%, 0 0, 100% 0);
            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;
    }

        .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 ::-moz-placeholder {
            color: #42526D;
        }

        .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 ::-moz-placeholder {
    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: flex;
        align-items: center;
        gap: 20px;
        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: flex;
        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: flex;
            align-items: 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 ::-moz-placeholder {
        color: var(--offtext);
    }

    .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 ::-moz-placeholder {
                color: var(--place2);
            }

            .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 ::-moz-placeholder {
    color: var(--themetext);
}

.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::-moz-placeholder {
                    color: var(--place2);
                }

                .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 ::-moz-placeholder {
            color: var(--place2);
        }

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

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

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

.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 ::-moz-placeholder {
        color: var(--white);
    }

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

        .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: var(--basethree);
    }

    .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: var(--base);
    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: #41E295;
        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 */

body > .skiptranslate, .goog-logo-link, .gskiptranslate, .goog-te-gadget span, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame, div#goog-gt-tt {
    display: none !important;
    position: fixed
}

.goog-te-gadget {
    color: transparent !important;
    font-size: 0px;
}

.goog-text-highlight {
    background: transparent !important;
    box-shadow: transparent !important;
}

#google_translate_element select {
    background: #452ff4;
    color: #fff4e4;
    border: none;
    font-weight: bold;
    border-radius: 3px;
    padding: 8px 12px;
    width: 150px
}

.top-img-robo img {
    width: 100%;
    height: 150px;
}

.col-lg-3 .plan__items {
    height: 300px;
}

.custom-linking {
    padding: 35px;
}

    .custom-linking li {
        margin-top: 10px;
        position: relative;
        font-size: 18px;
        font-weight: 500;
    }

        .custom-linking li::before {
            position: absolute;
            left: -40px;
            top: 2px;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            content: '';
            background-image: url(../img/manufacturing.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

.lisitin-card {
    padding: 0px;
    list-style: number;
}

ul.plan-list {
    padding-left: 20px;
    list-style: number;
}

.lisitin-card li {
    font-size: 12px;
    position: relative;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #daebed;
}

    .lisitin-card li::before {
        position: absolute;
        left: -30px;
        top: 3px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        content: '';
    }

#accordionFlushExample .accordion-button:not(.collapsed) {
    background-color: #a79df9;
    color: #fff;
    box-shadow: none !important;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 20px;
}

#accordionFlushExample .accordion-item {
    margin-top: 15px;
}

#accordionFlushExample .accordion-flush .accordion-collapse {
    border: 1px solid #a79df9;
    border-top: none;
}

#accordionFlushExample .accordion-button:not(.collapsed)::after {
    filter: invert(1.5);
}

.phone-li {
    display: none !important;
}

ul.plan-list li {
    color: #000;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #daebed;
    font-size: 14px;
    font-family: 'Inter';
    margin-bottom: 15px;
}

ul.plan-list {
    padding-left: 0px;
    list-style: none;
}

.capabilities__items .content p {
    padding: 15px;
    background: #452ff4;
    text-align: center;
    border-radius: 5px;
    line-height: 1;
    color: #fff !important;
}
 

@media (max-width:991px) {
    .phone-li {
        display: block !important;
    }
}