@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

::selection                   { background: #19BC8C; color: #fff !important; }
::-moz-selection              { background: #19BC8C; color: #fff !important;}

html,
body                          { height: 100%; margin: 0; padding: 0; font-family: "Roboto", sans-serif;  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;  }
body                          {
  padding: 0; background: #e5f3f0; height: auto; overflow-x: hidden; overflow-y: scroll; 
  background: linear-gradient(142.14deg, #DFEDFF 2.53%, #F0FFE7 83.07%), #e5f3f0;
  background-size: 100% 100%; 
  background-repeat: no-repeat;
}
h1,h2,h3,h4,h5,h6             { margin: 0 0 10px; font-family: "Poppins", sans-serif;  font-weight: 600; color: #080A52; }
h2 { font-size: 56px;}
h3 { font-size: 50px;}
h4 { font-size: 42px;}
h5 { font-size: 36px;}
h6 { font-size: 28px;}
p {
  margin: 0 0 20px;
  font-size: 20px;
  line-height: 30px;
  color: #48486b;
}
a, i, button                  { -webkit-transition: all .55s ease-in-out; -moz-transition: all .55s ease-in-out; transition: all .55s ease-in-out; outline: none; }
a, button                     { cursor: poPoppins; }
a:focus, i:focus, button:focus{ outline: none; cursor: poPoppins; }
a:hover, a:focus              { text-decoration: none; color: #383838; outline: none;}
ul, li                        { list-style: none; padding: 0; }
textarea:focus, 
input:focus                   { outline: 0;}
.img                          { overflow: hidden; }
.img img                      { max-width: 100%; height: auto; }
div                           { box-sizing: border-box; }
a, a:hover, a:focus           { text-decoration: none; }
.btn                          { 
  box-sizing: border-box;
  flex-grow: 0;
  width: fit-content;
  padding: 8px 25px;
  background: #030424;
  border: 0;
  border-radius: 50px;
  color: #fff;
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
}
.btn.green {
  background: #7dad5e;
}
.btn:before,
.owl-carousel .owl-nav button.owl-next:before, 
.owl-carousel .owl-nav button.owl-prev:before  {
  content: "";
  position: absolute;
  width: 100%;
  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
  height: 100%;
  bottom: -100%;
  background: #7dad5e;
  z-index: 1;
  left: 0;
}
.btn:hover:before,
.owl-carousel .owl-nav button.owl-next:hover:before, 
.owl-carousel .owl-nav button.owl-prev:hover:before {
  bottom: 0;
}
.btn:hover { 
  color: #fff; 
}
.btn span,
.owl-carousel .owl-nav button.owl-next span, 
.owl-carousel .owl-nav button.owl-prev span {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {

}

@media (min-width: 1200px) {
  .container {
      max-width: 1170px;
  }
}

.topbar .container {
  max-width: 1170px;
}






.read-more                    { color: #211F1B; font-size: 16px; font-weight: 700; margin: 10px 0 0; display: flex; }


.topbar                       { display: flex;  padding: 15px 0; background-color: transparent; position: fixed; top: 0; right: 0; left: 0; z-index: 555; -webkit-transition: all .55s ease-in-out; -moz-transition: all .55s ease-in-out; transition: all .55s ease-in-out; }
.topbar-white                 { background: #fff; padding: 0 !important; box-shadow: 0px 4px 31.2px rgb(6, 15, 59, .1);}
.topbar-in                    { display: flex; justify-content: space-between; align-items: center;   }
.btn-right  .top-btn:first-child {
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
}
.btn-right  .top-btn:first-child:hover {
  border: 1px solid #7dad5e;
}
.banner-carousel              { padding: 14% 0 5%; display: flex; align-items: center; justify-content: center; }
.banner-carousel .container   { justify-content: center; display: flex; flex-direction: column; text-align: center; }
.banner-carousel h1 { 
  font-size: 48px;
  line-height: 68px;
  margin: 0 auto 20px;
  max-width: 860px;
}
.banner-carousel h1 span {     
  color: #19BC8C;
  background: #19BC8C; 
  background: linear-gradient(to right, #19BC8C 0%, #19BC8C 83%); 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
}
.banner-carousel p { 
  color: #22232b; 
  font-size: 26px; 
  line-height: 38px; 
  margin: 0 auto 35px; 
  font-weight: 300; 
  max-width: 840px; 
  width: 100%; 
}
.banner-carousel .btn-goup {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.banner-carousel .btn-goup .btn {
  font-size: 22px;
}
.banner-carousel .btn-goup .btn:before {
  background: #080a52;
}
.banner-carousel .btn { 
  padding: 10px 35px;
}
.heading span {
  color: #5c8a3f;
  font-size: 22px;
}
.heading h2 {
  font-size: 42px;
}
#omega-content nav ul         { margin: 0; border-radius: 50px; padding: 5px 0; }
#omega-sidebar-body,
#omega-sidebar-body nav,
#omega-sidebar-body nav ul    { height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
#omega-sidebar-body nav ul li a { text-transform: none; font-size: 20px;}
#omega-sidebar-body nav ul li a.btn { color: #000;}

nav ul li a.btn { background: #592ac3;}
nav ul li a.btn:hover { background: #441ba3;}
.welcome {
  text-align: center;
}
.welcome h2 {
  text-align: center;
  color: #fff;
  margin: 0;
}
.welcome p.subhead {
  color: #898DA4;
  margin: 0 0 20px;
  font-size: 24px;
}
.welcome p {
  color: #bbbccc;
  font-weight: 300;
  font-size: 20px;
  line-height: 38px;
}
.welcome { padding: 2% 0 50px; position: relative;}
.welcome:before {
  content: "";
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: calc(100% - 260px);
  background: #060727 ;
  z-index: 1;
}
.welcome .container {
  position: relative;
  z-index: 1;
}
.about-box {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.about-box h2 {
  font-size: 44px;
  line-height: 56px;
  margin: 5px 0 0;
  color: #080A52;
}
.about-box p {
  font-size: 24px;
  line-height: 38px;
  font-weight: 300;
  color: #83879d;
}
.main-img.img {
  display: flex;
  justify-content: center;
  align-self: center;
  text-align: center;
}
.service-row h2 {
  margin: 0 0 50px;
}
.heading-left {
  min-width: 450px;
}
.features {
  padding: 50px 0;
}
.features-box {
  overflow: hidden;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 30px;
  position: relative;
  border: 5px solid #fff;
  height: calc(100% - 30px);
}
.features-box i {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: #e9f8f1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features-box i svg {
  opacity: .8;
}
.features-box:after{
  content: "";
  position: absolute;
  background: #e0ebee;
  opacity: 0.5;
  filter: blur(175px);
  width: 440px;
  height: 440px;
  right: -200px;
  top: -200px;
}
.features-box h4 {
  font-size: 22px;
  line-height: 32px;
  margin: 10px 0 10px;
}
.features-box ul {
  margin: 0;
}
.features-box ul li {
  font-size: 18px;
  line-height: 26px;
  padding: 0 0 10px 20px;
  font-weight: 400;
  color: #2e4465;
  position: relative;
}
.features-box ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #cadce2;
  left: 0;
  top: 8px;
  display: block;
  position: absolute;
  border: 1px solid #6e8e8c;
}
.video-sec {
  background-color: #01030E;
  padding: 50px 0;
  margin: 0 0 30px;
}
.video-wrap {
  background: #01030E;
  overflow: hidden;
  background: radial-gradient(circle at 100% 100%, #06060a 0, #06060a 19px, transparent 19px) 0% 0%/20px 20px no-repeat,
            radial-gradient(circle at 0 100%, #06060a 0, #06060a 19px, transparent 19px) 100% 0%/20px 20px no-repeat,
            radial-gradient(circle at 100% 0, #06060a 0, #06060a 19px, transparent 19px) 0% 100%/20px 20px no-repeat,
            radial-gradient(circle at 0 0, #06060a 0, #06060a 19px, transparent 14px) 100% 100%/20px 20px no-repeat,
            linear-gradient(#06060a, #06060a) 50% 50%/calc(100% - 2px) calc(100% - 30px) no-repeat,
            linear-gradient(#06060a, #06060a) 50% 50%/calc(100% - 30px) calc(100% - 2px) no-repeat,
            linear-gradient(90deg, rgba(45,74,80,0.53) 0%, rgba(45,65,91,0.35) 100%);
  border-radius: 20px;
  padding: 35px;
  box-sizing: border-box;
  margin-bottom: 30px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.video-wrap h2 {
  font-size: 48px;
  line-height: 56px;
}
.video-wrap:after{
  content: "";
  position: absolute;
  background: #06444D;
  opacity: 0.5;
  filter: blur(175px);
  width: 440px;
  height: 440px;
  right: 100px;
  bottom: -200px;
  z-index: 2;
}
.video-wrap .video-right {
  position: relative;
  z-index: 3;
}
.video-wrap .video-right img {
  -webkit-transition: all .55s ease-in-out; -moz-transition: all .55s ease-in-out; transition: all .55s ease-in-out;
  border-radius: 30px;
}
.video-wrap .video-right img:hover {
  box-shadow: 0px 4px 63.1px rgba(7, 139, 104, 0.2);
}
.why-switchbox-sec{
  position: relative;
  background: #fff;
  padding: 50px 0;
  overflow: hidden;
}
.why-switchbox-sec:after {
  content: "";
  position: absolute;
  width: 685px;
  height: 580px;
  background: #1B2080;
  opacity: 0.5;
  filter: blur(333px);
  top: 140%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.switchbox-left {
  padding: 0 15px;
  width: 640px;
  text-align: center;
}
.switchbox-left h2 {
  margin: 0 0 25px;
}
.switchbox-left p {
  font-weight: 300;
}


.switchbox-box {
  padding: 25px 30px;
  background: #fafdff;
  overflow: hidden;
  height: auto;
  border-radius: 20px;
  border: 4px solid #b0dbd424;
}
.switchbox-box.features-box:after {
  content: "";
  position: absolute;
  background: #e8f7f0;
  opacity: 0.5;
  filter: blur(175px);
  width: 440px;
  height: 440px;
  right: -200px;
  top: -200px;
}

.footer-contact {
  background: #94c973;
  padding: 40px 50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  border-radius: 30px;
}
.footer-contact-box {
  background-color: #ffffff21;
  padding: 15px 30px;
  border-radius: 16px;
  height: 100%;
}
.mail-row {
  font-size: 24px;
  color: #03281e;
  margin: 20px 0;
  line-height: 26px;
  display: flex;
  align-items: center;
}
.mail-row a {
  color: #03261c;
}
.mail-row a:hover {
  text-decoration: underline;
}
.mail-row span {
  font-weight: 300;
  color: #000;
  font-size: 16px;
  min-width: 40px;
  height: 40px;
  background: #ffffff47;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.mail-row span svg {
  width: 20px;
  opacity: .8;
}
.footer-contact h3 {
  background: linear-gradient(94.79deg, #000000 2.91%, #05382A 85.44%), #E9E9FF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 30px;
  line-height: 44px;
  margin: 0;
}
.footer-contact p {
  color: #062a2c;
  font-weight: 300;
  font-size: 22px;
  margin: 0 0 10px;
  max-width: 470px;
  line-height: 32px;
}
.footer-contact .btn-box {
  display: flex;
}
.footer-contact .btn-box .btn {
  padding: 12px 35px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  background-color: #040D13;
}
.footer-contact .btn-box .btn:before {
  background-color: #2e3337;
}
.footer-contact a.mail {
  font-size: 36px;
  color: #000;
  font-weight: 300;
  display: flex;
  position: relative;
  flex-grow: 0;
  margin: 0 auto 5px;
  overflow: hidden;
}
.footer-contact a.mail:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #000;
  display: inline-block;
  left: -100%;
  bottom: 0;
  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
.footer-contact a.mail:hover:after {
  left: 0;
}
.testimonials {
  background: #01030E;
  padding: 80px 0 100px;
  text-align: center;
  position: relative;
  z-index: 3;
}
.testimonials h2 {
  color: #fff;
  font-size: 42px;
  margin: 10px 0 20px 0;
}
.testi-box {
  background: #091316;
  background: radial-gradient(circle at 100% 100%, #001100 0, #001100 19px, transparent 19px) 0% 0%/20px 20px no-repeat,
            radial-gradient(circle at 0 100%, #001100 0, #001100 19px, transparent 19px) 100% 0%/20px 20px no-repeat,
            radial-gradient(circle at 100% 0, #001100 0, #001100 19px, transparent 19px) 0% 100%/20px 20px no-repeat,
            radial-gradient(circle at 0 0, #001100 0, #001100 19px, transparent 19px) 100% 100%/20px 20px no-repeat,
            linear-gradient(#001100, #001100) 50% 50%/calc(100% - 2px) calc(100% - 40px) no-repeat,
            linear-gradient(#001100, #001100) 50% 50%/calc(100% - 40px) calc(100% - 2px) no-repeat,
            linear-gradient(351deg, rgba(13,59,112,0.32) 0%, rgba(54,86,92,0.57) 100%);
  border-radius: 20px;
  padding: 31px;
  box-sizing: border-box;
  display: flex;
  padding: 20px 25px;
  text-align: left;
  justify-content: left;
  gap: 30px;
}
.testi-box .img {
  min-width: 75px;
  width: 75px;
  height: 100px;
  border-radius: 50px;
  margin: 10px 0 0;
}
.testi-box .content {
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 24px;
  color: #E0D9F3;
  font-weight: 300;
}
.testi-box .content p {
  font-size: 20px;
  line-height: 34px;
  margin: 0 0 10px;
  font-weight: 300;
  color: #B6BAD1;
}
.testi-box p.overview {
  display: flex;
  flex-direction: column;
  margin: 0;
  color: #898DA4;
  font-size: 18px;
  line-height: 30px;
}
.testi-box p.overview b {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  opacity: .7;
  color: transparent !important;
  background: #202720 !important;
  overflow: hidden;
  position: relative;
}
.owl-carousel .owl-nav button.owl-next:hover, 
.owl-carousel .owl-nav button.owl-prev:hover {
  opacity: 1;
}
.owl-carousel .owl-nav button.owl-next span, 
.owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.owl-carousel .owl-nav button.owl-next:after, 
.owl-carousel .owl-nav button.owl-prev:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 12px;
  z-index: 3;
  position: relative;
}
.owl-carousel .owl-nav button.owl-next:after {
  background: url(../images/arrow-right.svg);
} 
.owl-carousel .owl-nav button.owl-prev:after {
  background: url(../images/arrow-left.svg);
}
.owl-theme .owl-nav {
  position: absolute;
  bottom: -80px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}




/* accordian */
.acc {
  margin: 0 auto;
  max-width: 680px;
  width: 100%;
}

.acc__card {
  margin: 0 0 10px;
  position: relative;
  background: #091316;
  background: radial-gradient(circle at 100% 100%, #091316 0, #091316 14px, transparent 14px) 0% 0%/15px 15px no-repeat,
            radial-gradient(circle at 0 100%, #091316 0, #091316 14px, transparent 14px) 100% 0%/15px 15px no-repeat,
            radial-gradient(circle at 100% 0, #091316 0, #091316 14px, transparent 14px) 0% 100%/15px 15px no-repeat,
            radial-gradient(circle at 0 0, #091316 0, #091316 14px, transparent 14px) 100% 100%/15px 15px no-repeat,
            linear-gradient(#091316, #091316) 50% 50%/calc(100% - 2px) calc(100% - 30px) no-repeat,
            linear-gradient(#091316, #091316) 50% 50%/calc(100% - 30px) calc(100% - 2px) no-repeat,
            linear-gradient(351deg, rgba(54,86,92,0.64) 0%, rgba(13,59,112,0.38) 100%);
  border-radius: 15px;
  padding: 10px;
  box-sizing: border-box;
}

.acc__title {
  color: #BBBFD8;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  padding:10px 15px;
  position: relative;
  text-align: left;
  font-size: 17px;
}
.acc__title::after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #4a6e78;
  border-bottom: 1px solid #4a6e78;
  position: absolute;
  right: 10px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
}
.acc__title.active::after {
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
}

.acc__panel {
  color: #8388a9;
  display: none;
  margin: 0;
  padding: 10px 15px 15px;
  text-align: left;
}
.faq-wrap {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 75px 0;
}


.footer-contact-wrap {
  padding: 50px 0;
  background: #000;
}


footer { 
  padding: 50px 0 50px; 
}
.footer-logo {
  margin: 0 0 10px;
}
footer .title {
  color: #211F1B;
  font-size: 20px;
  margin: 0 0 15px;
  font-weight: 700;
  display: flex;
}
footer ul.footer-menu li a {
  font-size: 18px;
  color: #626F7B;
  margin: 0 ;
  display: flex;
  font-weight: 600;
}
footer ul.footer-menu li a:hover {
  color: #19bc8c;
}
footer ul.footer-menu-sub li a {
  font-weight: 300;
}
footer ul.footer-menu {
  display: flex;
  gap: 30px;
  margin: 15px 0 0;
}
.footer-right {
  text-align: right;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.footer-right .footer-logo {
  margin-bottom: 20px;
  opacity: .8;
}
p.copyright{
  color: #626F7B;
  font-size: 16px;
  margin: 0;
  line-height: 20px;
}

.mail-list li  a {
  display: flex;
  gap: 10px;
}
.download-btns {
  display: flex;
  gap: 10px;
}
ul.social {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  gap: 15px;
  justify-content: flex-end;
  margin: 10px 0 0;
}
ul.social li a {
  opacity: .8;
}
ul.social li a:hover {
  opacity: 1;
}
.footer-social {
  justify-content: end;
  display: flex;
}



.subpage .topbar {
  position: relative;
  background: #fff;
  box-shadow: 0px 4px 31.2px rgba(164, 167, 183, 0.25)
}
.subpage-content {
  padding: 50px 0;
}


 /*~~~~~~~~~~~~~~~~~~~~*/
 /*~~~ Plugins CSS ~~~ */
/*~~~~~~~~~~~~~~~~~~~~*/

/* Menu Icon */
.menu { position: relative; display: block; width: 30px; height: 30px;}
.menu .pix { position: absolute; width: 5px; height: 5px; background-color: #bfbfbf; border-radius: 100%; transition: 0.2s ease-in-out;}
.menu .pix:nth-of-type(1) {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.menu .pix:nth-of-type(2) {
  -webkit-transform: translate(12px, 0px);
          transform: translate(12px, 0px);
}
.menu .pix:nth-of-type(3) {
  -webkit-transform: translate(24px, 0px);
          transform: translate(24px, 0px);
}
.menu .pix:nth-of-type(4) {
  -webkit-transform: translate(0px, 12px);
          transform: translate(0px, 12px);
}
.menu .pix:nth-of-type(5) {
  -webkit-transform: translate(12px, 12px);
          transform: translate(12px, 12px);
}
.menu .pix:nth-of-type(6) {
  -webkit-transform: translate(24px, 12px);
          transform: translate(24px, 12px);
}
.menu .pix:nth-of-type(7) {
  -webkit-transform: translate(0px, 24px);
          transform: translate(0px, 24px);
}
.menu .pix:nth-of-type(8) {
  -webkit-transform: translate(12px, 24px);
          transform: translate(12px, 24px);
}
.menu .pix:nth-of-type(9) {
  -webkit-transform: translate(24px, 24px);
          transform: translate(24px, 24px);
}

.icon-open .menu .pix:nth-of-type(1) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.icon-open .menu .pix:nth-of-type(2) {
  -webkit-transform: translate(6px, 6px);
          transform: translate(6px, 6px);
}
.icon-open .menu .pix:nth-of-type(3) {
  -webkit-transform: translate(24px, 0);
          transform: translate(24px, 0);
}
.icon-open .menu .pix:nth-of-type(4) {
  -webkit-transform: translate(6px, 18px);
          transform: translate(6px, 18px);
}
.icon-open .menu .pix:nth-of-type(6) {
  -webkit-transform: translate(20px, 6px);
          transform: translate(20px, 6px);
}
.icon-open .menu .pix:nth-of-type(7) {
  -webkit-transform: translate(0, 24px);
          transform: translate(0, 24px);
}
.icon-open .menu .pix:nth-of-type(8) {
  -webkit-transform: translate(18px, 18px);
          transform: translate(18px, 18px);
}
.icon-open .menu .pix:nth-of-type(9) {
  -webkit-transform: translate(24px, 24px);
          transform: translate(24px, 24px);
}


.address{}
.address p{}
.menubar{}
.menubar ul{}
.menubar ul li{}
.menubar ul li a{    
  color: #0f1215;
  z-index: 2;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  font-weight: 500;
  padding: 10px 20px !important;
  margin: 0 0 0 2px;
  line-height: 26px;
  display: flow;
  border-radius: 30px;
}
.menubar ul li a:hover,
.menubar ul li.active a {
  background-color: #8db5772e;
  color: #000;  
}
.menubar ul li:last-child a {
  border: 1px solid #080a521a;
  background: #7dad5e;
  color: #fff;
}
#omega-content nav ul li a{ padding: 5px 20px; border-radius: 50px; }
.menubar #omega-button    { background-color: transparent; padding:5px 15px; outline: none; border:none; font-size: 20px; font-weight: bold; border-radius: 4px;
                            position: absolute; right:0; top: 38px; z-index: 1000;}



    .w-menu               { height: 50px; line-height:50px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: right;}
    .w-menu ul           
    .w-menu ul li         { float:left; list-style:none; position: relative; }
    .w-menu ul li a       { color: #fff;  z-index: 2; position: relative; font-size: 16px; font-family: 'lato'; border-bottom: 2px solid transparent; font-weight: 700; display: block; padding: 10px 20px !important; margin: 0 0 0 20px; line-height: 26px; }
    .w-menu ul li li a    { border:none !important; transition: 0.3s; }
    .w-menu ul li li a:hover{ padding-left:20px; }
    .w-menu ul li > ul,
    .w-menu ul li li > ul,
    .w-menu ul li li li > ul,
    .w-menu ul li li li li> ul,
    .w-menu ul li li li li li > ul { display: none; text-align:left; }
    .w-menu ul li:hover > ul,
    .w-menu ul li li:hover > ul,
    .w-menu ul li li li:hover > ul,
    .w-menu ul li li li li:hover > ul,
    .w-menu ul li li li li li:hover > ul { position: absolute; z-index: 10; width: 180px; line-height: 20px; display: block;}
    .w-menu ul ul li ul   { top: 0; left: 179px; min-height: 100%;}
    .w-menu ul ul li      { position: relative; width:100%;}
    .w-menu ul ul li a    { color: #fefefe; font-size: 13px; display: block; padding:7px 10px; border-top: 1px solid rgba(255,255,255,0.045); border-bottom: 1px solid rgba(0,0,0,0.045); }
    .w-menu > ul > li:hover > a,
    .w-menu > ul > li a.acitve { color:#ffb3b0;}
    .w-menu ul ul         { padding: 0; margin: 0; top: 100%; }
    .w-menu ul ul li a    { margin: 0; padding: 7px 15px; }
    .w-menu ul li:hover > ul,
    .w-menu ul li li:hover > ul,
    .w-menu ul li li li:hover > ul,
    .w-menu ul li li li li:hover > ul,
    .w-menu ul li li li li li:hover > ul {  background-color: #fe7c3e;}
    .w-menu ul ul li:hover > a { background-color:#d14700; color: #fff; }
    .w-menu ul li span.arrow-plus{ position:absolute; display:block; z-index:99; right:2px; top:0px; cursor:poPoppins; text-align:center; height:auto;    }
    .w-menu ul li span.arrow-plus:after{ font-family: FontAwesome; content: "\f107"; color:#FFF; font-size:14px; }
    .w-menu ul li li span.arrow-plus { padding-top:9px; padding-right:5px; }
    .mobile-menu-icon .menu { display: none;  }

.contact-form form { position: relative; float: left; width: 100%; }
.success-box{ display: none; }
.success-box.active {  display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255,255,255,1);-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.33);z-index: 10000;}
.first-box{}
.first-box img{width: 100%;}
.second-box{text-align: center; background-color: #fff; padding-top: 25px;padding-bottom: 25px; margin-top: -10px;}
.second-box h1{font-size: 35px; font-weight: 700px; color: #22b680;}
.second-box h2{font-size: 20px;color: #000;}
.second-box h2 span{color: #22b680;}

.omega-activated .trigger-first {
  border: 2px solid rgb(172, 175, 196);
}
.omega-activated .trigger-first .bars .line {
  stroke: rgb(172, 175, 196);;
}

@media (max-width:1199px) {
    .mobile-menu-icon       { position:fixed; width:30px; height:30px; display: block; right: 25px; cursor:poPoppins; top: 30px; z-index:99; text-align:center; transition: 0.3s; padding-top:3px; }
    /*.mobile-menu-icon:after{ font-family: FontAwesome; content: "\f0c9"; line-height:20px; font-size:18px; font-weight:400; color:#FFF; }*/
    .mobile-menu-icon.icon-open { transition: 0.3s; right: 15px; }
    /*.mobile-menu-icon.icon-open:after { content: "\f00d"; }*/
    .mobile-menu            { position: fixed; z-index: 9999999; top: 0; left: -300px; width: 300px; height: 100%; overflow-x: hidden; overflow-y: auto; background: #220469; transition: 0.3s;  }
    .mobile-menu.menu-open  { left:0px; transition: 0.3s;}
    .w-menu ul              { padding:0px; margin:0px; }
    .w-menu ul li           { float:none; list-style:none; position:relative; }
    .w-menu ul li a         { color: #fefefe; font-size: 16px;   display: block; padding:10px 15px; border-top: 1px solid rgba(255,255,255,0.045); border-bottom: 1px solid rgba(0,0,0,0.045);}
    .w-menu ul li ul        { display:none; }
    .w-menu ul li li a      { padding: 10px 10px 10px 25px; font-size: 14px; }
    .w-menu ul li span.arrow-plus{ position:absolute; width:35px; height:35px;   display:block; z-index:99; right:2px; top:5px; cursor:poPoppins; text-align:center; padding-top:5px; }
    .w-menu ul li span.arrow-plus:after { font-family: FontAwesome; content: "\f067"; color:#FFF; font-size:14px;  }
    .w-menu ul li span.arrow-minimize:after {content: "\f068"; font-size:14px;  }
    .w-submenu              { display:block !important; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
    .mobile-menu-icon .menu { display: block;  }
    a.apply-now             { margin: 20px 0 0 15px; }
}


#omega {
  padding: 0;
}












.register {
  min-height: 100vh;
  background: url(../images/banner-img.png) ;
  background-size: 100%;
  display: flex;
  align-items: center;
}
.register .left {
  width: 50%;
  position: relative;
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.register .right {
  width: 50%;
  display: flex;
  justify-content: center;
}

.register-wrap {
  width: 480px;
}
.register-wrap p {
    font-size: 16px;
    line-height: 26px;
}
.register-wrap h4 {
    font-size: 22px;
    margin: 20px 0 10px;
}
.register .left:after {
    content: "";
    background: rgba(53, 70, 65, 0.09);
    border-radius: 30px;
    position: absolute;
    width: 100%;
    left: 40px;
    top: 40px;
    bottom: 40px;
}
.register .form-control {
    min-height: 48px;
    padding: 5px 20px;
    background: #1B272B;
    border: 1px solid #3C555C;
    border-radius: 8px;
    margin: 0 0 15px;
    color: #fff;
}
.register .btn {
    background: #18B585;
    border: 1px solid #3C555C;
    border-radius: 8px;
    width: 100%;
}
.register .form-control:focus {
    color: #bfc9d3;
    background-color: #11191c;
    border-color: #18b585;
    outline: 0;
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
}
.register .forgot {
    color: #18B585;
    margin: 5px 0 15px;
    display: inline-block;
    font-size: 14px;
}
.register .forgot:hover {
    color: #14e9a9;
    text-decoration: underline;
}
.register .create-acc {
    color: #848099;
    margin: 15px 0;
    font-size: 14px;
    display: inline-block;
}
.otp-row {
    margin: 0 -5px;
}
.otp-row .col-lg-2 {
    padding: 0 5px;
}
.otp-row .form-control {
    text-align: center;
}
.setup-loader {
    padding: 60px 0 60px 60px ; 
    height: 100vh;
}
.setup-loader .process-wrap {
    background: rgba(53, 70, 65, 0.09);
    border-radius: 30px;
    width: 400px;
    height: calc(100vh - 120px);
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.setup-loader .process-wrap:before,
.setup-loader .process-wrap:after {
    content: "";
    position: absolute;
    left: 42px;
    background-color: #56556d4a;
    width: 1px;
    border-radius: 10px;
    display: inline-block;
    height: calc(100% - 120px);
    z-index: 1;
    top: 60px;
}
.setup-loader .process-wrap:after {
    background-color: #18b585;
    height: 0;
    z-index: 2;
}
.setup-loader .process-wrap.process-2:after {
    height: calc(22%);
}
.setup-loader .process-wrap.process-3:after {
    height: calc(42.5%);
}
.setup-loader .process-wrap.process-4:after {
    height: calc(63%);
}
.setup-loader .process-wrap.process-5:after {
    height: calc(84%);
}
.setup-loader .process-wrap .process-box .title {
    font-size: 20px;
    color: #636F7C;
    font-weight: 700;
}

.setup-loader .process-wrap .process-box .sub-title {
    font-size: 20px;
    color: #636F7C;
    font-weight: 400;
    font-size: 15px;
}
.setup-loader .process-wrap .process-box.active .title {
    color: #06D08B;
}
.setup-loader .process-wrap .process-box.proc-loading .title {
    color: #fff;
}
.setup-loader .process-wrap .process-box  {
    display: flex;
    gap: 15px;
    align-items: center;
    position: relative;
    z-index: 3;
}

.setup-loader .process-wrap .process-box i {
    filter: drop-shadow(2px 4px 7px rgba(6, 208, 139, 0.22));
    height: 28px;
    width: 28px;
    position: relative;
}
.setup-loader .process-wrap .process-box i img {
    width: 100%;
    position: relative;
    z-index: 2;
}
.setup-loader .process-wrap .process-box i:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: #111f27;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.setup-loader .process-wrap .process-box.inactive .i-active,
.setup-loader .process-wrap .process-box.inactive .i-loader{
    display: none;
}
.setup-loader .process-wrap .process-box.active .i-loader,
.setup-loader .process-wrap .process-box.active .i-default {
    display: none;
}
.setup-loader .process-wrap .process-box.proc-loading .i-active,
.setup-loader .process-wrap .process-box.proc-loading .i-default {
    display: none;
}

.loading {
    left: 40px;
    right: 40px;
    bottom: 10px;
    z-index: 12;
    position: absolute;
    --gradient-lavender: #14e9a9;
    --gradient-orange: #9cff88;
    --gradient-pink: #F23876;
    --gradient-purple: #7638fa;
    --gradient-yellow: #5A4AA6;

    /* --gradient-lavender: #d300c5;
    --gradient-orange: #ff7a00;
    --gradient-pink: #ff0169;
    --gradient-purple: #7638fa;
    --gradient-yellow: #ffd600; */
}
.loading {
    animation: 2s linear infinite RefreshedLoadingBarProgress,
    0.5s ease-out LoadingBarEnter;
    background: linear-gradient(
    to right,
    var(--gradient-yellow),
    var(--gradient-orange),
    var(--gradient-pink),
    var(--gradient-lavender),
    var(--gradient-purple),
    var(--gradient-yellow)
    );
    background-size: 500%;
    height: 3px;
    transform-origin: left;
    border-radius: 5px;
    opacity: .7;
}
@keyframes RefreshedLoadingBarProgress {
    0% {
        background-position: 125% 0;
    }
    100% {
        background-position: 0% 0;
    }
}
@keyframes LoadingBarEnter {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
  
.setup-loader .process-right {
    display: flex;
    flex-grow: 1;
    padding: 20px 40px;
    height: 100%;
    position: relative;
}
.process-slider {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    display: none;
}
.process-slider.active {
    display: flex;
}
.setup-loader .process-right .content {
    justify-content: center;
    display: flex;
    flex-grow: 1;
}
.setup-loader .process-right .heading {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
}
.setup-loader .process-right .heading .step {
    color: #7C7C94;
    font-size: 18px;
    font-weight: 400;
}






/* The Modal (background) */
.ebcf_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 999;
}

/* Modal Content */
.ebcf_modal-content {
  background-color: #fff;
  margin: auto;
  padding: 40px;
  width: 80%;
  max-width: 600px;
  border-radius: 16px;
  position: relative;
  background: linear-gradient(180deg, #E5F3F6 0%, #FFFFFF 15%);
}
.ebcf_modal-content h5 {
  font-size: 22px;
  margin: 0 0 15px;
}
/* The Close Button */
.ebcf_close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ebcf_modal-content .btn-box {
  justify-content: flex-end;
  display: flex;
  margin: 0;
}
.ebcf_close:hover,
.ebcf_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.ebcf_modal-content .form-control {
  border-radius: 8px;
  border: 2px solid #f1f2f2;
  background-color: #f9f9f9;
}
.ebcf_modal-content textarea.form-control {
  height: 120px;
  resize: none;
} 
.ebcf_modal-content label {
  color: #595975;
  font-size: 18px;
}

  /*****************/
 /*  Responsive   */
/*****************/

@media (max-width: 1199px) { 
  .caption-left h1 {
    font-size: 50px;
  }
  .main-menu li .btn {
    padding: 8px 20px !important;
    margin: 0 0 0 5px;
  }
  .menubar ul li a {
    margin: 0 0 0 15px;
  }
  .feature-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .topbar {
    padding: 10px 0;
  }
}

@media (max-width: 991px) { 
  footer {
    text-align: center;
  }
  .footer-right {
    justify-content: center;
  }
  ul.social {
    margin: 30px auto 0;
  }
  .enquiry h3 {
    font-size: 46px;
    max-width: 100%;
    line-height: 60px;
    margin: 0 0 10px;
  }
  .switchbox-left {
    width: 100%;
  } 
  .switchbox-box {
    text-align: center;
  }
  .footer-contact {
    text-align: center;
  }
  .footer-contact .btn-box {
    margin: 0 auto 30px;
  }
  .footer-contact .btn-box {
    display: flex;
    justify-content: center;
  }
  .footer-contact p {
    max-width: 100%;
  }
  .heading h2 {
    font-size: 32px;
  }
  .features-col {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
  }
  #omega-sidebar-body nav ul li a {
    margin: 0 0 20px !important;
    border-radius: 50px;
    padding: 10px 50px;
  }
  #omega-sidebar-body nav ul li a.btn {
    color: #fff;
  }
  .caption-left {
    text-align: center;
  }
  .banner-carousel p {
    text-align: center;
    margin: 0 auto 15px;
  }
  .banner-carousel h1 {
    font-size: 52px;
    line-height: 60px;
    margin: 0 0 10px;
  }
  .about-box {
    flex-direction: column;
    gap: 10px;
  }
  .about-box .btn {
    display: none;
  }
  .about-box p {
    font-size: 20px;
    line-height: 36px;
  }
  .service-box .left {
    min-width: 120px;
  }
  .heading-left {
    width: 100%;
  }
  .caption-left form {
    max-width: 520px;
    margin: 0 auto;
  }
  .app-download {
    justify-content: center;
  }
  .banner-carousel .img {
    display: flex;
    justify-content: center;
  }
  .feature-box {
    text-align: center;
  }
  .feature-box .img {
    margin: 0 auto;
  }
  .feature-box .read-more {
    margin: 0 auto;
  }
  .how-works .img {
    justify-content: center;
  }
  .banner-carousel {
    padding: 150px 0 0;
  }
  .caption-left form .btn {
    padding: 15px 18px;
  }
  .feature-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .main-menu li .btn { 
    padding: 15px 35px !important;
  }
  .main-menu li .btn.btn-login  { background: transparent; border: 1px solid #fff; color: #fff !important;}

  .caption-left form .form-control {
    padding: 10px 65px 10px 25px;
  }
  #omega-sidebar-body nav ul li a {
    margin-bottom: 10px;
  }
  .trigger-first {
    right: -20px;
  }


  .banner-carousel .btn {
    display: none;
  }
  .enquiry .col-md-7 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
  }
  .enquiry .col-md-7 .btn {
    display: none;
  }
  footer ul.footer-menu,
  ul.social {
    justify-content: center;
  }
  .footer-right {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
  }
  .brand-logo img {
    max-width: 220px;
  }
  .footer-right .footer-logo {
    margin-bottom: 10px;
    opacity: .8;
  }
  .enquiry h3 br {
    display: none;
  }
  .banner-carousel h1 {
    font-size: 42px;
    line-height: 53px;
    margin: 0 0 10px;
  }
  .banner-carousel {
    padding: 120px 0 0;
  }
  .about-box h2, .service-row h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .topbar.topbar-white .menubar #omega-button {
    top: 28px;
  }
}

@media (max-width: 767px) {
  .features-col {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
  }
  footer {
    padding: 45px 0 15px;
  }
  .enquiry h3 br {
    display: block;
  }
  .brand-logo img {
    max-width: 200px;
  }
  .about-box h2,
  .service-row h2 {
    font-size: 50px;
  }
  .testi-box .content {
    font-size: 20px;
    line-height: 32px;
  }
  .service-box .left {
    font-size: 110px;
    line-height: 95px;
  }
  .service-box .left {
    min-width: 95px;
  }
  .enquiry h3 {
    font-size: 42px;
    line-height: 54px;
  }
  .testimonials h3 {
    font-size: 42px;
  }
  .footer-bottom .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .footer-social {
    justify-content: center;
  }
  footer {
    text-align: center;
    justify-content: center;
  }
  footer .col-lg-2,
  footer .col-lg-3,
  footer .col-lg-4  {
    text-align: center;
    margin: 0 0 30px;
  }
  footer .title {
    margin: 0 auto 10px;
    display: block;
  }
  .footer-menu {
    margin: 0 auto;
    text-align: center;
  }
  footer ul li a,
  .download-btns {
    justify-content: center;
  }
  .download-btns {
    margin: 10px 0 0;
  }
  .carousel-control-next {
    right: 0;
  }
  .carousel-control-next {
    right: 0;
  }
  .carousel-control-prev {
    left: 0;
  }
  .footer-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .caption-left .btn i{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .caption-left .btn  {
    padding: 15px 20px !important;
  }
  .caption-left .btn span{
    display: none;
  }
  .enquiry p.subhead {
    font-size: 25px;
  }
  .about-box h2, .service-row h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .heading-left {
    width: 100%;
    display: contents;
  }
  .welcome:before {
    height: calc(100% - 100px);
  }
}


.trigger {
    position: absolute;
    z-index: 2;
    right: -90px;
    top: 50%;
    border: 2px solid #fff;
    border-radius: 10px;
    transform: translateX(-50%) translateY(-50%);
}


.trigger-first {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 50%;
    border-radius: 10px;
    transform: translateX(-50%) translateY(-50%);
}

 .omega-activated .trigger-first{right: -65px;} 

.bars {
  width: 50px;
  cursor: poPoppins;
}
.bars .line {
  fill: none;
  stroke: #080a52;
  stroke-width: 6;
  stroke-linecap: square;
  transition: stroke-dasharray 400ms,  stroke-dashoffset 400ms;
}
.bars .line.top {
  stroke-dasharray: 40 172;
}
.bars .line.middle {
  stroke-dasharray: 40 111;
}
.bars .line.bottom {
  stroke-dasharray: 40 172;
}
.bars.active .top {
  stroke-dashoffset: -132px;
}
.bars.active .middle {
  stroke-dashoffset: -71px;
}
.bars.active .bottom {
  stroke-dashoffset: -132px;
}




@media (max-width: 992px)     {

.bars {
  width: 50px;
  cursor: poPoppins;
  float: left;
}

.omega-activated .trigger-first{right: -5px;}
}
@media (max-width: 850px){
.omega-activated .trigger-first{right: -47px;} 

}





 
.omega-activated .trigger-first{right: 0px;}


@media (max-width: 568px)     {
    
    .caption-left h1 {
      margin: 20px 0 15px;
      font-size: 40px;
      line-height: 52px;
    }
    .brand-logo img {
      max-width: 120px;
    }
    .topbar {
      padding: 10px 0;
      
    }
    .menubar #omega-button {
      top: 35px;
    }
    footer ul.footer-menu {
      gap: 30px;
    }
    .enquiry h3 {
      font-size: 36px;
      line-height: 49px;
  }

  footer ul.footer-menu {
    gap: 15px;
  }
  nav.topbar.topbar-white {
    padding: 0;
  }
  nav.topbar.topbar-white .menubar #omega-button {
    top: 25px;
  }
  .features-box h4 {
    font-size: 20px;
  }
  .features-box i {
    width: 60px;
    height: 60px;
  }
  .features-box i svg {
    width: 30px;
  }
  .banner-carousel h1 {
    font-size: 34px;
    line-height: 48px;
    margin: 0 0 10px;
  }
  .footer-contact {
    padding: 15px;
  }
  .footer-contact-box {
    padding: 5px 20px;
    border-radius: 16px;
  }
  .mail-row {
    font-size: 20px;
  }
  .testi-box {
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .testi-box .content p {
    text-align: center;
  }
}
@media (max-width: 460px) {
  .testimonials h3 {
    font-size: 36px;
  }
  .service-box h4 {
    font-size: 28px;
  }
  .about-box h2, .service-row h2 {
    font-size: 32px;
  }
  .caption-left h1 {
    margin: 20px 0 15px;
    font-size: 38px;
    line-height: 52px;
  }
  .mail-row {
    justify-content: center;
    flex-direction: column;
  } 
  .mail-row span {
    background: #0000000d;
  }
}

.dashtile-wrap .gap-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
@media (max-width: 1600px)     {
  .dashtile-wrap .gap-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}