@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;
  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(../../assets/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(../../assets/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: 10px 5px; /* Masaüstü ve tabletler için padding ayarı */
        /* Mobil cihazlar için padding ayarı */
    }

@media only screen and (max-width: 900px) {
    .header-testting-wrap .header-testting-inner {
        width: 100%;
        border-bottom: 1px solid rgb(22, 37, 87);
        padding: 5px 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: 230px;
}
    .header-testting-wrap .header .logo-menu .logo img {
        width: 100%;
    }
@media only screen and (max-width: 1024px) {
    .header-testting-wrap .header .logo-menu .logo img {
        width: 80%;
    }

}
    .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(../../assets/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(../../assets/img/page-case/menu-bg.png) no-repeat center center;
            background-size: cover;
        }

        .header-testting-wrap .header .logo-menu .logo-small img {
            width: 40px;
            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(../../assets/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);
        }

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

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

    .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: 80px 0 10px;
        }
    }

    .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(../../assets/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(../../assets/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(../../assets/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(../../assets/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(../../assets/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(../../assets/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(../../assets/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(../../assets/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(../../assets/img/elements/work-element2.png) no-repeat center center;
        background-size: contain;
    }

    @media (max-width: 1199px) {
        .five__work__4::before {
            display: none;
        }
    }

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

        .qualified__section::before {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            width: 300px;
            height: 300px;
            background: #41E295;
            opacity: 0.3;
            filter: blur(200px);
        }

    @media (max-width: 500px) {
        .qualified__section::before {
            width: 250px;
        }
    }

    .qualified__section::after {
        position: absolute;
        bottom: 0px;
        right: 0;
        content: "";
        width: 300px;
        height: 300px;
        background: #452FF4;
        opacity: 0.4;
        filter: blur(200px);
    }

    @media (max-width: 500px) {
        .qualified__section::after {
            width: 250px;
        }
    }

    .qualified__section .light__element1 {
        position: absolute;
        top: 105px;
        left: 104px;
        animation: zminopa 3s linear infinite;
    }

    @media (max-width: 991px) {
        .qualified__section .light__element1 {
            display: none;
        }
    }

    .qualified__section .light__element2 {
        position: absolute;
        top: 100px;
        right: 100px;
        animation: zminopa 3s linear infinite;
    }

    @media (max-width: 991px) {
        .qualified__section .light__element2 {
            display: none;
        }
    }

    .qualified__section .light__element3 {
        position: absolute;
        bottom: 66px;
        right: 20%;
        transform: translate(-50%);
        animation: zminopa 3s linear infinite;
    }

    @media (max-width: 991px) {
        .qualified__section .light__element3 {
            display: none;
        }
    }

    .qualified__content .section__header {
        margin-bottom: 32px;
    }

    @media (max-width: 575px) {
        .qualified__content .section__header {
            margin-bottom: 20px;
        }
    }

    .qualified__content .counting__wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 0;
        justify-content: space-between;
    }

        .qualified__content .counting__wrap .counter__items:not(:last-child) {
            border-right: 1px dashed var(--countright);
            padding-right: 37px;
        }

    @media (max-width: 575px) {
        .qualified__content .counting__wrap .counter__items:not(:last-child) {
            padding-right: 0;
            border-right: none;
        }
    }

    @media (max-width: 575px) {
        .qualified__content .counting__wrap .counter__items {
            width: 50%;
        }
    }

    .qualified__content .counting__wrap .counter__items .counter__content .cont {
        margin-bottom: 4px;
    }

        .qualified__content .counting__wrap .counter__items .counter__content .cont .odometer {
            font-size: 2.5rem;
            line-height: 120%;
            font-weight: 600;
            color: var(--themetext);
            padding: 0;
        }

        .qualified__content .counting__wrap .counter__items .counter__content .cont .plus__icon {
            font-size: 2.5rem;
            font-weight: 600;
            color: var(--themetext);
            line-height: 120%;
        }

    @media (max-width: 575px) {
        .qualified__content .counting__wrap .counter__items .counter__content .cont .odometer {
            font-size: 2rem;
        }

        .qualified__content .counting__wrap .counter__items .counter__content .cont .plus__icon {
            font-size: 2rem;
        }

        .qualified__content .counting__wrap .counter__items .counter__content p {
            font-size: 0.9rem;
        }
    }

    .qualified__content .counting__wrap .counter__items:nth-child(1) .counter__content .cont .odometer {
        color: var(--base);
    }

    .qualified__content .counting__wrap .counter__items:nth-child(1) .counter__content .cont .plus__icon {
        color: var(--base);
    }

    .qualified__content .counting__wrap .counter__items:nth-child(2) .counter__content .cont .odometer {
        color: var(--basetwo);
    }

    .qualified__content .counting__wrap .counter__items:nth-child(2) .counter__content .cont .plus__icon {
        color: var(--basetwo);
    }

    .qualified__content .counting__wrap .counter__items:nth-child(3) .counter__content .cont .odometer {
        color: var(--basethree);
    }

    .qualified__content .counting__wrap .counter__items:nth-child(3) .counter__content .cont .plus__icon {
        color: var(--basethree);
    }

    .qualified__content .counting__wrap .counter__items p {
        color: var(--countptext);
        font-size: 1rem;
        font-weight: 500;
        display: block;
    }

    @media (max-width: 991px) {
        .qualified__content {
            margin-bottom: 35px;
        }
    }

    .qualified__thumb {
        width: initial;
    }

    @media (max-width: 991px) {
        .qualified__thumb {
            width: 100%;
        }

            .qualified__thumb img {
                width: 100%;
            }
    }

    .condition__terms__tab {
        border: 1px solid var(--success);
        border-radius: 5px;
        padding: 30px;
    }

        .condition__terms__tab .nav {
            display: grid;
            border: none;
        }

            .condition__terms__tab .nav .nav-item {
                border: none;
            }

                .condition__terms__tab .nav .nav-item:not(:last-child) {
                    margin-bottom: 15px;
                }

                .condition__terms__tab .nav .nav-item .nav-link {
                    border: none;
                    padding: 0 0;
                    background: var(--success);
                    width: 100%;
                    padding: 10px 5px 12px;
                    border-radius: 5px;
                    color: var(--white);
                    transition: all 0.3s;
                }

                    .condition__terms__tab .nav .nav-item .nav-link:hover {
                        background: var(--base);
                    }

    .terms__condition__body .same__condition__items:not(:last-child) {
        margin-bottom: 40px;
    }

    @media (max-width: 767px) {
        .terms__condition__body .same__condition__items:not(:last-child) {
            margin-bottom: 30px;
        }
    }

    .terms__condition__body .text__box__none h2 {
        color: var(--themetext);
        margin-bottom: 20px;
    }

    @media (max-width: 767px) {
        .terms__condition__body .text__box__none h2 {
            font-size: 27px;
        }
    }

    .terms__condition__body .text__box__none h3 {
        color: var(--themetext);
    }

    @media (max-width: 767px) {
        .terms__condition__body .text__box__none h3 {
            font-size: 32px;
        }
    }

    .terms__condition__body .text__box__none h4 {
        color: var(--themetext);
    }

    .terms__condition__body .text__box__none p {
        color: var(--themetext);
        font-size: 16px;
    }

    .terms__condition__body .text__box__none .list {
        margin-top: 25px;
    }

        .terms__condition__body .text__box__none .list li {
            font-size: 16px;
            color: var(--themetext);
        }

            .terms__condition__body .text__box__none .list li:not(:last-child) {
                margin-bottom: 10px;
            }

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

        .capabilities__section .capa__mask {
            position: absolute;
            top: 0;
            right: 0;
        }

    @media (max-width: 991px) {
        .capabilities__section .capa__mask {
            opacity: 0.4;
        }
    }

    .capabilities__section::before {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 43%;
        width: 100%;
        content: "";
        background: var(--whitebgdark);
    }

    .capabilities__section .global__mask {
        position: absolute;
        bottom: 100px;
        left: 100px;
    }

    @media (max-width: 1399px) {
        .capabilities__section .global__mask {
            bottom: 50px;
        }
    }

    @media (max-width: 767px) {
        .capabilities__section .global__mask {
            display: none;
        }
    }

    .capabilities__section .global__mask .light__element1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .capabilities__section .capa__ai {
        position: absolute;
        top: 80px;
        left: 80px;
        width: 80px;
        animation: smothx 5s linear infinite;
    }

        .capabilities__section .capa__ai img {
            width: 100%;
        }

    .capabilities__section .capa__rocket {
        position: absolute;
        bottom: 150px;
        right: 60px;
        width: 90px;
        animation: smothx 5s linear infinite;
    }

    @media (max-width: 1399px) {
        .capabilities__section .capa__rocket {
            bottom: 50px;
        }
    }

    @media (max-width: 767px) {
        .capabilities__section .capa__rocket {
            display: none;
        }
    }

    .capabilities__section .capa__rocket img {
        width: 100%;
    }

    .capabilities__section .light__element1 {
        position: absolute;
        top: 120px;
        right: 140px;
        animation: zminopa 3s linear infinite;
    }

    @media (max-width: 991px) {
        .capabilities__section .light__element1 {
            display: none;
        }
    }

    .capabilities__section .redlight {
        position: absolute;
        top: 50px;
        right: 50px;
        animation: zminopa 3s linear infinite;
    }

    .capabilities__section .case__rocket {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 200px;
    }

        .capabilities__section .case__rocket img {
            width: 100%;
        }

    @media (max-width: 1399px) {
        .capabilities__section .case__rocket {
            top: 10%;
        }
    }

    @media (max-width: 1199px) {
        .capabilities__section .case__rocket {
            top: 10%;
            width: 100px;
        }
    }

    @media (max-width: 991px) {
        .capabilities__section .case__rocket {
            display: none;
        }
    }

    .capabilities__section .light__redb {
        position: absolute;
        bottom: 40px;
        right: 40%;
    }

    .capabilities__section .light__redt {
        position: absolute;
        top: 280px;
        left: 25%;
    }

    .capabilities__section .spring__case {
        position: absolute;
        top: 60px;
        left: 60px;
        animation: cir360 10s linear infinite;
    }

    @media (max-width: 767px) {
        .capabilities__section .spring__case {
            display: none;
        }
    }

    .capabilites__header {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    @media (max-width: 991px) {
        .capabilites__header {
            flex-wrap: wrap;
            gap: 25px 0;
        }
    }

    .capabilites__header .section__header {
        max-width: 630px;
    }

    .capabilities__wrap .capabilities__items {
        margin-bottom: 35px;
    }

        .capabilities__wrap .capabilities__items .thumb::before {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.3);
            content: "";
            opacity: 0;
            border-radius: 5px;
            transition: all 0.4s;
        }

        .capabilities__wrap .capabilities__items:hover .thumb::before {
            opacity: 1;
        }

    .capabilities__wrap .owl-dots {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
    }

        .capabilities__wrap .owl-dots .owl-dot span {
            background-color: var(--dots);
            width: 8px;
            height: 8px;
            margin: 0;
        }

        .capabilities__wrap .owl-dots .owl-dot.active span {
            background-color: var(--base);
            width: 8px;
        }

    .capabilities__items {
        padding: 8px;
        background: var(--white);
        box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
    }

        .capabilities__items .thumb {
            display: block;
            width: 100%;
            position: relative;
        }

            .capabilities__items .thumb img {
                width: 100%;
                border-radius: 5px;
            }

            .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(../../assets/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(../../assets/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(../../assets/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(../../assets/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(../../assets/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(../../assets/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 */