@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap'); 


:root {
     
    --body-font: "Inter", sans-serif;
    --text-primary: #00A9FF;
    --color-primary2: #00A9FF;
    --color-primary: #1992D0;
    --color-dark: #283375;
    --color-royal: #005ED2;
    --color-heading: #283375;
    --color-indigo: #242E6A;
}
html{    overflow-x: hidden;}
.text-primary{color: var(--text-primary) !important;}
.text-dark{ color: var(--color-dark) !important; }
.text-royal{ color: var(--color-royal) !important; }
.text-indigo{color: var(--color-indigo) !important;}
.text-primary2{ color: var(--color-primary2) !important; }
.bg-primary2{ background-color: var(--color-primary2) !important; }
.bg-dark{ background-color: var(--color-dark) !important; }
.bg-royal{ background-color: var(--color-royal) !important; }

.text-white-90{color: rgb(255 255 255 / 90%);}
.text-white-70{color: rgb(255 255 255 / 70%);}

.font-family01 {font-family: var(--body-font);}
.font-family02 {font-family: var(--heading-font);}
.custom-width{max-width: 1140px !important;}
.ls-1{
  letter-spacing: 0.01em
}
.ls-2{
  letter-spacing: 0.02em
}
.ls-3{
  letter-spacing: 0.03em
}
.ls-4{
  letter-spacing: 0.04em
}
.ls-5{
  letter-spacing: 0.05em
}
.ls-6{
  letter-spacing: 0.06em
}
.ls-7{
  letter-spacing: 0.07em
}
.bg-light{background-color: #f2f2f9;}
.bg-gradient-primary{
  background: linear-gradient(90deg, #005ED2 0%, #00A1F4 100%)
}
.heading-font{font-family: "League Spartan", sans-serif;}
.all-heading{
  font-size: 44px;
    font-weight: 700;
    background: linear-gradient(90deg, #005ED2 0%, #00A1F4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blue-color{color: #00a1f4}

.fs-10{font-size: 10px;}.fs-11{font-size: 11px;}.fs-12{font-size: 12px;}.fs-13{font-size: 13px;}.fs-14{font-size: 14px;}.fs-15{font-size: 15px;}.fs-16{font-size: 16px;}.fs-17{font-size: 17px;}.fs-18{font-size: 18px;}.fs-19{font-size: 19px;}.fs-21{font-size: 21px;}.fs-22{font-size: 22px;}.fs-20{font-size: 20px;}.fs-28{font-size: 28px;}.fs-23{font-size: 23px;}.fs-26{font-size: 26px;}.fs-29{font-size: 29px;}.fs-30{font-size: 30px;}.fs-32{font-size: 32px;}.fs-36{font-size: 36px;}.fs-37{font-size: 37px;}.fs-40{font-size: 40px;}.fs-44{font-size: 44px;}.fs-48{font-size: 48px;}.fs-58{font-size: 58px;}
.fw-100{font-weight: 100;}.fw-200{font-weight: 200;}.fw-300{font-weight: 300 !important;}.fw-400{font-weight: 400;}.fw-500{font-weight: 500;}.fw-600{font-weight: 600;}.fw-700{font-weight: 700;}.fw-800{font-weight: 800;}


body{
  overflow-x: hidden; margin-top:90px !important
}
html {
  box-sizing: border-box;
}
html * {
  box-sizing: inherit;
}

body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
nav,
select,
textarea,
ul,
ol,
dl {
  margin: 0;
  padding: 0;
}

/*********
  hovers
 ********/
a,
button,
input[type=submit] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
a:hover,
button:hover,
input[type=submit]:hover {
  cursor: pointer;
  color: #2494EA;
}

/**************
  decorations
 *************/
a,
button,
input,
select,
textarea {
  background: none;
  color: inherit;
  border: none;
  text-transform: none;
  text-decoration: none;
}
.mb-31 {
    margin-bottom: 31px;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* stylelint-disable indentation */
/**
 * Paragraphs
 */
body {
  font-family: "Inter", sans-serif;
}

p {
  font-size: 1rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.5;
}

/**
 * Headings
 */

* + h1,
* + .h1,
* + .alpha,
* + h2,
* + .h2,
* + .beta,
* + h3,
* + .h3,
* + .gamma,
* + h4,
* + .h4,
* + .delta {
  margin-top: 0px;
}

.section-heading {
  margin-bottom: 30px;
  text-align: center;
}
.widget-list-content {
  max-width: 250px;
}

.section-padding {
  padding: 80px 0px;
}

.custom-arrow {background-color: #fff;width: 38px;height:38px;border-radius: 50%;font-size: 18px;color: #242E6A;position: absolute;top: 50%;transform: translateY(-50%);left: -30px;z-index: 999; border: solid 1px rgb(38 32 32 / 20%);
}
.custom-arrow:hover {color: #000000;background: #f5faff;}
.custom-arrow.next{right: -30px;left: auto;}
.slick-dots{ position: static !important;margin: 20px 0 0px 0px}
.slick-dots li button:before {display: none;}
.slick-dots {display: flex !important;justify-content: center;align-items: center;bottom: -45px;}
.slick-dots li {margin: 0 3px;display: flex;align-items: center;}
.slick-dots li button {width: 4px;height: 4px;border-radius: 50%;background: rgba(#fff);padding: 0;transition: all 0.3s ease;}
.slick-dots li.slick-active button {width: 8px;height: 8px;background: #1992D0;}
.slick-dots li:has(+ .slick-active) button {width: 6px;height: 6px;background: #bababa;}
.slick-dots li:has(+ li + .slick-active) button {width: 4px;height: 4px;background: #bababa;}
.slick-dots li.slick-active + li button {width: 6px;height: 6px;background: #bababa;}
.slick-dots li.slick-active + li + li button {width: 4px;height: 4px;background: #bababa;}
.why-choose-mob-slider > ul.slick-dots {
  display: none !important;
}
.gap-2-custom {gap: 12px;}
.mt-3-custom {margin-top: 18px;}
.certification-slider > ul.slick-dots {
  display: none !important;
}
/**
 * Base button styles
 */
.btn {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 11px;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 12px 24px 12px 24px;
  overflow: visible;
  text-align: center;
  border-radius: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  z-index: 9;
  color: #ffffff;
  transition: all 0.5s ease;
  background-color: #005ED2;
  height: 40px;
}

.btn:hover {
  color: #ffffff !important;
  background-color: #005ED2 !important;
}
.white-btn {
  color: #21081C;
  background-color: #ffffff;
}
.white-btn:hover {
  color: #ffffff;
  background-color: #005ED2;
}
.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.5;
}

input[type=submit].btn--block,
input[type=reset].btn--block,
input[type=button].btn--block {
  width: 100%;
}

/* START HEADER */
.js-header {position:absolute;top: 0;background-color: #F9FDFF;z-index: 9999999;border-bottom: solid 1px #e6e6e6; width:100%}
 
.js-header nav.navbar {padding: 0px;}
.js-header .navbar-brand {max-width: 182px;}
.js-header .navbar .main-menu{margin-left: -44px;}
.js-header .navbar .main-menu .nav-item .nav-link {color:#10142F;margin-left:20px;margin-right:20px;height:90px;align-items: center;display: flex;font-weight: 500;font-size: 17px;text-transform: capitalize;}
.js-header .navbar .nav-item .nav-link.btn {text-transform: uppercase;font-weight: 600;box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.25);background-color:#005ED2;font-size: 12px;width: 106px;height: 29px;padding: 5px 0px;margin-right: 50px;letter-spacing: 0.05em;}

/* END HEADER */
 


/*NAVIGATION DROPDOWN ON HOVER*/
.js-header .dropdown-item.active, 
.js-header .dropdown-item:active,
.js-header .dropdown-item:hover { }
.js-header .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;}

.js-header .dropdown-menu li{border-bottom: 1px solid #d5e7fe}
.js-header .dropdown-menu li:last-child{ border-bottom:0}
.js-header .navbar .nav-item .dropdown-menu a{ color:#0C0E12;height: auto; padding: 10px;font-size: 14px;
    font-weight: 600;}
.js-header .navbar .nav-item .dropdown-menu a:hover{ background-color:#005ED2; color:#fff}
@media (max-width: 991px){
.js-header .navbar-nav .nav-link {font-size: 14px;padding-top: 10px;padding-bottom: 10px;}
.js-header .nav-item.active .nav-link {border-bottom: none; }
}
@media (min-width: 992px){
.js-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius:10px; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: -1px;}
} 
.js-header .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 






/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0; left: 0;  z-index: 1030;background-color: rgba(255, 255, 255, .7); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
 
@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}


/* START FOOTER */
.main-footer {background-image: url(/frontend/images/footer-bg.jpg);position: relative;z-index: 9;background-size: cover;background-repeat: no-repeat;
}
.main-footer::before {position: absolute;content: "";height: 100%;background-image: url("/frontend/images/footer-bg.png");width: 100%;top: 0;background-size: cover;background-repeat: no-repeat;z-index: -1;opacity: 0.2;
}

.main-footer .widget p {max-width: 400px;font-weight: 300;font-size: 13px;
}
.main-footer .contact-social .social-icon li a {width: 40px;display: inline-block;text-align: center;font-size: 26px;color: #ffffff;padding-left: 0px;
}
.main-footer .widget ul li {margin-bottom: 15px;
}
.main-footer .widget ul li a {color: #ffffff;transition: 0.3s ease-in-out;font-size: 13px;font-weight: 300;
}
.main-footer .widget ul li a:hover {text-decoration: underline;
}
.main-footer .footer-btm {border-top: solid 1px white;padding: 30px 0px;margin-top: 60px;
}
.main-footer .footer-btm .copyrights {font-size: 16px;
}
.main-footer .footer-btm p {margin: 0;font-size: 14px;
}
.main-footer .widget a.btn {color: #21081C;background-color: #ffffff;width: 252px;height: 64px;padding: 24px 0px;font-weight: 700;
}
.main-footer .widget a.btn:hover {background-color: #a5278e;color: #ffffff;
}
.main-footer .footer-link li a {font-size: 12px;color: #fff;font-weight: 300;
}
.main-footer .contact-social {margin-bottom: 30px;border-bottom: 1px solid rgb(255 255 255 / 20%);padding-bottom: 30px;
}
.main-footer .footer-content {border-bottom: solid 1px rgb(255 255 255 / 20%);padding-bottom: 30px;margin-bottom: 30px;
}
.main-footer .footer-link {margin-left: 50px;
}
.main-footer .gap-4-custom {gap: 65px;
}
.main-footer .footer-content p {font-size: 13px;font-weight: 300;
}
.main-footer .copyright-text {font-size: 12px;font-weight: 300;line-height: 26px;
}
.main-footer .go-to-top {background-color: rgb(255 255 255 / 20%);text-transform: uppercase;font-weight: 600;
}
.main-footer .contact-details li {display: flex;gap: 15px;
}

.main-footer .contact-details li .icon i {color: #fff;font-size: 24px;
}
.main-footer .contact-details li .content a,
.main-footer .contact-details li .content p {color: rgb(255 255 255 / 80%);text-decoration: none;}
.main-footer .widget .newsletter-widget .form-control {border-radius: 40px;height: 56px;background-color: transparent;border: solid 1px rgb(255 255 255 / 40%);color: #ffffff;font-size: 14px;padding: 0px 23px;
}
.main-footer .widget .newsletter-widget input::placeholder {color: rgb(255 255 255 / 60%);font-size: 14px;
}
.main-footer .widget .newsletter-widget button.btn {width: 100%;margin-top: 10px;font-size: 12px;height: 40px;background-color: #ffffff;color: #3F4B45;text-transform: uppercase;font-weight: 600;padding: 0;margin-bottom: 20px;
}
.main-footer .widget p a {text-decoration: underline;
}
.main-footer .widget .newsletter-dic {font-size: 15px;
}
/* END FOOTER */

/* BANNER CSS */
.banner-wrapper{background-size: cover;background-repeat: no-repeat; background-position: center; height: 100vh;display: flex;align-items: center;}


.banner-wrapper .widget a.btn {background-color: #ffffff;color: #242E6A;margin-top: 20px;
}
/* END BANNER CSS */

/* ABOUT CSS */
.about-wrapper {padding: 90px 0px 50px 0px;
}

.about-wrapper .widget span.color01 {color: #1992D0;
}
.about-wrapper .widget span.color02 {color: #283375;
}

.about-wrapper .widget p {color: #0C0F23;margin-bottom: 30px; text-align:justify; font-size: 14px; }
.about-wrapper .widget a.btn {font-size: 12px;width: 165px;font-weight: 600;margin-top: 15px;
}

/* END ABOUT */

.solutions-wrapper{background-image: url('/frontend/images/solutions-bg.png');background-size: cover;background-repeat: no-repeat;background-position: center;padding: 87px 0px 100px 0px;
}
.solutions-wrapper .section-heading{margin-bottom: 50px;
}

.solutions-wrapper .solutions-widget{background-image: url('/frontend/images/solutions-tab-bg.png');background-repeat: no-repeat;background-size: cover;border-radius: 20px;padding: 9px;background-position: center;
}
.solutions-wrapper .solutions-widget .solution-left {background-color: #ffffff;border-radius: 20px;padding: 54px 25px 20px 40px;}
.solutions-wrapper .solutions-widget .solution-left .nav-pills .nav-item button.nav-link {background-color: transparent;color: #333333;font-size: 13px;text-align: left;padding: 22px 0px;font-weight: 600;border-bottom: 1px solid;border-image: linear-gradient(270deg, rgba(25, 146, 208, 0) 0%, rgba(25, 146, 208, 1) 100%) 1;width: 100%;
}
.solutions-wrapper .solutions-widget .solution-left .nav-pills .nav-item button.nav-link.active {color: #0068E9;font-weight: 700;position: relative;  }
.solutions-wrapper .solutions-widget .solution-left .nav-pills .nav-item button.nav-link.active:before {position: absolute;content: '';width: 40px;height: 40px;right: -40px;background: #ffffff;clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}
.solutions-wrapper .solutions-widget .solution-left .nav-pills .nav-item:last-child button.nav-link {border: 0;
}
.solutions-wrapper .solutions-widget .solution-content { height: 100%; padding: 0px 25px; padding-top: 60px;
}
.solutions-wrapper .solutions-widget .solution-content .tags span {background-color: #00A9FF;color: #ffffff;padding: 9px 15px;display: inline-block;margin-bottom: 10px;border-radius: 40px;font-size: 13px; margin-right: 4px;
}
.solutions-wrapper .solutions-widget .solution-content .learn-btn {background-color: #ffffff;color: #10142F;font-weight: 700;width: 115px;height: 35px;padding: 10px 0px;margin-top: 30px;
}



.industry-wrapper {
  padding: 84px 0px 120px 0px;
}
.section-heading p {
  color: #183057;
  font-size: 17px;
}
.industry-wrapper .nav.nav-pills{
  gap: 12px;
}
.industry-wrapper .section-heading {
  margin-bottom: 50px;
}
.industry-wrapper .nav.nav-pills .nav-item button.nav-link {
  background-color: #ffffff;
  background-size: cover;
  border-radius: 80px;
  width: 270px;
  text-align: left;
  font-size: 14px;
  color: #183057;
  font-weight: 600;
  gap: 18px;
  display: flex;
  align-items: center;
  line-height: 18px;
  justify-content: flex-start;
  padding: 0px 15px;
  height: 95px;
  border: solid 2px #17438B;
}
.industry-wrapper .nav.nav-pills .nav-item button.nav-link.active {
  background-image: url(/frontend/images/btn-bg.png);
  color: #fff;
  font-weight: 800;
  border: solid 0px;
}
.our-philosophy-wrapper .widget p {color: #0C0F23;margin-top: 20px;}
.industry-wrapper .tab-content{border-radius: 40px;background-size: cover;margin-top: -70px;padding-top: 90px !important; background-position: center; min-height:390px}

.bg-01{background-image: url('/frontend/images/industry-bg.png');}
.bg-02{background-image: url('/frontend/images/industry-bg02.png');}
.bg-03{background-image: url('/frontend/images/industry-bg03.png');}
.bg-04{background-image: url('/frontend/images/industry-bg04.png');}

.industry-wrapper .tab-content p {font-size: 14px;margin-top: 12px;}
.industry-wrapper .tab-content a.btn.white-btn {font-weight: 600;color: #10142F;font-size: 9.55px;text-transform: uppercase;width: 135px;height: 35px;}



.why-choose-wrapper {background-image: url('/frontend/images/why-bg.jpg');background-size: cover;background-repeat: no-repeat;padding: 90px 0px 100px 0px;}
/*.why-choose-wrapper .section-heading {text-align: left;margin-bottom: 50px;}
.why-choose-wrapper .widget {border-radius: 32px;overflow: hidden;background-color: #ffffff;padding: 2px;display: flex;flex-direction: column;justify-content: space-between;}
.why-choose-wrapper .widget .title {color: #242E6A;padding: 15px 20px;text-transform: uppercase;}
.why-choose-wrapper .widget .content {background-color: #005ED2; border-radius: 30px;padding: 30px 13px;}
.why-choose-wrapper .widget .content  p{text-align: justify;}*/


.testimonials-wrapper{background-image: url('/frontend/images/solutions-bg.png');background-size: cover;background-repeat: no-repeat;background-position: center;padding: 87px 0px 100px 0px;}
.testimonials-wrapper .testimoni_block{ padding:15px 5px}
.testimonials-wrapper .testimonial-card {border-radius: 14px;padding: 28px 24px 22px;position: relative;
min-height:595px;border: 1px solid rgb(199 224 255);background: #fff;display: flex;flex-direction: column;justify-content: space-between}
.testimonials-wrapper .testimonial-text p{color: #183057;font-size: 16px;line-height: 1.9;margin-top: 14px;margin-bottom: 24px}
.testimonials-wrapper .stars {margin-bottom: 24px;color: #ffc107;font-size: 16px;letter-spacing: 1px;}
.testimonials-wrapper .quote-icon {position: absolute;top: -14px;left: 20px;width: 34px;height: 34px;border-radius: 8px;background: linear-gradient(90deg, #005ED2 0%, #00A1F4 100%);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;box-shadow: 0 8px 20px rgba(90, 84, 255, 0.35)}
.testimonials-wrapper .author-box {display: flex;align-items: center;gap: 14px;margin-top: auto;}
.testimonials-wrapper .author-name {font-size: 17px;font-weight: 700; margin-bottom: 4px;}
.testimonials-wrapper .author-role {font-size: 13px;line-height: 1.5; margin-bottom: 0;}
.testimonials-wrapper .author-img {width: 54px;height: 54px;border-radius: 50%;object-fit: cover;border: 2px solid rgba(255, 255, 255, 0.08);flex-shrink: 0;}


.slider-controls{ position:relative;}
.slider-controls .custom-arrow{position:static;  margin-right: 10px;}


.certification-wrapper {
  padding: 80px 0px 100px 0px;
}
.certification-wrapper .certification-slider .item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.certification-wrapper .certification-slider .slick-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.certification-wrapper .certification-slider .item img {
  width: 84px;
}
.certification-wrapper .certification-slider .slick-track {
  display: flex;
  align-items: center;
  flex-direction: row !important;
}

.subpage-header {
  padding: 150px 0 100px;
  background: #076be8 url('/frontend/images/half-shape.png') no-repeat 6% 100%;
  background-size: 19% auto;
  position: relative;
}
.subpage-header::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background: url('/frontend/images/half-circle-img.png') no-repeat 50% 100%;
  background-size: 70% auto;
  opacity: 1;
}
.google-map-iframe {
  width: 100%;
  height: 500px;
}
.google-map-iframe iframe {
  width: 100%;
  height: 500px;
}
.subpage-header-box {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.subpage-header-box h1 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 10px;
}
.subpage-header-box ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subpage-header-box ol li {
  font-size: 18px;
  font-weight: 400;
  margin-right: 10px;
  color: #ffffff;
  text-transform: capitalize;
}
.subpage-header-box ol li a {
  color: inherit;
}
.subpage-header-box ol li::after {
  content: '/';
  font-family: 'Font Awesome 6 Free';
  font-size: 15px;
  font-weight: 900;
  color: #ffffff;
  margin-left: 10px;
}
.subpage-header-box ol li:last-child:after {
  display: none;
}


.contact-information {
  background: linear-gradient(90deg, #005ED2 0%, #00A1F4 100%);
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  margin-top: -70px;
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.contact-information .contact-item {
  display: flex;
  padding: 40px 0;
}
.contact-item .icon-box {
  margin-right: 10px;
}
.contact-item .icon-box i {
  font-size: 30px;
  color: #ffffff;
}
.contact-info-content h3 {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 5px;
}
.contact-info-content p {
  font-size: 16px;
  color: hsl(0deg 0% 100%);
}
.contact-us-form {
  background: linear-gradient(280deg, #005ED2 0%, #00A1F4 100%);
  padding: 60px 0;
  width: 100%;
}
.contact-us-form form {
  max-width: 770px;
  margin: 0 auto;
}
.contact-us-form .form-group .form-control {
  padding: 12px 10px;
  font-size: 14px;
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  outline: none;
  box-shadow: none;
}
.contact-us-form .form-group .form-control::placeholder{
  color: #ffffff;
}
.page-contact-form .section-row .section-title {
  text-align: center;
  margin-bottom: 40px;
}
.page-contact-form .section-row .section-title h3 {
  font-size: 41px;
}
.page-contact-form .section-row .section-title p {
  color: #616161;
}
.contact-us-form .contact-form-btn button {
  background-color: #ffffff;
  width: 160px;
  padding: 12px 8px;
  border-radius: 50px;
}
.contact-us-form .contact-form-btn {
  text-align: center;
}
.contact-us-form .contact-form-btn button {
  background-color: #ffffff;
  width: 160px;
  padding: 12px 8px;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

/*CIRCLE START*/
:root {
    --navy: #081425;
    --sky: #3da6f5;
    --white: #fff;
}
.scene {position: relative; width: 560px; height: 560px; flex-shrink: 0; margin-right: 0; margin-left: auto; }
.wheel-svg {position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.seg {cursor: pointer; }
.seg path {transition: filter .3s ease; stroke: #001d41; stroke-width: 2.5; stroke-linejoin: round; }
.seg:hover path, .seg.active path {filter: brightness(1.4) drop-shadow(0 0 18px rgba(61, 166, 245, .8)); fill: #00a1f4;}
.dash-ring {fill: none; stroke: rgb(255 255 255 / 61%); stroke-width: 1.2; stroke-dasharray: 8 6; animation: spin 22s linear infinite; transform-origin: 310px 310px; } @keyframes spin {to {transform: rotate(360deg) } } /* Labels via textPath */ .seg-label { font-size: 13px; font-weight: 700; fill: rgba(255, 255, 255, .88); letter-spacing: 3px; text-transform: uppercase; pointer-events: none; } /* ── Center ── */ .center-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; pointer-events: none; z-index: 10; }
.center-text .big { font-size: 46px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: 5px; }
.center-text .sub {font-size: 11px; font-weight: 300; letter-spacing: 6px; color: var(--sky); margin-top: 5px; }
.center-text .hint {font-size: 10px; color: rgba(168, 216, 255, .32); margin-top: 14px; letter-spacing: .8px; } 
.popup {position: absolute; width: 215px; background: linear-gradient(145deg, rgba(11, 27, 54, .97), rgba(6, 14, 28, .97)); border: 1px solid rgba(61, 166, 245, .32); border-radius: 14px; padding: 16px 18px; box-shadow: 0 0 0 1px rgba(61, 166, 245, .1), 0 22px 55px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .05); opacity: 0; pointer-events: none; transform: scale(.88) translateY(8px); transition: opacity .22s, transform .22s; z-index: 300; }
.popup.visible {opacity: 1; pointer-events: auto; transform: scale(1) translateY(0); }
.popup-title {font-size: 14.5px; font-weight: 700; color: var(--sky); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid rgba(61, 166, 245, .2); display: flex; align-items: center; gap: 7px; }
.popup ul {list-style: none; display: flex; flex-direction: column; gap: 6px; }
.popup ul li {font-size: 12.5px; color: rgba(200, 225, 255, .82); display: flex; align-items: center; gap: 8px; animation: fadeUp .28s both; }
.popup ul li::before {content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--sky); box-shadow: 0 0 6px var(--sky); flex-shrink: 0; } @keyframes fadeUp {from {opacity: 0; transform: translateY(5px) } to {opacity: 1; transform: translateY(0) } }
.popup ul li:nth-child(1) {animation-delay: .04s }
.popup ul li:nth-child(2) {animation-delay: .09s }
.popup ul li:nth-child(3) {animation-delay: .14s }
.popup ul li:nth-child(4) {animation-delay: .19s }
.popup ul li:nth-child(5) {animation-delay: .24s }
.popup ul li:nth-child(6) {animation-delay: .29s } 
/*#pop-services {left: -240px; top: 70px; }
#pop-domain {right: -240px; top: 70px; }
#pop-aiq {right: -240px; bottom: 70px; }
#pop-approach {left: -240px; bottom: 70px; }*/

#pop-services {left: -210px; top: 50%; transform: translateY(-50%);}
#pop-domain {left: -210px; top: 50%; transform: translateY(-50%);}
#pop-aiq {left: -210px; top: 50%; transform: translateY(-50%);}
#pop-approach {left: -210px; top: 50%; transform: translateY(-50%);}
/*CIRCLE ENDS*/

.faq-wrapper .accordion-item .accordion-header .accordion-button {
  padding: 14px 30px;
  background-color: transparent;
  font-size: 18px;
  box-shadow: 0px 0px;
}
.faq-wrapper .accordion-item {
  border: 0;
  margin-bottom: 20px;
  border: solid 1px #efefef;
  border-radius: 12px;
  overflow: hidden;
}
.faq-wrapper .accordion-item:has(.active),
.faq-wrapper .accordion-item.active{
  background: linear-gradient(10deg, #FFF8F0, #cbe2ff);
}
.faq-wrapper .accordion-item .accordion-collapse {
  border-radius: 10px;
  padding: 0px 20px 10px 20px;
  margin-top: 0px;
  color: #000000;
}
.faq-wrapper .accordion-item .accordion-collapse p{
  color: #565656;
  font-weight: 300;
}
.faq-wrapper .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #000000;
  box-shadow: 0px 0px;
}
.faq-wrapper .accordion-item .accordion-collapse .accordion-body {
    padding: 0px 10px;
}
.faq-wrapper 
.accordion-item 
.accordion-header 
.accordion-button.collapsed:hover {
  color: #000;
}
.faq-wrapper .accordion-item .accordion-header .accordion-button:after {
  background-color: #096be8;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-size: 16px;
}
.faq-wrapper .accordion-item.active .accordion-header .accordion-button:after{
  background-color: #015ed2;
}


.service-wrapper .section-heading {
  display: flex;
  align-items: center;
}
.service-wrapper .section-heading .icon {
  background-color: #096be8;
  box-shadow: 0 0 36px hsl(215.35deg 100% 50% / 70%);
  width: 64px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-right: 30px;
}
.service-wrapper .section-heading .icon svg{
  stroke: #ffffff;
}
.service-wrapper .section-heading .content span {
  color: #096be8;
  
}
.service-wrapper .section-heading .content h3 {
 
  font-size: 22px;
}
.service-wrapper h4 {
  color: #5a5a5a;
  font-size: 24px;
}
.service-wrapper p {
 
  color: #323232;
  margin-top: 10px;
}
.service-wrapper .widgte {
  border: solid 4px #d2e3f9;
  border-radius: 10px;
  box-shadow: 0 0 36px hsl(215.35deg 100% 50% / 20%);
  padding: 40px 30px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.service-wrapper .widgte .icon {
  background-color: #bbd9ff;
  width: 60px;
  aspect-ratio: 1;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-wrapper .widgte .contect {
    width: calc(100% - 60px);
}
.service-wrapper .widgte .contect h2 {
  font-size: 18px;
  
  color: #015ada;
}
.service-wrapper .widgte .contect p{
  margin-bottom: 0;
}

.leadership-values-wrapper .widget {
  
  border-radius: 12px;
  padding: 48px;
}
.leadership-values-wrapper .widget p {
  color: #0C0F23;
}






.hero-inner {
  background-color: #283375;
  min-height: 420px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-content__title {
  color: #fff;
  font-weight: 700;
  font-size: 48px;
  margin-bottom: 12px;
  line-height: 1;
}
.hero-content__description {
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 0;
  opacity: 0.9;
}

.hero-content {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}
.hero-inner{background-color:#005ed1; min-height: 420px; display: flex; justify-content: center; align-items: center;background-size: cover;background-position: center;}
.hero-content{max-width: 820px; margin: 0 auto; text-align: center;}
.hero-content__title{color: #fff; font-weight: 700; font-size: 48px; margin-bottom: 12px; line-height: 1;}
.hero-content__description{color: #fff; font-weight: 400; font-size: 20px; margin-bottom: 0; opacity: 0.9;}
.service-block{color: #1a202c;}
.service-block h1 {font-size: 32px; line-height: 1.2; font-weight: 700; color: #1a202c; margin-bottom: 4px; }
.service-block p.lead {font-size: 17px; line-height: 1.6; color: #6b6b6b !important; margin-bottom: 4px; font-weight: 600; }
.service-block p{font-size: 15px; line-height: 1.6; color: #4a5568!important; margin-bottom: 12px; font-weight: 400; }
.service-block h5 {font-size: 15px; font-weight: 700; color: #00a1f4; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 24px; }
.service-block ul {list-style: none; padding-left: 0; margin-bottom: 0; }
.service-block li {font-size: 15px; line-height: 1.5; color: #4a5568; margin-bottom: 16px; padding-left: 20px; position: relative; border-bottom: 1px solid #e6e9ee;padding-bottom: 5px;}
.service-block li::before {content: "•"; color: #b8ccdd; font-weight: bold; position: absolute; left: 0; }
.service-block strong {font-weight: 600; color: #2d3748;}
/*CTA SECTION*/
.cta-section{background-image: url(/frontend/images/solutions-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
.cta-wrapper{background-color: #283375;}


/*#################_______BLOG DETAIL________##################*/
.article_main_thumb { position: relative; display: block; max-height: 450px; overflow: hidden;margin-bottom: 15px;}

.blog-date {bottom: 30px;right: 30px;background: #fff;display: flex;align-items: center;border-radius: 5px; }
.blog-day {background:#00a9ff; padding:9px 18px 12px;font-size: 30px;line-height: 1.2;color: #fff;font-weight: 700;border-radius: 5px;}
.blog-year {text-align: center;font-size: 14px;line-height: 1.2142;color: #000;padding: 0px 16px 0px;text-transform: uppercase;}
.blog-year span {display: block;color: inherit;}


.article_mn_title h1{ font-size:35px}
.article_secs h2, .article_secs h3, .article_secs h4, .article_secs h5, .article_secs h6{color: #242E6A; margin-bottom:15px;font-family: "League Spartan", sans-serif; margin-top:15px}
.article_secs img{ width:100%; margin-bottom:10px}
 
.sidebar-widget {margin-bottom:10px;border: 1px solid rgba(128,137,150,0.1); padding: 30px; }
.widget-title {font-size:20px}
 
.widget-category li {list-style: none; margin-bottom:5px;padding-left: 20px;position: relative;}
.widget-category li::before {content: '';width:8px; height:8px;border-radius: 50%;background-color:#00a9ff;position: absolute;top:10px;left: 0;}
.widget-category li a {color: #333;}
.widget-category li a:hover { color:#00a9ff;} 

.mini-list-card {display: -webkit-flex;display: -ms-flex;display: flex;}
.mini-list-card .mini-list-img img {width:85px;height: 100%;}
.mini-list-card .mini-list-body{ padding-left:10px}
.mini-list-card .mini-list-title {font-size: 14px; line-height: 18px;}


.article_main_caption p{ color:#4a5568; line-height:1.6}
.top-txt-box{border-left: 4px solid #00A9FF;background-color: #ecf9ff;padding: 15px;font-size: 15px;margin-bottom: 15px}
.boxforartical{border: 1px solid #00A9FF;background-color: #ecf9ff;padding: 15px; margin-bottom:10px}

.article_secs ul {list-style: none; padding-left: 0; margin-bottom: 0; }
.article_secs li {font-size: 15px; line-height: 1.5; color: #4a5568; margin-bottom: 16px; padding-left: 20px; position: relative}
.article_secs li::before {content: "•"; color: #b8ccdd; font-weight: bold; position: absolute; left: 0; }


/*#################_______ CONTACT US PAGE CSS ________##################*/
.left-side-form{ padding:40px}
.contact-icon-prt {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right:1px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact__icon i{background-color:#005ED2;color: #fff;padding: 5px 10px;width: 46px; height: 46px;justify-content: center;display: flex; align-items: center; border-radius: 50px;}
.contact__icon-txt {margin-left: 15px;}
.contact__icon-txt h4{ color:#444; font-size:17px; text-transform:uppercase;font-weight: 600;}
.contact__icon-txt p{ color:#555; font-size:13px;}
 						
.contact-info-right-side{padding: 50px 40px 40px 40px; color:#fff; }			
.contact-info-right-side .contact-info-block{display: flex;width: 100%; margin-bottom:30px;}
.contact-info-right-side .contact-info-block .icon{font-size:20px; line-height: 1;}
.contact-info-right-side .contact-info-block p, .contact-info-right-side .contact-info-block a{color: rgba(255,255,255,.8); }

.left-side-form textarea.form-control { height: auto !important;}


.Customers_cats { margin-top:1rem;padding-left: 0;}
.Customers_cats li {margin-right: 0.5rem;padding: 5px 10px;border-radius: 5px;margin-bottom: 10px;display: inline-block;font-size: 12px;border: 1px solid #00a9ff;transition: all 0.3s ease;}
.Customers_cats li:hover{ background-color:#00a9ff; color:#fff; cursor:pointer} 


.philo_box .item_title {font-size:15px; color:#fff; width:100%;bottom: 0px; left: 0; padding: 15px; letter-spacing:1px; right:0; margin:0 auto; -webkit-backdrop-filter: blur(8px);-o-backdrop-filter: blur(8px); -moz-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}


.leadership_block .card-img {position: relative;display: inline;}
.leadership_block .card-img:before { content: "";position: absolute;background-color:#ecf9ff;width: 45px; height:45px; border-radius: 50%;top:-15px;left: -15px}

.leadership_block .widget{  border-bottom: 8px solid #005ED2 !important; webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;box-shadow: 0px 0px 10px 5px rgba(154, 161, 171, 0.10);}
.leadership_block .widget:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);}

 
 
 
 
 
 
 
.leadership_block1 .card-img {position: relative;display: inline;}
.leadership_block1 .card-img:before { content: "";position: absolute;background-color:#ecf9ff;width: 45px; height:45px; border-radius: 50%;top:-15px;left: -8px}

.leadership_block1 .widget{  border-bottom: 8px solid #005ED2 !important; webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;box-shadow: 0px 0px 10px 5px rgba(154, 161, 171, 0.10);padding:15px;
    border-radius: 10px;}
.leadership_block1 .widget:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);} 
.leadership_block1 .widget p {color: #0C0F23 !important;font-size: 14px;}

.leadership_block1 h5{font-size: 17px;font-weight: 600;margin-bottom: 10px;margin-top: 30px}
 
 
 
 
 
 
 
 
 
 
.diagram-wrapper {position: relative;width: 100%;max-width: 100%;aspect-ratio: 1 / 1;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
/* Orbit circles */
.orbit-ring {position: absolute;border: 1px solid rgba(76, 117, 180, 0.18);border-radius: 50%;animation: pulseRing 6s infinite ease-in-out;}

.ring-1 { width: 36%; height: 36%; }
.ring-2 { width: 58%; height: 58%; animation-delay: 1s; }
.ring-3 { width: 82%; height: 82%; animation-delay: 2s; }

@keyframes pulseRing {
      0%, 100% {transform: scale(1);opacity: 0.8;}
      50% {transform: scale(1.02); opacity: 1;}
}

/* Center circle */
.center-node h4 {font-size: 1rem;margin: 0;font-weight: 700;color: #fff;line-height: 1.3;}
@keyframes centerGlow {
      0%, 100% {box-shadow: 0 0 20px rgba(82, 199, 255, 0.25), inset 0 0 18px rgba(82, 199, 255, 0.12);}
      50% {box-shadow: 0 0 35px rgba(82, 199, 255, 0.45), inset 0 0 22px rgba(82, 199, 255, 0.18);}
}
/* Connector lines */
.connector {position: absolute;width: 2px;background: linear-gradient(to bottom, rgba(82, 199, 255, 0.4), rgba(82, 199, 255, 0.05));transform-origin: top center;z-index: 1;}

 /* Icon nodes */
.orbit-node {position: absolute;width: 84px;height: 84px;border-radius: 50%;display: flex;align-items: center;
justify-content: center;z-index: 10;cursor: pointer;transition: transform 0.35s ease, box-shadow 0.35s ease;}
.orbit-node .node-inner {width: 64px;height: 64px;border-radius: 50%;display: flex;align-items: center;
justify-content: center;position: relative;border: 2px solid rgba(255, 255, 255, 0.15);backdrop-filter: blur(6px);transition: all 0.35s ease;overflow: hidden;}
.orbit-node i {font-size: 1.4rem;color: #005ED2;transition: all 0.35s ease;z-index: 2;}
.center-node {position: absolute;width: 170px; height: 170px;border-radius: 50%;border: 2px solid #52c7ff;
background: linear-gradient(90deg, #005ED2 0%, #00A1F4 100%); box-shadow: 0 0 25px rgba(82, 199, 255, 0.35), inset 0 0 18px rgba(82, 199, 255, 0.12);display: flex;align-items: center;justify-content: center;text-align: center;padding: 18px;z-index: 5;overflow: visible;}
/* Optional second outer ring for more premium effect */
.center-node::after { content: "";position: absolute; top: -24px;left: -24px;width: calc(100% + 48px);height: calc(100% + 48px);border-radius: 50%;border: 2px dashed rgba(0, 161, 244, 0.35);box-sizing: border-box;animation: dashRotateReverse 65s linear infinite;z-index: -2;}
@keyframes dashRotate {
    from {transform: rotate(0deg);}
    to { transform: rotate(360deg);}
}

@keyframes dashRotateReverse {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

/* Text inside icon on hover */
.icon-hover-text {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 10px;line-height: 1.2;font-weight: 700;color: #242E6A; padding: 8px;opacity: 0;transform: scale(0.8);transition: all 0.35s ease;z-index: 3;}
.orbit-node:hover {transform: translateY(-6px) scale(1.08);}
.orbit-node:hover .node-inner {box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);}
.orbit-node:hover i {opacity: 0;transform: scale(0.5);}
.orbit-node:hover .icon-hover-text {opacity: 1;transform: scale(1);}

/* Color themes */
.blue .node-inner {background: radial-gradient(circle, rgba(65, 116, 255, 0.35), rgba(65, 116, 255, 0.12));border-color: rgba(65, 116, 255, 0.45); box-shadow: 0 0 16px rgba(65, 116, 255, 0.2);}
.purple .node-inner {background: radial-gradient(circle, rgba(132, 76, 255, 0.35), rgba(132, 76, 255, 0.12));border-color: rgba(132, 76, 255, 0.45);box-shadow: 0 0 16px rgba(132, 76, 255, 0.2);}
.green .node-inner {background: radial-gradient(circle, rgba(0, 201, 132, 0.35), rgba(0, 201, 132, 0.12));border-color: rgba(0, 201, 132, 0.45);box-shadow: 0 0 16px rgba(0, 201, 132, 0.2);}
.red .node-inner {background: radial-gradient(circle, rgba(255, 77, 109, 0.35), rgba(255, 77, 109, 0.12)); border-color: rgba(255, 77, 109, 0.45);box-shadow: 0 0 16px rgba(255, 77, 109, 0.2);}
.orange .node-inner {background: radial-gradient(circle, rgba(255, 170, 0, 0.35), rgba(255, 170, 0, 0.12));border-color: rgba(255, 170, 0, 0.45);box-shadow: 0 0 16px rgba(255, 170, 0, 0.2);}
/* Position nodes (desktop) */
.node-left {top: 20%;left: 5%;}
.node-right {top: 10%;right: 13%;}
.node-bottom-left {bottom: 10%;left: 15%;}
.node-bottom-right { bottom:28%;right: 2%;}
/* Labels under icons */
.node-label {position: absolute;width: 150px;text-align: center;font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;color: #242E6A;line-height: 1.3;pointer-events: none;}
.label-top { top: calc(6% + 90px);left: 50%;transform: translateX(-50%);}
.label-left {top: calc(19% + 90px);left:-2%;}
.label-right {top: calc(9% + 90px);right: 5%;}
.label-bottom-left {bottom: 7%;left: 9%;}
.label-bottom-right {bottom: 25%;right: -6%}
/* Info box */
.info-box {position: absolute;min-width: 260px;max-width: 320px;background: linear-gradient(90deg, #005ED2 0%, #00A1F4 100%);border-radius: 16px;padding: 16px;color: #fff;backdrop-filter: blur(10px);box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35);opacity: 0;visibility: hidden;transform: translateY(12px) scale(0.95);transition: all 0.35s ease;z-index: 20;}
.info-box ul {list-style: none; padding-left: 0; margin-bottom: 0;}
.info-box li {font-size: 13px; line-height: 1.5; margin-bottom:5px; padding-left: 20px; position: relative}
.info-box li::before {content: "•"; color: #b8ccdd; font-weight: bold; position: absolute; left: 0; }
.info-box.active {opacity: 1;visibility: visible;transform: translateY(0) scale(1); animation: floatIn 0.4s ease;}

@keyframes floatIn {
      0% {opacity: 0;transform: translateY(20px) scale(0.92);}
      100% {opacity: 1;transform: translateY(0) scale(1); }
}

.info-box h5 {font-size: 1rem;margin-bottom: 8px;font-weight: 700;}
.info-box p {font-size: 0.9rem;margin: 0;color: #d8e8ff;line-height: 1.6;}
/* Desktop info positions */
#info-top {top: 14%;left: 58%;}
#info-left {top: 18%;left: 23%;}
#info-right {top: 26%;right: 18%;}
#info-bottom-left {bottom: 29%;left: 5%;}
#info-bottom-right { bottom: 20%;right: 19%;}

/* Mobile Responsive */
 @media (max-width: 991.98px) {
.diagram-wrapper {max-width: 650px;}
.center-node {width: 145px;height: 145px;}
.orbit-node {width: 74px;height: 74px;}
.orbit-node .node-inner {width: 56px;height: 56px;}
.node-label {font-size: 10px;width: 120px;}
.info-box {min-width: 220px; max-width: 260px;}
}

@media (max-width: 767.98px) {
.diagram-wrapper {aspect-ratio: auto;min-height: auto;display: block;max-width: 100%;padding-top: 20px;}
.orbit-ring, .connector {display: none;}
.center-node {position: relative;margin: 0 auto 30px;}
.orbit-node,
.node-label,
.info-box {position: relative !important;top: auto !important;left: auto !important;right: auto !important;bottom: auto !important;transform: none !important;}
.mobile-nodes {display: grid;grid-template-columns: 1fr;gap: 18px; margin-top: 10px;}
.node-card {border: 1px solid #005ed2;border-radius: 18px;padding: 16px;}
.node-card .orbit-node {margin: 0 auto 10px;}
.node-card .node-label {display: block;width: 100%;margin-bottom: 10px;text-align: center;color: #242E6A;font-size: 16px;}
.node-card .info-box {display: block;opacity: 1;visibility: visible;transform: none;margin-top: 10px;width: 100%;
max-width: 100%;min-width: auto;background:linear-gradient(90deg, #005ED2 0%, #00A1F4 100%)}
.center-node {position:relative!important;margin-top: 20px; }		 
}
 

 
 
.service-section {scroll-margin-top: 130px;} 

.searchbox .has-search .form-control {padding-left: 2.375rem} 
.searchbox .has-search .form-control-feedback {position: absolute;z-index: 2;display: block;width: 2.375rem;height: 2.375rem;line-height: 2.375rem;text-align: center;pointer-events: none;color: #aaa} 

/* Responsive CSS */

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1275px;
  }
}

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1200px) {
 
}
@media (min-width: 992px) {


}
 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 .js-header .navbar .main-menu .nav-item .nav-link {font-size: 16px;} 
 .js-header .navbar-brand { max-width: 150px}
 .banner-wrapper .fs-48{ font-size:43px } 
 .banner-wrapper .fs-22 {font-size: 19px}
 .banner-wrapper .fs-17 {font-size: 15px;}
 .industry-wrapper .nav.nav-pills .nav-item button.nav-link {width: 234px;font-size: 13px;gap: 8px;padding: 0px  10px;}
 .custom-arrow {left: 0;}
 .custom-arrow.next {right: 0;}
 .testimonials-wrapper .testimonial-card {min-height: auto;}
}



@media only screen and (max-width: 992px) {
  .js-header nav.navbar {
    display: flex;
    flex-wrap: initial;
    justify-content: space-between;
    padding: 10px 0px;
  }
  .js-header .navbar .main-menu {
    max-width: 390px;
    width: 100%;
    position: fixed;
    background-color: #ebf2ff;
    right: 0;
    height: 100dvh;
    transform: translateX(100%);
    transition: all 0.5s ease;
    z-index: 9999;
    top: 0;
    padding-top: 60px;
  }
  .js-header .navbar.open .main-menu {
    transform: translateX(0);
  }
  .js-header .navbar .nav-item .nav-link.btn{
    display: none;
  }
  .js-header nav.navbar.open a.nav-link.menu-btn.on {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 9999;
    background-color: #0a4caf;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .banner-wrapper .img-widget {
    justify-content: center !important;
    margin-top: 50px;
  }
  .banner-wrapper {
    padding: 60px 0px 20px 0px;
  }
  .about-wrapper .img-widget {
    margin-top: 30px;
  }
  .solutions-wrapper .solutions-widget .solution-left .nav-pills .nav-item button.nav-link.active:before{
    display: none;
  }

}

@media only screen and (max-width: 767.98px) {
  .custom-arrow{
    display: none !important;
  }
  .testimonials-wrapper .testimonials-slider .item .content-dis {
    padding-left: 0px;
    margin-top: 40px;
  }
  .testimonials-wrapper .testimonials-slider .item .content-dis:before {
    left: 0px;
    top: -20px;
  }
  .testimonials-wrapper {
    padding: 50px 0px 40px 0px;
  }
  .industry-wrapper .tab-content {
    padding: 15px !important;
    padding-top: 70px !important;
  }
  .why-choose-wrapper {
    padding: 40px 0px 40px 0px;
  }
  .testimonials-wrapper .testimonials-slider .item .content-dis p {
    font-size: 18px;
  }
  .solutions-wrapper .solutions-widget .solution-content {
    padding: 0px 0px;
  }
  .solutions-wrapper .solutions-widget .solution-left {
    padding: 20px;
  }
  .solutions-wrapper .solutions-widget .solution-left .nav-pills .nav-item button.nav-link {
    font-size: 14px;padding: 15px 0px;
  }
  .solutions-wrapper .solutions-widget .solution-left h3 {
    font-size: 22px;
  }
  .about-wrapper {
    padding: 40px 0px 40px 0px;
  }
  .banner-wrapper .widget h2,
  .banner-wrapper .widget h1 {
    font-size: 28px;
  }
  .js-header .navbar-brand {
    max-width: 150px;
  }
  .main-footer .footer-link{
    margin-top: 10px;
    margin-left: 0px;
  }
  .main-footer .gap-4-custom {
    gap: 25px;
  }
  .industry-wrapper .nav.nav-pills .nav-item button.nav-link img {
    width: 34px;
  }
  .industry-wrapper .nav.nav-pills .nav-item button.nav-link {
    width: auto;
    height: 70px;
  }
  
}
@media only screen and (max-width: 575.98px) {
.all-heading, .fs-44, .fs-48, .hero-content__title  {font-size: 36px}
 
.scene {width: 100%;}

#pop-services {left: 0px; bottom: 0%; right:0}
#pop-domain {left: 0px; bottom: 0%; right:0}
#pop-aiq {left: 0px; bottom: 0%; right:0}
#pop-approach {left: 0px; bottom: 0%; right:0}

.inner-banner-wrapper img{ width:100%}
.section-padding {padding: 50px 0px;}
.leadership-values-wrapper  .widget{ margin-bottom:15px;padding: 30px;height: auto !important;}
.service-block h1 { margin-top: 14px}
.left-side-form {padding: 25px}
.indust_text{ display:none}

.solutions-wrapper, .industry-wrapper, .certification-wrapper{ padding:40px 0}
#goTop{ display:none !important}
.about-wrapper .widget a.btn, .banner-wrapper .widget a.btn, .solutions-wrapper .solutions-widget .solution-content .learn-btn {width: 100%}
.industry-wrapper .tab-content {background-position: left;}
.main-menu .nav-item{ border-bottom: 1px solid #cde1ff;}
.js-header .navbar .main-menu .nav-item .nav-link {padding: 20px}
.hero-inner { background-position: left}
.diagram-wrapper, .banner-wrapper, .Solutions-nav  { display:none}
.banner-wrapper-mob {display: block;}
.why-choose-mob-slider .slick-slide img {display: initial}
.why-choose-wrapper .widget .content {height: 335px !important;}
.js-header .navbar .main-menu .nav-item .nav-link {height: auto;}

.blog-section .d-flex  { display:block !important}
.searchbox{margin-bottom: 15px;}
body {margin-top: 75px !important;}

.navbar-nav .dropdown-menu {margin: 0;background: transparent;border: none;border-top: 1px solid #ddd;border-radius: 0;padding-left: 30px}
.js-header .navbar .nav-item .dropdown-menu a {padding-left: 40px}

}
@media only screen and (max-width: 400px) {

}

.slick-prev:before{ content: none;}
.slick-next:before{ content: none;}