@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


#main-wrapper {overflow: hidden;position: relative;max-width: 1900px;margin: 0 auto;width: 100%;}
a:focus,a:hover{text-decoration: none;outline: none;}
.container{max-width:1140px;}

.txt-center{text-align: center;}
.txt-left{text-align: left;}
.color-white{color: #fff;}
.color-blue{color: #1A324E;}
.color-black{color: #1a1a1a;}



h1{font-family: "Poppins", sans-serif;
  font-weight: 700;font-size: 68px;margin:0;}
h2{font-family: "Poppins", sans-serif;
  font-weight: 700;font-size: 45px;}
h3{font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;font-size: 30px;}
h4{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;font-size: 35px;}
h5{font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;font-size: 25px;margin:0;}
h6{font-family: 'Lato', sans-serif;font-weight:400;font-size: 25px;margin:0;}
p{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;font-size: 16px;}
  p.subhdng span{font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;font-size: 22px;}

header{margin: 0;padding: 12px 0 9px;float: left;width: 100%;position: absolute;background: transparent;z-index: 8;top: 0;left: 0;}


.menu-part{margin: 11px 0px 0 0;padding: 0 0px 0 0;border-radius:45px;background-color: transparent;}

/*-----------------------css for menu part----------------------*/

.new-menu ul li.current-menu-item a{color: #d1c273;}

.new-menu{width: 100%;float: right;/*margin: 0 0 0 24px;*/margin: 0px 0 0;padding: 0;}
ul.menu{margin: 0 0 0 0px;padding:0 0 0 0;list-style: none;float:left;overflow: visible;height: 49px;}
ul.menu li {
    margin: 0 10px 0;
    list-style: none;
    float: left;
    position: relative;
    padding: 0 3px 6px;
    transition: ease-in-out 1s;
    height: auto;
    z-index: 9;
    text-align: center;
    width: auto;
}


ul.menu li a {font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-optical-sizing: auto;font-size: 18px;color:#fff;display: block;text-decoration: none;z-index: 9;transition:ease-in-out 1s;}

ul.menu li:hover a{color: #d1c273;transition:ease-in-out 1s;}

ul.menu {clear: both;max-height: 0;transition: max-height .2s ease-out;}
.new-menu .menu-icon {cursor: pointer;display: inline-block;float: right;padding: 28px 20px;position: relative;user-select: none;}

 .menu-icon .navicon {background: #333;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.menu-icon .navicon:before,
 .menu-icon .navicon:after {background: #333;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}

.new-menu .menu-icon .navicon:before {top: 5px;}

.new-menu .menu-icon .navicon:after {top: -5px;}

/* menu btn */

.new-menu .menu-btn {display: none;}

.new-menu .menu-btn:checked ~ .menu {max-height: 240px;}
.new-menu .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}

.new-menu .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}

.new-menu .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}

.new-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.new-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}

/* 48em = 768px */

@media (min-width: 48em) {
  .new-menu li {float: left;}
  .new-menu li a {padding: 0 1px;}
  .new-menu .menu {clear: none;float: right;max-height: none;/*padding: 17px 0px 0 0;*/width: 100%;margin: 0 0;}
  .new-menu .menu-icon {display: none;}
}
img.logopic {
    width: 225px;
    height: 103px;
    object-fit: contain;
}


section#banner-part {
    margin: 0;
    width: 100%;
    float: left;
    position: relative;
    padding: 0% 0 0%;
}
.banner-caption h5 {
    margin: 21px 0 21px 0;
}
img.bnrimage {
    width: 100%;
    position: relative;
    height: 752px;
    object-fit: cover;
}
.home #banner-part::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 78%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 4), rgba(0, 0, 0, 0));
    pointer-events: none;
    z-index: 1;
}
.banner-caption {
    position: absolute;
    left: 0;
    top: 252px;
    z-index: 9;
    width: 1108px;
    right: 0;
    margin: 0 auto;
}

a.cntus {
    margin: 19px 0 0;
    padding: 13px 36px;
    float: left;
    font-size: 18px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    transition: ease-in-out 1s;
    background-color: #fff;
    border-radius: 12px;
    text-decoration: none;
    width: auto;
}
a.cntus:hover{transition:ease-in-out 1s;background-color: #d1c273;color:#000;}

section#capability-part{margin:0;padding:4% 0;float: left;width: 100%;position: relative;}
section#capability-part:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 101px;
    background: url(images/ballone.png) no-repeat;
    width: 299px;
    height: 403px;
    z-index: -1;
}
.heading-line {
  display: flex;
  align-items: center;
  gap: 12px; /* spacing between text and line */
}

.heading-line h2 {
  margin: 0;
  white-space: nowrap; /* prevents wrapping */
}

.heading-line .line {
  flex-grow: 1;
  height: 2px;
  background-color: #778297;margin: 24px 0 0 0;
}
.imghdng-part{display: flex;}
.imghdng-part h6{color:#1a1a1a;font-size: 22px;font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;margin: 0 0 9px 0;}
.icon-glass img {
    margin: 0 12px 0 0;
    width: 36px;
    height: 37px;
    object-fit: contain;
}
img.cpbltypic {
    width: 307px;
    height: 357px;
    object-fit: contain;
}

section#platform-part{margin:0;padding:4% 0;float: left;width: 100%;background-color: #ededed;}
.brdrsde{border-right:2px solid #999999;padding: 0 30px;}
.brdrsde:last-child{border-right:none;}
.brdrsde h6{font-weight: 700;margin: 0 0 15px 0;}


section#whoweare{margin:0;padding:4% 0;float: left;width: 100%;position: relative;}
section#whoweare:before {
    position: absolute;
    content: '';
    left: 0;
    top: 138px;
    background: url(images/balltwo.png) no-repeat;
    width: 448px;
    height: 485px;
    z-index: -1;
}
section#whoweare a.cntus{background-color:#1c2e51;color:#fff;transition: ease-in-out 1s;}
section#whoweare a.cntus:hover{background-color: #d1c273;color:#000;transition: ease-in-out 1s;}
img.whoimgpart {
    width: 540px;
    height: 400px;
    object-fit: contain;
}
.logo-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 6 logos per row */
  gap: 9px;
  justify-items: center;
  align-items: center;
  padding: 20px;
}

.logo-grid img {
    width: 166px;
    height: 113px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.logo-grid img:hover {
  transform: scale(1.05); /* Optional hover effect */
}


section#contactpart{margin:0;padding:4% 0;float: left;width: 100%;background-color: #fafafa;}
.form-part{margin: 0;padding: 0;float: left;width:100%;}
.inpt-fld-new{width: 100%;
line-height: 51px;
padding: 0 0 0 17px;
margin: 5px 10px 15px 0px;
color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
transition: all 1s;
background-color: transparent;
float: left;
border: 1px solid #969696;
border-radius: 12px;}
textarea.inpt-fld-new {
    width: 100%;
    line-height: 50px;
    padding: 0 0 0 17px;
    margin: 15px 10px 13px 0px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    transition: all 1s;
    background-color: transparent;
    float: left;
    border: 1px solid #969696;
    border-radius: 12px;
    height: 149px;
}
textarea:focus-visible{outline: none;}
input:focus-visible{outline: none;}
.sb-btn-cntct-new{color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: ease-in-out 1s;
    background-color: #1c2e51;
padding: 16px 36px;
margin: 19px auto 0;
float: none;
transition: ease-in-out 1s;
border-radius: 12px;
cursor: pointer;display: table;border: none;
}
.sb-btn-cntct-new:hover{background-color:#d1c273 !important;transition: 1s ease-in-out;color: #000;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:  1;color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:  1;color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:  1;color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:  1;color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
}
::placeholder {color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;}

footer{margin: 0;padding:2% 0 0;float: left;width: 100%;background-color: rgba(26, 50, 78, 1);}
.top-footer{margin: 0;padding:0% 0 27px;float: left;width: 100%;border-bottom: 1px solid #fff;}
.bottom-footer{margin: 0;padding:2% 0 0;float: left;width: 100%;}
img.btmlogoimage {
    margin: 0 auto;
    float: none;
    display: table;
    width: 287px;
    height: 134px;
    object-fit: contain;
}
ul.btm-menu-part {
    margin: 33px auto 19px;
    padding: 0;
    float: none;
    width: auto;
    display: table;
}
ul.btm-menu-part li {
    margin: 0 18px;
    padding: 0;
    float: left;
    list-style: none;
}
ul.btm-menu-part li a{margin:0;padding:0;float:left;list-style: none;color:#fff;font-size: 18px;font-family: "Poppins", sans-serif;font-weight: 300;transition:ease-in-out 1s;text-decoration: none;}
ul.btm-menu-part li:hover a{color:#d1c273;transition:ease-in-out 1s;}
ul.btm-menu-part li.current-menu-item a{color:#d1c273;transition:ease-in-out 1s;}
p.adress-part{font-size: 18px;font-family: "Poppins", sans-serif;font-weight: 300;font-style: normal;text-align: center;}
p.adress-part a{color:#fff;text-decoration: none;}
p.adress-part span{font-size: 18px;font-family: "Poppins", sans-serif;font-weight: 500;}
p.copyright{font-size: 16px;font-family: "Poppins", sans-serif;font-weight: 400;color:#fff;text-align: center;}

section.inside-banner{position: relative;overflow: hidden;}
section.inside-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Grey with 50% opacity */
    z-index: 1;
}

section.inside-banner img.bnrimage {
    width: 100%;
    position: relative;
    height: 500px;
    object-fit: cover;
}
section#capblity-part-only{margin: 0;padding:7% 0;float: left;width: 100%;}
img.cpblty-newpic{width: 465px;height: 524px;object-fit: contain;}

.capability-list {
    position: relative;
    padding-left: 40px;
    
}

.capability-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    position: relative;padding: 0 0 0 15px;
}

.cap-num {
    width: 56px;
    height: 56px;
    background-color: #1a2c79;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    position: absolute;
    left: -46px;
    top: -5px;
    border: 4px solid #afb5c1;
    vertical-align: middle;
    padding: 10px 0 0 0;
    font-family: "Poppins", sans-serif;
    font-weight: 700;z-index: 9;
}

.cap-content h4 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 700;font-family: "Poppins", sans-serif;
    font-weight: 700;font-size: 22px;
}

.cap-content p {
    margin: 0;
    font-size: 15px;
    color: #666;font-family: "Poppins", sans-serif;
    font-weight: 300;font-size: 18px;
}

.cap-content{position: relative;padding:0 0 0 10px;}

.cap-content:before {
    position: absolute;
    content: '';
    left: -32px;
    top: 9px;
    width: 3px;
    background-color: #1c2e51;
    height: 102px;
}
.capability-item:last-child .cap-content:before{display: none;}

.each-platform-part{margin: 0;padding:0;float: left;width: 100%;}

.page-template-template-platforms .brdrsde{border-right:none;padding: 87px 30px 0;}
img.wther{width:100%;height: 400px;object-fit: cover;}
.alertspart:nth-child(odd) .wther-one{float: left;}
.alertspart:nth-child(odd) .wther-two{float: right;}

.alertspart:nth-child(even) .wther-one{float: right;}
.alertspart:nth-child(even) .wther-two{float: left;}
.wther-one {
    width: 50%;
    background-color: #e7e7e7;
    height: 100%;
}
.wther-two {
    width: 50%;
}

p.adress-part br{display: none;}

/*responsive*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
 .menu_title {display: none !important;}
 .menu-part {display: none;}
 img.bnrimage {
    width: 100%;
    position: relative;
    height: 418px;
    object-fit: cover;
    object-position: center center;
}
.banner-caption {
    left: 0;
    top: 142px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 15px 0px 15px 8px;
}
h1 {font-size: 31px;}
h5 {font-size: 15px;}
.banner-caption h5 {
    margin: 7px 0 9px 0;
}
a.cntus {
    margin: -4px 0 0;
    padding: 7px 13px;
    font-size: 17px;
}
h2{font-size: 31px;}
.imghdng-part h6{font-size: 17px;}
h6{font-size: 22px;}
img.whoimgpart {
    width: 347px;
    height: 400px;
    object-fit: contain;
    margin: 0 auto;
    float: none;
    display: table;
}
form.wpcf7-form.init {
    width: 91%;
    float: none;
    margin: 0 auto;
}
img.btmlogoimage {
    width: 258px;
    height: 104px;
}
ul.btm-menu-part li {margin: 0 12px;}
p.adress-part br{display: block;}
p.adress-part span.lnonly{display: none;}


section.inside-banner img.bnrimage {
    width: 100%;
    position: relative;
    height: 252px;
    object-fit: cover;
}
.cap-content:before {
    height: 137px;
}
.cap-content h4{font-size: 17px;}
.cap-content p{font-size: 15px;}
.wther-one {
    width: 100%;
    background-color: #e7e7e7;
    height: auto;
}
.wther-two {
    width: 100%;
}
.alertspart:nth-child(odd) .wther-two {
    float: left;
}
.page-template-template-platforms .brdrsde {
    border-right: none;
    padding: 22px 30px 0;
}
}

/*media query for slider part*/

/* ===== DESKTOP VIEW (default) ===== */
.logo-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 9px;
  justify-items: center;
  align-items: center;
  padding: 20px;
}

.logo-track {
  display: contents; /* Keeps HTML cleaner for desktop */
}

.logo-grid img {
  width: 166px;
  height: 113px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.logo-grid img:hover {
  transform: scale(1.05);
}

/* ===== MOBILE VIEW (320–767px): Infinite Slider ===== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .logo-grid {
    display: flex;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    gap: 0;
  }
.sct {
      margin: 0px auto;
    display: block;
    width: max-content;
}
  .logo-track {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    width: max-content; /* ensures long track */
    animation: scrollLogos 40s linear infinite;
  }

  .logo-grid img {
    width: 98px;
    height: auto;
    flex-shrink: 0;
    object-fit: contain;
  }

  @keyframes scrollLogos {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.imghdng-part {

}
.sct {
      margin: 0px auto;
    display: block;
    width: max-content;
}
.banner-caption {
  padding: 0px 10px;
  h1 {
    font-size: 55px;
  }
  h5 {
    font-size: 20px;
  }
}
#banner-part img.bnrimage {
    height: 671px;
  }
.inside-banner .banner-caption {
  width: 100% !important;
  top: 172px !important;
  h1 {
    font-size: 50px !important;
  }
}  
#banner-part.inside-banner img.bnrimage {
        height: 300px;
    }
#platform-part {
  .brdrsde h6 {
    font-size: 22px;
  }
}
h2 {
  font-size: 40px;
}
img.whoimgpart {
  width: 100%;
}
.logo-grid img {
    width: 100px;
    height: 91px;
}
#contactpart {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
section#capblity-part-only {
  padding: 5% 0px;
}
img.wther {
    height: 300px;
}
.page-template-template-platforms .brdrsde {
    border-right: none;
    padding: 30px 20px 0;
}

ul.menu li a {
    font-size: 16px;
}
ul.menu li {
    margin: 0 4px 0;}

.cap-content:before {height: 161px;}

}