*,*::before,*::after,*::before
 { 
    box-sizing: border-box;
    margin: 0;
    padding:0;
    font-size: 100%;
 }
 a{
    text-decoration: none !important;
    outline: none;
    box-shadow: none;
 }
 a:hover{
    text-decoration: none;
 }
html, 
body { 

    font-size: 20px; 
    font-weight: 400;
} 
footer,footer ol,footer ul,ul, ol{
  font-family: var(--font1) !important;
}
:root { 

    --font1: "Inter", sans-serif; 

    --font2: "Poppins", serif; 

    --theme-blue: #003366; 

    --theme-light-blue: #36c3f2;

    --theme-black: #1a1a1a; 

    --theme-link: #0d6efd; 

    --theme-grey: #666666; 

    --section-padding-y: 100px; 
    --section-padding-top:100px;
    --section-padding-top-bottom:50px;
} 
h1,h2,h3,h4,h5,h6,button{
  font-family: var(--font2) !important; 
}
body { 

    font-family: var(--font1) !important; 

    margin: 0!important; 


    padding: 0!important; 


    border: 0!important; 


    color: var(--theme-black)!important; 


    vertical-align: baseline!important; 


    font-weight: 300!important; 


    line-height: 1.5!important; 


    font-size: 17px!important; 
 

} 

/*-----stat to fox the horizontal scroll in magnification of aos animation------*/
html, body {
  overflow-x: hidden !important;
}

[data-aos].aos-animate {
  overflow-x: visible; /* after animation finishes, show everything */
  
}

[data-aos][data-aos].aos-animate {
    opacity: 1 !important;
}
[data-aos] {
    opacity: 1 !important;
    transform: translateX(20px); /* keep movement but no fade */
}
.case-card[data-aos].aos-animate {
    overflow-x: hidden;
}
.case-studies-content img.feature-img[data-aos].aos-animate {
    overflow-x: hidden;
}
/*-----stat to fox the horizontal scroll in magnification of aos animation------*/
.preloader {
    position: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    
  }
  .preloader__video {
    /* animation: flipInY 5s infinite; */
    width: 50%;
    height: 50%;
  }
a#backToTop {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 3px;
    right: 3%;
    display: none;
    outline: none !important;
    /* background-color: #0074A2; */
    background-color: #0074A2;
    text-align: center;
    z-index: 999 !important;
    border-radius: 50px;  
  

}
header.app-nav.dark-theme-header
{
  height: 85px;
}
ul { margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5 { margin-top:0; }
.btn { background: #5db2fe; color: #fff; border: none; border-radius: 4px; padding: 10px 24px; font-weight: 600; cursor: pointer; }
.btn.outline-btn { background: none; color: #4464ad; border: 2px solid #4464ad;}
.btn.hero-btn { font-size: 1rem; }
.navbar { display: flex; justify-content: space-between; align-items: center; padding: 14px 4vw; background: #fff; border-bottom: 1px solid #e1e7f5; }
.navbar .navbar-brand { display: flex; align-items: flex-end; gap: 7px; }
.brand-logo { background:#5db2fe; width:40px;height:40px; border-radius:8px; display:inline-block;}
.brand-logo-footer { background:#5db2fe; width:38px;height:38px; border-radius:8px; }
.brand-name { font-weight:700; font-size: 1.35rem; }
.brand-tagline { color:#7fa6e6; font-size:0.82rem; margin-left:8px; }
.navbar ul { display:flex; gap:26px;}
.navbar li { font-size:1rem; }
.nav-contact-btn { background:#143a8e; color:#fff; font-weight:600; border:none; border-radius:6px; padding:8px 18px; }
.hero { background:linear-gradient(95deg,#143a8e 76%,#28449b 100%); color:#fff; padding:58px 4vw 22px 4vw; position:relative;}
.hero-content { max-width:560px; }
.hero h1 { font-size:2.3rem; line-height:1.18; margin-bottom:10px;}
.hero p { font-size:1.1rem; margin-bottom:28px;}
.hero-graphic { position:absolute; right:4vw; top:40px; width:330px; height:180px; background:radial-gradient(circle at 70% 60%,#78dbfa 10%,transparent 80%); mix-blend-mode: screen; z-index:1;}
.hero-nav { margin-top:55px;}
.hero-nav ul { display:flex; gap:32px; justify-content: left; flex-wrap:wrap;}
.hero-nav li {font-size:0.93rem;color:#b1c3ea;}
.hero-nav li span { color:#fff; font-weight: 500; }


/* Trusted Logo Row */
.trusted-logos { background:#fff; padding:34px 4vw 14px 4vw; text-align:center; border-bottom:1px solid #e3e7fa;}
.trusted-logos span { display:block; font-weight:600; margin-bottom:8px; font-size: 1.11rem;}
.logo-row { display:flex; justify-content:center; align-items:center; gap:32px; flex-wrap: wrap;}
.logo-row img { height:34px; filter: grayscale(1) brightness(1.13); opacity:0.91; }

/* Services Carousel */
.carousel-section { max-width: 1130px; margin: 42px auto; padding: 0 4vw;}
.carousel-section h2 { margin-bottom:8px; font-size:1.33rem; color:#143a8e; font-weight:700;}
.carousel-desc { color:#466eed; margin-bottom:18px; }
.carousel-container { display:flex; align-items:center; gap:0; position: relative; background: #fff; border-radius:15px; box-shadow:0 4px 18px 0 rgba(0,16,91,0.06);}
.carousel-track { display:flex; overflow-x:auto; gap:15px; width: 100%; padding: 27px 0; scroll-behavior: smooth;}
.carousel-item { background:#e4ecfa; color:#122244; min-width:235px; padding:30px 22px; border-radius:13px; margin-right:10px; box-shadow: 0 2px 8px rgba(60,100,220,0.08);}
.carousel-icon { font-size:2.3rem; display:block; margin-bottom: 9px;}
.carousel-arrow { background:rgba(34, 91, 175, 0.12); border:none; border-radius:50%; cursor:pointer; color:#235bad; font-size:2.1rem; width:48px; height:48px; display:flex; align-items:center; justify-content:center; position:absolute; top:50%; transform:translateY(-50%); z-index:2; opacity:0; transition: opacity 0.2s;}
.carousel-arrow.left { left:12px;}
.carousel-arrow.right { right:12px;}
.carousel-container:hover .carousel-arrow { opacity:1; }

/* Mission/Challenge Section */
.mission-challenge {
 
  background: #F2EEFB;
  padding: 50px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
 
}

.mission-challenge .btn {

  background-color: var(--theme-light-blue);
  color: #fff;
  padding: 13px 30px;
  border: none;
  border-radius: 8px;
  font-size: 18px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  width: fit-content;
}

.mission-challenge .btn:hover {
  background-color: #008ecc;
}

.mission-challenge .solutions {
  background: url('../img/Homepage/about-bg-2.png')
    no-repeat center center/cover;
    align-items: flex-end;
    border-radius: 25px;
    padding:30px;
    background-color: #003366;
}
.mission-challenge .btn::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}


.mission-challenge .counter-box {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #fff;
  color: #1e3b52;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  border-radius: 12px;
  font-weight: 600;
  z-index: 2;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.mission-challenge .counter-box i {
  font-size: 28px;
  color: #1e3b52;
}

.mission-challenge .counter-box span {
  font-size: 24px;
  font-weight: bold;
}

.products-section { margin:56px auto; max-width:1190px; padding:0 4vw;}
.products-section h2 { color:#183471; }
.product-grid { display: flex; gap: 18px; flex-wrap: wrap; }
/* .product-card { background: #112e68; color:#fff; border-radius:13px; 
   padding:18px 20px; margin-bottom:14px;} */
    .product-card 
    {color:#fff;
    background: #112e68;
  background-position: right;
    height: 100%;
    /* min-height: 720px; */
  }
.mini-label { background:#5db2fe; color:#fff; display:inline-block; font-size:0.82rem; margin-top: 6px; padding: 1px 7px; border-radius:4px;}

.solutions-section { max-width:1190px; margin:44px auto; padding:0 4vw;}
.solutions-section h2 { color:#143a8e; margin-bottom:13px;}
.solutions-row { display:flex; gap:20px; flex-wrap: wrap; }
.solution-card { flex:1; min-width:210px; background:#fff; border-radius:11px; box-shadow:0 2px 12px 0 rgba(20, 60,120,0.07); padding:15px 10px 20px 10px;}
.solution-img { background:#b4d2fa; height:75px; border-radius:10px; margin-bottom:9px;}
.solution-1 { background:#cabcf9;}
.solution-2 { background:#e3cde6;}
.solution-3 { background:#cbf1e8;}
.solution-4 { background:#fae2b6;}
/* Add background images or SVGs here as needed. */

.social-good-sec { background-color:#022547 ;}
.social-good-sec .sofkin-container,.social-good-sec .shetek-container{ justify-content: space-between;}
.social-inner h4 { margin:7px 0 0 0; font-size:1.1rem;}

.testimonial-section {padding: 50px var(--section-padding-y);background-color:#F2EEFB;}
.testimonial-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 25px;
}
.testimonial-lead {
      color: #1a1a1a;
    font-size: 20px;
    /* max-width: 620px; */
    /* text-align: left; */
    padding-top: 15px;
    font-weight: 400;
    line-height: 1.5;
}

/* Carousel Layout */
.testimonial-carousel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.testimonial-heading-sec
{
   width: 60%;
    margin: auto;
    text-align: center;
}
.testimonial-cards {
  display: flex;
  gap: 24px;
  overflow-x: hidden;
  width: 100%;
  scroll-behavior: smooth;
}

.testimonial-card {
  background: #fff;
  border-radius: 15px;
  /* box-shadow: 0 1px 32px 0 rgba(35, 57, 93, 0.07); */
  flex: 0 0 49%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow 0.2s;
  position: relative;
  /* gap:30px; */
}
.our-services .services-section
{
  padding: var(--section-padding-top-bottom) 0;
}
.testimonial-card.highlight {
 
  flex-direction: row;
}
.testimonial-card-info{
background-color: #E2DDEE;
border-radius: 15px;
display: flex;
flex-direction: column;
text-align: center;
min-width: 300px;
justify-content: center;
align-items: center;
padding:20px;
height: 100%;
}
.icon-quote {
  font-size: 2.7rem;
  color: #234162;
  margin-bottom: 12px;
  margin-left: -8px;
  display:none;
}

/* Card Content */
.testimonial-logo {
  object-fit: contain;
  border-radius: 15px;
  margin-bottom: 14px;
  background: #fff;
  display: block;
}
/* .testimonial-author {
  margin-bottom: 8px;
} */
.author-name {
    color: #022547;
    font-weight: 500;
    font-size: 22px;
}
.author-title {
     color: #1a1a1a;
    font-size: 18px;
    font-weight: 400;
}
.testimonial-text {
  color: #242d36;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  margin: 10px 20px 10px 20px;
  padding: 0px 10px 0 0;
  height: 240px;
  /* overflow-y: auto; */
  overflow: hidden;        /* hide scrollbar by default */
  transition: all 0.3s ease;
  scroll-behavior: smooth;
   scrollbar-width: thin;  
  /* align-items: center; */
  /* justify-content: center; */
  /* display: flex; */
}
/* .testimonial-text:hover{
  overflow-y: auto;  
} */
/* .testimonial-text::-webkit-scrollbar {
  width: 4px;
}
.testimonial-text::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.testimonial-text::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.testimonial-text::-webkit-scrollbar-thumb:hover {
  background: #555;
} */

/* Carousel Arrows */
.testimonial-section .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff !important;
  color: #003366 !important;
  border: none;
  border-radius: 50%;
 padding: 10px 13px;
    font-size: 20px;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  box-shadow: 0 1px 6px #00336622;
  transition: opacity 0.21s, background 0.21s;
}
.testimonial-section .arrow-left { left: -30px; }
.testimonial-section .arrow-right { right: -30px; }
.testimonial-section .arrow:hover {
  background-color: #003366 !important;
  color: #fff !important;
}

/* .testimonial-carousel:hover .arrow {
  opacity: 1;
} */

.social-icons-bar {
  display: flex;
  gap: 16px;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #143665 !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1.38rem;
  transition: background 0.18s, color 0.18s;
  text-decoration: none;
  box-shadow: 0 1px 6px rgba(25,50,102,0.08);
}
.social-icon:hover {
  background: #00a8e8;
  color: #fff !important;
}


.footer-widget-dark__subscribe button:hover {
    background-color: #00a8e8 !important;
}
a#backToTop .bi-arrow-up {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
}
header.app-nav.dark-theme-header nav {
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.4s;
    margin-bottom: 0;
    justify-content: space-around;
    border-radius: unset;
    
}

header.app-nav.dark-theme-header nav.smacAppsNavDarkBar:is(.smacAppsNavBarInnerpage) {
    background-image: none;
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.1);
    border-bottom:1px solid #fff;
}

.container-fluid.section-space
{
    padding-left:var(--section-padding-y);
    padding-right:var(--section-padding-y);
}
.smacAppsNavDarkBar

 {
    background-color: #fff !important;
   
    background-image: none;
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.1);
}

.smacAppsNavDarkBar .collapse.navbar-collapse
{
    display:flex !important;
    justify-content: center;
}
.footer-widget-dark__about-text-box li a:hover i {
    color: #fff;
    background-color: #00a8e8;
}

.dark-menu {
    list-style: none;
    display: flex;
    column-gap: 20px;
}

.dark-menu li {
    position: relative;
}

.dark-menu li .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #222;
    padding: 10px;
    z-index: 1000;
}


.mega-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    
} 
.mega-menu #mega-menu-wrap-max_mega_menu_1 {
    background-color: #fff;
   
}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu
{
    background-color:#fff;
    border-radius: 0 0 20px 20px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #fff;
    margin-top: -15px;
    z-index:-1;
}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1
{
    padding:1.5px 20px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu.mega-menu-item > a.mega-menu-link
{
    border-radius: 10px;

}
.mega-menu 
#mega-menu-wrap-max_mega_menu_1 
#mega-menu-max_mega_menu_1 
li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row 
.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:not(:first-child){
    padding: 5px 15px 5px;
}
.mega-menu 
#mega-menu-wrap-max_mega_menu_1 
#mega-menu-max_mega_menu_1 
li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row 
.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:is(:first-child){
    padding: 30px 15px 5px;
}
.mega-menu 
#mega-menu-wrap-max_mega_menu_1 
#mega-menu-max_mega_menu_1 
li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row 
.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:is(:last-child){
    padding: 5px 15px 15px;
}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link
{
 font-size:16px;
 text-transform: capitalize;
color:#121212;
}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:focus,
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link
,.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:hover > a.mega-menu-link
,.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:focus > a.mega-menu-link
,.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:focus-visible > a.mega-menu-link{
    color:#2196f3;
    background-color: unset;
}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link
{
    color:#121212;
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    padding: 1rem 2rem;
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link
{
    background-color: #2196F3;
    color:#fff;
    font-weight:300;

}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after
{
    /* content: "→"; */
    margin-left: 8px;
    font-size: 16px;
    color: #fff; /* or any visible color */
  /* //  display: inline-block; */


    content: "\F138"; /* Unicode for bi-arrow-right */
    font-family: "bootstrap-icons"; /* REQUIRED */
    font-style: normal;
    font-weight: normal;
    display: inline-block;
}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link::after
{
    /* content: "↗"; */
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;

}
.mega-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
    content: "\f107";
    font-family: "bootstrap-icons" !important;
    font-weight: 900;
    display: inline-block;
    padding-left: 6px;
    margin-top: 2px;
    align-items: center;
    content: "\F138";
    transform: rotate(45deg);
}
.dark-menu li:hover > .sub-menu {
    display: block;
}

.dark-menu li.menu-item-has-children > a::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f107";  
    margin-left: 6px;
    color: #ccc;
    font-size: 0.8em;
}

.dark-menu li.menu-item-has-children:hover > a::after {
    content: "\f106"; 
    color: #fff;
}

.dark-menu a {
    text-decoration: none;
    color: white;
    padding: 8px 12px;
    display: block;
}


.sub-menu li a {
    color: white;
}

button.sub-menu-toggle {
    visibility: hidden;
    display: none;
}

ul.contact-list.btn-3 a {
  display: inline-block;
  background-color:var(--theme-blue);
  color: white;
  border-radius: 8px;
   padding: 13px 30px;
  text-align: center;
  text-transform: capitalize;
  transition: 0.5s;
  box-shadow: 0 0 20px #eee;
  position: relative;
}


.header-contact-btn {
  color: white;
  text-decoration: none;
  /* font-weight: bold; */
}

.contact-btn-col ul li a::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left:10px;
}
.row.header-row ul.contact-list a:hover{
    text-decoration: none;
}
.contact-btn-col
{
    align-items: center;
    display:flex;
    justify-content: flex-end;
}
ul.contact-list li a{
    color:#fff;
}
.row.header-row ul li a {
    text-transform: capitalize;
    /* font-size: 18px; */
}
/* .row.header-row ul li a.header-contact-btn {
        font-size: 18px !important;
} */
.Dark-fixed-top {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
   
  }

.row.header-row ul li a.header-contact-btn
{
    display:flex;
    align-items: center;
}
/*-------------------------------header part--------------------*/
/*-------------------------------start footer part--------------------*/
.site-dark-footer {
    background-color: #022547;
    padding: 50px var(--section-padding-y);
    background-image: url(../img/Homepage/footer-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    color:#fff;
    /* opacity: 0.8; */
    /* border-top: 1px solid #cecece; */
    /* background: linear-gradient(to bottom, #ffffff, #e4f8fa 40%); */
}
.site-dark-footer a{
  color:#fff;
}
.site-dark-footer .container-fluid 
{
    margin-left: 0;
    margin-right: 0;
    padding-left:0;
    padding-right:0;
}
.footer-widget__text p{
  
  font-size: 20px;
  line-height: 1.3;

}
.last-col-container
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.footer-dark-first-row
{
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}
.footer-widget-dark__about-text-box li a>i::before{
  font-size:16px
}
.footer-widget__text p a{
    font-weight: 500 !important;
}
.footer-menu-items-col 
{
  margin-top:145px;
}

.footer-widget__text p a:hover{
    text-decoration: underline;
}
.footer-widget__text{
    padding-top:5px;
    justify-content: flex-end;
    align-items: flex-start;

}
.footer-dark-second-row
{
    padding-top:10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7cae0;
    margin:0 !important;
}
.footer-widget-dark__about-text-box li:last-child a>span
{
  width:70%;
}
.footer-widget-dark__subscribe h3,.footer-dark-quick-links h4,.footer-dark-quick-links h3,.footer-widget-dark__about-text-box h4{
    padding-bottom: 20px;
    font-weight:500;
    font-size: 22px;
    color: #e3f6fd;
}
.footer-widget-dark__subscribe #newsLetterSubForm input{
    background-color: unset;
    border: unset;
   box-shadow: none;
   font-weight:300;
   font-size: 18px;
}
.footer-widget-dark__subscribe #newsLetterSubForm input#email-id {
    position: relative !important;
}
.subscribe-input input::placeholder {

    transition: color 0.3s ease;
}
.subscribe-input input:-internal-autofill-selected {
    border-radius: 30px;
background-color:#fff;
}
.footer-widget-dark__subscribe #newsLetterSubForm input:focus
{
     outline: unset;
}
.footer-widget-dark__subscribe #newsLetterSubForm input:focus::placeholder {
   
     color: #003366;
}
.footer-widget-dark__subscribe #newsLetterSubForm input#check1{
   border:1px solid #cecece;
   color: #121212;
   width: 16px;
   height: 16px;
   border-radius: 5px;
   margin-top: 0px;
}
.light-menu .sub-menu li.menu-item:hover a,.row.header-row ul li a,
.row.header-row ul li a.header-contact-btn,.nv-hero-btn,.services-section .service-btn,
.mission-challenge .btn,.our-products a.products-btn, .service-btn-impact, .our-case-studies a.case-studies-btn, .social-respons-sec .social-resp-btn,.mission-rate,.product-box p,.footer-img__weight p
,.product-intro .product-btn-impact,.product-card-buttons .btn,.blurb-btn,.author-name,.breadcrumb a,.breadcrumb span, .back-home-btn ,.services-list-item li span,.services-content-sec a.service-tab-content-btn,.case-study-tabs .tab-button,.case-study-pagination .nav-title,.case-info .post-categories ul.nav li>a,.case-study-pagination .nav-title,.products-header .product-btn-impact,a.service-tab-content-btn{
  font-family: var(--font2)!important;
}
.footer-widget-dark__about-text-box a{
  font-size:20px !important;
}
.footer-img__weight p
{
  font-size: 20px !important;
  font-weight: 400;
   width:80%;
  line-height: 1.5;
   color: #e3f6fd;
}
.footer-img__weight p:last-child
{
 font-size: 18px!important;
 font-weight: 300;
 color: #e3f6fd;
 width:70%;
 font-family: var(--font1);
}
.footer-img__weight p a{
   color:#00a8e8 !important;
}
.nv-hero-btn,.services-section .service-btn,
.mission-challenge .btn,.our-products a.products-btn, .service-btn-impact, .our-case-studies a.case-studies-btn, .social-respons-sec .social-resp-btn
{
  /* background-color: #0074A2 !important; */
  background-color: #0074A2 !important;
}
/*---------------------------------Home Page-------------------------------*/
/* Hero Section with Tabs and Auto-Sliding */
.nv-hero {
  position: relative;
  min-height: 670px;
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  transition: background-image 0.7s ease-in-out;
  /* background-color: #003366; */
 

}

.nv-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 20, 50, 0); /* dark overlay for readability */
  z-index: 1;
}

.nv-hero-inner {
  position: relative;
  z-index: 2;
  /* padding: 80px 0 0px var(--section-padding-y); */
  padding: 0px 0 0px var(--section-padding-y);
  max-width: 950px;
  height:40vh;
}

/* .nv-hero-content {
  transition: opacity 0.3s ease;
} */
#nv-hero-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0; /* hidden by default */
  transition: opacity 1s ease-in-out; /* fade for both default & later images */
}
 
/* triggers fade-in for default image */
#nv-hero-fade.loaded {
  opacity: 1;
}
 .nv-hero-content {
  opacity:0;
  animation: fadeIn 0.5s ease-in forwards;
  
}
@keyframes fadeIn {
  to { opacity: 1; }
}
.nv-hero-content.fade-out ,.nv-hero-content.fade-in{
  opacity: 1;
  animation: fadeOut 0s ease-out forwards;
}

@keyframes fadeOut {
  to { opacity: 0;}
}


.nv-hero-btn {

  background: #24c3fb;
    color: #fff;
    border: none;
    cursor: pointer;
    position: relative;
    transition: background .17s;
    border-radius: 8px;
    display: inline-flex;
    padding: 13px 30px;
    font-size: 18px;
}
.nv-hero-btn.mobile-banner-btn,.services-section .service-btn.mobile-banner-btn,.adoutinto .blurb-btn_res.mobiles-responsive-btn   {
    display:none;
   }

.nv-hero-btn:hover {
  background: #0088cc;
}
.nv-hero-content a.nv-hero-btn::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}
.nv-hero-content h1 {
  font-size: 48px;
  margin-bottom: 20px;
  color: #fff;
  line-height: 1.1;
  font-weight: 400;
}
.nv-hero-content p {
  color: #fff;
  font-size:24px;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 1.3;
}
/* Tabs */
.nv-hero-tabs {
  position: relative;
  z-index: 2;
  padding: 40px var(--section-padding-y) 15px;
}

.nv-tab-list {
  display: flex;
  justify-content: space-between;
}

.nv-hero .nv-tab {
  flex: 1;
  margin: 0 45px 0 0;
  cursor: pointer;
  text-align: left;
  color: #fff;
  opacity: 0.6;
}
.nv-hero  .nv-tab:last-child
{
   margin: 0;
}
.nv-hero .nv-tab.active,.nv-hero .nv-tab:hover {
  color: #fff;
   opacity:1;
}

.nv-tab-label span {
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
   text-transform: uppercase;
   font-size: 12px;
}
.nv-tab-label .nv-label-des
{
   font-size: 18px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 90%;
    font-family: 400;
}
.nv-progress-bar {
  height: 4px;
  background: rgba(255,255,255,0.2);
  margin-top: 8px;
  border-radius: 2px;
  overflow: hidden;
}

.nv-progress {
  height: 100%;
  width: 0;
  /* background: #0074A2; */
  background: #00A8E8;
}
/*-------------------------------started home page services section--------------------*/

.our-services
{
   background-color: #E3F6FD;
    padding: 0;
}
.our-services .service-heading
,.our-products .products-heading,
.our-case-studies .case-studies-heading,
.who-we-section .who-we-right__section h2.who-we-heading,
.testimonial-section .testimonial-left__section h2.testimonial-heading
{
    font-size: 16px;
    border: 1px solid #555555;
    border-radius: 50px;
    color: #fff;
    padding: 8px 25px 10px;
    display: inline;
    text-transform: capitalize;
}
.our-services .row,.our-products .row,.our-case-studies  .row.top-section{
    margin-left: 0;
    margin-right:0;
    /* margin-top: 20px; */
    margin-bottom: 0px;
    display:flex;
    align-items: center !important;
}
.our-case-studies .row{
    margin-left: 0;
    margin-right:0;
    /* margin-top: 20px; */
    margin-bottom: 25px;
   
   
}
.case-studies-posts {
    width:90%;
    margin:auto !important;

}
.case-study-card {
  border-radius: 15px;
  overflow: hidden;
  transition: transform 0.3s ease;
  background-color: #fff;
}

/* .case-study-card:hover {
  transform: translateY(-5px);
} */

.case-study-card img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.case-study-card .post-text h3{
  color:#022547;
    font-size:22px !important;
    /* font-weight: 400 !important; */
    line-height: 1.3;
}

.case-study-card .post-text {
  padding: 20px;
  /* position: absolute; */
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}

.case-study-card .post-text h3.sub-heading {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.our-services p,
.our-products p,.our-products a,
.our-case-studies p,.our-case-studies h2,.our-case-studies a ,.our-case-studies h3
{
    color:#333;
}
.our-services a{
color:#fff !important ;
}

.our-services p
{
    font-size: 16px;
     font-weight: 300;
      color:#666;
}
.testimonial-title span{
  display:block;
}
.our-services h2,.our-products h3,.our-products h2,.our-case-studies h2,
.who-we-section .who-we-right__section h2,.social-respons-sec .social-resp-title,.ourClinetSectionInn h2,
.testimonial-section .testimonial-title,.smacapps-awards-section-content h2,.services-section h2, .mission-challenge h2
{
    /* font-size: 36px; */
    color:#022547;
    font-weight: 500 !important;
    line-height: 1.1;
    
    /* padding-top:20px; */
}
.smacapps-awards-section-content h2
{
  line-height: 1.3 !important;
}
.mission-challenge h2
{
  color: #fff !important;
}
.social-respons-sec .social-resp-title
{
  color:#fff !important;
  text-align: center;
  padding-bottom: 25px;
}
.social-resp-parts
{    display: flex;
    justify-content: space-between;
    align-items: center;}
    .social-resp-parts .sofkin-section,.social-resp-parts .shetek-section
    {
      display: flex;
      align-items: center;
      justify-content: center;
      width:49%;
    }
    /* .social-resp-parts .sofkin-section .social-btn,.social-resp-parts .shetek-section .social-btn
    {
      display:contents;
    } */
    .social-resp-parts .sofkin-section img,.social-resp-parts .shetek-section img{
      border: 1px solid #e3f6fd6b;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 3px #3b87d94d;
    margin-right: 30px;
    }
     .social-resp-parts .sofkin-section p,.social-resp-parts .shetek-section p{
      font-size: 20px;
      color:#fff;
      font-weight: 500;
      font-family: var(--font2);
      line-height: 1.5;
     }
     /* .footer-quick-links  .social-menu a {
     line-height: 1.5 !important;
    } */
     .social-resp-parts p>span
     {
        display: inline-block;
     }
.social-good-sec h2{
   font-size: 44px;
   color:#fff;
    font-weight: 400 !important;
    line-height: 1.1;
}
.social-good-sec .social-tech-container
{
  padding-right: var(--section-padding-y) !important;
  justify-content: space-between;
}
.social-good-sec .social-tech-container p{
  font-size: 22px;
}
.social-good-sec .social-tech-container img{
  width:30%;
}

.our-services a,.our-products a,.our-case-studies a
{
    font-size:18px;
    
}
.our-services a:hover,.our-products a:hover,.our-case-studies a:hover
{
    text-decoration: none;
}

.our-case-studies a.case-studies-btn{
 background-color: #2196F3;
 border-radius: 50px;
 padding: 11px 25px 8px;
 font-size: 16px;

}


.services-slider {
    display: flex;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: url('../img/services-it-advisory.png') center center / cover no-repeat;
  }
  /* .arrow-link::after {
    content: "→";
    transition: content 0.3s ease;
  }
  
  .service-box-new:hover .arrow-link::after,
  .service-box-new.active .arrow-link::after {
    content: "↗";
  } */

  .service-box-new:hover a>.bi-arrow-right::before, .service-box-new.active a>.bi-arrow-right::before {
  
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
}
  
  .horizontal-scroll {
    background-image: url('../img/services-it-advisory.png'); /* Update this path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    /* Existing properties */
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    position: relative;
    z-index: 1;
    /* margin-top: 30px; */
  }
  .service-description
  {
    font-size:18px;
  }
  
 .service-box-new  span,
 .service-box-new  a,
 .service-box-new  p,
 .service-box-new  h3{
    color:#fff;
 }
  .horizontal-scroll::-webkit-scrollbar {
    display: none;
  }

  .service-box-new {
    flex: 0 0 auto;
    width: 333px;
    height: 392px;
    
    border-left: 1px solid #121212;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .service-box-new h3 {
    margin-top: 0;
  }
  .service-box-new .service-number-new {
    font-size: 2.5rem;
    font-weight: 600;
}
  .service-box-new:hover, .service-box-new.active{
 
    background: rgba(0, 114, 255, 0.7);
    justify-content: end;
    row-gap: 20px;
  }
  .service-content {
    display: flex;
    flex-direction: column;
}
  .service-box-new .service-number {
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    color: #ccc;
  }
  .service-box-new:hover .service-number-new,.service-box-new.active .service-number-new {
    font-size: 4rem;
}
.service-box-new:hover a{
    text-decoration: none;
}
  .service-box-new h3 {
    font-size: 2.4rem;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: capitalize;
  }
  .service-box-new a:hover{
    color:#fff;
    text-decoration: none;
  }
  .service-box-new .description {
    display: none;
    font-size: 16px;
    margin: 1rem 0;
    
  }

  .horizontal-scroll-wrapper {
    position: relative;
    overflow: hidden;
  }
  
  .bg-fade-layer {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: 0;
  }
.products-first-row {
    background-color: #E3F6FD;
   padding:50px var(--section-padding-y) 25px;
    margin: 0 !important;
}
 .products-second-row
 {
      background: #022547;
    padding-right: var(--section-padding-y);
    border-radius: 0;
    margin: 0 !important;
    padding-left:var(--section-padding-y);
 }
 /* .product-first-col img{
  width:600px;
  height: auto;
 } */
  
 .our-case-studies
 {
background-color: #E3F6FD;
padding:var(--section-padding-top-bottom) 0;
 }
.our-products a.products-btn::after ,
.our-case-studies a.case-studies-btn::after,
.social-respons-sec .social-resp-btn::after{
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}
  .service-box-new p {
    text-align: left;           
    word-wrap: break-word;       
    overflow-wrap: break-word;   
    white-space: normal;        
    margin: 0; 
    display:none;                 
  }
 
  .horizontal-scroll.fade-bg::before {
    opacity: 1;
}
  .service-box-new:hover .description, .service-box-new.active .description{
  
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 5;
    -webkit-box-orient: vertical;;
  }
  
  .service-box-new a {
    color: #fff;
    font-size: 2rem;
    margin-top: auto;
    text-decoration: none;
  }
  
   .our-products a.products-btn,.service-btn-impact,
   .our-case-studies a.case-studies-btn,.social-respons-sec .social-resp-btn {
     display: inline-flex;
  background-color: var(--theme-light-blue);
  color: white;
  border-radius: 8px;
  padding: 13px 30px;
  font-size: 18px;
  text-align: center;
  text-transform: capitalize;
  transition: 0.5s;
  /* box-shadow: 0 0 20px #eee; */
  position: relative;
  align-items:  center;
}

 .products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #022547; /* grid line color */
  gap:40px;
  padding:var(--section-padding-top-bottom) 0 var(--section-padding-top-bottom) var(--section-padding-top-bottom);
}


.product-box {
  padding: 40px;
  text-align: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 245px;
  border: 1px solid #e3f6fd6b;
  border-radius: 10px;
  box-shadow:0px 0px 15px 3px #3b87d94d;
}
.product-box:hover
{
    box-shadow:0px 0px 15px 10px #3b87d94d;
}

.product-box img {
  /* max-width: 150px; */
  height: auto;
  margin-bottom: 20px;
}

.product-box p {
  margin: 0;
  font-size: 20px !important;
  line-height: 1.3 !important;
  width:100%;
  font-weight: 500;
  color:#fff !important;
  padding-top: 0;

}

.product-box-top {
  border-left: 1px solid #ffffff;
}

.product-box-bottom {
  border-top: 1px solid #ffffff;
}


/*-------------------------------end home page services section--------------------*/
/*-------------------------------start home page clients section--------------------*/
.ourClinetInn--LogosSection .slide img {
    transition: transform .3s ease;
}
.ourClinetSectionInn{
    background-color: #fff;
    padding:0px 0;
}
.ourClinetSectionInn .slide.slick-slide
{
  padding-top:10px;
  padding-bottom: 10px;
}
.ourClinetInn--LogosSection.client-logos-section{
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 15%, black 95%, transparent 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding:15px 0 40px;
}

.ourClinetInn--LogosSection .slick-slide img {
    display: block;
    width:65%;
    cursor: grab;
    
}
.ourClinetInn--LogosSection img {
    display: block;
    margin: 0 auto;
    filter: grayscale(100%);
    max-width: 100%;
    /* aspect-ratio: 4 / 3; */
    object-fit: contain;
    padding: 0;
}
.ourClinetInn--LogosSection img:hover{
transform: scale(1.1);
  filter: grayscale(0%);
}


.ourClinetSectionInn h2{
    padding-top: 50px;
}
/*-------------------------------end home page clients section--------------------*/
.our-case-studies .case-studies-text img{
    width:100%;
    border-radius: 15px;
    transition: 0.5s;
    height:300px;
}
.our-case-studies .case-studies-text a:hover img {
    /* transform: scale(1.1); */
}

.our-case-studies .case-studies-text .post-text{
    display:flex;
    align-items: flex-end;
    gap: 20px;
    padding-top:15px;
    justify-content: space-between;

}
.case-studies-posts
{
    padding-top: 0;
}
.our-case-studies .case-studies-text .post-text h3
{
    font-size: 24px;

}
.case-studies-text a:hover span.case-studies-post-link
{
    background-color: #fff;
}
.case-studies-text a:hover span.case-studies-post-link i {
   
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
}
.our-case-studies .case-studies-text .left-post
{
 padding-right:15px;

}
.our-case-studies .case-studies-text .right-post
{
 padding-left:15px;

}
span.case-studies-post-link {
    border: 1px solid #555;
    border-radius: 50%;
    padding: 11px 12px 8px;
}
.case-studies-subtext{
    padding-top:10px;
}
.case-studies-subtext h3 {
    color: #2196F3;
    font-size: 36px;
    text-align: center;
    line-height: 1.3;
    font-weight: 600;
    border: 1px solid #2196f3;
    border-radius: 10px;
}
/*-------------------------------end home page case studies  section--------------------*/
/*-------------------------------start home page who we are  section--------------------*/
.who-we-section
{
    background-image: url('../img/who-we-are-bg.png');
    background-repeat: no-repeat;
    background-color: #121212;
    background-size: cover;
    
}
.who-we-section .who-we-right__section
{
    /* background-color: #121212; */
    margin-top: -20px;
    padding: 50px 100px 50px 30px;
}
.who-we-section .who-we-right__section h2,
.who-we-section .who-we-right__section h3,
.who-we-section .who-we-right__section p,
.who-we-section .who-we-right__section a{
    color:#fff;
}
/* .who-we-section .who-we-right__section h2.who-we-heading
{
    font-size: 20px;
    border: 1px solid #555555;
    border-radius: 50px;
    color: #fff;
    padding: 10px;
    display: inline;
    text-transform: capitalize; 
} */
.who-we-right__section ul li img {
    width: 48px;
}
.who-we-right__section ul li p {
    padding: 0 !important;
}
.who-we-section .row {
    margin-right: 0;
    margin-left: 0;
    margin-top: 20px;
}
.who-we-right__section ul {
    list-style: none;
    margin: 0;
    padding: 40px 0;
    row-gap: 30px;
    display: flex
;
    flex-direction: column;
}

.who-we-right__section ul li{
    padding-bottom: 10px;
    display: flex;
    column-gap: 30px;
    align-items: center;
    }
.who-we-right__section ul li:last-child{
padding-bottom: 0px;
}
.who-we-right__section ul li span {
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
}
.who-we-right__section .hover-filled-slide-right {
    background-color: #2196F3;
    border-radius: 50px;
    padding: 11px 25px 8px;
    font-size: 16px;
    display: inline-block;
  transition: 0.2s 0.1s;
 position: relative;
  overflow: hidden;
  transition: color 0.4s ease-in-out;

}

.who-we-right__section .hover-filled-slide-right span {
  position: relative;
  z-index: 2;
}

.who-we-right__section .hover-filled-slide-right::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #fff; /* Fill color */
  transition: left 0.4s ease-in-out;
  z-index: 1;
}

.who-we-right__section .hover-filled-slide-right:hover::before {
  left: 0;
}

.who-we-right__section .hover-filled-slide-right:hover {
  color: #2196F3; /* Text color on hover */
text-decoration:none;
}


/*-------------------------------end home page who we are  section--------------------*/
/*-------------------------------start home page counter section--------------------*/
.smacapps-countersection
{
    background-color: #121212;
    padding: 40px 0px;
}
.social-respons-sec
{
    /* background-color: #022547; */
    padding: 60px 0;
    /* background: url(../img/Homepage/social-good-img-new.png); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    background-color: #022547;
}
.social-respons-sec .social-resp-container
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.smacapps-countersection  ul{
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
.smacapps-countersection  ul .count ,.smacapps-countersection  ul .counter-one__count-box p {
    font-size: 3em;
}
.counter-one__list {
    display: flex; 
    justify-content: space-around; 
    padding: 0;
    margin: 0;
    list-style: none; 
}

.counter-one__single {
    text-align: center;
    padding: 0px;
  
}

.corner-border {
   
    padding: 5px;
    position: relative; 
    display: flex
    ;
        align-items: center;
        justify-content: center;
}

.counter-one__text {
    font-size: 0.7em !important;
    color: #fff;
    margin-bottom: 0px;
    position: absolute;
    z-index: 2;
}

.counter-one__count-box {
    display: flex;
    justify-content: center; 
    align-items: flex-start;
    font-size: 3em; 
    font-weight: bold;
    color: #555;
}
.counter-one__count-box  .count-text
{
    display: flex ;
    align-items: center;
    justify-content: center;
    height: 105px;
}
/* .counter-one__count-box .expert-count
{
    display: flex ;
        align-items: center;
        
        height: 105px;} */

.flex-counter {
    display: flex;
    align-items: flex-start; 
    margin-top: 0px;
    z-index: 1;
}

.flex-counter .count {
    font-size: 1em; 
    line-height: 1;
}

.flex-counter span {  
    font-size: 1em;
    vertical-align: super;
    line-height: 1;
    margin-left: 0px;
    color: #555;
    font-weight: bold;
}
.social-respons-section .sofkin-info, .social-respons-section .shetek-info{
    flex-direction: column;
    gap:10px;
    
}
.social-respons-section .sofkin-info .second-img, .social-respons-section .shetek-info .first-img
{
   background-color: #222222;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 120px;
}
.social-respons-section .sofkin-info .second-img:hover, .social-respons-section .shetek-info .first-img:hover {
    background: linear-gradient(to right, rgb(33, 150, 243) -70%, #222 20%, #222 80%, rgb(33, 150, 243) 170%);
}
.social-respons-section .sofkin-info img,.social-respons-section .shetek-info img{
    border-radius: 10px ;
}
.social-respons-section .sofkin-info img.sofkin-logo,.social-respons-section .shetek-info img.shetek-logo
{

 width: 60%;
 height: auto;
 padding: 10px;
 display: inline;
}
.sofkin-info .first-img ,.shetek-info .second-img{
    overflow: hidden;
    transition: transform 0.3s ease;
    display: block;
    width: 100%;
border-radius: 10px;
}
.social-respons-section .sofkin-info img:hover, .social-respons-section .shetek-info img:hover {
    transform: scale(1.1);
}
/*-------------------------------end home page counter section--------------------*/
/*-------------------------------start home page social responsibility section--------------------*/
.social-respons-section  .row{
    margin-left:0;
    margin-right:0;
    align-items: center;

}

.social-respons-section h2,.social-respons-section p{
    color:#fff;
}
/* .social-respons-section h2.social-respons-heading
{
    font-size: 20px;
    border: 1px solid #555555;
    border-radius: 50px;
    color: #fff;
    padding: 10px;
    display: inline;
    text-transform: capitalize;   
} */
.social-respons-section .sub-heading span
{
    display:block;
}
/*-------------------------------end home page social responsibility  section--------------------*/

.contact-section{
    background-color: #121212;
    padding: 30px 0;
}
.contact-section .row
{
    margin-left: 0;
    margin-right: 0;
}
.contact-section .contact-box
{
    background-color: #2196F3;
    padding: 30px;
    border-radius: 10px;
}
.contact-section .contact-box .contact-box-row
{
    align-items: center;
    justify-content: space-between;
}
.contact-section .contact-box h3 {
    font-size: 30px;
}
.contact-section .contact-box h3,.contact-section .contact-box a{
    color:#fff;
}
.contact-section .contact-box a.contact-btn{
 background-color:#121212;
 border-radius: 50px;
 padding: 11px 25px 8px;
 font-size: 16px;
}
.contact-section .contact-box a.contact-btn:hover{
    text-decoration: unset;
}

.our-products .sub-title{
    width: 90%;
    margin: 0 AUTO 0 0;
    TEXT-ALIGN: left ;
}
.our-products h3 span,.our-products h2 span,.our-case-studies h2 span{
  display:block;
}


.case-studies-posts .blog-post {
    padding-left: 0px;
    transition: transform 0.3s 
ease;
}
.case-studies-posts .blog-post:hover{
  transform: translateY(-10px);
}
.case-studies-posts .blog-post:last-child{
  padding-right:0px;  
}

.industries-section{
    background-color: #fff;
    padding: 20px 0;
    display: none;
    
}
.industries-section .slider-track span{
   
    font-size:25px;
}
.horizontal-text-slider {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.slider-track {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
    transform: translateX(0);
    transition: transform 0.3s ease;
}

.slider-track span a {
    display: inline-block;
    padding: 0 40px;
    font-size: 30px;
    font-weight: 600;
    color: #2196F3;
   
}
.slider-track span a:hover {
   
    color: #003366;
    text-decoration: none;
}
.industries-section .slider-track span::after {
    content: '•';
content: '\25CF';
    color: #2196F3;
    font-weight: bold;
}
/* Animation setup */
.horizontal-text-slider:hover .slider-track {
    animation: scroll-text 20s linear infinite;
}

@keyframes scroll-text {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
  /* awards section*/
   .smacapps-awards-section
   {
     background-color: #E3F6FD;
    
   }
    .smacapps-awards-section,.our-products,.our-case-studies,.social-respons-sec,.testimonial-section
    {
      border-bottom: 1px solid #fff;
    }
 .smacapps-awards-section_new {
    padding: 50px 0;
   
    width: 90%;
    margin: auto;
}
  
  .smacapps-awards-section_new .awards-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    margin: auto;
    align-items: center;
    justify-content: space-between;
    margin:0;
    padding:0;

  }
  
  .smacapps-awards-section_new .awards-container .award
  {  
    width:10%;
     /* background: #F7FAFC; */
    /* padding: 1rem; */
    border-radius: 15px;
    /* box-shadow: 0 1px 5px rgba(1, 1, 1, 0.6); */
    color: white;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
  
  }
  .smacapps-awards-section_new .awards-container .award img {
    /* width: 85%; */
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
}
.smacapps-awards-section_new .awards-container .award:last-child img
{
  width:100%;
}
  .smacapps-awards-section_new .awards-container .award:nth-child(even){
    /* width: 20%; */
    /* background: #F7FAFC;
  
    box-shadow: 0 1px 5px rgba(1, 1, 1, 0.07); */
  
  }
.smacapps-awards-section_new .awards-container .award:hover {
    transform: translateY(-5px);
    /* box-shadow: 0 1px 35px rgba(1, 1, 1, 0.3); */
}

  .smacapps-awards-section_new .awards-container .award:nth-child(odd){
    /* width: 20%; */
 
    /* background: #F7FAFC;
   
   box-shadow: 0 1px 5px rgba(1, 1, 1, 0.07); */
   
  }
  .smacapps-awards-section_new .awards-container .award:nth-child(-n+5) {
    /* margin-bottom: 30px; */
    
  }
  label.custom-checkbox {
    font-size: 12px !important;
}
  /* awards section*/

.footer-widget-dark__subscribe #newsLetterSubForm .check-box
{
    display:flex;
    margin-top:15px;
    align-items: center;
}
.footer-widget-dark__column p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;
}
.footer-widget-dark__subscribe #newsLetterSubForm  input[type=checkbox]:after
{
    color: #121212;
    background-color: #121212;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border: unset;
    transform: rotate(0deg);
}
.footer-widget-dark__subscribe i.far.fa-envelope
{font-size:25px;
    color: #cecece;}
  .footer-widget-dark__subscribe button {
    background-color: #003366 !important;
    border-radius: 50%;
}
    .footer-widget-dark__subscribe i.fas.fa-arrow-right {
        color: #fff;
        font-size: 20px;
        background: unset;
        padding: 5px 0;
    }
.subscribe-input {
    display: flex
;
    flex-direction: row;
    align-items: center;
    /* border: 1px solid #cecece; */
    width: 100%;
    border-radius: 50px !important;
    background: #fff;
}
.footer-widget-dark__subscribe #form-submit-newlet::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    font-size:18px;
}
.footer-widget-dark__subscribe #form-submit-newlet
{
      width: 69px !important;
    height: 60px;
    padding: 0 !important;
    margin: -1px;
}

.drak-theme-social-media-links li a i {
   
    background-color: #fff;
    color: #003366;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid #F3F7FA; */
}
.drak-theme-social-media-links li a i::before{
  font-size:22px;
}
.footer-widget-dark__about-text-box li span, .footer-widget-dark__about-text-box li a {
    display: flex;
    align-items: baseline;
    /* font-weight: 300 !important; */
}
.footer-dark-quick-links,.footer-widget-dark__column.footer-widget-dark__about 
{
  
  
      font-weight: 400 !important;
}

form#newsLetterSubForm {
    margin-top: 20px;
}
.footer-widget-dark__about-text-box li a>i, .footer-widget-dark__about-text-box li span>i
 {
    background-color: #fff;
    border-radius: 50%;
    padding: 10px;
    color: #0074A2;
    margin-right: 15px;
    height: 40px;
    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.drak-theme-social-media-links ul{
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding-top: 30px;
}
.check-box .custom-checkbox a{
    color:#cecece;
    text-decoration: underline;
}
.check-box .custom-checkbox a:hover{
    color:#2196F3;
    text-decoration: none;
}
.footer-quick-links li a,.footer-widget-dark__about-text-box li a,.footer-widget-dark__about-text-box li span{
    font-size: 18px;
  
    
} 
.footer-drak-last-section p
{
    font-weight: 300 !important;
    font-size: 16px;
    color:#e3f6fdcc;
  
    
}
.footer-quick-links li a {
    line-height: 1.7;
    text-transform: capitalize;
    display: inline-block;  
}
.footer-quick-links li a span{
    display:block;
}
.footer-drak-last-section a
{
    font-weight: 300 !important;
    font-size: 16px;
    color:#e3f6fdcc;
    
}
.footer-quick-links li a:hover,.footer-widget-dark__about-text-box li a:hover,
.footer-drak-last-section a:hover,.footer-widget-dark__about-text-box li a:hover span{
    text-decoration: none;
    color:#00a8e8;
}
a:hover{
    text-decoration: none;
}
.footer-img__weight p a:hover{
   text-decoration: underline !important;
    color:#00a8e8;
}
.footer-drak-last-section 
{
    DISPLAY: FLEX;
    JUSTIFY-CONTENT: space-between;
    border-top: 1px solid #193b5a;
    border-bottom: 1px solid #193b5a;
    align-items: center;
    padding: 25px 0;
}

.footer-drak-last-section ul{
    display:flex;
    gap:50px;
    justify-content: space-between;
    align-items: center;
}
.footer-last-container
{
  display:flex;
  align-items: center;
    gap: 50px;
}
.footer-img__weight
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* .footer-drak-last-section .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 10px;
    color:#fff;
    content: "";
    margin-top: 3px;
} */
.footer-dark-theme-menu
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    list-style: none;
    padding: 0;
}
.footer-widget-dark__about-text-box  ul li{
    padding-bottom: 10px;
}
.footer-widget-dark__about-text-box  ul li:last-child{
    padding-bottom: 0px;
}
/*-------------------------------end footer part--------------------*/
.smacapps-awards-section-content {
    width: 60%;
    /* align-items: center; */
    margin: 0 auto;
    padding-bottom: 30px;
}
.our-case-studies-content {
    width: 50%;
    /* align-items: center; */
    margin: 0 auto;
    padding-bottom: 30px;
}
.our-case-studies-content
{
      width: 50%;
    /* align-items: center; */
    margin: 0 auto;
    padding-bottom: 0px;
}

.hero-heading 
	{
		width:45%;
	}
.smacapps-awards-section_new p{
    font-size: 20px;
     color:#1a1a1a;
    line-height: 1.5;
    padding-top:15px;
    width: 70%;
    margin: auto;
}
  /*  Blurb section*/
.hero-section {
  background: linear-gradient(to bottom, #ffffff, #e4f8fa 80%);
  padding:60px 0;
}
.hero-section-container
{
    width:70vw;
    margin:auto;
}
.hero-section .hero-grid {
    display: flex;
    column-gap: 10px;
}
.hero-section .hero-description,.hero-section .mission-card
{
    width:50%;
}
.missin-content
{
      display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
}
section.social-rep-section {
    background: #fff;
    padding: 60px 100px;
}
h3.social-rep-heading {
    font-size: 44px;
    color: #333;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 400 !important;
}


.mission hr {
  flex: 1; /* line stretches full width */
  border: none;
  border-top: 2px solid #fff; /* white line */
  margin: 0; /* remove default spacing */
}
.hero-section .hero-top {
    display: flex;
    align-items: center;
    column-gap: 30%;
    justify-content: space-between;
    /* flex-wrap: wrap; */
}

.satisfaction-badge {
    /* background: #eef6ff; */
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: #1b3b6f;
    display: flex;
    align-items: center;
    font-weight: bold;
    /* border:1px solid #121212; */
    position: relative;
  border-radius: 10px;
  background: linear-gradient(to right, #0074A2 50%, #8641a3 120%);
  padding: 20px; /* thickness of the border */
  /* margin: 1rem 0; */

}
.satisfaction-badge::before{
      content: '';
  position: absolute;
  inset: 2px; /* creates visible border space */
  background: #fff; /* inner background */
  border-radius: 8px; /* slightly smaller than parent */
  z-index: 1;
}
.satisfaction-badge .percent {
  font-size: 44px;
  display: block;
  z-index:2;
  /* padding-left: 20px; */
  
}
.satisfaction-badge .percent sup
{
	  font-size: 24px; 
	  top:-0.7em
}
.satisfaction-badge .percent,.satisfaction-badge .percent sup {
 
    font-weight: 500;
    background: linear-gradient(to right, #56ccf2, #bb6bd9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.satisfaction-badge  .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    color: #333;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    z-index: 2;
    padding:0 0 0 20px;
  
}
.hero-heading h3 {
    font-size: 54px;
    color: #333;
    margin: 0;
    line-height: 1.1;
    font-weight: 400 !important;
    text-align: left;
}
.hero-image img {
  width: 100%;
  margin: 30px 0;
  border-radius: 20px;
}

.hero-description p {
  font-size: 18px;
  line-height: 1.5;
  color: #555;
  font-weight: 300;
}

/* .features-list {
  list-style: none;
  padding-left: 0;
  columns: 2;

}

.features-list li {
  margin-bottom: 10px;
  color: #121212;
  font-weight: 500;
  font-size: 20px;
  display: flex;
} */

.features-list li span {
  color: #005b80;
  margin-right: 8px;
  font-size:10px;
}

.features-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    padding: 0;
    margin: 20px 0;
    justify-content: space-between;
  }
  
  .features-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .features-list li {
    position: relative;
    margin-bottom: 10px;
    font-weight: 400;
    color: #555;
    font-size: 20px;
         display: flex;
    align-items: center;
  }
  .features-list li:last-child {
    margin-bottom: 0;
    }
    .features-list {
      margin: 30px 0;
        
    }
.hero-section .more-btn {
     text-decoration: none;
    /* margin-top: 10px; */
    font-size: 18px;
 display: inline-flex;
  background-image: linear-gradient(270deg, #36c3f2,#8f6ed5,#36c3f2  );
  background-size: 200% auto;
  color: white;
  border-radius: 8px;
  padding: 10px 20px;
  text-align: center;
  text-transform: capitalize;
  transition: 0.5s;
  box-shadow: 0 0 20px #eee;
  position: relative;
    
}
.hero-section .more-btn::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left:10px;
}
 .hero-section .more-btn:hover{
    
 background-position: right center; /* animates gradient to left */
  text-decoration: none;
 }
/* Info Cards Section */
.hero-section .info-cards {
 
    padding-top: 20px;
    padding-bottom: 30px;

}

.hero-section .card {
    flex: 1 1 300px;
   background: url(../img/our-mission-bg.png);
       background-size: cover;
    background-position: center;
    color: #fff;
    padding: 30px 50px;
    border-radius: 20px;
    gap: 20px;
    justify-content: center;
}
.card.mission-card p{
    font-size: 22px;
    font-weight: 200;
    line-height: 1.5;
}
.mission {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    /* background-color: #003366; */
    /* padding: 12px 16px; */
    border-radius: 0 0 0 24px;
    /* font-family: sans-serif; */
}

.mission i {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  font-size:18px;
}
.mission span{
    font-size: 24px;
    
}

.mission-card .icon {
  font-size: 24px;
  margin-bottom: 10px;
}

.mission-card h4 {
  margin-top: 0;
}

.info-cards .logos-card {
    display: flex;
    flex-direction: row;
    gap: 20px;
    background: transparent;
    padding: 0;
    color: #fff;
    justify-content: space-between;
}
.logo-box.sofkin-card
{
    background-image: url('../img/sofkin-bg-1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
        transition: 0.5s;
}
.logo-box.shetek-card
{
    background-image: url('../img/shetek-bg-1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
        transition: 0.5s;
}
.logo-box.sofkin-card:hover,.logo-box.shetek-card:hover
{

    transform: translateY(-10px) !important;

}
.logo-box {
    background: #001f3f;
    border-radius: 20px;
    padding: 30px;
    display: flex
;
    gap: 20px;
    /* align-items: center; */
    flex-direction: column;
    /* text-align: left; */
    width: 50%;
    justify-content: space-between;
    height: 280px;
}
.logo-box img {
  width: 30%;
}
.logo-box p {
    margin: 0;
    font-size: 20px;
    width: 70%;
    line-height: 1.3;
    font-weight: 300;
    color:#fff;
}
.logo-box:hover
{
   text-decoration :none;
}

/*service section*/
 
    .services-section .row {
        align-items: center;
    }

    .solutions h2{
          /* max-width: 700px; */
    margin-top: 0;
    margin-bottom: 80px;
    font-size: 36px;
    font-weight: 500 !important;
    line-height: 1.3;
    text-align: left;
    color:#fff;
    }
    .mission-content {
      color:#003366;
      font-size: 22px;
      font-weight: 500;
      line-height: 1.1;

    }
    /* .mission-challenge-left-sec
    {
      background:#234162; 
      color:#fff;
       background-image:  url(../img/Homepage/our-mission-bg.png), linear-gradient(#4172a3, #003366);
        background-position: bottom right;
        background-repeat: no-repeat;
        gap:80px;
    } */
      .mission-challenge-left-sec {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
 background-color: #003366;
  background-image:  url(../img/Homepage/about-bg-1.png);
   background-repeat: no-repeat;
   background-size: cover;
  color: white;
  padding: 40px;
min-height: 500px;
  }
   .mission-challenge-left-sec p{
    width:530px;
    /* width:480px; */
    font-size: 20px;
   }
   .percentage-sec-img img{
      width:85%;
    }
    .percentage-sec .percentage-sec-img
    {
      justify-content: left !important;
    }
.mission-challenge-right-sec .percentage-sec
{
  padding:15px 20px;
  border-radius: 15px !important;
}
  /* .mission-challenge-left-sec::after {
    content: "";
    position: absolute;
      right:0;
    bottom: 10px;
    width: 200px; 
    height: 200px;
    background: url(../img/Homepage/our-mission-bg.png) no-repeat center/contain;
    opacity: 1;
    animation: logoScale 12s infinite ease-in-out;
  } */

  @keyframes logoScale {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
  }
    #misson-counter,.misson-counter-percentage
    {
         color:#003366;
      font-size: 40px;
      font-weight: 600;
    }
    sup.misson-counter-percentage {
    top: -.6em;
    font-size: 24px;
    font-weight: 600;
    margin-left: -5px;
  }
     .mission-content span{
      display:block;
     }
    .services-section .services-subtext,.our-products .sub-title p,.our-case-studies p
    {
        font-size: 20px;
        color: #1a1a1a;
        font-weight: 400;
        line-height: 1.5;
        padding:0;
        margin:0;
    }
    .services-section .service-btn {
    background-color: var(--theme-light-blue);
    border-radius: 8px;
    display: inline-flex;
    padding: 13px 30px;
        font-size: 18px;
    }
    .tab-content-container.industries-content-container
    {
      overflow-x: hidden;
    }
    .service-icon img {
    border-radius: 15px;
    width:100%;
  }
   .services-section .service-btn::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left:10px;
    font-size:18px;
}
    .service-icon {
        transition: 0.5s;
    }
    .service-card .service-icon-div span {
        position: absolute;
        top: 30px;
        right: 24px;
        color: #000;
        font-size: 18px;
        display:none;
    }
    /* .service-text-div {
        display: flex;
        color: #000;
        flex-direction: row;
        align-items: flex-end;
    } */
    .service-text-div h3 {
        font-weight: 500 !important;
        margin-bottom: 10px;
        text-transform: capitalize;
        font-size: 22px;
        color:#022547;
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    }
    .service-text-div hr {
        width: 100%;
        opacity: 0.1;
    }

    .service-text-div p {
        font-size: 18px;
        color: #1a1a1a;
  line-height: 1.4; 
  font-weight: 400;
  padding-right:20px;
  /* height: 8vh; */
    align-items: flex-end;
    display: inline-flex;
    /* align-content: end; */
    justify-content: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    }
    .service-link
    {
          display: flex;
    color: #000;
    flex-direction: row;
    align-items: flex-end;
    }
    .service-card-btn,.case-studies-post-btn {
        display: flex !important;
        justify-content: center;
        align-items: center;    
  color: white !important;
  background-color:#BCC5CD ;
  border-radius: 10px;
  text-align: center;
   /* width:100%; */
  transition: 0.5s;
  box-shadow: 0 0 20px #eee;
  position: relative;
    }
 .service-card-btn:hover{
      background-position: right center; /* animates gradient to left */
  text-decoration: none;
  color:#fff !important;
 }
 .case-study-card:hover .case-studies-post-btn, .service-card:hover .service-card-btn,
.case-card:hover .case-studies-post-btn
 {
  color:#fff;
  /* background-color: #00A8E8; */
  background-color:#0074A2;
 }


    .service-card-btn::after,.case-studies-post-btn::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
       padding-left: 5px;
    padding-right: 5px;
    font-size:18px;
    transform: rotate(-30deg);
}
/* .light-horizontal-scroll-wrapper:hover .scroll-arrow
{
  opacity: 1;
} */
.light-horizontal-scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 20px;
  /* padding-bottom: 10px; */
  /* overflow: visible; */
scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
    /* scroll-snap-type: x mandatory; */
    width: 100%;
}

.light-horizontal-scroll-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    width: 100%;
    padding-top:15px;
   
}

/* Scroll arrows */
.scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    opacity: 0;
  
}
.arrow,.scroll-arrow
{
   width:50px;
    height:50px;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .scroll-arrow {
        top: 40%;
        padding: 6px;
    }
}

.scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff !important;
    border: none;
    padding: 10px 13px;
    font-size: 20px;
    color: #003366;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 1px 35px rgba(1, 1, 1, 0.1);
    border-radius: 50%;
}
.scroll-arrow i{
    color:#003366 !important;
}
.scroll-arrow:hover{
    background-color: #003366 !important;
}
.scroll-arrow:hover i{
    color: #fff !important;
}

.scroll-arrow.left-arrow {
    left: -25px;
}

.scroll-arrow.right-arrow {
    right: -20px;
}
.light-horizontal-scroll::-webkit-scrollbar {
  display: none; /* Hide scrollbar */
}

.light-service-box {
  flex: 0 0 410px; /* Fixed width per card */
  background: #fff;
  border-radius: 15px;
  transition: transform 0.3s ease;
  margin-top: 10px;
  overflow: hidden;
  scroll-snap-align: start;
  /* height:400px; */
  
}
.light-service-box:hover
 {
    transform: translateY(-10px) !important;
}

/* Continuous rotation on hover */
.light-service-box:hover a
{
 background-color: #0074A2;
}


@keyframes swingOnce {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*service section*/

/*Light theme menu code*/
/* ===========================
   Main Menu (Top-level)
=========================== */

.light-menu {
  display: flex;
  gap: 30px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
}

.light-menu > li.menu-item {
  position: relative;
}

.light-menu > li.menu-item > a {
  /* font-weight: 600; */
  color: #022547;
  text-decoration: none;
  padding: 12px 0;
  position: relative;
  transition: color 0.3s ease;
}

.light-menu > li.menu-item > a:hover {
  color:#0074A2;
  background-color: transparent;
}

.light-menu > li.menu-item.menu-item-has-children > a::after {
    font-family: "bootstrap-icons" !important;
    font-weight: 600;
    display: inline-block;
    padding-left: 6px;
   /* margin-top: 2px;*/
    margin-top: 0px;
    align-items: center;
    content: "\F138";
    transform: rotate(45deg);
    color:#022547;
	line-height:16px;
	font-size:16px;
}

.light-menu > li.menu-item > a:hover::after {
 color:#0074A2;
}


/* ===========================
   Submenu (Mega menu style)
=========================== */

.light-menu .sub-menu {
  display: grid;
  /* grid-template-columns: repeat(2, 1fr); */
  gap: 16px;
  background: #ffffff;
  border-radius: 20px;
  padding: 24px;
  margin: 0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  /* min-width: 320px; */
  min-width: 340px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  list-style: none;
  /* left:-65%; */
  left:-75%;
}

.light-menu li.menu-item:hover > .sub-menu ,.light-menu li.menu-item:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.light-menu .sub-menu li.menu-item {
  background: #fff;
  border: 1px solid #b9e7f9;
  border-radius: 12px;
  transition: all 0.3s ease;
}


.light-menu .sub-menu li.menu-item:hover {
  background:#003366;
  border-color: #003366;
}

.light-menu .sub-menu li.menu-item a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #022547;
  text-decoration: none;
  padding: 13px 30px;
  font-weight: 400;
  transition: color 0.3s ease;
}

.light-menu .sub-menu li.menu-item a:hover {
  color: #fff;
   font-weight: 500;
}
.light-menu .sub-menu li.menu-item:hover a
{
    color:#fff;
     font-weight: 500;

}
/* ===========================
   Icon Styling
=========================== */

.menu-icon-img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  background: linear-gradient(90deg, #36c3f2 30%,#8f6ed5 130%);
  border-radius: 8px;
  padding: 15px;
  transition: transform 0.3s ease;
  /* filter: brightness(0) invert(1); */

}
/* .light-menu .sub-menu li.menu-item a
{
font-size:18px;
} */

.light-menu .sub-menu li.menu-item:hover .menu-icon-img {
    /* transform: scale(1.05); */
    background: transparent;
}



.drak-theme-social-media-links li a:hover i {
    background-color: #003366;
    color: #fff;
}

a#backToTop:hover {
    background: #fff;
}
a#backToTop:hover i{
  color:#003366;
}
/*Light theme menu code*/

/*--------------------------start product page----------------------------------------*/
.products-page-banner {
  position: relative;
  background: url('../img/products/banner-products.png') no-repeat center;
  background-size: cover !important; 
  min-height: 400px;
  display: flex;
  align-items: center;
  color: #fff;
  overflow: hidden;
  /* margin-top:100px; */
  background-color: #003366;
}
.product-card-buttons {
  /* position: absolute; */
  top: 1.2rem;
  right: 2rem;
  display: flex;
  gap: 0.5rem;
  z-index: 2;
}

.product-card-buttons .btn {
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition:  0.2s ease;
    color:#fff;
    padding: 13px 30px;
    border-radius: 8px;
    text-decoration: none;
    /* margin-top: 10px; */
    display: inline-flex;

}

.product-card-buttons .btn-primary {
  background-color: #fff;
  color: #1a1a1a;
  border: none;
}

.product-card-buttons .btn-primary:hover {
  background-color: #fff;
  color:#003388;
}

  .product-card-buttons a::after,.service-btn-impact::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left:10px;
    font-size: 18px;
}
.products-page-banner.careers-page-banner {
 
  background: url('../img/careers/banner-careers.png') no-repeat center;
 background-color: #003366;
}
.products-page-banner.social-resp-page-banner
{
background: url(../img/social-responsibity/banner-social.png) no-repeat center;
 background-color: #003366;}
.products-page-banner.privacy-policy-page-banner,.products-page-banner.terms-of-service-page-banner
{
 background: url(../img/Contact/banner-contact.png) no-repeat center;
 background-color: #003366; 
}
.products-page-banner.services-page-banner
{
 background: url(../img/Services/banner-services.png) no-repeat center;
 background-color: #003366; 
}
.products-page-banner.industries-page-banner
{
 background: url(../img/industries/banner-industries.png) no-repeat center;
 background-color: #003366; 
}
.products-page-banner.case-studies-page-banner
{
 background: url(../img/Case-studies/banner-case-studies.png) no-repeat center;
 background-color: #003366; 
}
.light-desc b{
color:#000;

}
.light-desc a{
  color: #0074A2;
}
.light-desc a:hover{
    text-decoration: underline !important;
}
.breadcrumb-dot
{
  font-size: 22px !important;
}

.banner-content {
  position: relative;
  z-index: 2;
  flex-direction: column;
  align-content: center;

}

.page-title {
  font-size: 36px !important;
  font-weight: 400 !important;
  color: #fff;
  margin-bottom: 25px;
  text-transform: capitalize;
  line-height: 1.3 !important;
}

.breadcrumb {
  font-size: 16px;
  color: #ccc;
 background-color: transparent !important;
    padding: 0 !important;
    margin-bottom: 0px !important;
align-items: center;
}

.breadcrumb a {
font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400 !important;
    margin: 0 8px 0 0;
    color:#00a8e8;
}   
.breadcrumb a:hover{
    color:#60C8F1;
    text-decoration: none;
}
.breadcrumb span {
  color: #fff;
    margin: 0 8px;
   
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
}
    
    .intro-right h2 {
    font-size: 36px;
    color: #022547;
    font-weight: 500 !important;
    line-height: 1.1;
    margin-bottom: 20px;
    }
    .intro-right h2 span{
      display:block
    }
    .bold-desc {
   font-size: 20px;
    color: #1a1a1a;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
    letter-spacing: 1px;

    }
    
    .light-desc {
    font-weight: 300;
    color: #1a1a1a;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 15px;
    width: 99%;
    letter-spacing: 1px;
    }
    .product-intro
    {
      background-color: #fff;
      padding:50px var(--section-padding-y);
    }
    .product-intro .product-btn-impact,.products-header .product-btn-impact
    {
      display: inline-flex;
    background-color:#0074A2 ;
    color: white;
    border-radius: 8px;
    padding: 13px 30px;
    font-size: 18px;
    text-align: center;
    text-transform: capitalize;
    transition: 0.5s;
    /* box-shadow: 0 0 20px #eee; */
    position: relative;
    align-items: center;
    width:max-content;
    }
     .product-intro .scalable-heading
     {
          display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: fit-content;
  } 
  .products-page-banner .overlay
  {
    padding: 0 0 0 var(--section-padding-y)
  }
     
    .product-intro .product-btn-impact::after,.products-header .product-btn-impact::after{
      content: "\f138";
      font-family: "bootstrap-icons" !important;
      display: inline-block;
      padding-left: 10px;
      font-size: 18px;
    }
    /* Tabs Container */
    .product-listing .products-tab-nav
    {
    
      /* background: #F3FBFE; */
      /* border-radius: 40px; */
      /* width:25%; */
      width:30%;
     
    }
    .product-listing  .products-header
    {    display: flex;
    justify-content: space-between;
    align-items: center;
      margin-bottom: 25px;
  }
  #product-header-text
  {
    font-size: 20px;
    color: #1a1a1a;
   
  }
  .product-listing .products-header-right
  {
      display: flex;
    align-items: center;
    gap: 15px;
  }
    .product-listing .products-tabs {
      display: flex;
      justify-content: center;
      width: 100%;
      /* width: 30%; */
      margin: auto;
      padding: 3px;
      gap:10px;
    }

    .product-listing .product-tab {
      flex: 1;
      text-align: center;
      /* padding: 13px 30px; */
      padding:20px;
      border-radius: 15px;
      cursor: pointer;
      transition: background 0.3s, color 0.3s;
      font-weight: 400;
      color: #1a1a1a;
      font-size: 18px;
      background-color: #F3FBFE;
      font-family: var(--font2);
    }

    .product-listing .product-tab.active {
      background: #fff;
      /* background: #00aee6; */
      color: #fff;
      box-shadow:  0px 3px 15px #81adde4d;
    }

    /* Tab Content */
    .product-listing .product-tab-content {
      display: none;
      border-radius: 25px;
      overflow: hidden;
    }

    .product-listing .product-tab-content.active {
      display: block;
      align-items: center;
    }
       .light-desc.last-para
       {
          margin-bottom: 0px;
       }
       .service-btn-impact
       {
        margin-top: 40px;
       }
    .product-listing {
        background-color: #E3F6FD;
         padding: 50px var(--section-padding-y);
         position: relative;
         border-bottom: 1px solid #fff;}

      .intro-text {
       display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    width: 80%;
    margin: 20px auto 0;
      }
      
    .intro-text p {
    font-size: 24px;
    color: #333;
    margin: 0;
    /* flex: 1; */
    width: 70%;
    line-height: 1.5;
    font-weight: 500;
     
}
      
      .explore-btn {
        /* background-color: #6a5acd; */
         background-image: linear-gradient(270deg, #36c3f2,#8f6ed5,#36c3f2  );
  background-size: 200% auto;
  color: white;
        color: #fff;
        padding: 10px 20px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 600;
        margin-top: 10px;
           display: inline-flex;
           text-transform: capitalize;
           font-size: 16px;
      }
      .careers-into .explore-btn
      {
        font-weight: 600 !important;
      }
       .explore-btn::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left:10px;
}
 .explore-btn:hover {
    background-position: right center;
    text-decoration: none;
    color: #fff;
    text-decoration: none;
}
         .services-content-btn {
           background-color: #fff;
    color: #000;
    padding: 10px 20px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 18px;
    margin-top: 30px;
    }
    .services-content-btn::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left:10px;
}
 .services-content-btn:hover{
    color:#0074A2;
    text-decoration: none;
 }

    
      .product-card:last-child{
         margin-bottom: 0px;
      }
      
      .product-logo {
    padding: 35px 0;
    border-radius: 0px 0px 20px 20px;
    width: 25%;
    margin-left: 100px;
    display: flex;
    align-items: center;
    background: url(../img/products/product-logo-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    justify-content: center;
        /* margin-top: -3px; */
      }
      
      .product-logo img {
        height: auto;
      }
      
      .product-details {
        display: flex;
        flex-direction: column;
        gap:20px;
        /* padding: 40px 0px 40px 120px; */
        padding:70px;
      }
      ul.custom-bullets {
  list-style: none;
  padding-left: 0;
}

ul.custom-bullets li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

ul.custom-bullets ::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 15px;
  height: 15px;
  border: 1px solid white;
  border-radius: 50%;
  background-color: transparent;
}

.custom-bullets li::after {
  content: '';
  position: absolute;
  left: 5px;
    top: 11px;
    width: 5px;
    height: 5px;
  background-color: white;
  border-radius: 50%;
}

      
      .product-details h3 {
        font-size: 36px;
        font-weight: 500;
      }
      .product-details h3 span{
        display: block;
      }
      
      .product-details p {
        font-size: 20px;
        width:50%;
        font-weight:400;
      
      }
      
      .product-details ul {
        padding-left: 20px;
        margin: 0;
           
      }
      .product-details h4 {
   
    font-size: 22px;
    margin-bottom: 10px;
    }
      
      .product-details ul li {
        margin-bottom: 10px;
        font-size: 18px;
      }
      .product-details ul li:last-child
      {
        margin-bottom: 0px;
      }
      
      .product-image {
        flex: 1 1 60%;
        max-height: 260px;
        overflow: hidden;
      }
      
      .product-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      /*--- Why Choose Section ---*/
.why-choose-smac {
    padding: 50px var(--section-padding-y);
    text-align: center;
    background: url(../img/products/why-choose-bg.png);
    background-repeat: no-repeat;
    background-position: center;
      border-bottom: 1px solid #fff;
      background-color:#F2EEFB ;
      background-size: contain;
  }
  
  .why-title h2 {
    font-size: 36px;
    font-weight: 500 !important;
    margin-bottom: 15px;
    color:#022547;
 
  }
  .why-title p {
    font-size: 20px;
    color: #1a1a1a;
    /* margin-bottom: 40px; */
    width: 40%;
    margin: 0 auto 40px;
    line-height: 1.5;
    font-weight: 400;
}
  
  .features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  
    text-align: left;
    width:85%;
    margin: 0 auto;
    gap: 70px 80px;
  }
  .services-why-choose-smac .features-grid {
   
    width:100%;
    margin: 0 auto;
  }
  .features-grid .feature
  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .feature img {
    /* width: 65px; */
    margin-bottom: 25px;
    background-color: #213D59;
    background-size: 200% auto;
    color: white;
    border-radius: 50%;
    padding: 18px;
    transition: 0.5s;
  }
  .feature img:hover {
    /* background: right center; */
    background-color: #0074A2 !important;
    text-decoration: none;
    color: #213D59 !important;
}
  .feature h3,.feature h5 ,.feature h4{
    font-size: 22px;
    font-weight: 500 !important;
    margin-bottom: 15px;
    color:#022547;
    line-height: 1.1;


  }
  
  .feature p {
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 400;
    line-height: 1.5;
  }
  /* Section wrapper */
.blurb-section {
  width: 100%;
  padding: 0;
  margin: 0;
  background: #f5f9fc;
}

/* Row (Flexbox layout) */
.blurb-row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  /* min-height: 500px; */
      min-height: 400px;
    background: url(../img/products/CTA-4.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.blurb-row.services-blurb-row,.blurb-row.industies-blurb-row
{
  background: url(../img/About/CTA-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.blurb-row.case-studies-blurb-row
{
   background: url(../img/Case-studies/CTA-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.blurb-row.team-blurb-row
{
   background: url(../img/Team/CTA-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
/* Left Image */
.blurb-img {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: #000;  */
}

.blurb-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Right Content */
.blurb-content {
  flex: 1;
  padding: 0 40px;
  /* background: linear-gradient(180deg, #eaf7fc, #ffffff); */
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: url(../img/About/blurb-bg.png) bottom;
    background-repeat: no-repeat;
    background-size: cover; */
 
}

.blurb-box {
  max-width: 550px;
  text-align: center;
}

.blurb-box h2 {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #022547;
  line-height: 1.1;
}

.blurb-box p {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 25px;
  color: #1a1a1a;
}

/* CTA Button */
.blurb-btn {
  display: inline-flex;
  background: #0074A2;
  color: #fff;
  padding: 13px 30px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition: 0.3s ease;
}
.blurb-btn::after {
    content: "\f138";
    font-family: "bootstrap-icons" !important;
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}
/* .blurb-btn:hover {
  background: #008fc2;
} */
      
    /*--------------------------end product page----------------------------------------*/
    /*--------------------------Social Responsibility pages----------------------------------------*/

    .social-resp-sofkin-section, .social-resp-shetek-section {
       padding: 50px var(--section-padding-y);
    }
     .social-resp-sofkin-section
     {
      background-color: #E3F6FD;
      border-bottom:1px solid #fff;
     }
     .social-resp-shetek-section
     {
      background-color:#F2EEFB ;
     }
      .social-resp-sofkin-section .service-btn-impact, .social-resp-shetek-section .service-btn-impact
      {
        margin-top: 50px;
      }
    .social-resp-sofkin-section p, .social-resp-shetek-section p{
  
      font-size: 20px;
      line-height: 1.5;
      padding-top:30px;
      font-weight: 300;
      letter-spacing: 1px;
    }

    .social-resp-sofkin-section a, .social-resp-shetek-section a{
      color: #022547 !important;
      cursor: pointer;
      font-weight: 500 !important;
    }

    .social-resp-sofkin-section a:hover, .social-resp-shetek-section a:hover{
      color: #0074A2 !important;
      text-decoration: none;
    }
    .social-resp-sofkin-section .service-btn-impact:hover, .social-resp-shetek-section .service-btn-impact:hover{
      color:#fff !important;
    }
     .social-resp-sofkin-section a:hover img, .social-resp-shetek-section a:hover img,.impact-section .logo-card a:hover img{
      box-shadow: 0px 0px 15px 10px #e0e4e94d;
     }
     .social-impact-section-third-section .service-sec-content-img a:hover img
     {
       box-shadow: 0px 0px 0px 10px #e0e4e94d;
     }
    .social-resp-sofkin-section img, .social-resp-shetek-section img {
      border-radius: 20px;
      width: 100%;
      height: auto;
      transition: 0.5s;
    }

    .social-resp-sofkin-section .featured-image-div {
      display: flex; 
      align-items: center; 
      justify-content: right;
    }

    .featured-image-div {
      display: flex; 
      align-items: center; 
      justify-content: left;
    }
     .social-resp-sofkin-section .service-btn-impact, .social-resp-shetek-section .service-btn-impact{color:#fff !important;}
    .social-resp-sofkin-section .sof-sect {
    background: url('../img/social-responsibity/sofkin-img.png') no-repeat center center;
    background-size: cover; /* makes image responsive */
    border-radius: 25px; /* rounded corners like your screenshot */
    padding: 0px;
    position: relative;
    overflow: hidden;
    min-height: 450px; /* adjust height */
    display: flex;
    align-items: flex-start; /* keeps logo at top */
    justify-content: flex-end; /* keeps logo at right */
    max-width: 40%;
    /* margin-left: 10px; */
  }
  .social-resp-sofkin-section .sof-sect img {
      background: #fff;
      border-radius: 15px;
      padding: 0px;
      max-width: 250px;
      height: auto;
      box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
      position: absolute;
      top: 30px;
      right: 30px;
  }
  .social-resp-sofkin-section .row,.social-resp-shetek-section .row {
    display: flex;
    align-items:center;
    padding: 0 10px;
  }
  .social-resp-shetek-section .heading,.social-resp-sofkin-section .heading
  {
    font-size: 36px;
    color: #022547;
    font-weight: 500 !important;
    line-height: 1.1;
  }

  


     .social-resp-shetek-section .she-sec {
    background: url('../img/social-responsibity/shetek-img.png') no-repeat center center;
    background-size: cover; /* makes image responsive */
    border-radius: 25px; /* rounded corners like your screenshot */
    padding: 0px;
    position: relative;
    overflow: hidden;
    min-height: 450px; /* adjust height */
    display: flex;
    align-items: flex-start; /* keeps logo at top */
    justify-content: flex-end; /* keeps logo at right */
    max-width: 40%;
    margin-left: 0px;
}
.social-resp-shetek-section .she-sec img {
    background: #fff;
    border-radius: 15px;
    padding: 0px;
    max-width: 250px;
    height: auto;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    position: absolute;
    top: 30px;
    left: 30px;
}



    .fw-normal-weight {
    font-weight: 300 !important;
    font-size: 36px !important;
    color:#fff !important;
      /* line-height: 1.1;  */
    }
      .fw-normal-weight strong{
        font-weight: 500;
      }
     .impact-section {
      background: url('../img/social-responsibity/logos-bg.png');
      border-radius: 25px;
      margin-top: 40px;
      background-repeat: no-repeat;
     background-size: cover;
     padding:80px;
     background-color: #003366;
    }
    .impact-section .logo-card  img{
      /* background: #fff; */
      border-radius: 15px;
      /* padding: 10px; */
      
    }
    /*--------------------------end Social Responsibility pages----------------------------------------*/
    /*--------------------------Privacy Policy & Terms of Services pages----------------------------------------*/


    .product-intro.privacy-main {
      background: #fff;
    }

    .product-intro.privacy-main.terms-main {
      background: #fff;
    }

    .intro-right.privacy-policy {
      margin: 0px auto;
    }

    .privacy-policy .scalable-sec {
      padding: 0 !important;
    }
    .products-page-banner.terms-of-service-page-banner .page-title,
    .products-page-banner.terms-of-service-page-banner .breadcrumb span
    {
      text-transform: unset;
    }
    .privacy-policy h2 {
      margin-bottom: 10px;
      margin-top: 0;
	  font-size: 36px;
    color: #022547;
    font-weight: 500;
    padding:0;
    }

    .privacy-policy .light-desc {
      font-size: 20px;
    }

    .privacy-policy .privacy-content p{
      margin-top: 20px;
      font-size: 18px;
      line-height: 1.5;
    }

    .privacy-policy .privacy-content p.no-margin {
      margin-top: 0 !important;
    }

    .line-space {
      display: block;
      height: 8px; /* Adjust as needed for space */
    }

    .privacy-policy a{
      color: #022547 !important;
      cursor: pointer;
      font-weight: 500 !important;
    }

    .privacy-policy a:hover{
      color: #0074A2 !important;
      text-decoration: none;
    }

    .privacy-policy ul, .privacy-policy ol{
      padding-left: 40px;
    
    }
    .privacy-policy ul li:first-child, .privacy-policy ol li:first-child {
    /* padding-top: 10px; */
}
.privacy-policy ul li:last-child, .privacy-policy ol li:last-child 
{
  padding-bottom:0;
}
    .privacy-policy ul li, .privacy-policy ol li{
      font-size: 18px;
      line-height: 1.5;
      padding-bottom: 12px;
    }

    .privacy-policy .privacy-question {
      font-weight: 500;
      color: #022547;
      font-size: 22px;
    }

    /*--------------------------end Privacy Policy & Terms of Services pages----------------------------------------*/
/*--------------------------404 page----------------------------------------*/

    .section-404 {
      /* background: linear-gradient(to bottom, #e6f8fb 60%, #ffffff); */
      background-color: #fff;
      height: 100vh;
      max-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
	        overflow: auto;
    }

    .smacApps-logo-error {
     width: 320px;
      height: auto;
      aspect-ratio: 4 / 1;
      margin-bottom: 40px;
    }

    .smacApps-error-img {
      width: 422px;
      margin-bottom: 30px;
      height: auto;
      aspect-ratio: 211 / 196;

      background: transparent;
      border: none;
      box-shadow: none;
      -webkit-mask-image: url('../img/404-img.png');
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      -webkit-mask-size: contain;

    }

    .section-404 h1 {
      font-size: 48px;
      font-weight: 400;
      color:#022547;
      line-height: 1.1;
    }

    .section-404 p {
     font-size: 20px;
    text-align: center;
    /* color: #666; */
    /* font-weight: 300; */
    margin-top: 15px;
    width: 37%;
    line-height: 1.5;
    }

    .back-home-btn {
      color: white;
      text-decoration: none;
      font-size: 18px;
      display:flex;
      align-items: center;
      background-color: #0074A2;
      color: white;
      border-radius: 8px;
      padding: 13px 30px;
      text-align: center;
      text-transform: capitalize;
      transition: 0.5s;
      box-shadow: 0 0 20px #eee;
      position: relative;
      margin-top: 20px;
    }

    .back-home-btn:hover {
      text-decoration: none;
      color: #fff;
     }

    .back-home-btn::after {
      content: "\f138";
      font-family: "bootstrap-icons" !important;
      display: inline-block;
      padding-left:10px;
      font-size: 18px;
     }

    /*--------------------------end 404 page----------------------------------------*/

    /*--------------------------start services page----------------------------------------*/
 
.services-content-sec
{
  padding:50px var(--section-padding-y);
  background-color: #E3F6FD;
  border-bottom: 1px solid #fff;
}

.tab-nav-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}

.tab-buttons-wrapper {
  overflow-x: auto;
  flex: 1;
  scrollbar-width: none;
}

.tab-buttons-wrapper::-webkit-scrollbar {
  display: none;
}


.tab-slider-wrapper .tab-buttons {
  display: flex;
  gap: 8px;
  white-space: nowrap;
  padding: 10px 0;
}
.tab-slider-wrapper .tab-buttons.industries-tab-btns {
  display: flex;
  gap: 10px;
  white-space: nowrap;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
}
 .tab-slider-wrapper  button.nav-arrow.left-arrow {
    margin-right: 30px;
}
.tab-slider-wrapper  button.nav-arrow.right-arrow {
    margin-left: 30px;
}


.tab-slider-wrapper .tab-btn {
  flex: 0 0 auto;
  background: #F4FBFE !important;
  border: 2px solid #F4FBFE;
  transition: 0.3s;
  padding: 10px 30px;
  text-align: center;
  text-transform: capitalize;
  transition: 0.5s;
  position: relative;
  align-items:  center;
  border-radius: 50px;
  color:#022547 !important;
  font-size:18px;
  font-weight: 400;
/*display: inline-flex;*/
}

.tab-slider-wrapper .tab-btn.active {

  /* background-image: linear-gradient(90deg, #48c0ef, #6168f3) !important;
  background-size: 200% auto !important; */
  background-color: #0074A2 !important;
  color: white !important;
  border: 2px solid  #0074A2 ;

}

.tab-slider-wrapper .nav-arrow {
  background: #404040 !important;
  color: #F4FBFE !important;
  border: none;
  font-size: 1.5rem;
  width: 36px;
  height: 36px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 0 1px 35px rgba(0, 0, 0, 0.1);
  padding:0;
}

.tab-slider-wrapper .nav-arrow:hover {
    background: #fff !important;
}
.tab-slider-wrapper .nav-arrow:hover i::before {
    color: #003388 !important;
}
.tab-slider-wrapper button.nav-arrow.left-arrow, .tab-slider-wrapper button.nav-arrow.right-arrow {
    width: 52px;
    height: 52px !important;
}
.tab-slider-wrapper button.nav-arrow.left-arrow .fa-chevron-left,
.tab-slider-wrapper button.nav-arrow.right-arrow  .fa-chevron-right
{
margin-bottom: 30px;
}
.tab-slider-wrapper button.nav-arrow.left-arrow .fa-chevron-left:before,.tab-slider-wrapper button.nav-arrow.right-arrow  .fa-chevron-right:before {
    margin-left: 0px;
    font-size: 22px;
    color: #F4FBFE;
}

.tab-content-container {
  /* padding-top: 20px; */
}

.tab-slider-wrapper .tab-content {
  display: none;
}

.tab-slider-wrapper .tab-content.active {
  display: block;
}

.slide-content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  
}
.tab-content-container .service-content p {
    font-size: 18px;
    /* margin-bottom: 20px; */
    color: #1e1e1e;
    font-weight:300;
     line-height: 1.4;
}

.tab-content-container .service-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto;
}
.tab-content-container .service-content .service-list-content img,
.tab-content-container .service-content .service-list-content i
{
      background: #003366;
    padding: 13px;
    border-radius: 15px;
    margin-right: 30px;
    color: #fff;
    max-width: 58px;
    height: 58px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
}
.tab-content-container .service-content .service-list-content i
{
  padding:29px;
}
.tab-content-container .service-content .service-list-content i::before{
  font-size: 32px;
}
.tab-content-container .service-content h3 {
    font-size: 40px;
    font-weight: 300 !important;
    margin-bottom: 10px;
}
.tab-content-container .service-content h4 {
    font-size: 30px;
    font-weight: 400 !important;
    margin-bottom: 20px;
}
.tab-content-container .service-content ul.services-list-item {
    list-style-type: none;
    padding: 0;
     margin: 0;
    display: flex;
    gap: 15px;
}


.tab-content-container .service-content ul.services-list-item li {
  background-color: #F4FBFE !important;
  border-radius: 15px;
  padding: 30px 30px 20px;
  /* margin-bottom: 15px; */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* subtle shadow for separation */
  border-bottom: 10px solid #727B7E; /* subtle border to match the image look */
      background: url(../img/Services/card-bg-logo.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 25px;
    transition: 0.5s;
    width:25%;
    justify-content: flex-start;
}
/* .tab-content-container .service-content ul.services-list-item li:hover {
    transform: translateY(-10px);
    border-bottom: 10px solid #003366;
} */
.tab-content-container .service-content .industries-row ul.services-list-item {
    display: block;
    width: 100%;
    margin: auto auto auto 45px;
    padding-top:10px;
}
.tab-content-container .service-content .industries-row
{
  align-items: center;
    padding: 30px 0 0;
}
.tab-content-container .service-content .industries-row .service-sec-content-img img{
  border-radius: 45px;
  max-width: 80%;
}
.service-sec-content-img
{
  text-align: right;
}
.tab-content-container .service-content .industries-row ul.services-list-item li {
    background-color: transparent !important;
    border-radius: 0px;
    padding: 0;
    margin-bottom: 20px;
    box-shadow: unset;
    border-bottom: unset;
    background: none;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 50px;
}
.industries-content-container .services-list-item li span
{
  width:auto ;
}
.industries-content-container .service-content p

{
  font-size: 20px;
    /* margin-bottom: 20px; */
    color: #1a1a1a;
    font-weight: 300;
letter-spacing: 1px;
    line-height: 1.3;

}
.industries-content-container .slide-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
}
.industries-content-container .service-content h3,.industries-content-container .service-content h4{
    /* font-size: 36px; */
    font-size: 22px;
    font-weight: 500 !important;
    margin-bottom: 15px;
    color: #022547;
    line-height: 1.1;
}
.tab-content-container .service-content .industries-row .services-list-item li span
{
 display: inline-block;
 font-size: 20px;
    color: #1a1a1a;
     font-weight: 500;
}
.tab-content-container .service-content .industries-row ul.services-list-item li::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 12px;
    height: 12px;
    background-color: #0c3f72;
    border-radius: 50%;
}
.tab-content-container .service-content .industries-row ul.services-list-item li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 26px;
    height: 26px;
    border: 1px solid #D9E7F9;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: inset 0 0 0 6px #D9E7F9;
}
.tab-content-container .service-content .industries-row ul.services-list-item li:last-child
{
   margin-bottom: 0px;
}
.tab-content-container .service-content .industries-row ul.services-list-item li:hover {
    transform: unset;
   
}
.services-list-item li:last-child {
  margin-bottom: 0;
}


.services-list-item li span {
  display: block;
  font-weight: 500;
  color: #022547;

  /* margin-bottom: 5px; */
  font-size: 22px;
  line-height: 1.1;
  width:240px;
}

.services-list-item li p {
  margin: 0;
  line-height: 1.5;
  margin-bottom: 0 !important;
}

.tab-content-container .service-content ul>li>span {
    font-size: 20px;
}
.slide-left img {
  max-width: 100%;
  border-radius: 8px;
}

.slide-right {
  flex: 1;
}
#newsLetterSubForm label.error {
    padding-left: 10px;
    font-size: 18px;
    font-weight: 300;
    padding-top: 5px;
}
.drak-theme-social-media-links li a:hover {
    text-decoration: none;
}
.slide-right h2 {
  font-size: 1.8rem;
  color: #003c6c;
}

.slide-right p {
  font-size: 1rem;
  margin: 1rem 0;
}

.action-btn {
  background-color: #0056b3;
  color: white;
  padding: 0.7rem 1.2rem;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
}
.tech-align-section {
  margin: 0;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  width:100%;	
  background-color: #003366;
}

.tech-align-image {
  position: relative;
}

.tech-align-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.overlay-content-sec {
  position: absolute;
  bottom: 0;
  right: 0;

    width: 100%;
    max-width: 45%;
    box-sizing: border-box;
}
.overlay-content 
{
    background:#003366; /* Deep blue semi-transparent */
  color: #ffffff;
  padding: 40px;
    border-radius: 15px;
    margin: 20px 25px 25px 0;
}
.overlay-content h3{
  font-size: 22px;
    margin-bottom: 15px;
}
.overlay-content ul{
    display: block;
    width: 100%;
    margin: auto auto auto 0px;
    list-style-type: none;
    padding: 0;
    padding-bottom: 30px;
}
.overlay-content ul li{
      background-color: transparent !important;
    border-radius: 0px;
    padding: 0;
    box-shadow: unset;
    border-bottom: unset;
    background: none;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 40px;
    padding-bottom: 25px;
}
.overlay-content ul li:last-child
{
   padding-bottom: 0px !important;
}
.overlay-content ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 26px;
    height: 26px;
    border: 1px solid #194775;
    border-radius: 50%;
    background-color: #194775;
    box-shadow: inset 0 0 0 6px #194775;
}
.overlay-content ul li::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 12px;
    height: 12px;
    background-color: #0074A2;
    border-radius: 50%;
}
/* Container */
.consulting-tabs-container {
  margin:-40px;
 
}

/* Header Tabs */
.consulting-tab-header {
  display: flex;
  /* border-bottom: 1px solid #005b9f; */
  margin-bottom: 30px;
}

.consulting-tab-btn {
 
   flex: auto;
  background-color: #0C4175 !important;
  border: none;
  color: #fff;
    padding: 15px 30px;
    text-align: center;
    text-transform: capitalize;
    transition: 0.5s;
    position: relative;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
}
.consulting-tab-btn.active,.consulting-tab-btn:hover {
  color: #0074A2 !important;
  background-color: #002952 !important;
  font-weight: 500;
}

/* Content Area */
.consulting-tab-content {
  display: none;
  padding: 0 40px;
    height: 32vh;
     scroll-behavior: smooth;
    scrollbar-width: thin;
}
.consulting-tab-content.active {
  display: block;
}

/* Custom bullets */
.consulting-bullets {
  list-style: none;
  padding-left: 0;
  margin: 0 0 1.5rem 0;
}





.overlay-content-sec h2 {
    font-size: 36px;
    line-height: 1.1;
    color:#fff;
    font-weight: 500;
    letter-spacing: 1px;
}
.overlay-content-sec h2 span{
  display: block;
}

.overlay-content-sec p {
    font-size: 20px;
    color: #f2eefb;
    margin-bottom: 40px;
    font-weight: 300;
 line-height: 1.5;
 height:90px;
 letter-spacing: 1px;
}
.overlay-content-sec ul>li>p {
    font-size: 20px;
    color: #f2eefb;
    margin-bottom: 0px;
    /* margin-bottom: 40px; */
    font-weight: 300;
 line-height: 1.5;
 height:25px;
 /* height:90px; */
 letter-spacing: 1px;
}


 a.service-tab-content-btn {
    font-size:18px;
     display: inline-flex;
  background-color: #0074A2;
  color: white;
  border-radius: 8px;
  padding: 13px 30px;
  text-align: center;
  text-transform: capitalize;
  transition: 0.5s;
  position: relative;
  align-items:  center;
  
}

 a.service-tab-content-btn i {
    color: #fff;
    padding-left: 10px;
    display: flex;
}
.left-logo-overlay {
  position: absolute;
  left: 0px;
  bottom: 0px;
 
}

.left-logo-overlay img {
  width: 100%;
  height: auto;
}
.tab-slider-wrapper .tab-btn.active:hover {
    /* background-position: right center !important; */
	color:#fff !important;
   border: 2px solid #022547;
    background-color: #022547 !important;
}
.tab-slider-wrapper .tab-btn:hover {
    color: #fff !important;
    border: 2px solid #022547;
    background-color: #022547 !important;
}
    /*--------------------------end services page----------------------------------------*/
    /*--------------------------start industries page----------------------------------------*/
	.tab-slider-wrapper .tab-nav-wrapper.industries .tab-btn {
 
  		padding: 13px 30px;
      line-height: 1.1;

  		/* padding: 12px 40px 15px; */

	}
  .industries-tab-slider-wrapper
  {
    padding:20px var(--section-padding-y) 30px;
    background-color: #F2EEFB;
    border-bottom: 1px solid #fff;
  }
  /* .industries-tab-slider-wrapper.tab-slider-wrapper .tab-btn
  {
    background-color: #FBFAFD;
    color: #022547 !important;
  } */
   .tab-slider-wrapper.industries-tab-slider-wrapper .tab-btn.active{
    color:#fff !important;
   }
    /*--------------------------end industries page----------------------------------------*/
    /*--------------------------start  carrers page----------------------------------------*/
    .why-choose-smac.careers-why-choose-smac .features-grid {
    width: 75%;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap:30px;
  }
  .careers-into {
    background: linear-gradient(to bottom, #eaf8fb, #ffffff 95%);
  
  }
   .careers-into  .why-title p {
  
    width: 40%;
   
    }
.careers-img-sec .careers-image
{
    align-items: center;
    display: flex;
    justify-content: center;
    width: 84%;
    margin: 0 auto;
}
.careers-img-sec .careers-image img{
    border-radius:20px;
    width:100%;
}
    /*--------------------------end carres page----------------------------------------*/
  /*--------------------------start case studies page----------------------------------------*/
.case-study-tabs
{
 background-color:#E3F6FD; 
padding:50px var(--section-padding-y);
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #fff;
}
.case-studies-heading-sec {
    text-align: center;
    /* margin-bottom: 30px; */
}
.case-studies-heading h2 {
    font-size: 36px;
    line-height: 1.1;
    color: #022547;
    font-weight: 500;
}
p.case-studies-para {
    font-size: 20px;
    width: 50%;
    margin: 15px auto 25px;
    line-height: 1.5;
    font-weight: 300;
    color: #1a1a1a;
    letter-spacing: 1px;
}
.case-study-tabs .tab-nav-container {
    display: flex;
    align-items: center;
    /* gap: 10px; */
    margin-bottom: 20px;
}
.case-study-tabs button.nav-arrow.left-arrow, .case-study-tabs button.nav-arrow.right-arrow {
    width: 52px;
    height: 52px !important;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}
.case-study-tabs button.nav-arrow.left-arrow {
    margin-right: 30px;
}
.case-study-tabs button.nav-arrow.right-arrow
{
    margin-left:30px;
}
.case-study-tabs button.nav-arrow.left-arrow .fa-chevron-left, .case-study-tabs button.nav-arrow.right-arrow .fa-chevron-right {
    margin-bottom: 30px;
}
.case-study-tabs button.nav-arrow.left-arrow .fa-chevron-left:before, .case-study-tabs button.nav-arrow.right-arrow .fa-chevron-right:before {
    margin-left: 0px;
    font-size: 22px;
    color: #F4FBFE;
}
.case-study-tabs .tab-button.active:hover {
   /* background-position: right center !important;*/
	   color:#fff !important;
    border: 2px solid #022547 !important;
    background-color: #022547 !important;
}
.case-study-tabs .tab-button:hover {
    color: #fff !important;
     background-color: #022547 !important;
    border: 2px solid #022547;
}
.case-study-tabs .tab-scroll-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    flex: 1;
    scrollbar-width: none;
}

.case-study-tabs .tab-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

.case-study-tabs .tab-buttons-wrapper {
    display: flex;
    gap: 10px;
    white-space: nowrap;
    /* padding: 10px 0; */
    justify-content: center;
}
.case-study-tabs .tab-buttons-wrapper
{

  overflow-x: unset;
  flex: unset;
  scrollbar-width:unset;
}
.case-study-tabs .nav-arrow {
    background: #404040 !important;
    color: #F4FBFE !important;
    border: none;
    font-size: 1.5rem;
    /* width: 36px; */
    /* height: 36px; */
    border-radius: 20px;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 1px 35px rgba(0, 0, 0, 0.1);
}
.case-study-tabs .tab-button{
 flex: 0 0 auto;
  background-color: #F4FBFE !important;
  border: 2px solid #F4FBFE;
  transition: 0.3s;
  padding: 13px 30px ;
  text-align: center;
  text-transform: capitalize;
  transition: 0.5s;
  position: relative;
  align-items:  center;
  border-radius: 50px;
  color:#022547!important;
  font-size:18px;
  font-weight: 400;
  line-height: 1.1;
  
}
.case-study-tabs .tab-button.active
{
   border: 2px solid #0074A2;
 background-color: #0074A2 !important;
  /* background-size: 200% auto !important; */
  color: white !important;
}
.posts-grid {
  /* display: grid; */
  /* grid-template-columns: repeat(4, 1fr);  */
  gap: 24px; /* spacing between cards */
  margin-top: 30px;
}

.case-card {

  overflow: hidden;
  text-align: center;
   border-radius: 15px;

    transition: transform 0.3s ease;
    background-color: #fff;
    padding: 0!important;
    width:23% !important
  }
.case-card a {
    display: block;
    position: relative;
}
.case-card img {
    width: 100%;
    border-radius: 15px;
    transition: 0.5s;
    height: 300px;
    display: block;
    object-fit: cover;
  margin: 0 auto 0px;
}

.case-card .post-text {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    padding-top: 15px;
    justify-content: space-between;
    color: #fff;
    padding: 20px;
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}
.case-card .sub-heading {

    font-size: 22px;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #022547 !important;
    text-align:left;
    line-height: 1.3;
}
.case-study-tabs .nav-arrow:hover {
    background: #fff !important;
}
.case-study-tabs .nav-arrow:hover i::before {
    color: #003366 !important;
}
.case-study-pagination .nav-arrow {
        font-size: 18px;
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 30px;
}
.case-studies-intro .intro-left h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.1;
    color: #022547;
    padding-bottom: 25px;
}
.case-study-pagination .nav-title {
    font-weight: 400;
    display: block;
	color:#022547;
font-size: 18px;
display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-width: 317px;  */
    max-width: 480px; 
}

.case-study-pagination .nav-label {
    font-size: 16px;
    color: #1a1a1a;

}

.case-study-pagination .current-category .badge {
    font-size: 16px;
    padding: 8px 14px;
}
.case-info {
    display: flex;
    justify-content: space-between;
}
.postShare_with {
    background: #fff;
    width: 100%;
    margin: 0px auto 25px;
}
.case-studies-content {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.case-studies-content .post-info h5 strong{
  font-size: 32px;
  font-weight: 400;
}
.case-studies-content .post-info
{
  width: 100%;
    margin: auto;
}
.case-studies-content img.feature-img {
    border-radius: 20px;
}
.product-intro.case-studies-intro{
    padding: 50px var(--section-padding-y);
    background-color: #E3F6FD;
}
.case-studies-share-page-sections
{
   padding: 30px var(--section-padding-y);
    background-color: #fff;
}
.case-studies-content .post-info p {
    font-size: 20px;
    margin-bottom: 15px;
	  color: #1a1a1a;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 1px;
    
}
.case-studies-content .post-info p:last-child
{
    margin-bottom: 0px;
}
.case-studies-content .post-info .casestudy_title,.case-studies-content .post-info h3 {
   text-transform: capitalize;
    margin-bottom: 0px;
    font-weight: 500;
    color: #022547;
    font-size: 22px;
	
}
.case-studies-content .post-info ul>li,.case-studies-content .post-info ol > li {
    font-size: 20px;
    color: #1a1a1a;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
    position: relative;
    padding-left: 50px;
    letter-spacing: 1px;
}
.case-studies-content .post-info ol > li
{
   padding-left: 15px !important;
}
.case-studies-content .post-info ul>li>strong, .case-studies-content .post-info ol > li>strong,.post-info strong
{
font-weight: 400;
}
.case-studies-content .post-info ul>li:last-child, .case-studies-content .post-info ol > li:last-child
{
 margin-bottom: 0px;
}
.case-studies-content .post-info ul>li::marker
 {
    border: 1px solid #0074A2;
    border-radius: 50px;
}
.case-studies-content .post-info ul {
  list-style: none !important;
  padding-left:50px;
  padding-top: 15px;
  padding-bottom: 30px;
 
}
.case-studies-content .post-info ol
{
   padding-left:80px;
  padding-top: 15px;
  padding-bottom: 30px;
}
.case-info ul.nav li>a:hover {
    background: #003366 !important;
    color: #fff !important;
}
.case-studies-content .post-info ul>li::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 12px;
    height: 12px;
    background-color: #022547;
    border-radius: 50%;
    /* margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center; */
}

.case-studies-content .post-info ul>li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 27px;
    height: 27px;
    /* border: 1px solid #0074A2; */
    border-radius: 50%;
    background-color: #fff;
    background-color: #d2effb;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
.case-studies-intro .post-info a {
    color: #003366;
    font-weight: 500;
}
.case-info .tags-styles a {
    background-color:#E5F6FC;
    border-radius: 50px;
    color: #000 !important;
    font-size: 16px;
}
.case-info ul.nav {
    align-items: center;
    /* gap: 15px; */
}
.case-info ul.nav li,.case-info ul.nav span, .case-info ul.nav li>a {
    color: #003366;
    font-size: 16px;
  
}
.case-info ul.nav span
{
padding-right:10px;
}

.case-study-pagination a:hover i.fa-arrow-right,.case-study-pagination a:hover i.fa-arrow-left
{
background-color: #0074A2;

}
.case-study-pagination a:hover i::before{
 color:#fff;
}
.case-study-pagination i {
     background-color: #fff;
    color: #000;
    border-radius: 50px;
    padding: 20px;
    box-shadow: 0 1px 35px rgba(0, 0, 0, 0.1);
	min-width:58px;
}
.case-info ul.nav li
{
  padding-right:10px;
}
.case-info ul.nav li:last-child{
   padding-right:0px;
}
.case-info .post-categories ul.nav li>a 
{
    background-color: transparent;
    border-radius: 50px;
    border: 1px solid #0074A2;
    padding: 10px 25px;
}
.case-info .post-social-icons li>a 
{
  background-color: #E5F6FC;
  border-radius: 50px;
  padding: 10px;
}
.case-study-pagination {
    width: 100%;
    margin: auto;
    padding: 50px 0;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
}
/* .case-card a:hover img {
    transform: scale(1.1) !important;
} */
  /*--------------------------end case studies  page----------------------------------------*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    /* display:none; */
}
.footer-widget__text {
    padding-right: 0 !important;
    padding-left: 0 !important;
    flex-direction: column;
    justify-content: space-between;
}
.mobile-nav a:hover,.mobile-nav a:focus {
    color: #0074A2 !important;
    text-decoration: unset;
}
/* #mobile-navigation .mobile-social-icons .nav>li>a:hover,#mobile-navigation .mobile-social-icons .nav>li>a:focus{
    background-color: transparent !important;

}
#mobile-navigation .mobile-social-icons .nav>li>a:hover i ,#mobile-navigation .mobile-social-icons .nav>li>a:focus i{
    background-color: #0074A2;
} */
#mobile-navigation .mobile-details a:hover, #mobile-navigation .mobile-details a:focus,#mobile-navigation .mobile-details a:hover i,#mobile-navigation .mobile-details a:focus i {
        color: #0074A2;
    }
#mobile-navigation .mobile-details li a:hover > i ,#mobile-navigation .mobile-details li a:focus > i{
    background-color: transparent;
}
.d-none
{
display:none;
}
#sofkin.social-resp-sofkin-section,#shetek.social-resp-shetek-section {
  scroll-margin-top: 80px; /* adjust this to your header height */
}
.overlay-content ul.consulting-bullets.enterprise-bullets li:first-child p {
    margin-bottom: 25px;
}
.case-study-card a {
  display: block;
  position: relative;
  overflow: hidden; 
}

/* .logo-box {
  scroll-margin-top: 300px; 
} */
.product-listing .product-tab-content {
    scroll-margin-top: 200px; 
}


/* ---------------------------Animations----------------------------------------  */
.contact-btn-col ul li a::after,.nv-hero-content a.nv-hero-btn::after,
.services-section .service-btn::after,.mission-challenge .btn::after,.our-products a.products-btn::after, .our-case-studies a.case-studies-btn::after, .social-respons-sec .social-resp-btn::after ,.product-intro .product-btn-impact::after,.product-card-buttons .btn-primary::after,.service-btn-impact::after,.blurb-btn::after,.blurb-btn_res::after,.blurb-btn_mis::after,a.service-tab-content-btn i,.btn-impact-car::after,.products-header .product-btn-impact::after{
  -webkit-transition: all .2s ease-in-out;
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.contact-btn-col ul li a:hover::after,.nv-hero-btn:hover::after,
.services-section .service-btn:hover::after,.mission-challenge .btn:hover::after,
.our-products a.products-btn:hover::after, .our-case-studies a.case-studies-btn:hover::after, .social-respons-sec .social-resp-btn:hover::after,.product-intro .product-btn-impact:hover::after,.service-btn-impact:hover::after,
.product-card-buttons .btn-primary:hover::after,.blurb-btn:hover::after,.blurb-btn_res:hover::after,.blurb-btn_mis:hover::after,a.service-tab-content-btn:hover i,.btn-impact-car:hover::after,.products-header .product-btn-impact:hover::after{
   -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

.product-listing .product-tab:hover {
    /* background-color: #0074A2; */
    background-color: #FFF;
    color: #fff;
}
.capsectiona .capability-link:hover .icon-circle {
    animation: logoScale 12s infinite 
ease-in-out;
}
.social-resp-parts .sofkin-section a:hover img, .social-resp-parts .shetek-section a:hover img
{
  box-shadow: 0px 0px 15px 10px #3b87d94d;
}
.joyy-sec .nav-btn:hover
{
  background-color: #003366 !important;

}
.joyy-sec .nav-btn:hover i{
  color:#fff !important;
}
/* ---------------------------Animations----------------------------------------  */
/* ---------------------------popup----------------------------------------  */
.IT-sol-popup-logo
{
  padding-bottom: 25px;
}
.IT-sol-popup-text
{
  font-size: 22px;
  color: #022547;
  font-weight: 300;
  line-height: 1.3;
  font-family: var(--font2);
}
.IT-sol-popup-text span
{
 
  font-weight: 500;
 
}
/* ---------------------------popup----------------------------------------  */
/* ---------------------------cookies----------------------------------------  */
.cookie-notice-container {
    font-size: 18px !important;
    font-family: var(--font2);
    line-height:1.1;
    font-weight:300;
    /* background-color: #0074A2; */
    background-color: #0074A2;
}
.cn-privacy-policy-link {
    color: #fff !important;
    font-weight: 500;
}
#cookie-notice .cn-button{
   background-color: var(--theme-blue);
    color: white !important;
    font-size: 18px;
    padding: 8.5px 12px;
    border-radius: 5px;
    border: none;
    line-height: 1;
    font-family: var(--font2);
}
.cn-close-icon
{
    display:none;
}
/* ---------------------------cookies----------------------------------------  */
/* ---------------------------Menu----------------------------------------  */
.light-menu > li.menu-item.current-menu-parent > a,.light-menu > li.menu-item.current-menu-parent > a::after ,.light-menu > li.menu-item.current_page_item > a {
    color: #0074A2 !important;
}

.light-menu .sub-menu li.menu-item.current_page_item {
    background: #003366 !important;
}
.light-menu .sub-menu li.menu-item.current_page_item a {
    color: #fff !important;
}
/* ---------------------------Menu----------------------------------------  */

  /* Center popup content */
.IT-sol-popup-content {
  text-align: center;
}


    .loader-row {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-top: 20px;
      justify-content: center;
    }
    /* Bouncing Dots Loader */
    .bouncing-loader {
      display: flex;
      gap: 8px;
      align-items: center;
    justify-content: center;
    }
    .bouncing-loader span {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: #022547;
      animation: bouncing 0.6s infinite alternate;
    }
    .bouncing-loader span:nth-child(2) {
      animation-delay: 0.2s;
    }
    .bouncing-loader span:nth-child(3) {
      animation-delay: 0.4s;
    }
    @keyframes bouncing {
      from {
        transform: translateY(0);
        opacity: 0.6;
      }
      to {
        transform: translateY(-8px);
        opacity: 1;
      }
    }


    .social-impact-section-third-section.row {
      /* justify-content: space-between; */
      padding:0 15px;
      gap:15px;
    }

.social-impact-section-third-section .service-sec-content-img {
    /* width: 24.5%; */
    width: 34.5%;
    text-align: center;
    background-color: #F4FBFE;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.social-impact-section-third-section .service-sec-content-img img {
    border-radius: 15px;
    border: 1px solid #DBDEEF;
    padding: 15px;
    background-color: #FFF;
}
.social-impact-section-third-section .social-impact-content 
{
      display: flex;
    gap: 10px;
    flex-direction: column;
  /* width:74.5%; */
  width:64.5%;
}
.social-impact-content p {
    font-size: 18px;
    line-height: 1.5;
    color: #1e1e1e;
    font-weight: 300;
    word-spacing: 1.3px;
}
.tab-content-container .service-content.ai-advisory-service-content ul.services-list-item li
{
  width: 35%;
}
.tab-content-container .service-content.ai-advisory-service-content .services-list-item li span
{
  width: 100%;
}
.ai-advisory h3{
  font-size: 22px;
    font-weight: 500 !important;
    margin-bottom: 15px;
    color: #022547;
    line-height: 1.1;
}
.ai-advisory h4
{
  font-size: 20px;
    font-weight: 500 !important;
    color: #1a1a1a;
    line-height: 1.1;

}
.ai-advisory p
{
    font-size: 18px;
    color: #1e1e1e;
    font-weight:300;
     line-height: 1.4;
     margin-bottom: 20px;

}
.ai-advisory p:last-child
{
   
     margin-bottom: 0px;

}
/* .hero-gl-effect {
  position: absolute;
  inset: 0;
  z-index: 3; 
  pointer-events: auto; 
  overflow: hidden;
}
.hero-gl-effect canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
} */


/*-------------------------------------Font size --------------------------*/

 .footer-img__weight p
{
  font-size: 17px !important;
    font-weight: 400!important;
}  
/*body text*/
.nv-tab-label .nv-label-des,.service-text-div p,.author-title,.footer-img__weight p:last-child
,.testimonial-text, .light-desc,.product-details p,.product-details ul li,.feature p,.overlay-content-sec p,.industries-content-container .service-content p,.tab-content-container .service-content p,
.privacy-policy .privacy-content p,.privacy-policy ul li, .privacy-policy ol li,.social-resp-sofkin-section p, .social-resp-shetek-section p,.case-studies-content .post-info p,.case-studies-content .post-info ul>li, .case-studies-content .post-info ol > li{
  font-size: 17px !important;
  font-weight: 300!important;
}
 #product-header-text
 {
   font-size: 17px !important;
  font-weight: 400!important;
 }
.mission-challenge-left-sec p
{
  font-size: 20px !important;
  font-weight: 400 !important;
}
.bold-desc,
.tab-content-container .service-content .industries-row .services-list-item li span
{
   font-size: 17px !important;
  font-weight: 500!important;
}

/*navigatiin text and button*/
.row.header-row ul li a ,.light-menu .sub-menu li.menu-item a,.row.header-row ul li a.header-contact-btn,
.nv-hero-btn, .services-section .service-btn, .mission-challenge .btn, .our-products a.products-btn, .service-btn-impact, .our-case-studies a.case-studies-btn, .social-respons-sec .social-resp-btn,.footer-quick-links li a, .footer-widget-dark__about-text-box li a, .footer-widget-dark__about-text-box li span,.social-resp-parts .sofkin-section p, .social-resp-parts .shetek-section p,.footer-widget__text p,.breadcrumb a,.product-intro .product-btn-impact, .product-card-buttons .btn, .blurb-btn, .products-header .product-btn-impact,.breadcrumb span,.tab-slider-wrapper .tab-btn,a.service-tab-content-btn,.consulting-tab-btn,.case-study-tabs .tab-button,.social-resp-sofkin-section .service-btn-impact, .social-resp-shetek-section .service-btn-impact,.back-home-btn,.case-study-pagination .nav-title
{
  font-size:17px!important;
  font-weight:400!important;
}
.contact-btn-col ul li a::after, .nv-hero-content a.nv-hero-btn::after, .services-section .service-btn::after, .mission-challenge .btn::after, .our-products a.products-btn::after, .our-case-studies a.case-studies-btn::after, .social-respons-sec .social-resp-btn::after, .product-intro .product-btn-impact::after, .product-card-buttons .btn-primary::after, .service-btn-impact::after, .blurb-btn::after, .blurb-btn_res::after, .blurb-btn_mis::after, a.service-tab-content-btn i, .btn-impact-car::after, .products-header .product-btn-impact::after,.back-home-btn::after
{
   font-size:17px!important;
}

/*Section Heading*/
.our-services h2, .our-products h3, .our-products h2, .our-case-studies h2, .who-we-section .who-we-right__section h2, .social-respons-sec .social-resp-title, .ourClinetSectionInn h2, .testimonial-section .testimonial-title, .smacapps-awards-section-content h2, .services-section h2, .mission-challenge h2,.intro-right h2, .product-details h3, .why-title h2, .blurb-box h2,.overlay-content-sec h2,.case-studies-heading h2,.social-resp-shetek-section .heading, .social-resp-sofkin-section .heading,.case-studies-intro .intro-left h2
{
  font-size: 32px!important;
   font-weight:400!important;
}
/* Section Subheading */
.services-section .services-subtext, .our-products .sub-title p, .our-case-studies p,.smacapps-awards-section_new p
,.testimonial-lead,.why-title p,.blurb-box p,p.case-studies-para,.section-404 p{
  font-size:17px!important;
   font-weight:400!important;
}
/* Card Titles */
.service-text-div h3,.case-study-card .post-text h3,.product-box p,.author-name,.mission-content,.footer-widget-dark__subscribe h3, .footer-dark-quick-links h4, .footer-dark-quick-links h3, .footer-widget-dark__about-text-box h4,.product-details h4,.feature h3, .feature h5, .feature h4,
.industries-content-container .service-content h3, .industries-content-container .service-content h4,.overlay-content h3,.services-list-item li span,.case-card .sub-heading,.IT-sol-popup-text,.privacy-policy .privacy-question,.case-studies-content .post-info .casestudy_title, .case-studies-content .post-info h3
{
  font-size: 20px !important;
  font-weight: 400 !important;
}
.nv-hero-content p
{
  font-size:22px!important;
}
/* Small Text */
.footer-drak-last-section a,.footer-drak-last-section p
{
  font-size: 15px !important;
}
.impact-section {
    padding: 30px!important;
}
.fw-normal-weight
 {
    font-size: 24px !important;
   
}