/*ALL Custom css*/
:root {
    --header-height: 3rem;
    --nav-width: 64px;
    --first-color: #4723d9;
    --first-color-light: #c1c1dd;
    --white-color: #f7f6fb;
    --body-font: "Nunito", sans-serif;
    --normal-font-size: 1rem;
    --z-fixed: 100;
    --border-radius-btn: 25px;
    --border-radius-pill: 50px;
  }
  * {
    text-wrap: pretty;
    
}
  *,
  ::before,
  ::after {
    box-sizing: border-box;
  }
.pos-rel {
  position: relative;
}
img.pill-shape {
  border-radius: var(--border-radius-btn);
}
.d-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.filter-shad {
  filter: drop-shadow(2px 4px 6px #8290be);
}
.min-pb-100 {
  padding-bottom: 100px!important;
}
body.dark .dark-w {
  color: #c1c1dd !important;
}
/** Theme background change start **/
body section:before,
body section.about__area--4:before {
    content: "";
    /* background: #00000087; */
    background: #00000042;
    position: fixed;
    display: block;
    transform: translateX(-100%);
    height: 100%;
    inset: 0;
    z-index: 0;
    transition: transform 0.3s ease-in-out;
}

body.dark section:before,
body.dark section.about__area--4:before {
    /* mix-blend-mode: color; */
    /* transform: translateX(-100%); */
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

body.dark section.bg-mix {
    position: relative;
}
body.dark section.bg-mix.service-area::before {
    mix-blend-mode: multiply;
    transition: transform 0.3s ease-in-out;
    background: #1e242c;
}

body.dark section.about__area--4,
body.dark section.about__area--4 h1,
body.dark section.about__area--4 h2,
body.dark section.about__area--4 h3,
body.dark section.about__area--4 h4,
body.dark section.about__area--4 h5,
body.dark section.about__area--4 h6,
body.dark section h1,
body.dark section h2,
body.dark section h3,
body.dark section h4,
body.dark section h5,
body.dark section h6,
body.dark section p,
body.dark section span {
    color: white;
    transition: all 0.3s ease-in;
}
body.dark .section__heading--title-small span {
    color: #8160b8;
}
body.dark .cta.d-block {
    -webkit-box-shadow: -20px -20px 0 0 rgb(50 23 48 / 62%);
    box-shadow: -20px -20px 0 0 rgb(50 23 48 / 62%);
    transition: all 0.3s ease-in;
}

body.dark .custom-ul li {
    color: white;
    transition: all 0.3s ease-in;
}

body section.bg_img {
    z-index: 1;
    position: relative;
    overflow: hidden;
}
body.dark section.bg_img:before {
    transform: translateX(0);
    background: #000000;
    /* mix-blend-mode: color; */
}

section.about__area--4 .container {
    z-index: 2;
    position: relative;
}
footer.site__footer {
    z-index: 1;
    position: relative;
    overflow: hidden;
}
footer.site__footer:before {
    content: "";
    background: #120e365c;
    position: absolute;
    display: block;
    mix-blend-mode: color;
    transform: translateX(-100%);
    height: 100%;
    inset: 0;
    z-index: 0;
    
    transition: transform 0.3s ease-in-out;
}
body.dark footer.site__footer:before {
    transform: translateX(0);
}
/** Theme background change end **/

/** Buttons start **/
.site-btn {
    max-width: 220px;
    border-radius: var(--border-radius-pill);
    height: 56px;
    line-height: 56px;
    justify-content: center;
    position: relative;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 0 8px #72a9ff, 0 0 24px #94005f, 0 0 48px #00f0ff;
}
/** Buttons end **/

  body {
    position: relative;
    margin: var(--header-height) 0 0 0;
    /* padding: 0 1rem; */
    font-family: var(--body-font);
    font-size: var(--normal-font-size);
    transition: 0.5s;
    margin-top: 0;
    overflow-x: hidden;
    background-color: #efefef;
  }
  a {
    text-decoration: none;
  }
  .header {
    width: 100%;
    height: 64px;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    /* background-color: var(--white-color); */
    z-index: var(--z-fixed);
    transition: 0.5s;
    background: transparent;
  }
  .header_toggle {
    color: #080d30;
    font-size: 28px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: rgb(255 255 255 / 40%);
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 25%);
    backdrop-filter: blur(6px);
    transition: all 0.3s ease-in;
    border-radius: var(--border-radius-btn);
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    position: relative;
    display: flex;
  }
  .dark .header_toggle {
    color: #ffffff;
  }
  .header_toggle i {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease-in;
  }
  .header_toggle:hover {
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  }
  header .header_toggle:hover i {
    transform: scale(1.5);
    transition: all 0.3s ease-in;
  }
  .header_img {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    /* backdrop-filter: blur(10px);
    background-color: rgb(255 255 255 / 55%); */
  }
  .header_img img {
    width: 50px;
  }
  .l-navbar {
    position: fixed;
    top: 0;
    left: -30%;
    width: var(--nav-width);
    height: 100vh;
    padding: 0.5rem 1rem 0 0;
    transition: all 0.3s ease-in;
    z-index: var(--z-fixed);
    /* background: #e4e4e4; */
    border-radius: 25px;
    border: 1px solid rgb(255, 255, 255);
    backdrop-filter: blur(20px);
    background: transparent;
  }
  .dark .l-navbar {
    transition: all 0.3s ease-in;
    /* background: #2a3c4e; */
    /* background: #292b2c73; */
    /* background: #7f729838; */
    /* background: #464856a3; */
    background: rgb(66 68 82 / 80%);
  }
  .light .l-navbar {
    transition: all 0.3s ease-in;
    background: #ebedf296;
    border: 1px solid rgb(181 180 189 / 50%);
  }
  .nav {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    /* width: 60px; */
    width: 59px;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
  }
  .l-navbar.show .nav {
    width: auto;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
  }
  .nav .nav_list {
    display: inline-flex;
    flex-direction: column;
    overflow-y: overlay;
    overflow-x: hidden;
    flex: 1 1 0%;
  }
  .nav_logo,
  .nav_link {
    display: flex;
    grid-template-columns: max-content max-content;
    align-items: center;
    column-gap: 0.15rem;
    padding: 0.5rem 0 0.5rem 1.5rem;
  }
  .nav_logo {
    margin-bottom: 1.5rem;
    height: 50px;
    /* padding-left: 0.6rem; */
    column-gap: unset;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    position: relative;
    padding-left: 16px;
    width: 220px;
  }
  .nav_logo img {
    height: 40px;
    /* width: 198px; */
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
    width: auto;
}
  a.nav_logo:after {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #e6e7ec, transparent);
    opacity: .25;
    position: absolute;
    bottom: -10px;
    left: 0;
    display: block;
  }
  .light a.nav_logo:after {
    background: linear-gradient(to right, transparent, #151328, transparent);
  }
  .dark .nav_logo img.logo_dark {
    display: block;
  }
  .dark .nav_logo img.logo_light {
    display: none;
  }
  .light .nav_logo img.logo_dark {
    display: none;
  }
  .light .nav_logo img.logo_light {
    display: block;
  }
  .nav_logo-icon {
    font-size: 1.25rem;
    color: var(--white-color);
  }
  .nav_logo-name {
    color: var(--white-color);
    font-weight: 700;
  }
  .nav_link {
    position: relative;
    color: var(--first-color-light);
    margin-bottom: 1rem;
    transition: all 0.3s ease-in;
    display: flex;
    align-items: center;
    height: 3.5rem;
    /* padding: 0.5rem 0.5rem 0.5rem 0.5rem; */
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
  }
  .light .nav_link {
    color:#2b2b40;
  }
  /* .light .nav_link.activated {

  } */
  .nav_link:hover {
    color: var(--white-color);
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
    border-radius: 50px;
  }
  .light .nav_link:hover {
    color: #080d30;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
  }
  .nav_link:hover .nav_icon {
    background: #ffffff;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
    border-radius: 50px;
  }
  
  .dark .nav_link:hover .nav_icon {
    background: #161328;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
  }
  .dropdown .dropdown-menu {
    transition: all 0.3s ease-in;
    margin-left: 5px;
    /* background-color: rgb(76 82 141 / 40%);
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 25%);
    backdrop-filter: blur(6px); */
    background: transparent;
    backdrop-filter: unset;
    border: unset;
  }
  .dropdown:after {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #e6e7ec, transparent);
    opacity: .25;
    position: absolute;
    top: -8px;
    left: 0;
    display: block;
  }
  .dropdown:before {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #e6e7ec, transparent);
    opacity: .25;
    position: absolute;
    bottom: 4px;
    left: 0;
    display: block;
  }
  .light .dropdown:after ,
  .light .dropdown:before {
    background: linear-gradient(to right, transparent, #151328, transparent);
  }
  .dropdown .dropdown-menu.show {
    position: relative;
    transition: all 0.3s ease-in;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    top: 0;
    border-radius: 0 3px 3px 0;
    margin-bottom: 1rem;
    margin-left: 0;
  }
  .dropdown .dropdown-menu.show:before {
    content: '';
    width: 35px;
    height: 100%;
    opacity: .25;
    position: absolute;
    left: 14px;
    display: block;
    /* background: #151328; */
    background: transparent;
    border-radius: 25px;
  }
  .dark  .dropdown .dropdown-menu.show:before {
    /* background: #b3b3b3; */
    background: transparent;
  }
  .dropdown .dropdown-menu.show a.nav_link {
    /* margin-left: -7px; */
    margin-left: 5px;
    margin-right: 5px;
  }
  .dropdown .dropdown-menu.show a.nav_link:last-child {
    margin-bottom: 0;
  }
  .nav .nav-wrap {
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .nav_icon {
    font-size: 1.25rem;
    /* padding: 1rem; */
    padding: 10px;
    margin: 6px;
  }
  .l-navbar.show {
    left: 0;
  }
  .l-navbar.show .nav_link:hover {
    background: #ffffff;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
  }
  .dark .l-navbar.show .nav_link:hover {
    background: #161328;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
  }
  .body-pd {
    /* padding-left: calc(var(--nav-width) + 0rem); */
    padding-left: 0;
  }
  .active,
  .dark .active {
    color: var(--white-color);
  }
  .dark .activated {
    color: var(--white-color);
  }
  .light .activated {
    color: #fff;
  }
  .light .active {
    color: #fff;
  }
  /* .active::before,
  .activated::before,
  .dark .active::before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 32px;
    background-color: var(--white-color);
  } */
  .light .active::before,
  .light .activated::before {
    background-color: #fff;
  }
  .activated .nav_icon ,
  .active .nav_icon {
    background-color: #161328;
    border-radius: var(--border-radius-pill);
  }
  .light .activated .nav_icon ,
  .light .active .nav_icon {
    background-color: #ffffff;
    color: #161328;
  }
  
  .height-100 {
    height: 100vh;
  }

  span.nav_name {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
    opacity: 0;
}
.l-navbar.show span.nav_name {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
    opacity: 1;
}
.light .l-navbar .nav_link.activated span.nav_name,
.light .l-navbar .nav_link.active span.nav_name {
    color: #161328;
}
.light .l-navbar .dropdown-toggle.nav_link.active::before {
    background-color: transparent;
}
.light .l-navbar .dropdown-toggle.nav_link.open.active::before {
    background-color: #161328;
}
.light .l-navbar .dropdown-toggle.nav_link span.nav_name {
    color: black;
}
.light .l-navbar .dropdown-toggle.nav_link.active.open span.nav_name {
    color: #161328;
}
.light .l-navbar .dropdown-toggle.nav_link.active.open {
    color: #161328;
}
.light .l-navbar .dropdown-toggle.nav_link.active {
    color: black;
}

.dark .l-navbar.show span.nav_name {
    color: var(--white-color);
}
.dark .l-navbar .dropdown-toggle.nav_link.active::before {
    background-color: transparent;
}
.dark .l-navbar .dropdown-toggle.nav_link.active.open::before {
    background-color: var(--white-color);
}
.dark .l-navbar .dropdown-toggle.nav_link.active {
    color: var(--first-color-light);
}
.dark .l-navbar .dropdown-toggle.nav_link.active.open {
    color: var(--white-color);
}
.dark .l-navbar .dropdown-toggle.nav_link.active:hover {
    color: var(--white-color);
}
.dropdown .dropdown-menu.show li {
    /* border-bottom: 1px dotted #9298aa; */
    width: 220px;
}
.dropdown .dropdown-menu.show li:last-child {
    border-bottom: none;
}

.light .dropdown .dropdown-menu.show a.nav_link.activated .nav_icon {
    background: white;
    border-radius: 25px;
    color: #161328;
}
.light .dropdown .dropdown-menu.show a.nav_link.activated,
.light .dropdown .dropdown-menu.show a.nav_link.active {
    color: white;
}
.light .dropdown .dropdown-menu.show a.nav_link.activated:hover,
.light .dropdown .dropdown-menu.show a.nav_link.active:hover {
    color: #080d30;
}
.nav_list .dropdown-toggle::after {
  margin-right: 10px;
}

.dropdown a#drop1 {
  pointer-events: none;
  margin-bottom: 0;
}
.nav_list  .dropdown a#drop1::after {
  opacity: 0;
}

  @media screen and (min-width: 768px) {
    
    body {
      /* margin: calc(var(--header-height) + 1rem) 0 0 0; */
      /* padding-left: calc(var(--nav-width) + 0rem); */
      margin-top: 0;
    }
    .header {
      height: calc(var(--header-height) + 1rem);
      padding: 0 1rem 0 calc(var(--nav-width) + 2rem);
    }
    .header_img {
      display: none;
    }
    .header_img img {
      width: 45px;
    }
    .l-navbar {
      left: 0;
      padding: 0.5rem 1rem 0 0;
    }
    .l-navbar.show {
      width: calc(var(--nav-width) + 161px);
      /* padding-right: 5px; */
      padding-right: 0;
    }
    #body-pd section, #body-pd footer {
      /* padding-left: calc(var(--nav-width) + 188px); */
      /* padding-left: var(--nav-width); */
      padding-left: calc(var(--nav-width) + 10px);
      padding-right: 10px;
      justify-content: space-between;
    }
    #body-pd section.banner__area--3 {
      padding-left: 0;
    }
    #body-pd section.banner__area--3 .bannerSlide .container-fluid {
      padding-left: calc(55px + 10px);
    }
    #body-pd section.banner__area--3 .bannerSlide .owl-nav .owl-prev {
      margin-left: 40px;
    }
    #body-pd section.breadcrumb {
      min-height: 350px;
    }
    #body-pd .breadcrumb .container .row {
      justify-content: center;
      align-items: center;
      display: flex;
      height: 100%;
    }
    .pt-20-xl {
      padding-top: 20px;
    }
    .pt-30-xl {
      padding-top: 30px;
    }
    header.body-pd .header_toggle {
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #e4e4e4;
        border-radius: var(--border-radius-btn);
    }
    .dark header.body-pd .header_toggle { 
        /* background: #2a3b4e; */
        background: rgb(66 68 82 / 80%);
        left: 135px;
    position: relative;
    }
    .light header.body-pd .header_toggle { 
      left: 135px;
      position: relative;
    }
    .dark .header_toggle {
        color: #fff;
    }
    header .header_toggle i {
        width: 50px;
        height: 50px;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .l-navbar:not(.show) .nav_logo img {
      clip-path: polygon(0px 200px, 0px 0px, 0px 0px, 40px 0px);
    }
    .bannerSlide:hover .owl-nav div.owl-next {
      right: 19px;
    }
    .logo-load {
      display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: calc(100vw - 50% - 25px);
    margin-top: -155px;
    }
  }
  @media screen and (min-width: 1020px) {
    
    #body-pd {
      /* padding-left: 224px; */
      padding-left: 0;
    }
    header.header {
      padding-left: 224px;
      justify-content: space-between;
    }
    .l-navbar {
      /* width: 224px; */
      /* left: 0; */
      left: 10px;
      padding-right: 0;
      margin-top: 10px;
      margin-bottom: 10px;
      height: calc(100vh - 20px);
      width: 224px;
    }
    header .header_toggle  {
      visibility: hidden;
      opacity: 0;
    }
    #body-pd section,
    #body-pd footer {
      /* padding-left: calc(225px + 10px); */
      padding-left: calc(225px + 20px);
      padding-right: 10px;
    }
    #body-pd section.banner__area--3 {
      padding-left: 0;
      padding-right: 0;
    }
    #body-pd section.banner__area--3 .bannerSlide .container-fluid {
      padding-left: calc(225px + 10px);
    }
    #body-pd section.banner__area--3 .bannerSlide .owl-nav .owl-prev {
      margin-left: calc(225px + 10px);
    }
    .l-navbar .nav {
      width: auto;
      transition-timing-function: cubic-bezier(0.4,0,0.2,1);
      transition-duration: 150ms;
    }
    .l-navbar span.nav_name {
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4,0,0.2,1);
      transition-duration: 150ms;
      opacity: 1;
    }
    .dark .l-navbar span.nav_name {
      color: #f7f6fb;
    }
    .dark .l-navbar .nav_link:hover {
      background: #161328;
      transition-timing-function: cubic-bezier(0.4,0,0.2,1);
      transition-duration: 150ms;
    }
    .light .l-navbar .nav_link:hover {
      background: #ffffff;
      transition-timing-function: cubic-bezier(0.4,0,0.2,1);
      transition-duration: 150ms;
    }

    .l-navbar:not(.show) .nav_logo img {
      clip-path: unset;
    }
    .l-navbar.show .nav_logo img {
      clip-path: unset;
    }
  }
  @media screen and (max-width: 768px) {
    
  .l-navbar.show {
    width: calc(var(--nav-width) + 156px);
    padding-right: 5px;
   }
   header.body-pd .header_toggle {
    position: absolute;
    left: 225px;
    z-index: 2;
    /* background: #2a3b4e; */
    background: #3e4b57;
    width: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    color: white;
   }
   .light header.body-pd .header_toggle {
    background: #e4e4e4;
    color: #080d30;
   }
   .bannerSlide:hover .owl-nav div.owl-next {
    right: 24px;
   }
   .bannerSlide:hover .owl-nav div.owl-prev {
    left: 16px;
   }
}
@media screen and (max-width: 767px) {
  .dropdown .dropdown-menu.show li {
    /* border-bottom: 1px dotted #9298aa; */
    width: 215px;
}
  .logo-load {
    margin-top: -140px;
  }
  #body-pd section.breadcrumb {
    min-height: 350px;
  }
  #body-pd .breadcrumb .container .row {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
  }
}
@media (max-width: 740px) {
  .bannerSlide:hover .owl-nav div {
      top: 80%;
      /* left: 30px; */
      width: 40px;
      height: 40px;
      line-height: 40px;
  }
  .bannerSlide:hover .owl-nav div.owl-next {
    top: 80%;
    /* right: 30px; */
  }
  .dropdown .dropdown-menu.show li {
    /* border-bottom: 1px dotted #9298aa; */
    width: auto;
  }
}

@media screen and (max-width: 374px) {
  .ctn-preloader .animation-preloader .txt-loading .letters-loading {
    font-size: 30px;
  }
}
  
/** SWITCH Dark-light mode start **/
.os-theme-change {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .switch {
    position: relative;
    display: block;
    cursor: pointer;
    user-select: none;
    margin-right: 0.5rem;
    /* width: 40px;
    height: 40px; */
    box-sizing: border-box;
      /* box-shadow: 0 15px 25px rgba(0, 0, 0, .6); */
      height:40px;
      width: 40px;
      color: white;
      margin-left: 5px;
      border-radius: var(--border-radius-btn);
      border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: rgb(255 255 255 / 40%);
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 25%);
    backdrop-filter: blur(6px);
    transition: all 0.3s ease-in;
  }
  .switch:before {
    background: #e7e7e7 none repeat scroll 0 0;
      content: "";
      height: 30px;
      left: -5px;
      margin-top: -15px;
      position: absolute;
      top: 50%;
      width: 1px;
      opacity: 0;
  }
  .switch:hover,
  .switch:focus {
    background-color: rgb(255 255 255 / 75%);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(4px);
  }
  .switch:hover span,
  .switch:focus span {
    color: black;
  }
  
  .bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: flex;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .bx-sun:before {
    content: "\ec34";
  }
  .bx-moon:before {
    content: "\eb94";
  }
  
  .switch-light, .switch-dark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in;
    display: flex;
  }
  .switch-light {
    font-size: 28px;
    visibility: visible;
    color: var(--black-300);
  }
  .light .switch-light {
    color: #080d30;
  }
  .dark .switch-light {
    font-size: 0rem;
    visibility: hidden;
  }
  .switch-dark {
    font-size: 0rem;
    visibility: hidden;
    color: var(--white-100);
  }
  .dark .switch-dark {
    font-size: 28px;
    visibility: visible;
  }

  .dark .switch-dark .bx-moon {
    box-shadow: inset -44px -3px 14px 13px rgb(105 106 117 / 50%);
    border-radius: 50%;
  }
  .dark header .header_toggle i.bx-menu:before {
    box-shadow: inset -44px -3px 14px 13px rgb(105 106 117 / 50%);
    border-radius: 50%;
  }
/*----*/
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.switch:hover i {
    animation: rotation 1.5s linear forwards infinite;
}

/** SWITCH Dark-Light mode end **/

/** Banner slide start **/
.bannerSlide.pd-top-0 {
    padding-top: 0;
}
.filter-text {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: #00000078;
    border-radius: 5px;
}
.filter-text-1 {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: #ffffffa8;
    border-radius: 5px;
}
.bannertext .buttons a {
    margin-bottom: 15px;
}
/** Banner Slide end **/

/** List 02 start **/
.service__box--lists.box-list-color-flip li {
  text-transform: unset;
}
body.dark .service__box--lists.box-list-color-flip li {
  color: #fff;
}
body.light .service__box--lists.box-list-color-flip li {
  color: #001D23;
}
.service__box--lists li .icon {
  min-width: 35px;
  border-radius: 50%;
  color: #94005f;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.service__box--lists li .icon i {
  font-size: 16px;
}
body.dark  .service__box--lists li .icon {
  color: #fff;
}
body.dark .service__box--lists li:hover .icon {
  background: #74a0f5;
  color: #ffffff;
  border-color: transparent;
}
body.light .service__box--lists li:hover .icon {
  background: #94005f;
  color: #ffffff;
  border-color: transparent;
}
/** List 02 End **/

/** Panel 03 start **/
.about__box--item {
  background: rgb(66 68 82 / 80%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  padding: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: var(--border-radius-btn);
  overflow: hidden;
}
body.light .about__box--item { 
  background: rgb(138 109 162 / 68%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.about__box--item .about__box--icon img {
  filter: grayscale(1) brightness(10.5);
}
.about__box--item  .about__box--icon {
  text-align: center;
}
.about__box--item .about__box--content {
  text-align: center;
}
.about__box--item:hover::after {
  background: #901471;
}
/** Panel 03 end **/

/** Panel list start **/
.panel__list {
  background: #ffffffe6;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .12);
  list-style: none;
  margin: 0;
  text-align: left;
  border-radius: var(--border-radius-btn);
  transition: all .3s 
ease;
padding-left: 0;
}
.dark .panel__list {
  /* background: #300826db; */
  background: #494a56e8;
}
.panel__list li {
  color: #4e4e4e;
  font-family: 'Roboto';
  font-size: 14px;
  border-bottom: 1px solid #ececec;
  position: relative;
  z-index: 1;
  padding: 28px;
}
.panel__list li {
  padding-left: 70px;
}
.dark .panel__list li {
  color: #ffffff;
}
.panel__list li .line {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 3px;
  height: 40px;
  background: linear-gradient(#72a9ff,  #94005f);
  opacity: 0;
  transition: all .3s 
ease;
}
.panel__list li:nth-child(2n) {
  background: #f6f6f68f;
  transition: all .3s 
ease;
}
.dark .panel__list li:nth-child(2n) {
  background: #00000099;
}
.panel__list li .icon {
  position: absolute;
    left: 15px;
    margin-bottom: 0;
    top: 50%;
    transform: translate(0, -50%);
  font-size: 36px;
  color: #72a9ff;
  opacity: .9;
  transition: all .3s 
ease;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  margin-left: 0 !important;
}
.panel__list li:after {
  content: '';
  position: absolute;
  top: -6px;
  left: -15px;
  right: -15px;
  bottom: -6px;
  background: #fff;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .12);
  opacity: 0;
  border-radius: var(--border-radius-btn);
  transition: all .3s 
ease;
  transform: scale(.95);
  z-index: -1;
}
.panel__list li:hover:after {
  transform: scale(1);
    opacity: 1;
}

.panel__list li:hover {
  z-index: 2;
}
.panel__list li:hover .line {
  opacity: 1;
  left: -15px;
  transition-delay: .1s;
}
.panel__list li:last-child {
  border-bottom: 0;
  border-radius: 0 0 var(--border-radius-btn) var(--border-radius-btn);
}
.panel__list li:hover .icon {
  opacity: 1;
}

.dark .panel__list li:hover:after {
  background: black;
}
/** Panel list end **/

/** about text start **/
.about__box--3 ul.nav {
    width: auto;
    display: inline-flex;
    height: auto;
    overflow: unset;
    flex-direction: unset;
    flex-wrap: nowrap;
}
.about__box--3 ul.nav .active:before {
    visibility: hidden;
}
.about__box--3 .tab-content .active:before {
    visibility: hidden;
}

.about__area--3 {
    background: transparent;
}
.about__bg--3 {
    z-index: 1;
}
.about__box--3 {
    z-index: 1;
    position: relative;
}
.dark .about__box--3 ul.nav li a {
    color: #e7f1f6;
}
.dark .about__box--3 .nav li a.active {
  border-color: #7e53d0;
  color: #e6aef5;
}
.light .about__box--3 .nav li a.active {
  border-color: #8160b8;
      color: #ffffff;
}

.about__bg--3 .call-box {
  transition: all 0.3s ease-in;
  border-radius: var(--border-radius-btn);
  background: #857c8e;
  background-image: linear-gradient(to right, #161328, rgb(114 169 255 / 70%), rgb(54 1 35));
}
.dark .about__bg--3 .call-box {
  background-image: linear-gradient(to right, rgb(39 43 56), rgb(135 161 219 / 71%), rgb(148 39 119 / 50%));
    border: 5px solid rgba(66, 68, 82, 0.8);
    transition: all 0.3s ease-in;
}
.light .about__bg--3 .call-box {
  transition: all 0.3s ease-in;
  border: 5px solid rgba(66, 68, 82, 0.8);
  background-image: linear-gradient(to right, rgb(55, 65, 81), rgb(17, 24, 39), rgb(0, 0, 0));
}
.about__bg--2 img {
  border-radius: var(--border-radius-btn);
}
.bg-img-sec {
    width: 100%;
    background: url('../images/bg/background-serv.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    color: #fff;
    
}
.bg-img-sec-1 {
    background: url('../images/bg/background-tech.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bg-img-sec-2 {
    background: url('../images/bg/background-hardware.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bg-img-sec-3 {
    background: url('../images/bg/background-net.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bg-img-sec-4 {
    background: url('../images/bg/background-consult.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.list-styled-c {
    list-style: circle;
}
.boxy li {
    color: #7a8196;
}
.list-items li {
    color: #7a8196;
}
.gap-bottom {
  gap: 20px 0;
}
.service__box--3  {
border-radius:var(--border-radius-btn) ;
}
body.dark section.bg-parralax .service__box--3  {
  
    z-index: 1;
    position: relative;
    background: rgb(66 68 82 / 80%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
body.dark .bg-parralax .service__box--3 h2, 
body.dark .bg-parralax .service__box--3 p {
  color: #eeeeee;
}
body.dark section.bg-parralax .service__box--3:hover {
  background: #94005f;
}
body.light section.bg-parralax .service__box--3:hover {
  background: #94005f;
}

body.dark .service__box--3 {
  background: rgb(66 68 82 / 80%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
body.dark .service__box--3:hover {
  background: rgb(153 45 127);
}
body.light .service__box--3 {
  background: rgb(138 109 162 / 68%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
body.light .service__box--3:hover {
  background: rgb(153 45 127);
}
.bg-parralax {
    z-index: 1;
    position: relative;
}
.bg-parralax:before {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
}
.bg-parralax .service__box--3 {
    z-index: 1;
    position: relative;
    border-radius: 25px;
}
.dark .bg-parralax:before {
    mix-blend-mode: color;
    transform: translateX(0);
}
body.dark .bg-parralax h4,
body.dark .bg-parralax h2,
body.dark .bg-parralax p {
    color: #000000;
    transition: all 0.3s ease-in;
}
body.dark .bg-parralax p.except {
  color: white;
}


.about__bg--3 .call-box.call-right {
    left: 30px;
    right: -10px;
    padding-right: 20px;
}

@media screen and (max-width: 1500px) {
  .banner__area--3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .tab-hid {
    display: none;
  }
  .mob-hid {
    display: none;
  }
    .about__bg--3 .call-box.call-right {
        left: 0;
        right: 0;
    }
    .switch:hover i {
      animation: none;
    }
    .header {
      /* background: #e2e2e28a; */
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      background: #0c0c0cab;
    }
    .light .header {
      background: #eaeafea1;
    }
}

@media screen and (max-width: 740px) {
    .dark .about__box--3 .nav li a.active {
        border-color: #8160b8;
        background-color: #8160b8;
        color: #fff;
    }
    .light .about__box--3 .nav li a.active {
      border-color: #8160b8;
      background-color: #8160b8;
      color: #fff;
  }
    .about__box--3 ul.nav {
            display: flex;
    flex-direction: column;
    }
    .mob-hidden {
      display: none;
    }
}
@media screen and (max-width: 460px) {
  header.body-pd .header_toggle {
    left: unset;
    /* right: 10px; */
    right: 65px;
  }
  .l-navbar.show {
    width: calc(100% - 60px);

  }
  .dropdown-menu {
    width: 100%;
  }
  body.body-pd:after {
    content: '';
    display: block;
    width: 100%;
    height: 100vh;
    background: #000000c7;
    z-index: 99;
    top: 0;
    left: 0;
    position: fixed;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
   body.light.body-pd:after {
    background: #bebed1d6;
  }

  .header.body-pd {
    z-index: 101;
    background: transparent;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
  }
  .header.body-pd .header_img {
    opacity: 0;
  }
  .switch {
    margin-right: 0;
  }
  button#myBtn {
    margin-right: 0!important;
  }
  .mob-center-flex {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}
/** about text end **/

/** panel 04 start **/
.about__box--4 .nav li a {
  padding: 18px 20px !important;
  text-align: center;
    border-radius: 25px;
    
}
body.dark .about__box--4 .nav li a {
  background: rgb(66 68 82 / 67%);
}
body.light .about__box--4 .nav li a {
  background: #cca1e3;
}
body.dark .box-4z h5 {
  color: #010712;
    transition: all 0.3s ease-in;
}
body.dark .box-4z span {
  color: #010712;
  transition: all 0.3s ease-in;
}
/** panel 04 end **/

/** Contact Start **/
body .contact__area:before {
    content: "";
    background: #010712;
    position: fixed;
    display: block;
    transform: translateX(-100%);
    height: 100%;
    inset: 0;
    z-index: 0;
    transition: transform 0.3s ease-in-out;
}
body.dark .contact__area:before {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}
body.dark .contact__area .title {
    color: #fff;
    transition: transform 0.3s ease-in-out;
}

/* .service__box--3 .icon {
    filter: drop-shadow(0px 1px 0px black);
} */

.svg-ico .service__box--3 .icon img {
    width: 55px;
    height: 55px;
    filter: invert(1) brightness(1.5) ;
}
.svg-ico .service__box--3 .icon .hover {
    filter: brightness(4.5);
}
.svg-replace .service__box--4.service__box--3 {
  padding: 25px;
}
.svg-replace .service__box--4 .icon img {
    width: 55px;
    height: 55px;
    filter: invert(1);
}
body section.bg-parralax .svg-replace .service__box--3:hover .icon img {
  filter: unset;
}
.svg-replace .service__box--4 .icon {
  border-radius: 50px;
}
.dark .svg-replace .service__box--4 h2,
.dark .svg-replace .service__box--4 p {
    color: #001D23;
}
.dark .svg-replace .service__box--4:hover h2,
.dark .svg-replace .service__box--4:hover p {
    color: #fff;
}

.light .service__box--4:hover .content p {
  color: #fff;
}
.light .service__box--4:hover .title {
  color: #fff;
}


.box-5 {
    justify-content: center;
    display: flex;
    align-items: center;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: #ffffffa8;
    border-radius: var(--border-radius-btn);
}
.box-5.bg-inv {
    background: transparent;
    margin: 0 auto;
}
.box-5 .content {
    padding: 20px;
}

.circles.z-0 {
    z-index: 0;
}
.z-1 {
    z-index: 1;
    position: relative;
}
.z-index-2 {
  z-index: 2;
}

.contact__area input.form-control {
    color: white;
    font-weight: 500;
    background: transparent;
    border: none;
    border-bottom: 1px solid #8f1775;
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    outline: none;
    border-radius: 25px;
    padding-left: 10px;
}
.contact__area  textarea.form-control {
    color: white;
    font-weight: 500;
    background: transparent;
    border: none;
    border-bottom: 1px solid #8f1775;
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    outline: none;
    border-radius: 25px;
    padding-left: 10px;
}

.contact__area .form-control:focus {
    color: #d5d5d5;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    background: transparent;
    border: none;
    border-bottom: 1px solid #7a8196;
}
.contact__area form label {
    display: block;
    width: 100%;
    margin-bottom: .5rem;
    color: #7a8196;
    text-transform: uppercase;
    font-size: 0.625rem;
}
form div.captcha-card input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    color: white;
    font-weight: 500;
    background: transparent;
    border: none;
    border-bottom: 1px solid #7a8196;
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    outline: none;
}
form div.captcha-card {
    width: 100%;
}

.contact__area .contact-block__title {
    color: #001D23;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.dark .contact__area .contact-block__title {
    color: white;
}
.contact__area .contact-block__list {
    margin-bottom: 30px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.contact__area .contact-block {
  position: sticky;
  top: 90px;
}

.contact__area .contact-block__list.box li {
    display: flex;
    margin-top: 25px;
    background: #5d81de;
    color: #faf9f9;
    padding: 10px;
    border-radius: 25px;
    flex-direction: column;
}
.contact__form .site-btn {
  padding: 0px 36px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    flex-wrap: wrap;
    /* font-size: 18px; */
    width: 100%;
}
.contact__form .site-btn:hover span,
.contact__form .site-btn:focus span  {
  /* color: black; */
}
@media screen and (max-width: 1199px) {
    .contact__area .contact-block {
        margin-top: 20px;
    }
    .flex-direction-col-lg {
      flex-direction: column!important;
    }
    
}
@media screen and (max-width: 1024px) {
  .gap-tablet {
    row-gap: 10px;
  }
}
@media (max-width: 575px) {
  .row.my-form {
    padding-left: 15px;
    padding-right: 15px;
  }
}



/** =========================================================
    FORM - NEW
 ============================================================== */

 .error {
  color: red;
  display: none;
}
form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  flex-direction: column;
}
.recaptch-cover{
border:1px solid #000000 !important;
padding:0px;
position: relative;
background-color:transparent;
/* margin-right: 15px;
  margin-left: 15px; */
  max-width: 1140px;
  width: 100%;
  border-radius: 25px;
}
.recaptch-cover .recaptch-cover-header{
  padding:10px;
  text-align: left;
  display: block;
  border-bottom:1px solid #000000 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recaptch-cover .recaptch-cover-header button{
  /* background:#00000000;
  color: #000000;
  border-color:#00000000;
  border-radius:3px; */
}
.recaptch-cover .recaptch-cover-header button:active{
   background:transparent;
  border-color:#000000;
}
.recaptch-cover .recaptch-cover-header button:hover{
background:var(--accent-2);
  border-color:#000000;
  color: white !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus {
border-color: #d4af37;
}
.form-control:focus{
box-shadow: none;
outline: none;
  background-color: #ece4e4 ;
  border-color: var(--accent-2);
  color:#000000;
}
.loading-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1111;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  color: #ffffff;
  display: none;
}
form label {
color: #000000;
}
.loading-overlay.active{
display: flex;
}
#refreshCaptcha{
cursor: pointer;
}
.form-control::placeholder {
color:rgba(255, 255, 255, 1)!important;
opacity: 1; /* Firefox */
}
.form-control::-ms-input-placeholder { /* Edge 12 -18 */
 color:rgba(255, 255, 255, 1);
}

.math-captcha {
text-align: center;
}

.math-expression {
font-size:24px;
font-weight: bold;
}

.answer-options {
display: flex;
justify-content: center;
gap: 10px;
margin: 20px 0;
flex-wrap: wrap;
}

.answer-option {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size:18px;
font-weight: bold;
border:1px solid #000000;
border-radius: 50px;
cursor: pointer;
transition: all 0.2s;
background:#00000000;
color:#000000;
}

.answer-option:hover {
border-color:var(--first-brand-color);
}

.answer-option.selected {
  background: var(--first-brand-color);
  color: white;
  border-color: var(--accent-2);
}
.btn-cover:hover {
  opacity: 0.9;
}

.error{
color:red;
display:none;
border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgb(255 255 255 / 70%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    padding: 0 10px;
    border-radius: 25px;
}
.dark .error {
  background: rgb(143 23 117);
  color: white;
}

#submitBtn:disabled {
opacity: 0.7;
cursor: not-allowed;
}

.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px;
}
.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  font-family: inherit;
  overflow: hidden;
}
.jconfirm.jconfirm-modern .jconfirm-bg {
  background-color: slategray;
  opacity: .6;
}
.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}
.jconfirm .jconfirm-scrollpane {
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: center;
  perspective-origin: center;
  display: table;
  width: 100%;
  height: 100%;
}
.jconfirm .jconfirm-row {
  display: table-row;
  width: 100%;
}
.jconfirm .jconfirm-cell {
  display: table-cell;
  vertical-align: middle;
}
.jconfirm .jconfirm-holder {
  max-height: 100%;
  padding: 50px 0;
}
@media (min-width: 992px) {
  .justify-content-lg-center {
      justify-content: center !important;
  }
}
@media screen and (max-width: 820px) {
  form .form-group.col-md-6 {
      width: 100%!important;
  }
  form#contactForm {
      flex: 1 1 100%;
      flex-direction: column;
  }
  
}
@media (min-width: 768px) {
  .justify-content-md-center {
      justify-content: center !important;
  }
}
@media (min-width: 576px) {
  .justify-content-sm-center {
      justify-content: center !important;
  }
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}
.jconfirm .jconfirm-box-container {
  -webkit-transition: -webkit-transform;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
}
.jconfirm.jconfirm-modern .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 30px 15px;
}
.jconfirm .jconfirm-box.jconfirm-type-red {
  border-top: solid 7px #e74c3c;
  -webkit-animation-name: type-red;
  animation-name: type-red;
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 25px;
}
.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: all;
  transition-property: all;
}
.jconfirm .jconfirm-box {
  background: white;
  border-radius: 4px;
  position: relative;
  outline: 0;
  padding: 15px 15px 0;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
  top: 15px;
  right: 15px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  font-size: 27px !important;
  line-height: 14px !important;
  display: none;
  z-index: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
  display: block;
  font-size: 22px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-bottom: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 10px;
  font-size: 69px;
  color: #f9fafb;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
  color: white;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
  margin-bottom: 15px;
  height: auto;
  -webkit-transition: height .4s ease-in;
  transition: height .4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
  background: rgb(81 89 97 / 86%);
  backdrop-filter: blur(6px);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
  overflow-y: hidden;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  overflow: auto;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  text-align: center;
  font-size: 15px;
  color: #dedede;
  margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
  text-align: center;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
  padding-bottom: 11px;
}
.jconfirm .jconfirm-clear {
  clear: both;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  min-height: 1em;
  -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
  transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
  transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  background-image: none;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: background .1s;
  transition: background .1s;
  padding: 10px 20px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
  background-color: #ecf0f1;
  color: #000;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
  border-radius: 25px;
}

.mt-3 {
  margin-top: 1rem !important;
}
.math-captcha {
  text-align: center;
}
.math-captcha p {
  margin: 0 auto;
  display: block;
  text-align: center;
}

.form-section-right form #name, 
.form-section-right form #email, 
.form-section-right form #message {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin: 0 auto;
}
.form-section {
  max-width: unset;
}
.form-section-right form {
  padding-left: 10px;
  padding-right: 10px;
}
.btn-cover {
  background: transparent;
}
.btn-cover .site-btn span {
  color: #000;
}
.contact__form  .btn-cover .site-btn.btnx {
  width: 100%;
  max-width: unset;
}
button#submitBtn {
  /* background: #2A7FDE;
  background: linear-gradient(to left, rgb(12 94 224), #47455ca3); */
  /* transition: all 0.3s 
ease-in;
  border-radius: 20px;
  padding-right: 20px;
  padding-left: 20px;
  border: none; */
}
button#submitBtn:hover,
button#submitBtn:focus {
  background: #ffffff;
  opacity: 1;
}
.light button#submitBtn:hover,
.light button#submitBtn:focus {
  background: #2A7FDE!important;
  opacity: 1;
}
button#submitBtn p {
  color: white;
}
@media screen and (max-width: 480px) {
  .recaptch-cover .recaptch-cover-header {
      flex-direction: column;
      padding-top: 20px;
  }
  .recaptch-cover .recaptch-cover-header button {
    margin-top: 20px;
  }
}

.col-connect-post form:before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: #0a5ddf;
  animation: move-up6 2s ease-in infinite alternate-reverse;
}
.col-connect-post form:after {
  content: "";
  z-index: 0;
  position: absolute;
  vertical-align: bottom;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: #0a9eb4;
  animation: move-up6 2s ease-in infinite alternate-reverse;
}
.light .col-connect-post form:after {
  background: #c6d9f5;
}

.col-connect-post form .wrap-former {
  backdrop-filter: blur(25px);
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2), -10px -10px 40px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  z-index: 1;
}

.light button#submitBtn.btnx span {
  color: #000!important;
}
.answer-option {
  background: #fffcfcbf;
}
.answer-option.selected {
  background: #00000085;
}
.recaptch-cover .recaptch-cover-header label {
  font-size: 16px;
  font-family: inherit;
  margin-bottom: 0;
}
 .recaptch-cover .recaptch-cover-header label {
  color: white;
}
 .recaptch-cover .recaptch-cover-header .site-btn span {
  color: black;
}
 .recaptch-cover .recaptch-cover-header {
  border-bottom: 1px solid var(--white-100) !important;
}
 .recaptch-cover {
  border: 1px solid #8f1775 !important;
}
 .math-expression {
  color: white;
}
 .math-captcha p {
  color: white;
}
.recaptch-cover .recaptch-cover-header button {
  /* background: #ffffff;
  border-radius: 20px;
  font-size: 16px; */
  font-family: inherit;
  box-shadow: none;
}

form .form-group {
  padding-left: 0;
  padding-right: 0;
}
form .form-control {
  /* border: 1px solid #ffffff !important;
  border-radius: 20px;
  background-color: transparent;
  color: white; */
}
form .form-control:focus {
  background-color: transparent;
  color: black;
  border-color: var(--accent-2)!important;
  box-shadow: 0 0 0 .25rem rgb(229 114 68 / 35%);

}
form .form-control::placeholder {
  color: white;
}
 form .form-control {
  /* border: 1px solid #ffffff;
  
  color: white; */
}
 form .form-control:focus {
  color: white;
}
form .form-control::placeholder {
  color: white;
}
#contact .contact-form input[type=text], 
#contact .contact-form input[type=email], 
#contact .contact-form textarea {
  background: linear-gradient(to right, rgb(255 255 255 / 50%), rgb(131 131 131 / 50%));
  color: white;
}


@keyframes move-up6 {
  to {
        transform: translateY(150px);

  }
}

@media screen and (max-width: 1199px) {
  .col-connect-post .recaptch-cover {
          display: flex;
      flex-direction: column;
      width: 100%;
      margin-bottom: 10px;
  }
  button#submitBtn.btnx { 
      margin-bottom: 20px;
  }
}

.dark .contact__wrap {
  background: #343845cc;
}


/** Contact End **/

/** CTA Start **/
.text-darker {
    color: #001D23;
}
button#myBtn {
    border-radius: var(--border-radius-btn);
    right: 1rem;
    padding: 12px;
    margin-right: 0.5rem;
    border: 1px solid rgb(255, 255, 255);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(66, 68, 82, 0.8);
    min-width: 40px;
    height: 50px;
}
button#myBtn .fa-angle-up:before {
  content: "\f102";
}
.light button#myBtn {
  transition: all 0.3s ease-in;
  background: #ebedf296;
  border: 1px solid rgb(181 180 189 / 50%);
  color: #2b2b40;
}
button#myBtn:hover {
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    background-color: #161328;
}
.light button#myBtn:hover {
  background-color: #fff;
}

.dark .bannerSlide .owl-nav div {
  background: #ffffffc4;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #f6f6f6;
}
.dark .bannerSlide .owl-nav div:hover {
  transition: all 0.3s ease-in;
  background: rgba(89, 90, 98, 0.7);
  border: 1px solid #f6f6f6;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.light .bannerSlide .owl-nav div:hover {
  transition: all 0.3s ease-in;
  background: #ffffffdc;
  border: 1px solid rgba(181, 180, 189, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #000;
}
.light .bannerSlide .owl-nav div {
  background: #ebedf296;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid rgb(181 180 189 / 50%);
  
}
.cta.d-block {
    -webkit-box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2);
    box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2);
    padding: 20px;
    background-color: #c1c1c1;
    top: -150px;
    position: relative;
    border-radius: var(--border-radius-btn);
    background-image: linear-gradient(to right, rgb(39 43 56), rgb(135 161 219 / 71%), rgb(148 39 119 / 50%));

    transition: all 0.3s ease-in;
}
.light .cta.d-block {
  transition: all 0.3s ease-in;
    background-image: linear-gradient(to right, rgb(55, 65, 81), rgb(17, 24, 39), rgb(0, 0, 0));
}
.cta .j-r-flex {
    justify-content: right;
    display: flex;
}
.cta .site-btn.transparent,
.cta .site-btn.transparent span {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
    .cta .j-r-flex {
        margin-top: 20px;
        max-width: 220px;
    }
    .cta.d-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/** CTA End **/
/** FAQ Start **/
.section-liner {
  padding-left: 10px;
  position: relative;
}
.section-liner:after {
  left: 0;
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    transform: translateY(-50%);
    top: 50%;
    z-index: 0;
    background: #7e53d0;  
}
.light .section-liner:after {
  background: #fff;
}
.section__heading--title span {
  color: #94005f;
}
.faqs .card__header .btn-link {
  
  color: #5c77cf;
}
.light .faqs .card__header .btn-link {
  color: #4d4eac;
}
.faqs .card__header .btn-link::after {
  color: #5c77cf;
}
.light .faqs .card__header .btn-link::after {
  color: #4d4eac;
}
.faqs .card__body::after {
  background: #6c6e78;
  opacity: 0;
}
.faqs .card:not(:first-of-type):not(:last-of-type) {
  border-radius: var(--border-radius-btn) var(--border-radius-btn) var(--border-radius-btn) var(--border-radius-btn);
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-radius: var(--border-radius-btn) var(--border-radius-btn) var(--border-radius-btn) var(--border-radius-btn);
}
.accordion .card:first-of-type {
  border-radius: var(--border-radius-btn);
}
.accordion .card:last-of-type {
  border-radius: var(--border-radius-btn);
}

.faqs .card__body {
  background: #babac2b8;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
.faqs .card__header .btn-link {
  background: #babac2b8;
}
.faqs .btn-check:focus+.btn, .faqs .btn:focus {
  box-shadow: unset;
}
.dark .grey-bg {
  transition: all 0.3s ease-in;
  background: rgb(66 68 82 / 80%);
}
.light .grey-bg {
  transition: all 0.3s ease-in;
  background: rgb(128 133 166 / 80%);
}
body.dark .faqs .card__body p {
  color: #001D23;
}
 .sticky-img {
  position: sticky;
  top: 90px;
}
@media screen and (max-width: 767px) {
  .faqs .card__body {
    padding-left: 25px;
    padding-right: 25px;
  }
}
/** FAQ End **/
/** Footer Start **/
footer.site__footer--3 {
    /* background-color: #050a27;
    background-image: linear-gradient(to right, rgba(0, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 255, 255, 0.05) 1px, transparent 1px), radial-gradient(circle at top right, rgb(250 71 90 / 40%), transparent 50%), radial-gradient(circle at bottom left, rgb(114 102 202 / 40%), transparent 60%), radial-gradient(circle at center, rgba(0, 255, 255, 0.05), transparent 70%); */
    /* background-size: 20px 20px, 20px 20px, cover, cover, cover; */
    /* --rlist: var(--c) 0 3px, transparent 0 7px;
    --dim: 100% 50% no-repeat;
    --c: #010e05;
    --nlist: #051e18, #3c1324;
    --ang: 90deg;
    --ang-0: 45deg;
    --ang-1: 135deg; */
    overflow: unset;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    /* height: var(--h); */
    border-radius: var(--border-radius-btn) var(--border-radius-btn) var(--border-radius-btn) 0;
     box-shadow: 2px 2px 17px #000;
    /* background: repeating-linear-gradient(var(--ang-0, -45deg), var(--rlist)) var(--pos-0, 0 0) / var(--dim), repeating-linear-gradient(var(--ang-1, 45deg), var(--rlist)) var(--pos-1, 0 100%) / var(--dim), linear-gradient(var(--ang), var(--nlist)); */ 
    background-image: url('../images/bg/bg-foot.jpg');
    -webkit-animation: bg-animation 25s ease-in-out infinite;
    animation: bg-animation 25s ease-in-out infinite;
  }

  @keyframes bg-animation {
    0% {
      background-position: top;
  }
  50% {
      background-position: bottom;
  }
  100% {
      background-position: top;
  }
  }

.dk-footer-box-info {
    background: #606d9a82;
    background: #2f363d;
    padding: 20px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: all 0.3s ease-in;
    background: #ebedf296;
    border-radius: 25px;
}
p.footer-info-text {
    color: #2b2b41;
    margin-top: 20px;
}

.contact-icon {
    position: absolute;
    top: 18px;
}
.dk-footer .contact-icon i {
    font-size: 24px;
    top: -15px;
    position: relative;
    color: #ffffff;
}
.dk-footer .contact-us .contact-info,
.dk-footer .contact-mail .contact-info,
.dk-footer .contact-reg .contact-info {
    margin-left: 50px;
}
.contact-info h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}
.contact-info p,
.contact-info p a {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #eeeeee;
}
.contact-info p a {
    word-break: break-word;
}
.contact-info p a:hover {
    color: #eebcff;
}
.dk-footer .contact-us,
.dk-footer .contact-mail,
.dk-footer .contact-reg {
    margin-top: 0;
    /* margin-bottom: 30px; */
    /* padding-left: 80px; */
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
}
footer .section-heading {
    margin-bottom: 15px;
}
footer .section-heading h3 {
    font-size: 24px;
    color: #fff;
    position: relative;
    margin-bottom: 5px;
    margin-top: 20px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
footer ul.footer-link {
  padding-left: 0;
}
footer .footer-link li a {
color: #fff;
}
footer .footer-link li a:hover {
    color: #eebcff;
}
footer .footer-link li a span {
    color: #eebcff;
}
footer .footer-link li a:hover span {
    color: #fff;
}

 .animate-border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #d1d1d6;
}
.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 0;
    bottom: 0;
    /* border-left: 10px solid #fff;
    border-right: 10px solid #fff; */
    border-left: unset;
    border-right: unset;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

.copyright__area .copyright-text p a:hover span {
    color: #eebcff;
}

.copyright__area .copyright-text p {
  margin-bottom: 0;
}

.copyright__area.copyright__area--2:before {
  left: 0;
  content: '';
  background: #001317;
  width: 300px;
  height: 80px;
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
}
.copyright__area.copyright__area--2:after {
  right: 0;
  content: '';
  background: #001317;
  width: 30px;
  height: 80px;
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .bannertext__3 .heading {
    font-size: 5em;
  }
  .bannertext__3 .heading.head-smaller {
    font-size: 3em;
  }
}
@media only screen and (min-width: 1501px) {
  .bannertext__3 .heading {
    font-size: 3.5em;
  }
}
@media (max-width: 1199px) {
  .copyright__area.copyright__area--2:before {
    height: calc(80px + 24px);
  }
  .copyright__area.copyright__area--2:after {
    height: calc(80px + 24px);
  }
  .bannertext__3 .heading {
    font-size: 3em;
  }
  img.max-h-300 {
    max-height: 300px;
    max-width: 100%;
    /* width: auto; */
    width: 100%;
    object-fit: cover;
  }
  img.max-h-300.except {
    width: auto;
  }
  img.max-h-300.except-none {
    display: none;
  }
  .lg-mt-20 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1039px) {
  .copyright__area.copyright__area--2:before {
    height: calc(80px + 48px);
  }
  .copyright__area.copyright__area--2:after {
    height: calc(80px + 48px);
  }
}
@media (max-width: 991px) {
  .copyright__area.copyright__area--2:before {
    height: calc(80px + 48px);
  }
  .copyright__area.copyright__area--2:after {
    height: calc(80px + 48px);
  }
}
@media (max-width: 768px) {
  .copyright__area.copyright__area--2:before {
    height: calc(80px + 169px);
  }
  .copyright__area.copyright__area--2:after {
    height: calc(80px + 169px);
  }
  img.max-h-300.except-tab {
    width: auto;
  }
  img.max-h-300.except-tab-fit {
    width: 100%;
    object-fit: cover;
  }
  img.max-h-300.except-tab-none {
    display: none;
  }
  img.max-h-300.except-tab-small-show {
    display: block!important;
  }
  .copyright__area .copyright-text .row.d-flex {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  .copyright__area .copyright-text .row.d-flex  .footer-c {
    text-align: center;
  }
}
@media (max-width: 740px) {
  img.max-h-300.except-tab-small-none {
    display: none;
  }
  img.max-h-300.except-tab-small-fit {
    width: 100%;
    object-fit: cover;
  }
  .bannertext__3 .heading {
    font-size: 1.8em;
  }
}

@-webkit-keyframes animborder {
    0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
    }
    100% {
      -webkit-transform: translateX(113px);
      transform: translateX(113px);
    }
  }
  
  @keyframes animborder {
    0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
    }
    100% {
      -webkit-transform: translateX(113px);
      transform: translateX(113px);
    }
  }
  
  .animate-border.border-white:after {
    border-color: #fff;
  }

  @media screen and (max-width: 1199px) {
    footer .footer-line {
        display: block;
    }
  }
  @media screen and (max-width: 991px) {
    .dk-footer-box-info {
      margin-bottom: 30px;
    }
  }
  @media screen and (max-width: 768px) {
    .lg-mt-20 {
      margin-top: 0;
    }
    footer .bottom-link {
        display: flex;
        justify-content: center;
    }
    footer .footer-c {
        margin-top: 25px;
    }
    .dk-footer .contact-us {
      margin-top: 10px;
    }
    footer.site__footer--3 {
      -webkit-animation: bg-animation-0 25s ease-in-out infinite;
      animation: bg-animation-0 25s ease-in-out infinite;
    }
    @keyframes bg-animation-0 {
      0% {
        background-position: left;
    }
    50% {
        background-position: right;
    }
    100% {
        background-position: top;
    }
    }
  }
  @media screen and (max-width: 480px) {
    .pt-mob-20 {
      padding-top: 20px!important; 
    }
    .pt-mob-0 {
      padding-top: 0!important;
    }
    .pb-mob-20 {
      padding-bottom: 20px!important;
    }
    .pb-mob-0 {
      padding-bottom: 0!important;
    }
    .mb-mob-20 {
      margin-bottom: 20px!important;
    }
    .mb-mob-0 {
      margin-bottom: 0!important;
    }
    .mt-mob-20 {
      margin-top: 20px!important;
    }
    .mt-mob-0 {
      margin-top: 0!important;
    }
    
  }
/** Footer end **/

/** Effect Start **/
.about__area--4 {
    background: transparent;
}
.circles {
    /* height: 210vh;
    position: absolute;
    width: 310vh;
    left: -135vw;
    top: 0;
    bottom: 0;
    z-index: -1; */
    inset: 0;
    z-index: -1;
    /* background: #e2e2e2; */
    background: #2f363d;
    transition: background 0.8s ease;
    overflow: hidden;
    position: fixed;
  }
  .light .circles {
    background: #d1ccd9;
  }
  .circles > div {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.5;
    animation: float 20s infinite alternate cubic-bezier(0.45, 0.05, 0.55, 0.95);
    will-change: transform;
    transition: background 0.8s ease, opacity 0.8s ease;
  }
  /* .dark .circles > div {
    background-color: #924e6db3;
  } */
  .circles .circle1 {
    width: 50vw;
    height: 50vw;
    top: -10%;
    left: -10%;
    background: #bf5af2;
    animation-delay: 0s;
  }
  .dark .circles .circle1 {
    background: #ff00bf;
    -webkit-box-shadow: 0px 0px 105px 75px rgba(178, 46, 255, 0.9);
    -moz-box-shadow: 0px 0px 105px 75px rgba(178,46,255,0.9);
    box-shadow: 0px 0px 105px 75px rgba(178, 46, 255, 0.9);
  }
  .light .circles .circle1 {
    -webkit-box-shadow: 0px 0px 105px 75px rgba(178, 46, 255, 0.9);
    -moz-box-shadow: 0px 0px 105px 75px rgba(178,46,255,0.9);
    box-shadow: 0px 0px 105px 75px rgba(178, 46, 255, 0.9);
  }
  .circles .circle2 {
    width: 45vw;
    height: 45vw;
    bottom: -10%;
    right: -10%;
    background: #acd0f5;
    animation-delay: -5s;
  }
  .dark .circles .circle2 {
    -webkit-box-shadow: 0px 0px 105px 75px rgba(7, 73, 255, 0.9);
    -moz-box-shadow: 0px 0px 105px 75px rgba(7,73,255,0.9);
    box-shadow: 0px 0px 105px 75px rgba(7, 73, 255, 0.9);
  }
  .circles .circle3 {
    width: 35vw;
    height: 35vw;
    top: 30%;
    left: 40%;
    background: #749ff5;
    animation-delay: -10s;
  }
  .dark  .circles .circle3 {
    -webkit-box-shadow: 0px 0px 105px 75px rgba(7, 73, 255, 0.9);
    -moz-box-shadow: 0px 0px 105px 75px rgba(7,73,255,0.9);
    box-shadow: 0px 0px 105px 75px rgba(7, 73, 255, 0.9);
   }
  
  @keyframes float {
    0% {
      transform: translate(0, 0) scale(1) rotate(0deg);
  }
  33% {
      transform: translate(5%, 10%) scale(1.05) rotate(5deg);
  }
  66% {
      transform: translate(-5%, 5%) scale(0.95) rotate(-5deg);
  }
  100% {
      transform: translate(0, -10%) scale(1.1) rotate(0deg);
  }
  }
 
  

  .bg-overlay-1 {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
}
video#video-bg {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: -1;
}
.bg-overlay-1:before {
    position: absolute;
    content: "";
    display: block;
    background: #00000087;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.light .bg-overlay-1:before {
    /* background: #080d305c; */
    background: #16206478;
}
/** Effect End **/

/**Preload start**/
.ctn-preloader .loader .loader-section.col-3 {
  width: 100%;
}
.ctn-preloader .animation-preloader .spinner {
  display: none;
}
.ctn-preloader .animation-preloader .txt-loading {
  display: none;
}
/** Preload end **/