body{
    font-family: "DM Sans", sans-serif;
    overflow-x: clip !important;
}
html{
    overflow-x: clip !important;
}

h1,h2,h3,h4,h5,h6{
   font-family: "Lora", serif;
   color:#2c2c2c;
   
}
img{
    height:auto;
    max-width:100% !important;
}
p{
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
   
    color: #545454;
}
a{
    text-decoration:none;
}

ul{
    list-style-type: none;
    padding: 0; 
     margin: 0;
}



.our-banner-section {
     position: relative;
    background-image: url(../images/bg/banner-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow:hidden;
}

.our-banner-section .banner-background-path {
    position: relative;
    padding: 70px 0 280px;
    z-index: 1;
    transform: translate3d(0%, 0px, 0px) scale(1);
    opacity: 1;
}
.our-banner-section .banner-background-path .banner-content {
    text-align: center;
    position:relative;
    z-index:3;
}
.our-banner-section .banner-background-path .banner-content .banner-ttisd {
    color: #1c1a1e;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 25px;
}
.our-banner-section .banner-background-path .banner-content .banner-ttisd span{
    background: linear-gradient(var(--angle, 170deg), #06acf1 var(--stop-1, 10%), currentColor var(--stop-2, 30%), #e600c2 var(--stop-3, 41%), currentColor var(--stop-3, 41%), currentColor var(--stop-4, 70%), #ffc837 var(--stop-5, 82%), #0387ce var(--stop-6, 90%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}
.our-banner-section .banner-background-path .banner-content p {
    color: #545454;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    max-width: 560px;
    width: 100%;
    margin: 0 auto 50px;
}
.our-banner-section .banner-background-path .vector {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
   
}
.banner-content .sub-title span {
       position: relative;
    padding: 8px 20px;
    background-color: #FFE785;
    display: inline-block;
    color: #1c1a1e;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    border-radius: 100px;
    margin: 0 0 20px;
}
.our-banner-section .banner-background-path .vector svg {
    fill: none;
    stroke: hsla(0, 0%, 100%, .6);
}
.our-banner-section .banner-background-path .vector svg circle{
        fill: #1a4ea366;
    stroke: none;
}

.our-banner-section .banner-background-path .vector ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.our-banner-section .banner-background-path .vector ul li:first-child {
    left: 41px;
    bottom: 49%;
}
.our-banner-section .banner-background-path .vector ul li:nth-child(2) {
    left: -65px;
    top: 17%;
}
.our-banner-section .banner-background-path .vector ul li:nth-child(3) {
    left: 40px;
    top: -30px;
}
.our-banner-section .banner-background-path .vector ul li:nth-child(4) {
    right: 40px;
    top: -30px;
}
.our-banner-section .banner-background-path .vector ul li:nth-child(5) {
    right: -65px;
    top: 17%;
}
.our-banner-section .banner-background-path .vector ul li:nth-child(6) {
    right: 41px;
    bottom: 49%;
}
.dashboard-img-section {
    margin-top: -295px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.posibanne-rbas{
    position: absolute;
    bottom: -20px;
    z-index: 2;
    align-items: flex-end;
    justify-content: center;
    display: flex
;
    left: 5px;
    right: 5px;
    gap: 7px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .dashboard-img-section {
        margin-top: -300px;
    }
}
.dashboard-img-section .dashboard-img-wrap {
    perspective: 800px;
}

.dashboard-img-section .dashboard-img-wrap .dashboard-img {
    transform: rotateX(30deg);
    transition: transform .3s ease-out;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .dashboard-img-section .dashboard-img-wrap .dashboard-img {
        max-width: 820px;
        width: 100%;
        margin: 0 auto;
    }
}


.dashboard-img-section .dark {
    display: none;
}
.our-banner-section .banner-background-path .vector ul li {
    position: absolute;
    padding: 9px;
    border-radius: 14px;
    background-color: hsla(0, 0%, 100%, .5);
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
}


/*section-title-start*/

.our-sec-title {
    margin: 0 0 1rem;
}
.our-sec-title.text-center{
    margin-bottom:2rem;
}
.section-small-title {
    padding: 0.4rem 1rem;
    gap: 8px;
    width: fit-content;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem 0.8rem 0.8rem 0px;
    font-size:  0.9rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.21px;
    box-shadow: rgba(3, 41, 82, 0.03) 0px 4px 8px -2px, rgba(3, 41, 82, 0.03) 0px 2px 3px 0px, rgba(3, 41, 82, 0.04) 0px 0.75px 0.75px 0px, rgba(3, 41, 82, 0.04) 0px 0px 0px 1px;
    background-color: rgba(255, 255, 255, 0.8);
    color: rgb(71, 85, 105);
      margin-bottom: 1rem;
}
.section-small-title-2{
    padding: 0.4rem 1rem;
    gap: 8px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem 0.8rem 0.8rem 0px;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.21px;
    background: rgba(46, 97, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 1px 0px 0px inset, rgba(46, 97, 255, 0.08) 0px 0px 0px 1px;
    color: rgb(15, 23, 42);
        margin-bottom: 1rem;
}
.section-big-title {
    font-size: 34px; 
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 14px;
}
.section-big-title span{
    font-weight: 700;
    color: #1a4ea3;
}
.home .our-sec-title.text-center{
    max-width:60%;
    margin: 0 auto 2rem;
    text-align: -webkit-center !important;
}
/*section-title-end*/

/*services-section-start*/

.our-services-section{
    position:relative;
    padding: 100px 0 80px;
}
.our-services-section .row{
    row-gap:40px;
}
.services-liosting{
    padding:0 0 50px !important;
}
.services-liosting .section-small-title-2{
    margin:auto;
}
.we-services-sec {
     position: relative;
    display: flex;
    gap: 0;
    align-items: center;
    justify-content: space-around;
}

.services-section-card {
    padding: 25px;
    /*background-color: #f8f8f8;*/
     background-color: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 
.arrow-risd{
    background-image: url(../images/svg/top-arrow.svg);
    height: 20px;
    width: 20px;
    background-size: cover;
}
.services-section-card .feature-iconsx i {
    transition: transform 0.4s ease;
}

.services-section-card:hover .feature-iconsx i {
    transform: rotate(-45deg); /* Right direction */
}

.services-section-card .feature-content {
    margin-bottom: 30px;
}
.feature-content h3{
       color: #1c1a1e;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.services-section-card .feature-img img {
    border-radius: 10px;
    width:100%;
}

.feature-iconsx {
       display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:15px;
}
.feature-iconsx i{
    color: #000;
    font-size: 25px;
    font-weight: 900;
}

/*service-section-end*/

/*our-about-section-start*/

.our-about-section{
    position:relative;
    padding:4rem 0 4rem;
}
.our-about-section .row{
    align-items: center;
}
.tech-list{
margin: 30px 0 0;
}
.about-section .tech-list li {
   font-size: 17px;
    margin: 0 0 10px;
    line-height: 1.2;
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
}

.about-sec-image{
    text-align: center;
}

.keynumbersd{
    position:relative;
        padding-bottom: 3rem;
}
.contact-btn-area{
    max-width: 760px;
    border: unset;
    background-color: #f8f8f8;
    padding: 16px 15px 16px 40px;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-radius: 40px;
    width: 100%;
    margin: 0 auto;
}
.sgnumber h4{
    font-size:50px;
}
.contact-btn-area p{
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    max-width: 240px;
    width: 100%;
    font-size: 16px;
}
.primary-btn3{
    font-size: 16px;
    font-weight: 700;
    border-radius: 100px;
    color:#fff;
    background-color: #1c1a1e;
    padding: 16px 27px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .6s;
    display: inline-flex
;
    align-items: center;
    line-height: 1;
    gap: 8px;
}
.primary-btn3:hover{
    background:#1A4EA3;
}
.primary-btn3 svg{
    fill: none;
    stroke: #fff;
    transition: all .6s;
}
.inldi-titlsd{
    color: transparent;
    -webkit-text-stroke: 2px #555555;
    font-size: 125px;
    font-family: 'Lora';
    text-transform: uppercase;
}
.achievment-area {
    display: flex
;
    gap: 14px;
    
    margin-bottom: 2.5rem;
}
.home3-about-section .achievment-area .icon svg {
    fill: #1c1a1e;
}
.achievment-area .content h3{
    color: #1c1a1e;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
.achievment-area .content p{
    color: #545454;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}
.achievment-area .content p span {
    font-weight: 600;
    color: #1c1a1e;
}
@media (max-width: 1399px) {
     .scroll-svg {
        width: 1140px;
        top: 35px;
    }
    .about-feature-card {
        padding: 35px 30px;
        background-position: 100%;
    }
    .achievment-area{
        margin-bottom: 0 !important;
    }
}
.ind-conte{
    max-width: 424px;
    width: 100%;
    margin-left: 100px;
    padding-top: 15px;
    font-size:18px;
}
.about-feature-card {
    background-image: url(../images/bg/about-feature-card.webp), linear-gradient(180deg, #f8f8f8, #f8f8f8);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 40px;
    min-height: 280px;
    display: flex
;
    align-items: end;
    position: relative;
}
.about-feature-card:before{
    content: "";
    right: 0;
    background-image: url(../images/bg/home-counter-vector.svg);
    position: absolute;
    filter: brightness(0);
    height: 87px;
    top: 0;
    width: 121px;
    opacity: 0.3;
    background-repeat: no-repeat;
}
.about-featwo{
    background-image: url(../images/bg/about-feature-cardss.webp);
    -webkit-mask-image: url(../images/bg/about-feature-card-bgs.webp);
    mask-image: url(../images/bg/about-feature-card-bgs.webp);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: right;
    mask-position: right;
    background-color: #5ba0de;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 35px 30px;
        background-position: 100%;
    min-height: 280px;
    display: flex
;
    align-items: end;
    position: relative;
}
.about-featwo .sgnumber {
   display: flex
;
    color: #fff;
    align-items: center;
    font-size: 50px;
}
.about-feathre .card-content h4{
         font-size: 22px;
}
.about-featwo .sgnumber h4, .about-featwo .card-content p, .about-feathre .card-content h4{
    color:#fff !important;
}
.about-featwo .card-content p, .about-feature-card .card-content p{
    color: #1c1a1e;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.44px;
    margin-bottom: 0;
}
.about-feathre{
        background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 40px;
    min-height: 280px;
    display: flex
;
    align-items: end;
    position: relative;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../images/bg/about-feature-card-bg.webp);
    background-position: 0;
    
}
.scroll-svg {
    fill: none;
    stroke: #eee;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
/*our-about-section-end*/

/*our-process-section-start*/

.our-process-section{
      position: relative;
    background:#f8f9fa;
    padding-bottom: 3rem;
}

.our-process-content{
    border-radius: 30px;
    border: 1px solid #f8f9fa;
    background: #ffffff;
    padding: 30px;
}

.video-box {
    position: relative;
    padding: 40px 60px;
    border-radius: 20px;
    margin: 40px 0 0;
    width: 100%;
    z-index: 1;
    background-color: #1A4EA3;
    text-align: center;
   
}
.video-box:before{
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/bg/shape.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    opacity: 0.1;
}
.our-process-content .video-box .shape-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.08;
}

.our-process-content .video-box p {
   padding-top: 15px;
    color: #fff;
    text-align: center;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
}

.work-four__right-content {
     width: 100%;
    border-radius: 28px;
    border: 2px solid #f8f9fa;
    background: #f8f9fa;
    padding: 25px;
        box-shadow: rgba(3, 41, 82, 0.06) 0px -1px 1px -0.5px inset, rgba(3, 41, 82, 0.04) 0px 0px 0px 1px, rgba(3, 41, 82, 0.06) 0px 4px 8px -2px, rgba(3, 41, 82, 0.04) 0px 2px 4px 0px, rgba(3, 41, 82, 0.04) 0px 1px 2px 0px;
}

.our-process-items {
 position: relative;
  padding: 26px 30px;
    display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 20px;

}
.our-process-items:not(:first-child){
    margin: 25px 0 0;
}
.our-process-items .head {
   display: flex;
    align-items: center;
    gap: 22px;
    width: 75%;
}

.our-process-items .icon {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
   width: 65px;
    height: 65px;
    border-radius: 10px;
    min-width: 65px;
}
.our-process-items .icon img {
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
}

.our-process-items:hover .icon img {
    transform: rotateY(180deg);
}
.our-process-items .step-btn {
   display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    /* padding: 1px 14px; */
    border-radius: 38px;
   font-size: 14px;
    font-weight: 600;
    max-width: fit-content;
    padding: 6px 16px;
}

.our-process-items .icon.style-1 {
    background-color: #f8f9fa;
}
.our-process-items .icon.style-1  img{
    filter: invert(21%) sepia(55%) saturate(2697%) hue-rotate(205deg) brightness(95%) contrast(88%);
}
.our-process-items .icon.style-2 {
    background-color: #ebfbf3;
}
.our-process-items .icon.style-2  img{
   filter: invert(96%) sepia(68%) saturate(3982%) hue-rotate(72deg) brightness(90%) contrast(83%);
}

.our-process-items .icon.style-3 {
    background-color: #fff8f0;
    color: #ff9548;
}
.our-process-items .icon.style-3 img{
   filter: invert(77%) sepia(81%) saturate(2426%) hue-rotate(325deg) brightness(100%) contrast(104%);
}

.our-process-items .icon.style-4 {
    background-color: #fdf3f9;
    color: #e23ea1;
}

.our-process-items .icon.style-4 img{
   filter: invert(35%) sepia(21%) saturate(6813%) hue-rotate(302deg) brightness(96%) contrast(84%);
}

.our-process-items .step-btn.style-1{
    background-color: #f8f9fa;
    color: #1A4EA3;
}

.our-process-items .step-btn.style-2{
  background-color: #ebfbf3;
    color: #21d37e;
}

.our-process-items .step-btn.style-3{
    background-color: #fff8f0;
    color: #ff9548;
}

.our-process-items .step-btn.style-4{
      background-color: #fdf3f9;
    color: #e23ea1;
}

.our-process-items .title {
    color: #302a42;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}
.our-process-items .tgdfe h4{
       font-size: 18px;
    font-weight: 600;
}
.our-process-items .arrow-icon {
     position: absolute;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    transition: all 0.4s 
ease-in-out;
    left: 50%;
    transform: translateX(-50%);
    bottom: -24px;
    width: 40px;
    height: 40px;
    background-color: #1A4EA3;
    color: #fff;
    z-index: -1;
}

.our-process-items .arrow-icon i {
      rotate: 90deg;
    position: relative;
    left: -0.2rem;
}

/*our-process-section-end*/



/*client-section-start*/

.partner-area{
position: relative;
    padding: 40px 0 0;
}

.partner-area .partner-title-area{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 35px;
}
.partner-area .partner-title-area h2 span,
.partner-area .partner-title-area h3 span {
    color: #1A4EA3!important;
}
.partner-area .partner-title-area h2,
.partner-area .partner-title-area h3 {
    color: #545454;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    padding: 7px 19px;
    border: 1px solid #eee;
    border-radius: 22px;
}

.cliental-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

/*client-section-end*/
.testimonials_header {
    text-align: center;
    line-height: 1em;
    position: relative;
    transform: rotate(-4.3deg);
    width: 100%;
    max-width: 34rem;
    margin: 0 auto 1rem;
    min-height: 300px;
    display: flex
;
    align-items: center;
    justify-content: center;
    top: -30px;
}
.testimonials_svg{
        z-index: -1;
    width: 100%;
    max-width: none;
    position: absolute;
    inset: 50% 0% 0% 50%;
    transform: translate(-50%, -50%);
}
.testminal-heding{
        font-size: 70px;
    font-weight: 800;
    font-family: 'DM Sans';
}
.our-testimonial-sections{
    position:relative;
    padding: 0px 0 100px;
    background-image: url(../images/bg/home-solutions-cycle-background.webp);
    background-size: cover;
    background-position: center;
}
.our-testimonial-sections .our-sec-title{
        margin: 0 0 3rem;
}
.our-testi-decc{
    background:#fff;
    border-radius:12px;
    padding:40px;
}

.our-testi-decc p{
    margin-bottom: 2rem;
    overflow: hidden;
    text-align: justify;
}
.client-names{
        font-size: 19px;
    font-weight: 600;
    margin: 0;
}
.mask-x {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent) !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent) !important;
}
.our-testimonial-sections .swiper-wrapper {
    transition-timing-function: linear !important;
}


.client-img{
    display:flex;
    gap:20px;
    border-top:1px solid #f8f9fa;
    padding:30px 0 0;
}
.client-img img{
   border-radius: 50%;
    width: 50px;
    height: 50px;
    min-width: 50px;
}


/*our-footer-section*/

.our-footer-section {
    position:relative;
    background: #0D0C10;
    padding: 5rem 0 0;
}
.we-our-footer {
      position:relative;
}
.we-our-footer::before{
      content: "";
    position: absolute;
    background: url(../images/bg/footer-gradient.webp);
    height: 350px;
    width: 350px;
    background-repeat: no-repeat;
    top: -9.8rem;
    right: -6rem;
    background-size: contain;
    z-index: 0;
    opacity: 0.4;
}

.we-our-footer::after{
       content: "";
    position: absolute;
    background: url(../images/bg/bg-gradient.webp);
    height: 350px;
    width: 350px;
    background-repeat: no-repeat;
    bottom: 0;
    left: -7rem;
    background-size: contain;
    z-index: 1;
    opacity: 0.6;
}

.footer-logo p{
      color: #fff;
    margin: 17px 0 0;
    font-size: 14px;
    line-height: 1.5;
}
.our-footer-menu {
    padding: 4rem 0 0;
}

.view-socialmedia {
   display: flex;
    gap: 30px;
    padding: 0;
    list-style: none;
    margin: 40px 0 20px;
    z-index: 2;
    position: relative;
}
.view-socialmedia a{
    color:#fff;
}
.foter-mega-menu li a {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #f4f2fe;
    margin: 10px 0 0;
    display: inline-block;
    overflow: hidden;
}

.foter-mega-menu li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px; 
    background-color: #fff;
    transition: width 0.2s ease-in-out; 
}

.foter-mega-menu li a:hover::before {
    width: 100%; 
}

/*.footer-heading {*/
/*    margin-left: 40px;*/
/*}*/

.footer-heading h4{
   color: #fff;
    font-size: 20px;
}

.footer-add-menu {
    margin: 0;
}
.addre-foter {
    padding: 0;
       margin: 20px 0 0;
    list-style: none;
}
.addre-foter li:not(:last-child) {
    margin: 0 0 20px;
}

.addre-foter li {
    display: flex;
    align-content: center;
    position: relative;
    gap: 10px;
}
.addre-foter li i {
    font-size: 17px;
    position: relative;
    color: rgb(255, 255, 255);
}
.addre-foter li a, .addre-foter li p {
    color: #fff;
    font-weight: 400;
   font-size: 14px;
}

.copright {
    position:relative;
    padding: 20px 0;
    border-top: 1px solid #302e3a;
    margin-top: 100px;
}

.copright p{
    text-align:center;
    color:#fff;
}




.our-technologies-sec{
    position:relative;
    padding: 4rem 0;
    background: #f8f9fa;
    background-image:url(../images/bg/rainbow-beams.webp)
}

.logo-slider {
  background: #fff;
  padding: 40px 0;
}

.logoSwiper {
  width: 90%;
  margin: auto;
}

/*.logoSwiper .swiper-slide {*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/

/*.logoSwiper,*/
/*.logoSwiper-1{*/
/*  width: 75px;*/
/*  height: 75px;*/
/*  max-width:75px;*/
/*  object-fit: contain;*/
/*  border-radius: 50%;*/
/*  background: #fff;*/
/*   box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
/*  padding: 10px;*/
/*  transition: transform 0.3s ease;*/

/*}*/


.our-technologies-sec .swiper-wrapper{
    margin-bottom:20px;
}
.logoSwiper .technologies-nhgd,
.logoSwiper-1 .technologies-nhgd{
  width: 80px;
  height: 80px;
  min-width:80px;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
   /*box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
  padding: 10px;
  transition: transform 0.3s ease;
  display: flex;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
}



.our-technologies-sec .swiper-wrapper {
    transition-timing-function: linear !important;
}

.our-technologies-sec .row{
    row-gap:50px;
}



.our-technologies-sec p{
    max-width:80%;
    margin:auto;
    line-height:1.8;
}
.heds-button{
    border-radius: 10px;
    background-color:#1c1a1e;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    letter-spacing: .48px;
    line-height: 1;
    padding: 16px 26px;
    position: relative;
    align-items: center;
    display: inline-flex
;
    transition: all .2s 
cubic-bezier(.455, .03, .515, .955);
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
}
.heds-button:after, .heds-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.heds-button:after {
    z-index: 1;
    transform: translateY(110%);
    background-color: #1A4EA3;
    overflow: hidden;
    transition: opacity .5s, transform .5s;
    z-index: -1;
}
.heds-button:hover:after {
    transform: translate(0);
    border-radius: 0;
}
.heds-button>span, .heds-button>span:nth-child(2) {
    transition: opacity .3s, transform .3s;
    transition-timing-function: 
cubic-bezier(.455, .03, .515, .955);
}
.heds-button svg {
    fill: none;
    stroke: #fff;
    transition: .5s;
}
.heds-button:hover>span:nth-child(2) {
    opacity: 1;
    transform: translateY(-50%);
}
.heds-button>span:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    white-space: nowrap;
}
.heds-button>span {
    background-color: transparent;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
        text-transform: uppercase;
}
.heds-button:hover>span {
    transform: translateY(-150%);
    opacity: 0;
}
.heds-button:before {
    background-size: 102% 102%;
    border-radius: inherit;
    transition: all .2s 
cubic-bezier(.455, .03, .515, .955);
    opacity: 0;
    z-index: -1;
}

.top-header {
    position: relative;
    background:#1A4EA3;
    padding:8px 0;
}
.top-header p{
       padding: 4px 20px;
    background-color: hsl(0deg 0% 100% / 13%);
    border-radius: 30px;
    max-width: fit-content;
    margin: auto;
    color: #fff;
    letter-spacing: 0.6px;
    font-weight: 400;
}
.bottom-header-sec {
    position: relative;
    background: #fff;
    z-index: 9999;
    padding: 15px 0px;
     width: 100%;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
   
}
.navigation {
    
}
.mega-menu-list  {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 45px;
    justify-content: center;
    margin: 0;
}
.mega-menu-list > li > a {
   color: #1c1a1e;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
    transition:.2s linear;
    display:inline;
    padding:32px 0;
}
.list-lisd li a{
    color: #000;
    font-size: 15px;
    transition:.2s linear;
    display: flex
;
    gap: 10px;
}
.list-lisd li a img{
    filter: invert(24%) sepia(63%) saturate(1170%) hue-rotate(187deg) brightness(104%) contrast(100%);
}
.list-lisd li a:hover{
    color:#1A4EA3
}
.list-lisd li:not(:last-child){
    margin-bottom:0.8rem;
}
.web-iconsd li a{
    position:relative;
        padding-left: 32px;
}
.web-iconsd li a:before{
    content:"";
    position:absolute;
    background-image:url(../images/svg/developmenet.svg);
    width:22px;
    height:22px;
    left: 0px;
    filter: invert(24%) sepia(63%) saturate(1170%) hue-rotate(187deg) brightness(104%) contrast(100%);
}
.men-men-flex{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex
;
    justify-content: space-between;
    gap: 20px;
}
.men-men-flex li{
    padding: 0;
    position: relative;
}
.mega-menu-list li a i{
    color: #4c4d50;
    top: 2px;
    position: relative;
    font-weight: 800;
    transform: rotate(90deg);
    display: inline-flex
;
    width: 15px;
    height: 15px;
    align-items: center;
    justify-content: center;
     transition:.2s linear;
}
.mega-menu-list > li:hover > a i{
    transform: rotate(0deg);
    color:#1A4EA3;
}
.mega-menu-list > li:hover > a{
    color:#1A4EA3;
}
.menu-megas{
        position: absolute;
    left: 0;
    top: 75px;
    margin: 0;
    display: none;
    background: #fff;
    padding: 50px 0;
    background-image: url(../images/bg/menu-bg.webp), linear-gradient(#ffffffab, #f8f9fa8a);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    transform-origin: top;
    z-index: 1;
    box-shadow: rgba(3, 41, 82, 0.06) 0px -1px 1px -0.5px inset, rgba(3, 41, 82, 0.04) 0px 0px 0px 1px, rgba(3, 41, 82, 0.06) 0px 4px 8px -2px, rgba(3, 41, 82, 0.04) 0px 2px 4px 0px, rgba(3, 41, 82, 0.04) 0px 1px 2px 0px;
}
.dropdowns{
    position: static;
    transition: all .55s 
ease-in-out;
}
.dropdowns:hover .menu-megas{
    display: block;
        animation: fade-downs .3s 
linear;
}
@keyframes fade-downs{
    0% {
    opacity: 0;
    transform: scaleY(0);
    visibility: hidden;
}
100% {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
}
.solution-menu-banner{
    padding: 40px 40px 30px;
    background-color: #1c1a1e;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.solution-menu-banner:before{
    content: url(../images/bg/solution-menu-banner-vector.svg);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.solution-menu-banner:after{
    content: url(../images/bg/solution-menu-banner-vector2.svg);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.jheadbanner-content{
    margin-bottom: 40px;
}
.jheadbanner-content h6{
    font-size: 2rem;
    color: #fff;
    margin-bottom: 1.5rem;
}
.primary-btn1{
    background-color: #1A4EA3;
    border-radius: 24px;
    padding: 12px 21px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    letter-spacing: .48px;
    line-height: 1;
    padding: 16px 26px;
    position: relative;
    align-items: center;
    display: inline-flex
;
    transition: all .2s 
cubic-bezier(.455, .03, .515, .955);
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
}
.primary-btn1:hover{
    background:#fff;
    color:#1A4EA3
}
.sticky.bottom-header-sec {
       background: #fff;
    box-shadow: rgb(100 100 111 / 5%) 0px 7px 29px 0px;
    transform: translateY(0%);
    visibility: visible;
    animation: slideDown 0.7s ease-out;
   
}

.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}
@keyframes slideDown{
    0% {
    transform: translateY(-100%);
}

100% {
    transform: translateY(0);
}
}
.pri-head-titl{
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 1.6rem;
}
.smal-hed-titlsd{
   
    
    font-size: 1.1rem;
    font-weight: 600;
   
    margin-bottom: 1rem;
}
.smal-hed-titlsd a{
     color: #545454;
      display: flex
;
    gap: 5px;
    align-items: center;
}
.smal-hed-titlsd svg{
    fill: none;
    stroke: #545454;
}
.header-btn{
    text-align:end;
}
.ourt-cmn-button{
    position: relative;
    /*padding: 12px 26px 12px;*/
    padding: 10px 30px 10px;
    display: inline-block;
    background: #1a4ea3;
    color: #fff;
    border: 1px solid #1a4ea3;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    border-radius:30px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    z-index: 1;
}


.side-conds {
    position: fixed;
    right: 10px;
    top: 50%;
    z-index: 9999;
}

.side-conds .call-us-icon{
    display: none;
}

.our-key-diffrents{
   position:relative;
   padding:2rem 0 5rem;
}
.our-key-diffrents .row{
    row-gap:26px
}
.our-key-diffrents .our-sec-title{
    margin: 0 0 3rem;
}

.key-diffrents-box{
    background-color: #f8f9fa;
    border-radius: 20px;
    border-radius: 15px;
    padding: 30px;
    height: 100%;
    text-align:center;
     transition: transform 0.5s ease;
     background: #fff;
    border: 1px solid #dadce0;
    box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08);
}
.key-diffrents-box:hover {
    transform: translateY(-10px); /* Moves the box up by 10px on hover */
}

.key-diffrents-box .icon{
     margin: 0 0 24px;
}

.key-diffrents-box h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.our-common-butn {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: 30px;
}

.our-common-butn a {
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #f8f8f8;
    background: #1a4ea3;
    color: #fff;
    font-size:15px;
    line-height: 1;
    font-weight:600;
    transition: all 200ms linear;
    transition-delay: .1s;
    z-index: 1;
    padding: 8px 12px;
    /*padding: 10px 20px;*/
   border-radius: 30px;
   height: auto;
    display: inline-block;
}

.our-common-butn a:hover::before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform-origin: bottom center;
}

.our-common-butn a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: #000;
    transition: opacity .5s ease, transform .5s ease, visibility .5s ease;
    transform-origin: left top;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    z-index: -1;
}

.cta-section{
    position:relative;
    padding:4rem 0 4rem;
}



.our-cta-sec {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f9fafb;
    padding: 30px 30px;
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
    /* width: 75%; */
    margin: auto;
}

.cta-image{
    position:relative;
}
.mega-menu-list > li.active > a{
    color:#1A4EA3;
}
.list-lisd > li.active > a{
    color:#1A4EA3;
}