:root{
    --primaryColor: #17183a;
}

*{
    padding: 0px;
    margin: 0px;
}
.animation-img2 {
    width: 100%;
    max-width: 100%;
}


  .animation-img2 img {
    width: 100% !important;
    height: auto;
  }
}


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius: 0px;
    padding: 0; 
}

.Head-section-2 nav  .dropdown-item:focus, .Head-section-2 nav .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #2e3192;
    color: #fff;
}

.Head-section-2 nav .dropdown-item {
    display: block;
    width: 100%;
    padding: .74rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-submenu{
    position: relative; 
}

.navbar-nav .dropdown-menu li {
    border-bottom: 1px solid #cccccc63;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.navbar-light .navbar-nav .nav-link{
    color: #17183a !important;
}

nav.navbar ul li a {
    font-weight: 600;
}

.Company ul li a {
    color: #000;
    font-size: 13px;
}
.top-left p {
    margin-bottom: 0px;
}

.Head-section {
    background-color: var(--primaryColor);
    color: white;
    padding: 5px 23px;
}
.social-media-icon a {
    color: #fff;
}
.iconss {
    text-align: right;
}
.Head-section-2 {
    width: 100%; 
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 999;
    transition: top 0.3s ease;
    box-shadow: 1px 13px 20px 0px #0000003d;
}

.headerlist li {
    list-style: none;
}
.icon-img img {
    width: 200px;
    height: 100px;
}
.Getaqutebtn i {
    font-size: 12px;
    color: var(--primaryColor);
}
.getsupport {
    display: flex;
    gap: 20px;
    margin-left: 17px;
}
.carticon i {
    padding-top: 5px;
    font-size: 25px;
}
.Getaqutebtn .btn {
    background-color: #D9D9D9;
    border: 0px solid;
    font-size: 13px;
    font-weight: bold;
    color: var(--primaryColor);
}
.getsupport .btn :hover{
    color: #fff;
    background-color: var(--primaryColor);
    border-radius: 8px;
    transition: all 0.4s ease;
}
ul.headerlist {
    gap: 20px;
}
.headerlist li a {
    padding: 4px 0px;
    color: var(--primaryColor);
    font-weight: 400;
    font-size: 18px;
}
.Getaqutebtn button {
    padding: 7px 43px;
}
.Banner-section{
   padding-top: 50px;
  
   background-image: url(./img/banner-home-1.jpeg);
}
.banner-heading h1 {
    padding-top: 50px;
    font-weight: bold;
    color: var(--primaryColor);
    font-size: 46px;
}

.bnr-img img {
    width: 450px;
    height: 475px;
}

 
/* Base Styles */
.headerlist {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
  }
  
  .headerlist li {
    position: relative;
  }
  
  .headerlist a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #333;
   
  }
  
  .headerlist a:hover {
    background: #f0f0f0;
  }
.bnr-img-background {
    background-image: url(./img/baneer-img-background.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 616px;
    height: 480px;
}
.btn-\&-vidicon {
    display: flex;
    gap: 40px;
    padding-bottom: 20px;
    align-items: center;
}
.bnr-btn button {
    padding: 3px 12px;
    border: 0px solid;
    background-color: var(--primaryColor);
    color: #fff;
    font-size: 23px;
    border-radius: 3px;
}
.bnr-btn i {
    font-size: 25px;
    position: relative;
    top: -3px;
}
.videoicon p {
    font-size: 15px;
    font-weight: bold;
    color: var(--primaryColor);
    padding-top: 10px;
}
.videoicon {
    display: flex
;
    gap: 10px;
    align-items: center;
}
.vidimg img {
    width: 40px;
}
.banner-heading p {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    padding-top: 10px;
}
.about-heading h1 {
    padding-top: 0px;
    color: var(--primaryColor);
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 30px;
}
.about-heading h1 span {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
.About-Section {
    padding-bottom: 15px;
    padding-top: 70px;
}
.about-heading p {
    padding-top: 0px;
    font-weight: 500;
       margin-bottom: 0px;
}
.abt-btn i {
    position: relative;
    top: -2px;
}
.abt-btn .btn{
    padding: 4px 13px;
    border: 0px solid;
    background-color: var(--primaryColor);
    color: #fff;
    font-size: 23px;
    border-radius: 8px;
   
}
/* .abt-btn :hover {
   color: #fff;
    background-color: #000;
} */

/*.abt-btn{*/
/*    padding-top: 10px;*/
/*}*/
ul.sliderlist {
    display: flex;
    font-size: small;
    gap: 30px;
    padding: 20px 10px;
}
.Brand-slider {
    background-color: var(--primaryColor);
    color: #fff;
}
/*
.service-details {
    display: flex;
    gap: 53px;
}
*/
.service-type {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
}
.service-type img {
    width: 100% !important;
    margin: auto;
    text-align: center;
}
.service-img {
    background-color: #E1E6EA;
    /*padding: 0px 100px;*/
    border-radius: 10px;
    /*
    width: 100%;
    height: 200px;
    */
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-testmonial {
    text-align: center;
    font-size: 12px;
    background-color: #fff;
    padding: 30px 15px;
    border-radius: 5px;
}
#service-owl .item {
    padding: 20px;
}
.Services-We-Provide{
/* background-image: url(./img/background-img.svg); */
    padding-top: 60px;
    padding-bottom: 60px;
}
.service-heading p {
    text-align: center;
    font-weight: 500;
}
.service-heading p strong {
    text-align: center;
    padding-bottom: 0px;
    font-size: 40px;
     color:#17183a; 
}
.service-details {
    padding-top: 29px;
    
}
.service-btn a {
    padding: 10px 15px;
    border: 0px solid;
    background-color: var(--primaryColor);
    color: #fff;
    border-radius: 100px;
    margin-bottom: 0;
    font-size: 15px;
    border: 1px solid #2e3192;
}
.service-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-btn a:hover {
    color: #2e3192;
    text-decoration: none;
    background: transparent;

}
.soluction-here {
    display: flex;
    gap: 10px;
}
.soluction-btn button {
    border: 0px solid;
    padding: 14px 14px;
    border-radius: 7px;
    background-color: #fff;
    font-size: 12px;
    font-weight: 600;
    width: 210px;
    text-align: left;
    margin: 5px 0;
}
.We-Provide{
 background-image: url(./img/we-provide-bg.png);
 padding-top: 20px;
 padding-bottom:90px;
}
.we-provide-img img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.we-provide-details {
    padding-top: 50px;
}
.we-provide-details h3 {
    font-weight: bold;
	color:var(--primaryColor);
}
.fifty-year-inner-img img {
    width: 100%;
    padding-top: 30px;
}
.fifty-year-inner-img h1 {
    text-align: center;
    font-weight: bold;
    font-size: 60px;
    color: #22355D;
}
.fifty-year-inner-img p {
    text-align: center;
    font-weight: 400;
    font-size: larger;
}
.Fifty-years {
    padding-top: 20px;
    background-size: cover;
    background-position: center;
}
.Trusted.By.The.Genius {
    padding-top: 60px;
    padding-bottom: 60px;
}
.testmonial-left {
    display: flex
;
    gap: 46px;
    padding: 14px;
}
.testmonial-right h3 {
    font-weight: bold;
    font-size: xx-large;
}
.testmonial-right p {
    font-weight: 400;
}
.client-rating {
    display: flex;
    gap: 20px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    width: 400px;
    align-items: center;
    padding: 7px 0px;
}
.rating h1 {
    font-size: xx-large;
    border-right: 2px solid;
    margin-top: 0;
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 0;
    font-weight: revert;
}
.star p {
    color: #FFE100;
    margin-bottom: 0;
}
.star h6 {
    font-size: 12px;
    font-weight: 500;
}
.right-testi-s img {
    width: 100px !important;
    text-align: center;
    margin: auto;
}
.right-testi-s-min {
    box-shadow: 4px 3px 20px 0px #00000017;
    padding: 20px 15px;
    text-align: center;
/*     border-radius: 0px 100px 0px 0px; */
    border: 1px solid #ccc;
	min-height:184px;
}
.test-slider .item {
    padding: 10px 5px;
}
.right-testi-s {
    text-align: center;
    margin-bottom: 20px;
}
.right-testi-text h4 {
    font-size: 17px;
    font-weight: 700;
    margin-top: 20px;
    border-top: 1px solid;
}
.right-testi-text p {
    font-size: 14px;
}
.Satisfaction {
    display: flex;
    justify-content: center;
    gap:120px;
    background-image: url(./img/bgg.png);
    background-color: var(--primaryColor);
    color: #fff;
    width: 100%;
    align-items: center;
    padding: 25px 0px;
}
.Satisfaction-rating {
    display: flex;
    gap: 20px;
    align-items: center;
}
.Satisfaction-rating h1 {
    font-weight: bold;
    margin-bottom: 0px;
}
.Satisfaction-rating p {
    border-left: 1px solid #fff;
    padding-left: 16px;
    font-size: small;
    margin-bottom: 0px;
}
.get-in-section {
    display: flex;
    justify-content: center;
}
.inputsgrp {
    display: flex;
    gap: 10px;
    padding: 10px 0px;
}
.inputsss input {
    padding: 7px;
    border-radius: 3px;
    border: 0px solid;
    /*background-color: #D9D9D9;*/
    border: 1px solid #ced4da;
}
label.check-box-form {
    padding: 10px 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #828080;
}
.message-input input {
    border-radius: 3px;
    border: 0px solid;
    background-color: #D9D9D9;
    width: 399px;
    height: 134px;
}
.Get-In-Touch {
    padding-top: 80px;
    padding-bottom: 80px;
}
.get-in-right {
    background-image: url(./img/baneer-img-background.png);
    background-size: contain;
    
}
.contact-from {
    background-color: #fff;
    margin-top: 76px;
    padding: 50px 40px;
    border-radius: 8px;
    margin-left: -60px;
    border: 1px solid #cccccc85;
}
.contact-from p {
    text-align: center;
    font-size: larger;
    color: var(--primaryColor);
}
.contact-from h3 {
    font-size: 23px;
    text-align: center;
    color: var(--primaryColor);
}
.get-btn button {
    padding: 10px 20px;
    border: 0px solid;
    background-color: var(--primaryColor);
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}
.swiper {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 40px 0;
  }
  
  .swiper-slide {
    display: flex;
    justify-content: center;
  }
  .swiper-slide {
    display: flex;
    height: 100%;
  }
  
  .service-type {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 529px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
  }
  .blog-section {
    display: flex;
    justify-content: center;
}
.Latest-blog-section {
    display: flex;
    gap: 10px;
}
.blog-one img{
    width: 306px;
   
} 
.blog-one {
    background-color: #fff;
    height: 400px;
    border-radius: 5px;
}
.blog-one h5 {
    padding: 23px 13px;
    font-weight: bold;
    font-size: 14px;
}
.blog-one p {
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px;
}
.blog-comments {
    display: flex;
    gap: 60px;
}
.coments-one h6 {
    font-size: small;
    padding: 16px 5px;
}

.coments-one {
    display: flex;
    justify-content: center;
    align-items: center;
}
.coments-one i {
    padding: 4px 7px;
    color: var(--primaryColor);
}
.blog-heading {
    text-align: center;
}
.blog-heading h3 {
    font-weight: 700;
    padding-bottom: 26px;
    color: #17183a;
}
.iso-certification img {
    margin-left: 34px;
    height: 502px;
    padding-top: 10px;
    border-left: 2px solid;
    padding-left: 13px;
}
.iso-certification h2 {
    text-align: center;
    padding-left: 39px;
}
.logo-img img {
    width: 430px;
}
.get-btn i {
    position: relative;
    top: -2px;
    padding: 0px 3px;
}
.mail-details {
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-top: 57px;*/
    background-color: var(--primaryColor);
    color: #fff;
    /*width: 358px;
    height: 100px;*/
    padding: 10px;
}
.icons i {
    font-size: 35px;
    color: var(--primaryColor);
    background-color: #fff;
    padding: 13px;
    border-radius: 44px;
    margin-top: 3px;
}
.footer-icon {
    padding-top: 40px;
    padding-bottom: 40px;
}
.social-icon i {
    font-size: 26px;
   /* padding: 27px 0px 6px 34px;*/
}
.social-icon {
    /*margin-top: 58px;*/
    background-color: var(--primaryColor);
    /*height: 100px;*/
    padding: 5px 0px;
    text-align: center;
    color: #fff;
}
.social-icon a {
    color: #fff;
}
.logo-img img {
    /*width: 380px;
    height: 100px;*/
    /*margin-top: 57px;*/
    background-color: #fff;
    padding: 7px 66px;
}
.search-banner {
    background-color: #fff;
    width: 308px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    border: 1px solid var(--primaryColor);
    margin-top: 10px 0px;
}
.search-banner input {
    background: transparent;
    border: 0px;
    border-radius: 10px;
    border-right: 1px solid var(--primaryColor);
}
.search-banner button {
    background: transparent;
    border: 0px;
    border-left: 1px solid var(--primaryColor);
    padding-left: 10px;
}
.about-us h4 {
    font-weight: 700;
    color: var(--primaryColor);
    font-size: 25px;
    padding-bottom: 5px;
    line-height: 100%;
}
.Footer-section {
    padding-top: 70px;
    
}

.Company h4 {
    font-size: 25px;
    font-weight: 700;
    color: var(--primaryColor);
    line-height: 100%;
    padding-bottom: 10px;
}

.footerlist li {
    list-style: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
}
.Certified-Partners h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: var(--primaryColor);
}
.Certified-Partners-img img {
    width: 283px;
    height: 300px;
}
.Certified-Partners-img {
    text-align: center;
}
.copyright-lines {
    display: flex
;
    gap: 20px;
    justify-content: space-between;
    border-top: 1px solid var(--primaryColor);
    padding: 18px 3px;
}
.copylist ul {
    display: flex;
    gap: 28px;
}
.copylist ul li {
    list-style: none;
}
.copyright-lines p {
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
}
.copylist ul {
    display: flex;
    gap: 28px;
    font-size: 10px;
    font-weight: 400;
}
.soluction-btn :hover{
    background-color:var(--primaryColor);
    color: #fff;
}
.iso-img img {
    width: 90px;
    height: 90px;
    border-radius: 39px;
    margin-top: -7px;

}
.iso-section {
    display: flex
;
    align-items: center;
    gap: 32px;
}
.iso-section-main h5 {
    font-weight: bold;
    padding: 10px 0px;
    color: var(--primaryColor);
}
.iso-year h3 {
    font-size: 27px;
    font-weight: bold;
}
.footer-icon-section1 .social-icon nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 23px 15px;
  }

  .footer-icon-section1 .social-icon a i {
    font-size: 20px;
    color: #fff ;
    transition: color 0.3s ease;
  }
/* 
  .footer-icon-section1 .social-icon a i:hover {
    color:var(--primaryColor);
  } */


/*  Home Page css end here  */


/*  About Page css start here  */
/*.About-Section {*/
/*    margin-top: 30px;*/
/*}*/
.showcase {
  width: 100%;
  height: 450px;
  position: relative;
  color: white;
  text-align: center;
  margin-bottom: 10px;
}

.showcase img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    object-fit: cover;
    filter: brightness(50%); /* 👈 Darkens image */
  }
  

.showcase .overlay {
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 993;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .showcase h2 {
    font-size: 60px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
    font-weight: bold;
}
  

.showcase p {
  margin-top: 8px;
  font-size: 1.2em;
}

.btnlist {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.btnlist ul{
    display: flex;
    gap: 10px;
}
.btnlist li {
    list-style: none;
}
.btnlist li a {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}
.about-btns {
    display: flex
;
    align-items: center;
    gap: 30px;
}
.about-heading1 h6 {
    padding-top: 34px;
    color: var(--primaryColor);
    font-weight: 500;
}
.abt-btn2{
    padding: 4px 13px;
    font-size: 23px;
    

}
.abt-btn2 button {
    border: none;
    padding: 5px;
    background-color: #fff;
    color:  var(--primaryColor);
    border-radius: 8px;
   
}
.about-heading1 h2 {
    color: var(--primaryColor);
    font-weight: bold;
}
.about-heading1 h2 {
    color: var(--primaryColor);
    font-weight: bold;
    font-size: 40px;
    padding-bottom: 5px;
}
.abt-btn2 :hover {
    color: #fff;
     background-color: #000;
     border-radius: 8px;
     transition: all 0.4s ease;
 }
 .conserting-patner {
    display: flex
;
    gap: 30px;
}
.consulting-brand {
    display: flex
;
    gap: 22px;
    justify-content: center;
    align-items: center;
}
.consulting-brand img {
    width: 88px;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
    height: 80px;
}
.consulting-brand p {
    font-size: 17px;
    font-weight: bold;
    color: var(--primaryColor);
}
.archivement-heading {
   
    padding-top: 13px;
    border-bottom: 2px solid #9194e8;
}

.Latest.Achivement {
    background-color: var(--primaryColor);
    color: #fff;
    padding: 10px;
    border-radius: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.archivement-heading h1 {
    font-weight: bold;
    font-size: 45px;
    padding-bottom: 15px;
    text-align: center;
}
.letes-btn button {
    padding: 10px 21px;
    font-size: 21px;
    border-radius: 22px;
    border: none;
    color: var(--primaryColor);
    background-color: #fff;
}
.letes-btn  :hover{
    color: #fff;
    background-color: var(--primaryColor);
    border: 1px solid #fff;
}
.total-project-heading {
    display: flex
;
    justify-content: center;
    gap: 27px;
    align-items: center;
}
.total-project-heading h1 {
    font-weight: bold;
    font-size: 45px;
}
.total-project-heading p {
    font-size: 19px;
    text-transform: uppercase;
}
.letes-btn span {
    border-bottom: 2px solid #9194e8;
}
.footer-icon-section {
    display: flex
;
    justify-content: center;
    align-items: center;
}

  .About-banner {
    padding-bottom: 50px;
}

.map-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%; 
    height: 0;
  }
  .map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
/*//start contact-us css*/
.get-touch-deails {
    display: flex
;
    align-items: center;
    gap: 25px;
    padding-top: 30px;
    border-bottom: dotted;
}
.get-iconss i {
    font-size: 30px;
    background-color: #fff;
    color:  var(--primaryColor);
    border-radius: 32px;
    padding: 15px;
}  
/* .get-iconss :hover,:active{
    background-color: var(--primaryColor);
    color: #fff;
    border-radius: 32px;
    font-size: 150%;
} */
 
.get-iconss :hover{
    background-color: var(--primaryColor);
    color: #fff;
    border-radius: 32px;
    
}
 
.gt-ditails h6 {
    font-size: large;
    font-weight: bold;
}
.gt-ditails p {
    font-size: 18px;
}
.contact-here {
    background-color: #c6c7e6;
    padding: 24px 40px;
    border-radius: 10px;
    margin-top: 40px;
}
.get-in-touch {
    padding-top: 48px;
}
.get-in-touch-left-two h6 {
    color: var(--primaryColor);
    font-weight: 500;
}
.get-in-touch-left-two h1 {
    font-weight: 700;
    padding-bottom: 9px;
}
.contact-from-section p {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--primaryColor);
}

.inputs {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.inputs-grp input {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--primaryColor);
}
.message-input-grp input {
    padding: 40px;
    width: 423px;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid var(--primaryColor);
}
.contact-from-section h3 {
    text-align: center;
    font-size: 38px;
    padding-bottom: 40px;
}
.contact-from-section {
    padding: 60px;
}
.contact-from-section h3 {
    text-align: center;
    font-size: 30px;
    padding-bottom: 40px;
    font-weight: 600;
}
.get-btn2 button {
    padding: 13px 18px;
    border: 0px solid;
    background-color: var(--primaryColor);
    color: #fff;
    font-size: 16px;
    border-radius: 11px;
}
.get-btn2 {
    padding-top: 30px;
}





/*service page */
.banner-heading p {
    text-align: left;
    font-weight: 400;
}
.banner-heading h3 {
    text-align: center;
    font-size: 38px;
    color: #2E3192;
    padding-bottom: 20px;
}
.card img {
    width: 100%;
}
.card {
    padding: 14px;
    margin: 5px;
}
.card h5 {
    padding: 16px 0px;
    font-weight: 600;
    text-align: center;
}
.card p {
    font-size: 16px;
    color: rgb(183, 179, 179);
}
.card .btn {
    border: none;
    padding: 10px;
    background-color: #fff;
    color: #2E3192;
}
.card:hover {
    border: 2px solid #2E3192; 
    box-shadow: 0 2px 2px rgba(0, 123, 255, 0.2); 
  }
  .card .btn:hover {
    background-color:var(--primaryColor);
    color: #fff; 
  }
  .Benifit-Services {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #eaeaf3;
    margin-top: 10px;
    
}
.benifit-right {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    height: 523px;
}
.benifit-right li {
    padding: 10px;
    list-style: none;
}
.benifit-right i {
    padding: 10px;
    color: var(--primaryColor);
}
.benifit-right .btn {
    padding: 19px 28px;
    border: none;
    color: #fff;
    background-color: var(--primaryColor);
    border-radius: 30px;
    margin-left: 30px;
 
}
.benifit-right span {
    border-bottom: 2px solid  #eaeaf3
}
.benifit-left h2 {
    font-size: 43px;
    font-weight: bold;
    color:var(--primaryColor);
}
.Strategic-Work {
    display: flex;
    gap: 20px;
}
.service-imgg img {
    padding: 23px;
    background:#dedee4;
    border-radius: 32px;
}
.Business-Solutions{
    display: flex;
    gap: 20px;
}
.accordion-section {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center accordions horizontally */
  padding: 0 20px;
}




/*Blogs*/

.blogs {
    background: #ffffff;
    padding-bottom: 25px;
    position: relative;
    z-index: 1;
}
.blog-4 .tag {
    border-radius: 6px;
    background-image: linear-gradient(100deg, #086ad8 0%, #378cff 100%);
    background-image: linear-gradient(100deg, #086ad8 0%, #378cff 100%);
    background-image: linear-gradient(100deg, #086ad8 0%, #378cff 100%);
    padding: 8px 19px;
    left: 50px;
    right: auto;
    top: auto;
    bottom: -13px;
}
.commentor {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    position: absolute;
    right: 50px;
    bottom: -27px;
    display: inline-block;
    z-index: 1;
    padding: 10px 35px 10px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.commentor img {
    width: 40px !important;
    height: 40px;
    display: inline-block !important;
}
.text-heding {
    color: #333333;
}
.blog-4 .blog-content {
    padding: 30px 30px 0px 30px !important;
}
.blog-4 .blog-content h3 a {
    color: #000;
    text-decoration: none;
}
.blog-4 {
    border: 2px solid rgb(243, 243, 243);
}
.blog-4 p {
    font-size: 16px;
    line-height: 26px;
}
.blog-4 .blogs__meta {
    border-top: 1px solid rgb(231, 231, 231);
    padding-top: 20px;
    margin-top: 25px;
}

.blogs__meta span {
    font-size: 14px;
    position: relative;
    z-index: 1;
    opacity: 0.5;
}
.blogs__meta span:nth-child(2) {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 25px;
    margin-right: 25px;
}
.blogs__meta span:nth-child(2)::before {
    content: "";
    position: absolute;
    background: #d0d0d0;
    width: 1px;
    height: 10px;
    top: 4px;
    left: 0;
    z-index: 1;
}
.blogs__meta span:nth-child(2)::after {
    content: "";
    position: absolute;
    background: #d0d0d0;
    width: 1px;
    height: 10px;
    top: 4px;
    right: 0;
    z-index: 1;
}
.blog-4 .blog-content {
    padding: 0 50px 15px 50px;
}
.commentor img {
    width: 40px !important;
    height: 40px;
    display: inline-block !important;
}
.blog-4 .blog__thumb {
    position: relative;
    z-index: 1;
}
 


.widget {
    border: 2px solid rgb(243, 243, 243);
    padding: 36px 20px 25px 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.widget-title-box {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.widget-title-box::before {
    content: "";
    position: absolute;
    background: #e7e7e7;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-title-box::after {
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(8, 106, 216)), to(rgb(55, 140, 255)));
    background-image: linear-gradient(0deg, rgb(8, 106, 216) 0%, rgb(55, 140, 255) 100%);
    background-image: linear-gradient(0deg, rgb(8, 106, 216) 0%, rgb(55, 140, 255) 100%);
    background-image: linear-gradient(0deg, rgb(8, 106, 216) 0%, rgb(55, 140, 255) 100%);
    width: 80px;
    height: 1px;
    left: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-sub-title2 {
    font-size: 20px;
}
.widget-post .post-list {
    padding: 0;
    margin: 0;
}
.widget-post .post-list li {
    border-bottom: 1px solid rgb(231, 231, 231);
    margin-bottom: 30px;
}


.widget-post .blog-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
    padding-bottom: 20px;
}
.widget-post .blog-post img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.widget-post .blog-post .post-content {
    margin-left: 20px;
}
.fs-14 {
    font-size: 14px;
}
ul.post-list li {
    list-style: none;
}
.widget-post .blog-post .post-content h6 {
    font-size: 16px;
}
.widget-post .blog-post .post-content h6 a {
    text-decoration: none;
    color: #000;
}

.widget-categories-list ul li a {
    background: #f8f8f8;
    width: 100%;
    display: block;
    padding: 14px 0px 14px 30px;
    margin-bottom: 10px;
    font-size: 16px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.widget-categories-list ul li a span {
    font-size: 14px;
    font-weight: 700;
    background: #efefef;
    padding: 14px 16px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
}
ul.list-none li {
    list-style: none;
}
.widget-categories-list ul li a {
    text-decoration: none;
    color: #000;
}

.news-details-left {
    border: 2px solid rgb(243, 243, 243);
    padding: 42px 40px 45px 40px;
    border-radius: 6px;
}



.industries-contact-from {
    margin-top: 0 !important;
    padding: 20px 20px !important;
    border-radius: 8px;
    margin-left: 0 !important;
    border: 1px solid #cccccc85;
}





.faq-container {
  max-width: 800px;
  margin: 30px auto;
  font-family: "Segoe UI", sans-serif;
}

.faq-item {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.faq-question {
  width: 100%;
  padding: 25px 20px;
  font-size: 18px;
  font-weight: 600;
  background-color: #f9f9f9;
  cursor: pointer;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s;
}

.faq-question:hover {
  background-color: #eee;
}

.faq-arrow {
  transition: transform 0.3s ease;
  font-size: 18px;
}

.faq-answer {
  display: none;
  padding: 15px 20px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

.faq-item.active .faq-answer {
  display: block;
}

.faq-item.active .faq-arrow {
  transform: rotate(180deg);
}



.service-details-call-to-action {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: var(--primaryColor);
    color: #fff;
}

    .call-to-action-left h2 {
        font-weight: bold;
        padding-top: 10px;
        font-family: sans-serif;
    }
    .call-to-action-icon i {
     font-size: 28px;
      color: white;
   }

   .call-to-action-icon {
    width: 60px;
  height: 60px;
  border: 3px solid #fff;
    border-radius: 29px;
   display: flex;
    justify-content: center;
    align-items: center;
   }
  .call-to-action-icon :hover{
    color: #2E3192;
    background-color: #fff;
     border-radius: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
   height: 60px;
  }

   .call-to-action-right {
  display: flex;
  align-items: center;
  gap: 15px; 
  margin-top: 23px;
  }


    .call-to-action-btn {
        padding-top: 21px;
        padding-left: 40px;
    }

    .call-to-action-btn a.btn {
        border: 1px solid #fff;
        padding: 17px 30px;
        border-radius: 25px;
        color: #fff;
         text-decoration: none;
    transition: all 0.1s ease;
    }
    .call-to-action-btn a.btn:hover {
    background-color: #000;
   
}

    .service-details-call-to-action {
        margin-top: 50px;
  }

.service-section-ititle h2 {
    color: var(--primaryColor);
    font-size: 36px;
    font-weight: 700;
}
.service-section-ititle p{
    padding-bottom: 0px;
}


.service-testmonial h6 {
    font-size: 20px;
    padding-bottom: 12px;
}
.service-testmonial p {
    font-size: 16px;
    text-align: center;
}




/*new Blogs*/
    .optech-section-padding {
    padding: 50px 0;
}
    .optech-blog-wrap {
    border-radius: 18px;
    margin-bottom: 24px;
    transition: all 0.4s;
    overflow: hidden;
    border: 1px solid #e3e3ec;
}
    .optech-blog-wrap:hover {
    border: 1px solid #e3e3ec;
    box-shadow: 0 12px 40px 4px rgba(10, 22, 94, 0.0784313725);
}
    .optech-blog-thumb {
    overflow: hidden;
}
    .optech-blog-thumb img {
    transition: all 0.4s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .optech-blog-content {
    padding: 40px;
}
    .optech-blog-meta {
    margin-bottom: 15px;
}
    .optech-blog-meta ul {
    line-height: 1;
}
    .optech-blog-meta ul li {
    position: relative;
    padding-right: 20px;
    display: inline-block;
}
    .optech-blog-meta ul li::before {
    content: '.';
    right: 5px;
    top: 5px;
    width: 5px;
    height: 5px;
    border-radius: 20px;
    position: absolute;
    background-color: var(--body-color);
}
    .optech-blog-meta ul li a {
    transition: all 0.4s;
    color: var(--body-color);
}
.optech-blog-content h2 {
    margin-bottom: 15px;
    color: var(--primaryColor);
    text-decoration: none;
    font-size: 25px;
}
    .optech-icon-btn {
    line-height: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: all 0.4s;
    color: var(--primaryColor);
}



.servic-section-rat{
    background-color: #efefef;
        overflow: hidden;
}
.service-page-deta-f-section.service-ratingin {
    background: var(--primaryColor);
    color: #fff;
}
.service-page-deta-f-section {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 8px 0px;
}
.service-page-deta-f-section p{
    margin-bottom: 0px;
}
.service-page-deta-f-section span {
    font-size: 50px;
    font-weight: 800;
}

.gmails {
    padding-left: 20px;
}

.btn:hover {
  background-color: #fff !important;
 border: 1px solid #2e3192 !important;
 color: #2e3192 !important;
}
.service-new-content h1 {
    color: var(--primaryColor);
}
.service-new-content h3 {
    color: var(--primaryColor);
}
.service-new-content h2 {
    color:var(--primaryColor);
}
.FAQS-heading h2 {
    color: var(--primaryColor);
}var(--primaryColor); #2e3192;
}











/* //start responsive css */

@media only screen and (max-width: 431px) and (min-width: 320px) {
    
    .Head-section {
        padding: 7px 8px;
    }
    .Head-section-2 {
        width: 100%;
        height: 80px;
        
      
    }
    .bnr-img-background {
        width: 100%;
        height: auto;
    }
	.animation-img2 img {
    width: 100%;
}
    .bnr-img img {
        width: 100%;
        height: auto;
    }
    ul.headerlist {
        gap: 20px;
        flex-wrap: wrap;
    }
    .animation-img2 img {
        width: 100%;
    }
    .icon-img {
        padding-right: 60px;
    }
    .banner-heading h1 {
      
        font-size: 23px;
    }
    .getsupport {
        display: flex
    ;
        gap: 11px;
        margin-left: -64px;
    }
    .Banner-section {
        padding-top: 107px;
        
    }
    .we-provide-img img {
        width: 100%;
        height: auto;
    }
    .soluction-btn button {
        width: 162px;
    }
    .client-rating {
        gap: 74px;
        width: 346px;
    }
    .Satisfaction {
        display: block;
        gap: 80px;
        padding-top: 30px;
        padding-bottom: 17px;
        width: 253px;
        padding-left: 20px;
       
    }
    .get-in-section {
        display: block;
        justify-content: center;
    }
    .get-in-left img {
        width: 100%;
    }
    .inputsgrp {
        display: block;
        margin: 0px 40px;
    }
    .inputsss input {
        padding: 14px;
        margin: 10px 7px;
    }
    .message-input input {
        width: 339px;
        height: 134px;
        margin-left: 40px;
    }
    .contact-from h3 {
        font-size: 18px;
        font-weight: bold;
    }
    .get-btn {
        padding-left: 39px;
    }
    label {
        padding-left: 40px;
    }
    .blog-heading h3 {
        font-weight: 700;
        padding-bottom: 26px;
        font-size: 20px;
    }
    .Latest-blog-section {
        display: block;
    }
    .blog-one {
        margin-top: 11px;
    }
    .footer-icon-section {
        display: block;
        align-items: center;
    }
    .mail-details {
       padding: 7px;
        width: 396px;
        height: auto;
    }
    .logo-img img {
        width: 395px;
        margin-top: 5px;
    }
    .archivement-heading h1 {
        font-size: 20px;

    }
    .total-project-heading {
        display: block;
        align-items: center;
        padding: 9px 9px;
    }
    .total-project-heading h1 {
        font-size: 15px;
    }
    .total-project-heading p {
        font-size: 9px;
        text-transform: uppercase;
    }
    

    .circle {
    --width: 180px;
    --height: 180px;
    position: absolute;
    top: -9px;
    right: 50px;
     }

    .btnlist {
    display: block;
    }
    .inputs {
    display: block;
    margin-top: 10px;
    }
     .message-input-grp input {
    padding: 40px;
    width: 90%;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid var(--primaryColor);
   }
   
    .btnlist ul {
    display: block;
    margin-top: 10px;
 }
 label.check-box-form {
    margin-left: 22px;
}
 textarea.form-control {
    width: 255px;
}
.showcase h2 {
    font-size: 39px;
}
.btnlist li a {
    font-size: 20px;
}
.call-to-action-btn {
    padding-top: 21px;
    padding-left: 0px;
}
.contact-from-section {
    margin-top: 22px;
}
.soluction-here {
    display: block;
}
.we-provide-details {
    padding-left: 21px;
}
.showcase .overlay {
    height: 396px;
}
.showcase img {
    height: 79%;
}
.About-Section {
    
  padding-top: 0px; 
}
.Latest.Achivement {
    padding: 13px;
}
.social-icon {
     margin-top: 5px;
    width: 395px;
}
	


}

@media screen and (max-width:600px){
    .res{
        display: none !important;
    }
    .Banner-section{
        padding-top:0px !important ;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 1rem!important;
    }
}
@media (max-width: 768px) {
  .animation-img2 {
    width: 100%;
	}
	  .get-in-section {
    display: block;
         }
	.get-in-left img {
    width: 100%;
}
	.contact-from {
    margin-left: 0px; 
}
	.Satisfaction {
    display: block; 
	}
	.bnr-btn button {
    padding: 1px 6px;
}
	.client-rating {
    width: 376px;
}
}




 @media only screen and (max-width: 991px) and (min-width: 768px){ 
    
    .icon-img a img {
        width: 178px;
        margin-right: 63px;
    }
    .headerlist li a {
        font-weight: 600;
        font-size: 11px;
    }
    .bnr-img-background {
        width: 407px;
        height: 480px;
    }
    .banner-heading h1 {
        font-size: 28px;
    }
    .banner-heading p {
        font-weight: 400;
        font-size: 13px;
        color: #000000;
        padding-top: 10px;
    }
    .animation-img2 img {
        width: 100%;
        height: 380px;
  }
	 
    .about-heading p {
        padding-top: 3px;
        font-weight: 300;
    }
    .about-heading h1 {
        padding-top: 2px;
        padding-bottom: 20px;
        font-size: 22px;
    }
    .abt-btn {
        padding-top: 0px;
    }
  
    .we-provide-img img {
        width: 100%;
        height: 399px;
    }

   .we-provide-details {
    padding-top: 29px;
     }
  .we-provide-details h3 {
    font-weight: bold;
    font-size: 20px;
  }
  .we-provide-details p {
    font-size: 12px;
  }
  .soluction-btn button {
    width: 160px;
   }
   .get-in-section {
    display: block;
   }
   .Latest-blog-section {
    display: block;
   }
   .blog-one {  
    margin-top: 26px;
    }
    .coments-one h6 {
        font-size: small;
        padding: 15px 37px;
    }
    .mail-details {
        width: 243px;
        height: 100px;
    }
    .icons i {
        font-size: 26px;
    }
    .social-icon i {
        font-size: 17px;
        padding: 37px 0px 6px 15px;
    }
    .logo-img img {
        width: 261px;
        padding: 0px 66px;
    }
    .Certified-Partners-img img {
        width: 250px;
        height: 250px;
    }
    .archivement-heading h1 {
        font-weight: bold;
        font-size: 34px;
    }
    .total-project-heading p {
        font-size: 13px;
        text-transform: uppercase;
        padding-top: 5px;
    }
    .total-project-heading h1 {
        font-weight: bold;
        font-size: 35px;
    }
    .inputs {
        display: block;
        margin-top: 20px;
    }
    .contact-from-section {
        padding: 41px;
    }
    .message-input-grp input {
        padding: 40px;
        width: 100%;
        border-radius: 10px;
        margin-top: 10px;
        border: 1px solid var(--primaryColor);
    }
    .service-page-deta-f-section span {
    padding-left: 20px;
   }
  
   .showcase {
     margin-bottom: 0px;
   }
   
   .About-Section {
     padding-top: 0px;
   }
   .contact-from {
       margin-left: 0px;
   }
 .we-provide-img img {
    width: 100%;
}

} 

@media only screen and (max-width: 1200px) and (min-width: 991px){
    
     .showcase img {
      height: 70%;
   }
     
   .showcase {
     margin-bottom: 0px;
   }
   .About-Section {
   margin-top: 0px; 
   padding-top:0px;
}

    .headerlist li a {
        font-size: 14px;
    }
    .bnr-img-background {
        width: 100%;
        height: 480px;
    }
    .animation-img2 img {
        width: 100%;
        height: 451px;
    }
    .we-provide-img img {
        width: 100%;
        height: 460px;
    }
    .inputs {
        display: block;
    }
    .message-input-grp input {
        width: 326px;
    }
    .contact-from-section {
        padding: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .widget-post .blog-post {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
  .we-provide-img img {
    max-width: 100%;
    height: auto;
  }
	.soluction-btn button {

    width: 191px;

}
}










.footer-icon-section-1 {
    width: 33.33%;
}

.footer-icon-section-2 {
    width: 33.33%;
}
.footer-icon-section1 {
    width: 33.33%;
}




footer{
	background:#17183a;
}
.footer-heading h3 {
    margin-bottom: 20px;
    font-size: 24px !important;
}
.footer-address h4 {
    font-size: 18px !important;
}
.footer-address ul {
    list-style: none;
}
.footer-address ul li a{
	color:#fff;
}
.footer-address{
	color:#fff;
}
.footer-social-icons ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer-social-icons ul a i {
    color: #fff;
}
.footer-social-icons ul li a {
    background: #ccc;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-address p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
}
.footer-address ul li a {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
}
.footer-list-number-email ul li a i {
    padding-right: 5px;
}
.footer-social-icons ul li:nth-child(1) a{
	background-color: #000;
	
}
.footer-social-icons ul li:nth-child(2) a{
	background-color: pink;
}
.footer-social-icons ul li:nth-child(3) a{
	background-color: #cd201f;
}
.footer-social-icons ul li:nth-child(4) a{
	background-color: #006ca7;
}
.footer-social-icons ul li:nth-child(6) a{
	background-color: #2e3192;
}
.copys {
    background: #12193A;
}
.copys p {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
}