/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{padding:0;margin:0;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:0 none}
a:focus{outline:0 none}
a img{border:none}
a{text-decoration:none; transition: 0.3s;}
a:hover{text-decoration:none!important}

.btn{white-space:normal;}
.btn-info.focus, .btn-info:focus{box-shadow: none;}

img,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
input,textarea,select{-webkit-border-radius:0;border-radius:0;appearance:none}

input[type="checkbox"]{-webkit-border-radius:0;border-radius:0;appearance:checkbox!important}
input[type="radio"]{-webkit-border-radius:0;border-radius:0;appearance:radio!important}

::-moz-selection{background-color:#000;color:#fff}
::selection{background-color:#000;color:#fff}

input[type="text"]::-webkit-input-placeholder{opacity:1;color:#fff;}
input[type="text"]::-moz-placeholder{opacity:1;color:#fff;}
input[type="text"]::-ms-input-placeholder{opacity:1;color:#fff;}
input[type="email"]::-webkit-input-placeholder{opacity:1;color:#fff;}
input[type="email"]::-moz-placeholder{opacity:1;color:#fff;}
input[type="email"]::-ms-input-placeholder{opacity:1;color:#fff;}
input[type="password"]::-webkit-input-placeholder{opacity:1;color:#fff;}
input[type="password"]::-moz-placeholder{opacity:1;color:#fff;}
input[type="password"]::-ms-input-placeholder{opacity:1;color:#fff;}
textarea::-webkit-input-placeholder{opacity:1;color:#fff !important;}
textarea::-moz-placeholder{opacity:1;color:#fff !important;}
textarea::-ms-input-placeholder{opacity:1;color:#fff !important;}
textarea::placeholder {opacity:1;color:#fff !important;}

select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}

/* 
font-family: "Khula", sans-serif;
font-family: "Helvetica", sans-serif;
font-family: "HelveticaBold", sans-serif;
*/

@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: normal;
  src: url('assets/fonts/Helvetica.woff') format('woff');
}


@font-face {
  font-family: 'HelveticaBold';
  font-style: normal;
  font-weight: normal;
  src: url('assets/fonts/HelveticaBold.woff') format('woff');
}

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, ol, ul, li, a, p{ margin: 0;padding:0; list-style-type: none;}
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 18px; line-height: 28px; color: #000; font-weight: 400; overflow-x: hidden; font-family: 'Helvetica' !important; }

.container{max-width: 1200px; padding: 0 15px;}

h1,h2,h3,h4,h5,h6 {color: #000; font-family: "Khula", sans-serif;}
h1 { font-size: 32px; font-weight: 600; }
h2 { font-size: 26px; font-weight: 600; }
h3 { font-size: 22px; font-weight: 400;}
h6 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 30px; }

p{margin: 0 0 35px;}
p:last-child{margin: 0;}

.slicknav_menu { display: none }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.grid-loader { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; transform: rotate(45deg); opacity: 0; animation: fadeIn 0.5s ease-out forwards; }

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.cube { width: 20px; height: 20px; background: #004d8a; animation: cubeScale 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite; box-shadow: 0 0 15px rgba(78, 205, 196, 0.3); transform: scale(0); opacity: 0; }

@keyframes cubeScale {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

/* Staggered animation delays */
.cube:nth-child(1) {
  animation-delay: 0.2s;
}
.cube:nth-child(2) {
  animation-delay: 0.4s;
}
.cube:nth-child(3) {
  animation-delay: 0.6s;
}
.cube:nth-child(4) {
  animation-delay: 0.8s;
}
.cube:nth-child(5) {
  animation-delay: 1s;
}
.cube:nth-child(6) {
  animation-delay: 1.2s;
}
.cube:nth-child(7) {
  animation-delay: 1.4s;
}
.cube:nth-child(8) {
  animation-delay: 1.6s;
}
.cube:nth-child(9) {
  animation-delay: 1.8s;
}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
 width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
 background-color: #888; /* color of the thumb */
 border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
 background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html, .awards-list {
 scrollbar-width: thin;
}

/* color of the thumb */
html, .awards-list {
 scrollbar-color: #888 #f1f1f1;
}

/* html:hover .cursor { opacity: 1; }
.cursor { position: fixed; top: 0; left: 0; z-index: 99999999; width: 60px; height: 60px; margin: -20px 0 0 -20px; opacity: 0; transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; }
.cursor--hover .cursor-inner { transform: scale(1.6); opacity: 1; }
.cursor--hover .cursor-outer { transform: scale(1.4); border-color: #004e87; opacity: 1; }
.cursor-move-inner { position: absolute; top: 50%; left: 50%; width: 17px; height: 17px; margin-top: -20px; margin-left: -8px; }
.cursor-inner { display: block; width: 100%; height: 100%; background: #004e87; border-radius: 50%; transition: transform 0.4s, opacity 0.4s; }
.cursor-move-outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.cursor-outer { display: block; width: 100%; height: 100%; border: 1px solid #004e87; border-radius: 50%; box-sizing: border-box; transition: border 0.4s, transform 0.4s, opacity 0.4s; }
.cursor-text-outer { position: fixed; top: 0; left: 0; z-index: 99999998; background: #fff; color: #000; padding: 8px 12px; font-size: 12px; font-weight: 400; border-radius: 50px; white-space: nowrap; transform: translate3d(-9999px, -9999px, 0); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; }
.cursor--show-text .cursor-text-outer { opacity: 1; }
.ripple { position: fixed; border-radius: 50%; background: rgba(0, 75, 136, 0.3); pointer-events: none; z-index: 99999998; animation: ripple-effect 0.6s ease-out; }

@keyframes ripple-effect {
  0% { transform: scale(0); opacity: 1; }
  100% { transform: scale(4); opacity: 0; }
}

body, * { cursor: none !important; } */

.back-to-top { position: fixed; bottom: 55px; right: 30px; background-color: #e9e9e9; color: #004d89; padding: 10px 15px; border-radius: 50%; display: none; z-index: 1000; text-align: center; text-decoration: none; font-size: 20px; transition: opacity 0.3s ease, transform 0.3s ease; }

.back-to-top.show { display: block; opacity: 1; transform: scale(1); }
.back-to-top.hide { opacity: 0; transform: scale(0.8); }

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative;} .btn i{transition: 0.4s;}

.btn.btn-primary { display: inline-block; padding: 10px 20px; border: 0; text-transform: capitalize; font-size: 16px; line-height: 21px; color: #ffffff; font-family: 'Helvetica'; font-weight: 300; border-radius: 30px; background-color: #004d8a; padding-right: 50px; border: 3px solid transparent; white-space: nowrap;}
.btn.btn-primary span { width: 37px; height: 37px; border-radius: 50px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; color: #212121; position: absolute; top: 2px; right: 4px; font-size: 14px; transition: all 0.4s; }
.btn.btn-primary:hover, .btn.btn-primary:focus { background: #055177; color: #fff;}
.btn.btn-primary:hover span { width: calc(100% - 8px); color: #055177;}

.btn.btn-outline { display: inline-block; padding: 12px 20px; border: 0; text-transform: capitalize; font-size: 16px; line-height: 21px; color: #004d8a; font-family: 'Helvetica'; font-weight: 300; border-radius: 30px; background-color: transparent; padding-right: 50px; border: 3px solid #004d8a;}
.btn.btn-outline span { width: 37px; height: 37px; border-radius: 50px; background-color: #004d8a; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; top: 4px; right: 4px; font-size: 14px; transition: all 0.4s; }
.btn.btn-outline:hover, .btn.btn-outline:focus { background: #055177; color: #fff;}
.btn.btn-outline:hover span { width: calc(100% - 8px); color: #fff;}

.btn.btn-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-text:hover, .btn.btn-text:focus{background: #000; color: #fff;}

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

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-main { padding: 15px 0; box-shadow: -0.848px 0.53px 0px rgba(0,0,0,0.1); background: #fff; position: relative; z-index: 99; }
.header-main.header-scrolled { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.logo { display: block; max-width: 210px; }
.hm-nav{gap: 35px;}
.hm-nav ul li{display: inline-block; margin: 0 15px; position: relative;}
.hm-nav ul li a { font-size: 16px; line-height: 30px; color: #004d8a; font-weight: 300; font-family: 'Helvetica'; position: relative; transition: all 0.4s;}
.hm-nav ul li a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 1px; height: 2px; background: transparent; transition: all 0.4s;}
.hm-nav ul li a:hover::after{background: #004d8a; width: 100%;}
.hm-nav ul li a:hover, .hm-nav ul li.current-menu-item > a { color: #000; }
.hm-nav ul li.current-menu-item > a::after { content: ''; background: #004d8a; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; transition: all 0.4s;}
ul.sub-menu > li.current-menu-ancestor > a { color: #000; }
.hm-nav ul > li.current-menu-ancestor > a { color: #000; }
.hm-nav ul > li.current-menu-ancestor > a::after { content: ''; background: #004d8a; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; transition: all 0.4s;}
@media only screen and (min-width: 991.98px) {
  ul.sub-menu { position: absolute; top: 100%; margin: 0; background: #fff; width: 280px; border-radius: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); left: 0; display: none; z-index: 9; }
  ul.sub-menu ul.sub-menu { left: 280px; top: 0; display: none; }
  ul.sub-menu li { margin: 0 !important;display: block; width: 100%; }
  ul.sub-menu li a { display: block; padding: 5px 15px; font-size: 15px !important; }
  .hm-nav ul li:hover > ul.sub-menu{display: block;}
  ul.sub-menu li:hover > ul.sub-menu{display: block;}
  .sub-menu a::after { bottom: 0 !important; }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.down-arrow{ width: 30px; height: 50px; border-radius: 30px; display: flex; align-items: center; justify-content: center; background-color: transparent; border: 1px solid #666; position: relative; }
.scroller { width: 12px; height: 36px; border-radius: 10px; animation: scroller 3s linear infinite; transform: translateY(30%); display: flex; align-items: flex-start; justify-content: center; }
.scroller img{max-height: 24px;}

@keyframes scroller {
  0% {
    transform: translateY(30%);
  }

  50% {
    transform: translateY(10%);
  }
}

.hm-banner{padding: 120px 0 35px; background: #edf5ff; position: relative; z-index: 2;}
.text-blue { color: #004d8a; }
.hm-banner .inner { display: flex; align-items: center; justify-content: space-between; }
.hm-banner::after{content: '';}
.banner-content { max-width: 510px; }
.banner-content h1 { font-size: 85px; line-height: 78px; text-transform: uppercase; color: #000000; font-weight: 800; }
.title-v1, .title-v2 { font-size: 24px; line-height: 25px; position: relative; display: inline-block;}
.title-v1 span { display: block; position: relative; }
.title-v2 { top: -15px; padding-left: 15px; z-index: 1; }
.title-v2::after { content: ''; width: 66px; height: 71px; border-radius: 31px; background-color: #b1d9f7; position: absolute; top: -27px; left: 0; z-index: -1; }
.banner-text { padding-left: 100px; margin-top: 70px; }
.banner-text .down-arrow { position: absolute; left: 35px; top: 8px; }
.banner-image > img { max-width: 500px; }

.banner-art { position: absolute; top: -60px; left: -50px; max-width: 80px; animation: hover 2s ease-in-out infinite;}
@keyframes hover {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* Moves up by 10px at peak */
  }
  100% {
    transform: translateY(0); /* Returns to original position */
  }
}
.banner-main::after { content: ''; position: absolute; top: -10px; left: 0; width: 100%; height: 100%; background: url('assets/img/banner-art1.png') left bottom no-repeat; z-index: 2; pointer-events: none; animation: hover2 2s ease-in-out infinite;}
@keyframes hover2 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-20px); /* Moves up by 10px at peak */
  }
  100% {
    transform: translateX(0); /* Returns to original position */
  }
}

.banner-btm{line-height: 1; z-index: 1; position: relative;}

.trusted-sec { background-image: linear-gradient(270deg, #5899e2 0%, #004d8a 100%); position: relative; padding: 260px 0 85px; margin-top: -200px; }
.block-top { margin: 0 0 80px; margin-top: -150px; }
.sgl-block { padding: 25px 15px; border-radius: 10px; background-color: #fdfafb; border: 0.5px solid #d7d7d7; max-width: 200px; position: relative; z-index: 1; }
.sgl-block::after{content: ''; position: absolute; background: url('assets/img/sgl-block-circle.png') top right no-repeat; width: 100%; height: 100%; top: 0; right: 0; z-index: -1; opacity: 0; transition: all 0.4s;}
.sgl-block:hover::after{opacity: 1; transition: all 0.4s;}
.sgl-block h4 { font-size: 18px; line-height: 28px; color: #000000; font-weight: 700; margin: 0 0 5px; }
.sgl-block p { font-size: 14px; line-height: 22px; color: #3b3b3b; margin: 0 0 15px; }
.sgl-img { width: 100%; height: 80px; overflow: hidden; margin-left: -16px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; }
.sgl-img img{width: 100%; height: 100%; object-fit: cover;}

.item.logo-block { border-radius: 28px; border: 0.5px solid #ffffff; display: flex; align-items: center; justify-content: center; height: 55px; padding: 7px 25px; }
.item.logo-block img{ max-height: 28px; object-fit: contain !important; }

.company-info{position: relative;}
.video-main { position: absolute; top: -18px; left: 0; width: 190px; }
.video-main .video-img { width: 150px; position: absolute; height: 90px; z-index: 2; border-radius: 10px; overflow: hidden; }
.video-main .video-img img { width: 100%; height: 100%; object-fit: cover; }
.video-trigger { display: flex; align-items: center; justify-content: center; background: #125c9c; width: 94px; height: 94px; z-index: 3; position: absolute; right: 0; top: 0; border-radius: 50%; }
.video-trigger i { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; }
.video-trigger:hover { background: #b1d9f7; box-shadow: 0 0 5px rgba(0,0,0,0.3); }

.info-text { position: absolute; top: -130px; padding: 30px 40px 70px; border-radius: 30px; width: 100%; left: -70px; }
.info-text::after { content: ''; position: absolute; top: -2px; left: 0; width: 100%; height: 100%; background: url('assets/img/line.png') top left no-repeat; background-size: contain; }
.info-text::before { content: ''; position: absolute; top: -2px; left: 40%; width: 135px; height: 1px; background: #fff; }
.info-text p{margin: 0; color: #fff;}

.info-text svg { position: absolute; top: 0; }

.expertise-sec{padding: 100px 0 0;}
.expertise-sec h2{font-size: 60px; line-height: 70px; text-transform: uppercase; color: #000000; font-weight: 800;}
.expertise-sec h2 .title-v2 { text-transform: none; padding-right: 15px; font-size: 20px; }
.schedule-box { max-width: 347px; }
.schedule-art { position: absolute; right: -95px; bottom: -40px; max-width: 95px; animation: hover 2s ease-in-out infinite; }

.exp-block { padding: 80px 0; border-top: 1px solid #d7d7d7; position: sticky; top: 75px; background: #fff;}
.exp-block h4 { font-size: 30px; line-height: 28px; color: #000000; font-weight: 700; margin: 0 0 15px; }
.exp-block p { font-size: 16px; line-height: 28px; color: #3b3b3b; }
.exp-desc { max-width: 420px; }
.exp-tags { display: flex; align-items: flex-start; gap: 6px; flex-wrap: wrap; }
.exp-tags a { display: flex; align-items: center; gap: 5px; padding: 5px 10px; font-size: 12px; line-height: 16px; color: #3c3333; font-weight: 400; border-radius: 14px; background-color: #ffffff; border: 1px solid #d7d7d7; row-gap: 10px;}
.exp-tags a:hover { border: 1px solid #004d8a; color: #004d8a; }
.exp-tags a img { max-width: 16px; }

.exp-img { position: relative; }
.exp-img1 { width: 100%; max-width: 415px; }
.exp-img2 { width: 100%; max-width: 215px; position: absolute; top: -40px; right: 0; border: 4px solid #fff; box-shadow: 0 0 1px rgba(0,0,0,0.1); }

.expertise-list{margin-top: 50px;}

.counter-block { width: 100%; border: 1px solid #d7d7d7; padding: 50px 40px 65px; transition: all 0.4s; }
.counter-block:hover{background: #f2f6f9;}
.counter-block h4 { margin: 0; font-size: 70px; line-height: 65px; color: #000000; font-weight: 800; }
.counter-block img { margin: 0 auto 20px; } 

.service-sec{padding: 100px 0;}
.service-sec h2{margin: 0 0 50px; font-size: 72px; line-height: 78px; text-transform: uppercase; color: #000000; font-weight: 800;}
.nav-info { max-width: 480px; }
.service-block { display: flex; align-items: flex-start; gap: 30px; padding: 25px 50px; padding-right: 0; border-left: 1px solid #cdcdcd; transition: all 0.4s; }
.nav-info a:last-child .service-block{padding-bottom: 0;}
.service-ico { width: 66px; height: 66px; border-radius: 33px; background-color: #e6edf2; border: 1px solid #ffffff; min-width: 66px; display: flex; align-items: center; justify-content: center;transition: all 0.4s; }
.service-ico img{max-width: 25px;transition: all 0.4s;}
.service-block h4{font-size: 30px; line-height: 35px; color: #000000; font-weight: 800; margin: 0 0 10px;}
.service-block p{font-size: 16px; line-height: 28px; color: #3b3b3b;}

.service-block:hover{border-color: #004d89;}
.service-block:hover .service-ico, .nav-info a.active .service-block .service-ico{background: #004d89;}
.service-block:hover .service-ico img, .nav-info a.active .service-block .service-ico img { filter: invert(1) brightness(2); }

.nav-img{max-width: 580px; position: relative;}
.nav-img1 { width: 100%; max-width: 300px; position: absolute; top: -60px; left: -100px; border: 4px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.nav-img2 { width: 100%; max-width: 480px; }
.service-sec .tab-content { display: flex; align-items: center; justify-content: center; }
.tab-art { position: absolute; top: -70px; right: -70px; max-width: 100px; animation: hover 2s ease-in-out infinite; } 

.tech-sec { background: url('assets/img/tech-bg.jpg') center center no-repeat; background-size: cover; padding: 90px 0; position: relative; z-index: 2; }
.tech-sec h3 { font-size: 36px; line-height: 32px; color: #ffffff; font-weight: 800; margin: 0 0 15px; }
.tech-sec p{color: #fff; font-size: 16px;}

.sgl-tech-block{padding: 30px 0; border-bottom: 1px solid #404850; gap: 30px;}
.sgl-tech-block:last-child{padding-bottom: 0; border-bottom: 0;}
.sgl-tech-block h4 { font-size: 20px; line-height: 30px; color: #ffffff; font-weight: 600; }
.tech-left { max-width: 225px; width: 225px; min-width: 225px; }
.tech-right { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 20px; }
.tech-right a { font-size: 16px; line-height: 24px; color: #000000; text-align: center; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 7px 23px; border-radius: 24px; background: #ffffff; border: 1px solid #ffffff; }
.tech-right a img { max-width: 20px; }
.tech-right a span { white-space: nowrap; }
.tech-right a:hover{border-radius: 10px;}

.industry-sec{padding: 120px 0 80px;}
.industry-sec h3 { font-size: 30px; line-height: 40px; color: #000000; font-weight: 800; margin: 0 0 15px; }
.industry-sec h3 span{text-transform: uppercase; color: #004d8a;}
.industry-slider{margin-top: 50px;}
.industry-block { height: 480px; width: 100%; background-size: cover !important; border: 1px solid #e6e6e6; border-radius: 15px; position: relative; max-width: 520px; min-width: 520px; overflow: hidden; }
.industry-block a { display: flex; align-items: flex-end; width: 100%; height: 100%; padding: 40px; position: relative; z-index: 1; }
.industry-block a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 350px; background-image: linear-gradient(0deg, rgba(255,255,255,0.9999999999999999) 0%, rgba(255,255,255,0) 100%); z-index: -1; }
.industry-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; background: rgba(255,255,255,0.7); opacity: 0; visibility: hidden; }
.industry-content h4 { font-size: 20px; line-height: 32px; color: #000000; font-weight: 600; margin: 0 0 10px; }
.industry-content li { font-size: 14px; line-height: 22px; color: #000000; font-weight: 500; position: relative; }
/* .industry-content li::after { content: '\2b'; position: absolute; left: 0; font-family: 'Font Awesome 6 Free'; font-weight: 700; font-size: 13px; } */

.stories-sec h3 { font-size: 48px; line-height: 78px; color: #000000; font-weight: 800; margin: 0 0 40px; }
.stories-sec h3 span{color: #004d8a;}

.stories-sec { background: #f3f8ff; padding: 100px 0; }
.success-rate-main { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 0 0 50px; }
.sr-block { width: 140px; height: 140px; border-radius: 86px; background-color: #ffffff; border: 2px solid #bd8cbf; }
.sr-block-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #f2e8f2; border-radius: 50%; border: 4px solid #fff; }
.sr-block p{color: #3b3b3b;}
.sr-block h4{font-size: 30px; line-height: 30px; color: #000000; font-weight: 700;}
.sr-block h4 > div { display: inline-block; }
.sr-block h4 span { font-weight: 400; font-size: 18px; margin-left: -7px; }

.sr-block:nth-child(1){border: 2px solid #fbaf5d !important;}
.sr-block.cube:nth-child(1) .sr-block-inner{background: #feefde;}
.sr-block:nth-child(2){border: 2px solid #bd8cbf;}
.sr-block.cube:nth-child(2) .sr-block-inner{background: #f2e8f2;}
.sr-block:nth-child(3){border: 2px solid #7cc576;}
.sr-block:nth-child(3) .sr-block-inner{background: #e5f3e4;}

.story-block { width: 100%; background: #fff; padding: 40px 35px; border-radius: 14px; }
.story-block .comma { width: auto !important; margin: 0 auto 40px; }
.story-content p { text-align: center; color: #3b3b3b; }
.story-content {margin: 0 0 35px;}

.story-img { width: 53px; height: 53px; overflow: hidden; border-radius: 50%; }
.story-img img{width: 100%; height: 100%; object-fit: cover;}
.story-auth { display: flex; align-items: center; justify-content: center; gap: 15px; }
.story-info h4{font-size: 16px; color: #000000; font-weight: 700;} 
.story-info p{font-size: 14px; color: #464646;} 

.owl-dots { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 15px 0 0 0; }
.owl-dot { width: 7px; height: 7px; border-radius: 4px; background-color: #e1e1e1 !important; }
.owl-dot.active { width: 23px; background-color: #004d8a !important; }
.owl-dot:hover{background-color: #004d8a !important;}

.story-slider { max-width: 474px; }

.footer-main{background: url('assets/img/tech-bg.jpg') center center no-repeat; background-size: cover; padding: 90px 0 0 0;}
.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 35px; }

.footer-left { background: rgba(242,246,249,0.2); padding: 40px 23px; border-radius: 15px; width: 100%; max-width: 522px; }
.footer-right { width: 100%; max-width: 580px; }

.ct-form h4 { font-size: 22px; line-height: 33px; color: #ffffff; font-weight: 600; margin: 0 0 30px; }
.form-control { height: 35px; border-radius: 5px; background: rgba(255,255,255,0.15) !important; border: 0 !important; font-size: 12px; line-height: 28px; color: #fff !important; padding: 5px 15px !important; }
input[type="file"]::file-selector-button { background: rgba(255,255,255,0.15) !important; border: 0; color: #fff; }
input[type="file"]::file-selector-button:hover{color: #212121 !important;}
textarea.form-control{height: 90px;}

.footer-right h4 { font-size: 36px; line-height: 35px; color: #ffffff; font-weight: 700; margin: 0 0 10px; }
.footer-right p{color: #fff; font-size: 16px; margin: 0 0 30px;}
.footer-right p a{color: #c5e5ff;}

.address-block { background: rgba(255,255,255,0.15); border: 1px solid #666; border-radius: 18px; padding: 15px 25px; }
.ad-img { min-width: 74px; font-size: 14px; line-height: 35px; color: rgba(255,255,255,0.2); font-weight: 300; }
.ad-info h6 { display: flex; align-items: center; margin: 0 0 10px; gap: 10px; font-size: 20px; line-height: 35px; color: #ffffff; font-weight: 600; }
.ad-info p{margin: 0 0 10px; font-size: 16px;}
.ad-info p a, .ad-info a{color: #fff;}

.footer-bottom { padding: 80px 0 70px; display: flex; align-items: flex-start; justify-content: space-between; gap: 45px; }
.footer-block h4 { font-size: 18px; line-height: 28px; color: #ffffff; font-weight: 600; margin: 0 0 10px; }
.footer-block ul li a { font-size: 15px; line-height: 36px; color: #e9e9e9; }
.footer-block ul li a:hover{color: #c5e5ff;}

.footer-block ul li a { position: relative; transition: all 0.4s;}
.footer-block ul li a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 1px; height: 2px; background: transparent; transition: all 0.4s;}
.footer-block ul li a:hover::after{background: #fff; width: 100%;}

.social-links { display: flex; align-items: center; gap: 10px; }
.social-links a { width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff; }
.social-links a:hover{border-color: #c5e5ff; color: #c5e5ff;}

.copyright-tab p{color: #fff;}
.copyright-tab p { font-size: 15px; line-height: 36px; color: #e9e9e9; margin: 0; }
.copyright-tab ul { display: flex; align-items: center; justify-content: flex-end; gap: 15px; }
.copyright-tab ul li a{font-size: 15px; line-height: 36px; color: #e9e9e9;}
.copyright-tab ul li a:hover{color: #c5e5ff;}

.copyright-tab ul li a { position: relative; transition: all 0.4s;}
.copyright-tab ul li a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 1px; height: 2px; background: transparent; transition: all 0.4s;}
.copyright-tab ul li a:hover::after{background: #fff; width: 100%;}

.copyright-tab { padding: 20px 0; border-top: 1px solid #303034; }

.owl-nav { position: absolute; top: -100px; right: 15%; font-size: 55px; display: flex; align-items: center; gap: 20px; }

.counter:not(.is-visible) { visibility: hidden; }

/* Innerbanner */
.hm-banner.inner-banner { padding-bottom: 95px; }
.contact-sec { padding: 90px 0; background: #f8fafc; }
.contact-sec .inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 35px; }
.clients-tab { padding: 40px 45px; border-radius: 10px; background: #fff; margin: 0 0 40px; }
.contact-left { width: 100%; max-width: 620px; }
.contact-sec h3 { font-size: 26px; line-height: 40px; color: #000000; font-weight: 600; margin: 0; }
.contact-sec h4 { font-size: 20px; line-height: 30px; color: #000000; font-weight: 700; margin: 0 0 10px; }
.contact-sec h5 { font-size: 14px; line-height: 22px; color: #000000; font-weight: 400; margin: 0 0 5px; }
.contact-sec h6 { font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; margin: 0 0 5px; }
.contact-sec p{margin: 0 0 15px;}
.contact-sec p:last-child{margin: 0;}
.contact-right { width: 100%; max-width: 490px; position: sticky; top: 100px; }
.contact-form { width: 100%; padding: 40px 45px; background: #fff; border-radius: 10px; }

.contact-sec .story-slider { max-width: unset; }
.contact-sec .story-block{padding: 30px 20px; text-align: left;}
.story-content p { text-align: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.client-logo { display: flex; align-items: flex-start; gap: 20px; flex-wrap: wrap; }
.client-logo a { border-radius: 28px; border: 0.5px solid #c8c8c8; height: 60px; display: flex; align-items: center; justify-content: center; width: calc(33% - 12px); }
.client-logo a img { max-height: 35px; object-fit: contain; filter: grayscale(1) brightness(1); transition: all 0.4s;}
.client-logo a:hover img{filter: unset;}
.clients-tab h3 { margin: 0 0 15px; }
.contact-form .form-control, .contact-form .form-select { height: 40px; border-radius: 5px; background-color: #ffffff; border: 0.8px solid #b7b7b7 !important; font-size: 15px; line-height: 16px; color: #463d3d !important; font-weight: 300; padding: 5px 15px; }
.contact-form .form-control::placeholder, .contact-right .dscf7-captcha-container span.wpcf7-form-control-wrap input::placeholder{color: #5e5e5e !important;}
.ct-form .dscf7-captcha-container span.dscf7_lt .dscf7_refresh_captcha img { filter: invert(1); }
.contact-form textarea.form-control{height: 80px;}
.contact-left .story-auth{justify-content: flex-start;}

.portfolio-sec{padding: 90px 0; background: #fff;}
.portfolio-main .nav-link { display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; gap: 16px; font-size: 16px; color: #000000; font-weight: 700; padding: 25px 10px; }
.portfolio-main .nav-link span { width: 76px; height: 76px; border-radius: 38px; background-color: #e6edf2; display: flex; align-items: center; justify-content: center; }
.portfolio-main .nav-link span img{max-height: 30px;}
.portfolio-main .nav.nav-tabs { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; gap: 0; }
.portfolio-main .nav.nav-tabs li{width: 100%;}
.portfolio-main .nav.nav-tabs li button{width: 100%;}
.portfolio-main .nav-tabs .nav-link:focus, .portfolio-main .nav-tabs .nav-link:hover{border-color: transparent; color: #004d89;}
.portfolio-main .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover{border-color: #dee2e6 !important; border-bottom-color: transparent !important; }
.portfolio-main .nav-link.active span{background: #004d8a;}
.portfolio-main .nav-link.active span img { filter: invert(1); }

.portfolio-list { display: flex; align-items: stretch; flex-wrap: wrap; gap: 40px; margin-top: 60px; }
.portfolio-block { width: calc(50% - 20px); border-radius: 15px; background-color: #f2f9f7; border: 1px solid #d7d7d7; overflow: hidden; }
.portfolio-block:nth-child(3n+3) { width: 100%; }
.portfolio-block a { padding: 40px 45px; display: block; }
.portfolio-block h4 { font-size: 16px; line-height: 20px; color: #252525; margin: 0 0 15px; }
.portfolio-block h3 { font-size: 24px; line-height: 36px; color: #252525; font-weight: 700; margin: 0 0 40px; }
.portfolio-img img { margin: 0 auto; }
.pb-bottom { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.pb-bottom .story-block { padding: 30px 20px; max-width: 50%; position: relative;}
.pb-bottom .story-block .story-info h4{margin: 0;}
.pb-bottom .story-auth{justify-content: flex-start;}
.pb-bottom .story-block .comma { position: absolute; margin: 0; right: 45px; bottom: 45px; }
.portfolio-img { margin: 0 auto; }

.wpcf7-not-valid-tip { font-size: 12px !important; color: #f00 !important; }
.wpcf7-response-output { color: #fff; font-size: 13px; text-align: center; }
.contact-right .wpcf7-response-output { color: #212121; }
input.btn.btn-primary { padding: 14px 45px !important; border: 0 !important; }

.intl-tel-input input { padding-left: 90px !important; }
.flag-container .selected-flag { color: #fff; font-size: 14px; }
.contact-right .flag-container .selected-flag { color: #212121; font-size: 14px; }

.accordion-body p { font-size: 15px; }
.accordion-body ul{margin: 0 0 20px;}
.accordion-body ul li { list-style-type: disc; list-style-position: inside; font-size: 14px; margin: 0 0 5px; }

.contact-right input[type="file"]::file-selector-button { background: #b7b7b7 !important; height: 40px; border: 0; color: #fff; margin-left: -15px; }
.contact-right input[type="file"]::file-selector-button:hover{color: #212121 !important;}

.help-text { color: #004d8a; font-size: 11px; line-height: 14px; }

#home-video .modal-dialog{max-width: 767px;}
#home-video .modal-body { padding: 0; line-height: 0; }
#home-video .modal-content{border: 0; border-radius: 0;}
#home-video .btn-close { position: absolute; right: 10px; top: 10px; }
#home-video video { width: 100%; }
.close-btn { position: absolute; right: 0; border: 0; padding: 8px 10px; font-size: 20px; background: transparent; color: #e03131; z-index: 9; }

.inner.career-inner > div { width: 50%; max-width: unset; }

.service-top { padding: 80px 0; }
.service-img { height: 387px; overflow: hidden; border-radius: 35px; margin: 0 0 30px; }
.service-img img{width: 100%; height: 100%; object-fit: cover;}
.sgl-sidebar{ position: sticky; top: 90px;}
.benefits-tab { border-radius: 25px; background-color: #f2f7fc; padding: 30px 20px;}
.benefits-tab h3 { font-size: 18px; line-height: 30px; color: #3b3b3b; font-weight: 700; margin: 0 0 25px; }
.benefits-tab h3 span { line-height: 17px; font-size: 20px; color: #004d8a; }
.bl-desc h4 { font-size: 18px; line-height: 24px; color: #000000; font-weight: 700; }
.bl-desc p { font-size: 15px; line-height: 24px; color: #3b3b3b; font-weight: 400; }
.bl-img { min-width: 26px; }
.benefits-list .bl-block { margin: 0 0 25px; }
.benefits-list .bl-block:last-child{margin: 0;}

.rlt-services { border-radius: 25px; background-color: #f2f7fc; padding: 30px 20px;}
.rlt-services h3 { font-size: 18px; line-height: 30px; color: #3b3b3b; font-weight: 700; margin: 0 0 25px; }
.rlt-services h3 span { line-height: 17px; font-size: 20px; color: #004d8a; }
.rl-service-block{margin: 0 0 15px;}
.rl-service-block:last-child{margin: 0;}

.rl-service-block a { display: flex; align-items: center; gap: 15px; }
.rls-img { min-width: 90px; height: 67px; overflow: hidden; width: 100px; border-radius: 8px; }
.rls-img img { width: 100%; height: 100%; object-fit: cover; }
.rls-desc h4 { font-size: 17px; font-weight: 600; margin: 0 0 5px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  transition: all 0.4s;}
.rls-desc p { font-size: 14px !important; line-height: 18px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.rl-service-block a:hover h4{color: #004d8a; transition: all 0.4s;}

.option-sec { background: #f7fbfe; padding: 80px 0; }
.option-sec h3 { font-size: 40px; line-height: 52px; color: #000000; font-weight: 800; }
.option-sec h3 span { display: block; color: #004d8a; text-transform: uppercase; font-size: 50px; }

.opt-block { border-radius: 20px; background-color: #ffffff; padding: 35px 15px; margin: 0 0 25px; }
.opt-block img { margin: 0 0 15px; }
.opt-block h4 { font-size: 20px; line-height: 35px; color: #000000; font-weight: 700; }
.opt-block p { font-size: 16px; line-height: 28px; color: #3b3b3b; }
.opt-heading { margin-bottom: 15px; }

.solution-sec{padding: 80px 0;}
.solution-sec h3{font-size: 48px; line-height: 60px; color: #000000; font-weight: 800;}
.solution-sec h3 span{color: #004d8a;}
.accordion-item { margin: 0 0 20px; border: 0; border-radius: 25px !important; background-color: #f2f7fc; overflow: hidden; }
.accordion-header button { background: transparent !important; display: flex; align-items: center; gap: 10px; font-size: 17px; line-height: 28px; color: #000000 !important; font-weight: 600; font-family: 'Khula'; box-shadow: unset !important; }
.accordion-header button img { margin-top: -5px; max-width: 20px; }
.accordion-body { padding: 5px 25px 25px; font-size: 16px; line-height: 28px; color: #3b3b3b;}
.accordion-body p { font-size: 16px; line-height: 28px; color: #3b3b3b;}
.sol-img img { max-width: 365px; margin: 0 auto; border-radius: 40px; }

.solution-sec .item.logo-block { border-color: #ddd; background: #fdfdfd; }

.bubble-wrap {width: 100%; position: relative; float: left; padding: 0; text-align: center; overflow: hidden; height: 600px; }
.bubble-wrap::after { content: 'development'; position: absolute; top: 54px; left: 0; text-align: center; width: 100%; font-size: 160px; line-height: 60px; color: #e8f2fb; font-weight: 800; font-family: "Khula", sans-serif; z-index: -1; }
.bubbles {position: relative; background: salmon; }
.bubble {position: absolute; width: 152px; height: 152px; border-radius: 50%; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.1); background-image: url(assets/img/spritesheet.png); background-size: 1076px 1076px; }
.logo1 { background-position:   0      0; }
.logo2 { background-position:  -154px  0; }
.logo3 { background-position:  -308px  0; }
.logo4 { background-position:  -462px  0; }
.logo5 { background-position:  -616px  0; }
.logo6 { background-position:  -770px  0; }
.logo7 { background-position:  -924px  0; }
.logo8 { background-position:   0     -154px; }
.logo9 { background-position:  -154px -154px; }
.logo10 { background-position: -308px -154px; }
.logo11 { background-position: -462px -154px; }
.logo12 { background-position: -616px -154px; }
.logo13 { background-position: -770px -154px; }
.logo14 { background-position: -924px -154px; }
.logo15 { background-position:  0     -308px; }
.logo16 { background-position: -154px -308px; }
.logo17 { background-position: -308px -308px; }
.logo18 { background-position: -462px -308px; }
.logo19 { background-position: -616px -308px; }
.logo20 { background-position: -770px -308px; }
.logo21 { background-position: -924px -308px; }
.logo22 { background-position:  0     -462px; }
.logo23 { background-position: -154px -462px; }
.logo24 { background-position: -308px -462px; }
.logo25 { background-position: -462px -462px; }
.logo26 { background-position: -616px -462px; }
.logo27 { background-position: -770px -462px; }
.logo28 { background-position: -924px -462px; }
.logo29 { background-position:  0     -616px; }
.logo30 { background-position: -154px -616px; }
.logo31 { background-position: -308px -616px; }
.logo32 { background-position: -462px -616px; }
.logo33 { background-position: -616px -616px; }

.featured-portfolio{padding: 80px 0;}
.featured-top h3 { font-size: 40px; line-height: 52px; color: #000000; font-weight: 800; }
.featured-top h3 span { display: block; color: #004d8a; text-transform: uppercase; font-size: 50px; }
.protfolio-slider-block{width: 991px;}
.protfolio-slider-block .portfolio-block { width: 100%; }

.featured-top { position: relative; }

.portfolio-slider .owl-item { transform: scale(0.8) !important; }
.portfolio-slider .owl-item.active.center{transform: unset !important;}

.inner-banner.service-details-banner .banner-content h1 { font-size: 64px; }
.trusted-sec .logo-slider .logo-block img { filter: brightness(0) invert(1); }

.dscf7-captcha-container { padding: 0 !important; background: transparent !important; width: 196px !important; }
.dscf7-captcha-container span.dscf7_lt{font-size: 15px !important;}
.dscf7-captcha-container span.wpcf7-form-control-wrap input { padding: 4px 15px 7px !important; font-size: 14px; height: 34px !important; }
.wpcf7-form p { margin: 0; }
.ct-form .dscf7-captcha-container span.dscf7_lt { color: #fff !important; }
.ct-form .dscf7-captcha-container span.wpcf7-form-control-wrap input { background: #5d636a; padding: 4px 15px 7px; font-size: 14px; height: 35px; border: 0; }

.circle-slider { position: relative; width: 600px; height: 600px; margin-left: -100px; }
.circle-bg { width: 100%; height: 100%; border-radius: 50%; background: #f1f1f1 url('assets/img/ind-bg-2.jpg') center center no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; }
.circle-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); border-radius: 50%; }
.slider-item { border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; background: #ccc; transform: translate(-50%, -50%) scale(0.5); opacity: 0; visibility: hidden; transition: all 0.6s ease; z-index: 1; pointer-events: none; border: 4px solid #fff;}
.slider-item img { width: 100%; height: 100%; object-fit: cover; }
.slider-item .content { display: none; color: #000; text-align: center; padding: 20px; }
.slider-item.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); pointer-events: auto; }
.slider-item.active0 { width: 140px; height: 140px; z-index: 2; }
.slider-item.active1 { width: 220px; height: 220px; z-index: 3; }
.slider-item.active2 { width: 160px; height: 160px; z-index: 4; }
.slider-item.active:hover { width: 300px !important; height: 300px !important; z-index: 10; border: 1px solid #ddd; background: #fff; }
/* .slider-item.active:hover img { display: none; } */
.slider-item.active:hover .content { display: block; }

.arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 32px; z-index: 20; background: none; border: none; cursor: pointer; color: #000; }
.arrow.left { left: -80px; }
.arrow.right { right: -80px; }

.slider-item:hover .industry-content{opacity: 1; visibility: visible;}

.industry-ct { width: calc(100% - 700px); }
.ind-top-content h4 { font-size: 26px; line-height: 36px; color: #000000; font-weight: 700; margin: 0 0 10px; }
.ind-top-content ul{margin: 0 0 30px;}
.ind-top-content ul li{margin: 0 0 10px; list-style-type: disc; list-style-position: inside;}
.industry-sec{position: relative; background: #f3f8ff; z-index: 1;}
/* .industry-sec::after{content: ''; position: absolute; top: -10px; left: 0; width: 100%; height: 100%; background: url('assets/img/banner-art4.png') right bottom no-repeat; z-index: 2; pointer-events: none; animation: hover2 2s ease-in-out infinite;} */
.industry-sec::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border-radius: 50%; border-top-left-radius: 0; border-top-right-radius: 0; z-index: -1; }

.serv-ct-main .item.logo-block { border-color: #ddd; background: #fdfdfd; }
.serv-ct-main h3 { font-size: 48px; line-height: 50px; color: #000000; font-weight: 800; margin: 0 0 40px; }
.serv-ct-main h3 span{display: block; text-transform: uppercase; color: #004d8a;}
.serv-ct-main {padding: 100px 0;}
.opt-heading img { margin: 0; max-width: 30px; margin-top: -5px; }

.related-service-sec { padding: 100px 0; }
.related-service-sec h3 { font-size: 48px; line-height: 50px; color: #000000; font-weight: 800; margin: 0; }
.related-service-sec h3 span{text-transform: uppercase; color: #004d8a;}

.rlt-service-block { border-radius: 20px; background-color: #f4f9ff; padding: 26px; }
.rlt-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; }
.rlt-btm p { font-size: 16px; line-height: 26px; color: #3b3b3b; margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.rlt-img { height: 152px; width: 100%; overflow: hidden; border-radius: 20px; }
.rlt-img img{width: 100%; height: 100%; object-fit: cover;}
.rlt-top h4 { font-size: 18px; line-height: 30px; color: #000000; font-weight: 700; }
.rlt-top a { width: 45px; height: 45px; border-radius: 23px; background-color: #004d8a; display: flex; align-items: center; justify-content: center; color: #fff; transform: rotate(-45deg); font-size: 16px; }
.rlt-top a:hover{background: #055177;transform: rotate(-25deg);}

.title-head { position: absolute; top: 26%; right: 0; background: #fff; font-size: 12px; padding: 4px 20px; border-radius: 20px; white-space: nowrap; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: center; }
.slider-item:hover .title-head { display: none; }

.ct-form .wpcf7-form-control-wrap input { color: #fff !important; }

.main_menu_bar ul li a::after { bottom: -2px; }
.live-clock-canvas { border: 0; border-radius: 50%; }

.about-pg-main { padding: 100px 0; }
.about-pg-main p{margin: 0 0 30px;}
.about-pg-main .card-block p{margin: 0 0 15px;}
.about-pg-main p:last-child, .about-pg-main .card-block p:last-child{margin: 0;}

.about-top h3 { font-size: 40px; line-height: 50px; color: #000000; font-weight: 800; margin: 0 0 30px; }
.about-top h3 span{display: block; color: #004d8a; font-size: 48px;}
.about-top img{border-radius: 19px;}

.card-block { border-radius: 20px; padding: 40px 30px; } 
.card-block h4 { font-size: 22px; line-height: 32px; margin: 0 0 10px; color: #000000; font-weight: 800; }
.card-block img { max-width: 80px; margin: 0 0 20px; }

.card-block ul li { position: relative; padding-left: 18px; margin: 0 0 16px; }
.card-block ul li::after { content: ''; position: absolute; top: 9px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #004d8a; }

.why-us-sec{background: #f7fbfe; padding: 100px 0;}
.wus-top h3{font-size: 48px; line-height: 60px; color: #000000; font-weight: 800; margin: 0 0 10px;}
.wus-top h3 span{color: #004d8a;}
.wus-block { display: flex; align-items: center; gap: 20px; border-radius: 14px; background-color: #ffffff; padding: 20px; margin: 0 0 30px; }
.wus-img { max-width: 70px; min-width: 70px; }
.wus-block h4{font-size: 21px; line-height: 30px; color: #000000; font-weight: 700;}

.exp-sec{padding: 100px 0;}
.exp-sec h3{font-size: 48px; line-height: 60px; color: #000000; font-weight: 800; margin: 0 0 30px;}
.exp-sec h3 span{color: #004d8a;}
.exp-sec img { border-radius: 19px; }

.discover-sec{padding: 100px 0; background: #f7fbfe;}
.discover-sec h3{font-size: 48px; line-height: 60px; color: #000000; font-weight: 800; margin: 0 0 30px; }
.discover-sec h3 span{color: #004d8a;}
.ds-block { display: block; width: 100%; background: #fff; padding: 20px; margin: 0 0 20px; border-radius: 20px; transition: all 0.4s; }
.ds-block:hover { box-shadow: 3px 0 8px rgba(0,0,0,0.1); }
.ds-block h4 { display: flex; align-items: center; gap: 15px; font-size: 18px; line-height: 28px; color: #000000; font-weight: 800; margin: 0 0 10px; transition: all 0.4s; }
.ds-block h4 img { max-width: 30px; margin-top: -5px; }
.ds-block:hover h4 { color: #004d8a; }

.testimonial-main { padding: 100px 0; }
.testi-top h3 { font-size: 48px; line-height: 60px; color: #000000; font-weight: 800; margin: 0 0 35px; }
.testi-top h3 span{color: #004d8a;}
.tm-list { column-width: 500px; column-gap: 50px;}
.tm-block { margin-bottom: 50px; break-inside: avoid; }
.tm-block:nth-child(2n+2) { margin-right: 0 !important; }
.tm-top { display: flex; align-items: center; gap: 15px; margin: 0 0 20px; }
.tm-info h4 { font-size: 20px; line-height: 34px; color: #000000; font-weight: 800; }
.tm-top img { width: 34px; height: 34px; object-fit: cover; border-radius: 50%; }
.tm-desc { border-radius: 16px; background-color: #f2f8fd; padding: 30px; }
.rating { color: #f8ad1d; display: flex; align-items: center; gap: 3px; font-size: 15px; margin: 0 0 15px; }

.cursor-text-outer { position: fixed; top: 0; left: 0; z-index: 99999998; background: #fff; color: #000; padding: 8px 12px; font-size: 12px; font-weight: 400; border-radius: 50px; white-space: nowrap; transform: translate3d(-9999px, -9999px, 0); opacity: 0; transition: opacity 0.2s ease; pointer-events: none; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.cursor-text-outer.show { opacity: 1; }

.hidden-testimonial { display: none; }

.career-bloack h3 { font-size: 40px; line-height: 50px; color: #000000; font-weight: 800; margin: 0 0 30px; }
.career-bloack h3 span{display: block; color: #004d8a; font-size: 48px;}

.career-sec img{border-radius: 20px; max-width: 400px;}








@media only screen and (max-width: 1470.98px) {
  .container { width: 90%; }
  .banner-content { max-width: 420px; }
  .banner-content h1 { font-size: 60px; line-height: 65px; }
  .title-v1, .title-v2 { font-size: 20px; line-height: 25px; }
  body, p { font-size: 16px !important; line-height: 26px !important; }
  .hm-banner { padding: 95px 0 30px; }
  .hm-banner.inner-banner { padding-bottom: 50px; }
  .banner-text { padding-left: 90px; margin-top: 35px; }
  .banner-image { max-width: 440px; }
  .trusted-sec { margin-top: -150px; }

  .expertise-sec h2 { font-size: 50px; line-height: 65px; }
  .counter-block h4 { font-size: 55px; line-height: 60px; }
  .counter-block img { max-width: 50px; }

  .service-sec h2 { font-size: 50px; line-height: 65px; margin: 0 0 50px; }

  .service-block { padding: 20px 25px; padding-right: 0; gap: 20px; }
  .service-block h4 { font-size: 26px; line-height: 30px; }

  .service-ico { width: 58px; height: 58px; border-radius: 50%; min-width: 58px; }
  .service-ico img { max-width: 18px; }
  .industry-sec{padding: 80px 0;}

  .industry-block{height: 440px;max-width: 400px; min-width: 400px;}
  .industry-block a{padding: 25px;}

  .cube { width: 15px; height: 15px; }
  .schedule-art{right: -65px;}

  .portfolio-block a { padding: 30px 25px; }
  .portfolio-main .nav-link span { width: 60px; height: 60px; border-radius: 50%; }
  .portfolio-main .nav-link span img { max-height: 20px; }
  .portfolio-main .nav.nav-tabs li button { font-size: 14px; font-weight: 600; padding: 15px 10px; }

  .inner-banner.service-details-banner .banner-content h1 { font-size: 50px; }
  .opt-block h4 { font-size: 17px; line-height: 27px; }
  .protfolio-slider-block { width: 910px; }

  .circle-slider { margin-left: 0; transform: scale(0.9); }
  .serv-ct-main h3 { font-size: 40px; line-height: 45px; color: #000000; font-weight: 800; margin: 0 0 20px; }

  .about-top h3, .exp-sec h3, .discover-sec h3, .wus-top h3, .testi-top h3{font-size: 40px; margin: 0 0 25px;}
  .about-top h3 span{font-size: 46px;}

  .wus-block h4 { font-size: 18px; line-height: 28px; } .wus-img img { max-width: 58px; }
  .ds-block h4{font-weight: 700;}

  .about-pg-main, .why-us-sec, .exp-sec, .discover-sec, .testimonial-main{padding: 60px 0;}

  .tm-top{margin: 0 0 15px;}







}

@media only screen and (max-width: 1360.98px) {
.hm-nav ul li a { font-size: 16px; }
  
}

@media only screen and (max-width: 1270.98px) {
  .hm-nav { gap: 15px; }
  .hm-nav ul li { margin: 0 10px; }
  .trusted-sec { margin-top: -110px; padding-top: 300px; }
  .nav-img { max-width: 370px; position: relative; margin-right: 50px; }
  .nav-img1 { max-width: 220px; top: -45px; left: -50px; }
  .sgl-tech-block h4 { font-size: 18px; }
  .container { width: 96%; }
  .btn.btn-primary { font-size: 14px; border: 1px solid transparent; }

  .schedule-box{margin-right: 50px;}

  .portfolio-main .nav-link{gap: 15px;}
  .industry-ct { width: calc(100% - 650px); }
  html,body {overflow-x: hidden;}

}

@media only screen and (max-width: 1170.98px) {
  .banner-image { max-width: 400px; }
  .nav-img2 { max-width: 330px; }
  .industry-block a { padding: 15px; }
  .stories-sec h3 { font-size: 44px; line-height: 68px; }
  .btn-set { display: flex; gap: 15px; flex-wrap: wrap; }
  .industry-block { height: 400px; max-width: 350px; min-width: 350px; }
  .footer-bottom{gap: 25px;}
  .contact-sec .inner > div { width: 50% !important; max-width: unset; }
  .client-logo a{width: calc(32% - 12px);}
  .banner-image > img { max-width: 280px; }

  .circle-slider-main { flex-direction: column; }
  .industry-ct { width: 100%; text-align: center; margin-top: 50px; }

  .ds-block h4 { font-weight: 700; font-size: 16px; line-height: 22px; }
  .ds-block h4 img { max-width: 22px; }

}

@media only screen and (max-width: 991.98px) {
	.js #menu { display:none; }
	.js .slicknav_menu { display:block;z-index: 999999;}
	.slicknav_menu{ position:absolute; top:11px; left:0; width:100%; z-index:99999; pointer-events:none; }
	.slicknav_btn {pointer-events: all; top: 7px; background: #004d8a !important; margin: 0 10px 0 0 !important; }
  .slicknav_nav { pointer-events: all;background: #2c2e2f; border: 0 !important; color: #fff; padding: 0; font-size: 17px; overflow: hidden; pointer-events: all; border-radius: 6px; float: right; width: 100%; margin: 20px 0 0 5px !important; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
	.slicknav_nav a:hover{color: #f1f1f1 !important;}
  .slicknav_nav .sub-menu a { font-size: 13px !important; line-height: 16px !important; }
  
  .hm-nav { padding-right: 35px; }
  .banner-main::after{background-size: 120px;}

  .block-top { margin: 0 0 100px; margin-top: 0; justify-content: space-between !important; }
  .trusted-sec{padding-top: 170px;}
  .info-text { top: -98px; padding: 15px; left: auto; }

  .expertise-sec { padding: 60px 0 0; }
  .expertise-sec h2 { font-size: 42px; line-height: 58px; }
  .exp-img2{max-width: 150px;}

  .counter-sec { flex-wrap: wrap; }
  .counter-block { width: 50%; padding: 35px 25px 40px; }
  .service-sec { padding: 60px 0; }

  .service-sec .d-flex { flex-direction: column; }
  .nav-info { max-width: unset; }

  .service-sec .tab-content { margin-top: 90px; }
  .nav-img2 { max-width: 400px; }
  .nav-img { max-width: 400px; position: relative; }
  .tech-left { max-width: 170px; width: 170px; min-width: 170px; }
  .tech-right a { font-size: 14px;}
  .industry-sec { padding: 60px 0; }
  .stories-sec{padding: 60px 0; text-align: center;}
  .success-rate-main { justify-content: center; }
  .btn-set{justify-content: center;}
  .story-slider { max-width: unset; margin-top: 40px; }
  .copyright-tab p{max-width: 320px;}

  .header-main.header-scrolled{position: relative;}
  .sgl-block {max-width: unset; }
  .back-to-top{bottom: 70px;}
  .footer-bottom { flex-wrap: wrap; }

  .info-text::after , .info-text::before {display: none;}

  .contact-sec { padding: 60px 0; }
  .contact-sec .inner{flex-direction: column;}
  .contact-sec .inner > div{width: 100% !important;}
  .contact-right{order: -1;}

  .portfolio-sec{padding: 60px 0;}
  .portfolio-main .nav.nav-tabs li button{line-height: 20px;} 
  .portfolio-block h3 { font-size: 20px; line-height: 25px; margin: 0 0 20px; }
  .portfolio-main .nav-tabs .nav-link.active { background: #004d8a; color: #fff !important; }

  .inner.career-inner .contact-right { order: unset; }

  .inner-banner.service-details-banner .banner-content h1 { font-size: 46px; }
  .service-top { padding: 60px 0; }
  .service-img { height: 330px;}
  .benefits-tab { margin-top: 35px; }
  .option-sec, .solution-sec, .featured-portfolio{padding: 60px 0;}

  .option-sec h3, .solution-sec h3, .featured-top h3 { font-size: 30px; line-height: 42px; }
  .option-sec h3 span, .solution-sec h3 span, .featured-top h3 span{font-size: 40px;}
  .bubble-wrap::after { top: 28px; font-size: 100px; }
  .featured-portfolio{padding: 0;}
  .portfolio-slider{margin-top: 15px !important;}
  .tab-art { top: -80px; right: 0; }
  .hm-banner { padding: 30px 0; }

  .serv-ct-main, .related-service-sec { padding: 60px 0; }
  .related-service-sec h3 { font-size: 40px;}
  .service-ct-img img{margin-top: 30px;}

  .banner-content h1 { font-size: 50px; line-height: 65px; }
  .about-top h3, .exp-sec h3, .discover-sec h3, .wus-top h3 { font-size: 35px; margin: 0 0 25px; line-height: 45px; }
  .about-top h3 span { font-size: 38px; } .about-top img { margin-top: 35px; }

  .card-block { padding: 30px 20px; }
  .card-block img{margin: 0 0 15px !important;}
  .mission-vision{margin-top: 25px;}
  .exp-sec img { margin-bottom: 35px; }




}


@media only screen and (max-width: 767.98px) { 
  .header-main { padding: 10px 0;}
  .hm-nav .btn { display: none; }
  .slicknav_btn{top: 0;}
  .hm-banner { padding: 50px 0 30px; }
  .banner-content { max-width: unset; }
  .hm-banner .inner{flex-direction: column;}
  .banner-content h1 { font-size: 45px; line-height: 55px; margin-bottom: 0; }
  .title-v1, .title-v2 { font-size: 15px; line-height: 25px; }
  .banner-text { padding-left: 0; margin-top: 10px; }
  .banner-image { margin: 50px 0 0 0; }
  .banner-text .down-arrow { position: absolute; left: auto; top: auto; right: 0; bottom: -50px; } .block-top { flex-direction: column; }
  .expertise-sec h2 { font-size: 32px; line-height: 45px; }
  .expertise-sec h2 .title-v2 { text-transform: none; padding-right: 0; font-size: 18px; line-height: 20px; display: block; margin-bottom: 15px; }
  .expertise-sec { padding: 100px 0 0; }
  .schedule-box p { margin: 0; }
  .exp-block { padding: 40px 0; top: 0; position: relative; }
  .exp-img { margin-top: 100px !important; max-width: 480px; margin: 0 auto; }
  .exp-desc { max-width: unset; }
  .counter-block { width: 50%; padding: 25px 20px 20px; text-align: center; }
  .counter-block img { max-width: 40px; }
  .counter-block h4 { font-size: 40px; line-height: 42px; }
  .service-sec h2 { margin: 0 0 35px; font-size: 32px; line-height: 45px; }
  .service-block{flex-direction: column;}
  .nav-img1 { max-width: 190px; top: -46px; left: -10px; }
  .tech-sec { padding: 60px 0; }
  .sgl-tech-block { flex-direction: column; }
  .sgl-tech-block > div { width: 100%; max-width: unset;}
  .tech-right{gap: 12px;} .industry-sec h3 { font-size: 30px; line-height: 37px; }
  .stories-sec h3 { font-size: 32px; line-height: 45px; }
  .success-rate-main { flex-wrap: wrap; gap: 15px; }
  .sr-block { width: 134px; height: 134px; border-radius: 50%; }
  .btn-set { align-items: center; justify-content: center; }
  .footer-main{padding: 60px 0 0 0;}
  .footer-top{flex-direction: column;}
  .footer-bottom { gap: 20px; flex-wrap: wrap; }
  .footer-block ul li a{line-height: 25px;}
  .footer-block { margin: 0 0 20px; }
  .footer-bottom { padding: 40px 0; }
  .copyright-tab .inner { text-align: center; flex-direction: column; }
  .cube { width: 10px; height: 10px; }

  .banner-art{top: -15px;}
  .sgl-block{width: 100%;} .schedule-box { max-width: unset; }
  .footer-left{max-width: unset;} .footer-right{max-width: unset;}

  .footer-block { width: calc(32% - 10px); }
  .contact-form, .clients-tab{padding: 25px 20px;}
  .client-logo a { width: calc(50% - 10px); }
  .contact-sec .story-block { padding: 25px 20px; }

  .company-info{flex-direction: column;}
  .info-text { text-align: right; position: relative; top: auto; padding: 0; display: flex; align-items: center; justify-content: flex-end; }
  .info-text p{max-width: 140px;}
  .block-top { margin: 0 0 50px; }
  .video-main{top: -6px;}
  .logo-slider { margin: 35px 0 0 0; }
  .trusted-sec { padding-bottom: 50px; }
  .item.logo-block img { max-height: 20px; }
  .item.logo-block { height: 48px; padding: 6px 20px; }

  .portfolio-main .nav.nav-tabs li button { line-height: 20px; flex-direction: unset; justify-content: flex-start; }
  .portfolio-main .nav.nav-tabs { flex-direction: column; }
  .portfolio-main .nav-link span { width: 42px; height: 42px; }
  .portfolio-list { gap: 20px; margin-top: 40px; }
  .portfolio-block{width: 100%;}
  .portfolio-block a { padding: 25px 15px; }

  .pb-bottom { flex-direction: column; gap: 20px; }
  .pb-bottom .story-block { padding: 25px 15px; max-width: 100%; }
  .pb-bottom .story-block .comma { right: 15px; bottom: 15px; pointer-events: none; opacity: 0.5; }

  .banner-image > img { max-width: 100%; }
  .inner-banner.service-details-banner .banner-content h1 { font-size: 35px; }

  .bl-img { min-width: 20px; }
  .bl-desc h4 { font-size: 16px;}
  .option-top { flex-direction: column; text-align: center; }
  .option-sec h3, .solution-sec h3, .featured-top h3 { font-size: 24px; line-height: 36px; } .option-sec h3 span, .solution-sec h3 span, .featured-top h3 span { font-size: 34px; }
  .accordion-header button { font-size: 16px; line-height: 20px; font-weight: 600; }
  .accordion-body { padding: 5px 20px 20px; font-size: 14px; line-height: 24px; }
  .sol-img img { max-width: 280px; margin: 0 auto; width: 100%; }
  .bubble-wrap::after { top: 15px; font-size: 50px; }
  .featured-top { position: relative; flex-direction: column; text-align: center; }
  .protfolio-slider-block { width: 400px; }
  .portfolio-slider .owl-item { transform: unset !important; }
  .portfolio-slider { margin-top: 45px !important; }
  .featured-portfolio { padding: 0 0 60px; }
  .opt-block { padding: 15px 15px; margin: 0 0 20px; }
  .opt-block img { margin: 0 0 10px; max-width: 35px; }

  .circle-slider { transform: scale(0.53); margin-top: -150px; }
  .industry-ct { margin-top: -100px; }
  .industry-sec h3 { font-size: 28px; line-height: 37px; margin: 0 0 15px; }
  .industry-sec::before { left: -50%; width: 758px; }

  .serv-ct-main h3 { font-size: 30px; line-height: 40px; }
  .related-service-sec h3 { font-size: 30px; line-height: 35px; }
  .related-service-top{flex-direction: column; text-align: center;}

  .title-v2::after { content: ''; width: 55px; height: 59px; border-radius: 31px; top: -17px; left: 0; z-index: -1; }
  .schedule-art { right: 0; bottom: 6px; max-width: 57px; }
  .bubble-wrap{height: 440px;}
  .bubble-wrap .bubbles { transform: scale(0.7); }

  .client-logo a img{max-height: 30px;}

  .about-top h3, .exp-sec h3, .discover-sec h3, .wus-top h3, .testi-top h3 { font-size: 30px; margin: 0 0 20px; line-height: 40px; }
  .about-top h3 span { font-size: 32px; }
  .card-block h4 { font-size: 18px; line-height: 25px; margin: 0 0 5px; }

  .wus-block { gap: 10px; padding: 16px; margin: 0 0 15px; }
  .wus-block { display: flex; align-items: center; gap: 10px; border-radius: 14px; background-color: #ffffff; padding: 16px; margin: 0 0 15px; }
  .wus-img img { max-width: 52px; }
  .wus-block h4 { font-size: 16px; line-height: 26px; }
  .exp-sec .inner { padding: 0 !important; }



}


@media only screen and (max-width: 640.98px) { 
  .banner-art { top: -30px; left: -5px; max-width: 60px; }
  .video-main .video-img{width: 125px;}
  .video-trigger { right: 25px; }
  .nav-img{margin-right: 0;}
  .logo-slider.owl-carousel .owl-item { margin-right: 10px !important; }
  .sgl-tech-block{gap: 15px;}
  .tech-right { gap: 8px; }
  .tech-right a { font-size: 12px; padding: 6px 12px; width: calc(50% - 4px); line-height: 22px; }
  .tech-right a img { max-width: 15px; }
  .owl-nav { top: -40px; right: 15px; font-size: 55px; }

  .footer-block { width: 100%; text-align: center; margin: 0 0 15px; padding: 0 0 30px; border-bottom: 1px solid #4d4d4d; }
  .footer-block:last-child{margin: 0; padding: 0; border: 0;}
  .social-links{justify-content: center;}
  .footer-block ul li { display: inline-block; margin: 0 8px; }
  .story-block{padding: 30px 20px;}

  body, p { font-size: 14px !important; line-height: 25px !important; }

  .protfolio-slider-block { width: 340px; }

  .sol-img img { max-width: unset; }

  .tm-list { flex-direction: column; gap: 35px; }
  .tm-block { width: 100%; }
  .tm-top { margin: 0 0 10px; gap: 10px; }
  .tm-top img { width: 24px; height: 24px; object-fit: contain; } .tm-info h4 { font-size: 17px; line-height: 20px; }
  .tm-desc { padding: 20px; }

}