:root {
    --primary-color:#002a64;
    --secondary-color:#e78b48;
}


body{
     font-family: "Poppins", sans-serif;
}

html,body{
    overflow-x:clip;
}

img{
    height:auto;
    max-width:100% !important;
}


li{
    list-style:none;
}
a{
    text-decoration:none !important;
    color:#000;
}
p{
   font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.7;
}
.aother-section .service-box:hover img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(301deg) brightness(103%) contrast(101%);
}
.banner-sec-em {
    background-image: url(../image/bg/software-development-company-finland.webp);
    background-position:center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 650px;
    position: relative;
    display: grid;
    align-items: center;
    z-index: 1;
    overflow: hidden;
    min-height: 92vh;
}
.banner-sec-em:before {
        position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(45deg, transparent, transparent, #0e275edb, #0e275edb, rgb(0 42 100));
    z-index: -1;
}

.banner-content h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #ffffff;
   margin: 0 0 20px;
}

.banner-content p {
  color: #fff;
}

.banner-content {
     max-width: 50%;
    margin-left: auto;
    margin-bottom: 5rem;
}

.top-header-sec{
    padding: 8px 0;
    position: relative;
    background: #edf1fa;
}

.hear-location .icon {
    position: relative;
    display: inline-block;
    line-height: 40px;
    border: 1px #d3d3d3 solid;
    border-radius: 50%;
    margin-right: 10px;
    color: #000;
    font-size: 16px !important;
    height: 30px;
    line-height: 32px;
    min-width: 30px;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
}
.hear-location li {
    display: flex;
    align-items: center;
}
.hear-location li a{
    font-size:15px;
}
.call-mail-heart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin:0;
    padding:0;
}

.start-menu-content{
    display: flex;
    align-content: center;
    gap: 10px;
    margin-bottom:20px;
}
.start-menu-content i{
    color:var(--secondary-color);
}
.start-menu-content p{
    margin: 0;
    text-transform: uppercase;
}
.mega-menu > ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 21px;
    margin: 0;
}
.mega-menu > ul > li a{
    font-size:15px;
    font-weight:500;
    transition: .2s linear;
    
}
.mega-menu .dropdownss {
    position: relative;
    padding-right: 25px !important;
    padding: 18px 0;
    cursor: pointer;
}

.mega-menu .dropdownss:before {
        position: absolute;
    content: "\f104";
    font-family: flaticon_normal-icon !important;
    font-size: 14px;
    right: 5px;
    top: 20px;
    transition: .2s linear;
    margin: auto 0;
}
.mega-menu .dropdownss a{
    transition: .2s linear;
    display:inline-block;
}
.mega-menu > ul > li a:hover{
   
    color:var(--primary-color);
}
.mega-menu .dropdownss:hover > a{
    
    color:var(--primary-color);
}
.mega-menu .dropdownss .submenu{
    position: absolute;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1019607843), 0 4px 6px -4px rgba(0, 0, 0, .1019607843);
    width:300px;
    visibility: hidden;
    opacity: 0;
    background-color:#fff;
    left: -60px;
    transition-duration: .2s;
    z-index:999;
    border-radius: .375rem;
    overflow-y: auto !important;
    padding:10px;
    top: 62px;
}

.mega-menu .dropdownss:hover .submenu{
    opacity: 1;
    visibility: visible;
    margin-block-start: 0;
    height: 400px;
    overflow-y: scroll !important;
}
.mega-menu .dropdownss  .submenu li a{
    border-radius: .25rem;
    padding: 7px 10px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    transition: .2s linear;
}
.mega-menu .dropdownss:hover:before{
   
        transform:rotate(180deg);
        color:var(--primary-color);
}
.mega-menu .dropdownss  .submenu li a:hover{
    background-color: #e5e7eb !important;
    color:var(--primary-color);
}
.key-number-sec{
    padding: 0 0 0;
    position: relative;
}

.key-number-sec .key-main{
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
        justify-content: center;
}
.key-number-sec .col-lg-4:not(:last-child){
    border-right: 1px solid #dee2e6;
    padding-right: 0;
    padding-left: 0;
}
.key-numbr-box{
    padding: 2rem 0;
    text-align: center;
}
.key-numbr-box span{
    font-size:40px;
    color:var(--primary-color);
    font-weight:700;
}
.key-numbr-box p{
   margin: 0 auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    max-width: 90%;
}
.about-sec-homess{
       padding: 4rem 0 5rem;
    position: relative;
    
}
.abous-img-box img{
    border-radius:10px;
}
.about-imgss{
    text-align: -webkit-center;
}
.about-imgss img{
    border-radius: 15px;
    object-fit: cover;
}
.why-indiasd{
       position: relative;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 1.2rem;
    border-radius: 10px;
    border-left: 5px solid #e78b48;
}
.why-indiasd p{
    margin-bottom:0;
}
.why-indiasd h3{
    font-size:1.2rem;
}
.about-content-box{
    margin-left: 40px;
}
.section-title{
    margin-bottom: 20px;
}
.section-title.text-center{
    margin-bottom:45px;
}
.sec-big-title{
        font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
}
.sec-title-small{
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .0509803922);
    background: var(--secondary-color);
    padding: 5px 20px;
    border-radius: 50px;
    /*color: #fff;*/
     color: #000;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin: 0 0 10px;
}

.abou-poins{
    padding: 0;
    margin: 20px 0 0;
    position: relative;
}
.abou-poins li:not(:last-child){
    margin:0 0 10px
}

.abou-poins li{
    position: relative;
    display: flex;
    gap: 10px;
}
.abou-poins li .icon{
    position: relative;
    height: 25px;
    background-color: #edf1fa;
    min-width: 25px;
    border-radius: 50%;
}

.abou-poins li .icon:before{
    position: absolute;
    content: "";
    background-image: url(../image/svg/check-home.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 5px;
}
.abou-poins li p{
    margin: 0;
}
.about-content-box p{
    text-align: justify;
}
.about-content-box .about-btn-home{
    margin-top:20px;
}
.itcontbtn{
    box-shadow: inset -2px -2px 2px 0 rgba(7, 13, 29, .3019607843);
    padding: 8px 20px 10px;
    background: var(--primary-color);
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    transition:0.3s linear
}
.itcontbtn:hover{
    background:var(--secondary-color);
}
.servi-box-amin{
    padding:20px;
    border-radius: 16px;
    border: 1.5px solid #dadfe7;
    position: relative;
    z-index: 0;
    transition: all 0.3s ease-in-out 0s;
    background-color: #fff;
    height: 100%;
    padding-bottom: 2.5rem;
}
.servi-box-amin::after{
        content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #edf1fa;
    opacity: 0.9;
    border-radius: 16px;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s;
}
.servi-box-amin:hover::after{
 opacity:1;
 background-color: var(--primary-color);
}
.services-sec-main{
    padding:5rem 0;
    position: relative;
}
.services-sec-main .row{
    gap:20px 0;
}
.servi-box-amin .icon{
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
    transition: all 0.4s ease-in-out;
}
.servi-box-amin:hover .icon{
    background:var(--secondary-color);
}
.servi-box-amin .title{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 1rem;
    display: block;
    
}
.servi-box-amin  h4{
    line-height:1.3;
}
.servi-box-amin p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 0 0 20px;

}

.servi-box-amin .servi-btn{
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    display: block;
    padding-right: 20px;
    max-width: fit-content;
    bottom: 15px;
}
.servi-box-amin:hover .servi-btn{   
  color: var(--secondary-color);
}
.servi-box-amin:hover .servi-btn:before{
   color: var(--secondary-color);
}
.servi-box-amin .servi-btn:hover:before{
        transform: rotate(0deg);
}
.servi-box-amin .servi-btn:before{
    position: absolute;
    content: "\f1be";
    right: 0;
    font-family: flaticon_normal-icon !important;
    font-size: 16px;
    top: 2px;
    bottom: 0;
    margin: auto 0;
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}

.servi-box-amin:hover .title, .servi-box-amin:hover p{
    color: #fff;
}
.servi-box-amin:before{
    position: absolute;
    content: "";
    background-image: url(../image/bg/pattern.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 90px;
    width: 100px;
    top: 10px;
    right: 30px;
}

.servi-box-amin .icon img{
    filter: invert(14%) sepia(27%) saturate(5506%) hue-rotate(201deg) brightness(87%) contrast(105%);
    transition: all 0.3s ease-in-out 0s;
}

.servi-box-amin:hover .icon img{
    transform: scaleX(-1);
    filter: brightness(0.5) invert(1);
}
.servi-icon-box{
    align-content: center;
    display: grid;
    height: 100%;
    text-align: center;
    justify-items: center;
}
.servi-icon-box p{
    margin:15px 0;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.sticky  .top-header-sec{
display: none;
}
.sticky .megamenu-ssc {
    transform: translateY(0%);
    visibility: visible;
    animation: sliddown 1s;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@keyframes sliddown{
    0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.cliental-portfolio{
    padding: 5rem 0;
    position: relative;
    background-color: #edf1fa;
}
.clie-ntalp-content p{
    text-align: justify;
}
.clie-ntalp-img{
    text-align: end;
}
.clie-ntalp-img img{
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.client-btn-home{
    margin-top:30px;
}
.why-chose-sec{
    padding:5rem 0;
    position: relative;
}
.why-chose-sec .row{
    row-gap:25px;
}
.why-chos-box {
    background: #edf1fa;
    border-radius: 20px;
    padding:20px;
    position: relative;
    height:100%;
}
.why-chos-box .icon img{
    filter: invert(15%) sepia(25%) saturate(4655%) hue-rotate(196deg) brightness(94%) contrast(109%);
}
.who-can-box img{
    filter: invert(15%) sepia(25%) saturate(4655%) hue-rotate(196deg) brightness(94%) contrast(109%);
}
.why-chos-box .icon{
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 .2rem .25rem rgba(95, 65, 251, .2);
    margin-bottom: 30px;
    background:#fff;
}
.why-chos-box .title{
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.3px;
}

.why-chos-box p{
    margin: 0;
    text-align:justify;
}
.sector-sec-hhh{
    padding:1rem 0 5rem;
    position: relative;
   
}
.sector-sec-hhh .row{
    gap:40px 0;
}
.sector-boxss .title{
font-size: 17px;
font-weight: 600;
text-align: center;
margin: 0;
letter-spacing: 0.3px;
}

.sector-boxss .icon{
    height:70px;
    width:70px;
    line-height: 70px;
    border-radius: 5px;
    margin:0 auto 15px;
    text-align: center;
}

.sector-sec-hhh .col-lg-3:nth-child(1) .sector-boxss .icon{
    background: #E1CFFC;
}
.sector-sec-hhh .col-lg-3:nth-child(2) .sector-boxss .icon{
    background: #cbd799;
}
.sector-sec-hhh .col-lg-3:nth-child(3) .sector-boxss .icon{
    background:#c2e6ff;
}
.sector-sec-hhh .col-lg-3:nth-child(4) .sector-boxss .icon{
    background: #e5caa4;
}
.sector-sec-hhh .col-lg-3:nth-child(5) .sector-boxss .icon{
    background: #fcced4;
}
.sector-sec-hhh .col-lg-3:nth-child(6) .sector-boxss .icon{
    background: #c0c0c0;
}
.sector-sec-hhh .col-lg-3:nth-child(7) .sector-boxss .icon{
   background:#fcc3e6;
}
.sector-sec-hhh .col-lg-3:nth-child(8) .sector-boxss .icon{
     background:#d0bba1;
}
.sector-sec-hhh .col-lg-3:nth-child(9) .sector-boxss .icon{
    background: #e5de75;
}
.sector-sec-hhh .col-lg-3:nth-child(10) .sector-boxss .icon{
    background: #bfdffe;
}
.sector-sec-hhh .col-lg-3:nth-child(11) .sector-boxss .icon{
    background: #fbc4ab;
}
.sector-sec-hhh .col-lg-3:nth-child(12) .sector-boxss .icon{
    background: #B0BBE8;
}
.proses-sec-main{
    padding:5rem 0 0;
    position: relative;
    
}

.prosess-box-items{
    padding: 44px 40px 40px;
    position: relative;
    z-index: 1;
   background-color: #edf1fa;
    border-radius: 16px;
    margin:0 20px;
    height: 100%;
}
.prosess-box-items::after{
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 80px;
    background: #fff;
    transform: translateY(-50%);
    mask-image: url(../image/bg/shape.svg);
    transform: translateY(-50%);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: right;
    right:-1px;
}
.prosess-box-items::before{
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 80px;
    background:#fff;
    mask-image: url(../image/bg/shape.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: right;
    transform: translateY(-50%) scale(-1);
    transition: all 0.3s ease-in-out 0s;
    left: -1px;
}
.prosess-box-items .icon{
    width: 57.6px;
    height: 57.6px;
    background: var(--primary-color);
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    outline: 7px solid #edf1fa;
    margin-bottom: 27px;
    transition: all 0.3s linear;
}
.prosess-box-items .title{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.prosess-box-items p{
    text-align: justify;
    margin:0;
}

.proses-sec-main .arrowss{
  position: relative;
}

.proses-sec-main .arrowss:not(:last-child)::after{
    content: "";
    position: absolute;
    width: 100px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: url(../image/bg/right-arrow.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: -50px;
    z-index: 3;
}
.prosess-box-items:hover .icon{
    animation: shakeAnimation 0.2s ease-out;
}
@keyframes shakeAnimation {
	0% {
		transform: rotate(-20deg);
	}
	25% {
		transform: rotate(20deg);
	}
	50% {
		transform: rotate(-20deg);
	}
	75% {
		transform: rotate(20deg);
	}
	100% {
		transform: rotate(0);
	}
}

.faq-sec-main{
    position: relative;
    padding: 5rem 0;
    
}
.accordion .accordion-item:not(:last-child){
    margin:0 0 25px;
}

.accordion .accordion-item{
    backdrop-filter: blur(5px);
    border: none !important;
    background: #edf1fa;
    border-radius: 10px;
}
.accordion .accordion-body{
    background-color:var(--primary-color);
     border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top:0 !important;
    padding:22px;
    border:none;
    font-size: 14px;
    color:#fff;
}
.accordion .accordion-button:not(.collapsed):active{
    border:0 !important;
}
.accordion .accordion-button:not(.collapsed){
    background-color: var(--primary-color);
     border: none;
     color:#fff;
      border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
        box-shadow: none;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.accordion .accordion-button{
    font-size: 17px;
    font-weight: 600;
    background-color: #edf1fa;
    border-radius: 10px;
    padding: 22px;
        line-height: 1.4;
        padding-right: 50px;
}
.accordion-item:last-of-type>.accordion-collapse {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.accordion-button::after{
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 28px;
    height: 28px;
    line-height: 30px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: #fff;
    content: "\f104";
    font-family: 'flaticon_normal-icon';
    background-image: unset !important;
    align-content: center;
    text-align: center;
}
.accordion-button:not(.collapsed)::after{
    background-color: var(--secondary-color);
}

.cta-sec-consul{
    position: relative;
    background-image: url(../image/bg/shape-image.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cta-content-box{
    margin-left:70px;
    position:relative;
    z-index: 1;
}

.cta-content-box::before{
    position: absolute;
    content: "";
    background-image: url(../image/home/arrow-right-curve.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    animation: wobble 2.4s ease-in-out infinite;
    z-index: -1;
    height: 86px;
    width: 190px;
    left: -200px;
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.fter-sec-main-mm{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../image/bg/site-footer-bg.webp);
    background-color: var(--primary-color);
    z-index: 1;
    overflow: hidden;
}

.fter-sec-main-mm:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    z-index: -1;
  
}

.foter-sec-main{
    padding: 4rem 0 0;
    position: relative;
}
.site-footer__shape-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 400px;
    background: linear-gradient(0deg, rgba(110, 84, 243, 0) 22%, rgba(110, 84, 243, .15) 100%);
    clip-path: polygon(100% 0, 100% 58%, 54% 100%, 0% 100%);
    z-index: -1;
    animation-name: float-bob-y;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes float-bob-y {
  0% {
    transform: translateY(-20px);
  }

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

  100% {
    transform: translateY(-20px);
  }
}

.site-footer__shape-1 {
    position: absolute;
    top: -295px;
    background: linear-gradient(180deg, rgba(110, 84, 243, 0) 22%, rgba(110, 84, 243, .10) 100%);
    left: 26%;
    width: 400px;
    height: 500px;
    border-radius: 10px;
    animation: ImgBounce2 5s ease-in-out 0s infinite alternate;
}
.site-footer__shape-1::before {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    right: -50px;
    bottom: -50px;
    border: 1px solid rgba(110, 84, 243, .20);
    border-radius: 10px;
}
@keyframes ImgBounce2 {
  0% {
    -webkit-transform: translateY(0) rotate(59deg);
    transform: translateY(0) rotate(59deg);
  }

  100% {
    -webkit-transform: translateY(-30px) rotate(59deg);
    ;
    transform: translateY(-30px) rotate(59deg);
    ;
  }
}
.footer-logo img{
        filter: brightness(0) invert(1);
}
.footer-logo{
    margin-right:10px;
}
.footer-logo p{
    color:#fff;
    margin: 20px 0 0;
    text-align: justify;
        letter-spacing: 0.5px;
}
.social-media-book {
    padding: 0;
    display: flex;
    
    gap: 10px;
    
}

.social-media-book li a {
    width: 35px;
    height: 35px;
    line-height: 41px;
    font-size: 15px;
    display: block;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .40);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
}
.social-media-book li a::before{
        content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    transform: scale(0.5);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s linear;
    z-index: -1;
}
.social-media-book li a:hover::before {
    transform: scale(1.0);
    opacity: 1;
}
.social-media-book li a:hover{
    color: var(--primary-color);
}
.social-media-book li a i { 
    font-size: 16px;
}

.foot-menu{
    margin: 15px 0 0;
    padding: 0;
}

.foot-menu li a{
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.foot-menu li:not(:last-child) {
    margin: 0 0 10px;
}
.footer-menu-box .title{
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.3px;
    position: relative;
    max-width: fit-content;
}
.foot-menu-serr .foot-menu li{
    width:48%
}
.foot-menu-serr .foot-menu{
    display: flex;
    flex-wrap: wrap;
}
.flexment-poi{
    display:flex;
    justify-content:space-between;
    margin-bottom:2rem;
    align-items: center;
}
.footer-addrew-fff {
    margin: 15px 0 0;
    padding: 0;
}
.footer-addrew-fff li {
    display: flex;
    gap: 10px;
    align-items: center;
}
.footer-addrew-fff li:not(:last-child) {
    margin-bottom: 10px;
}
 .footer-addrew-fff li .icon:hover{
    background-color: var(--secondary-color);
 }
.footer-addrew-fff li .icon {
    min-width: 35px;
    height: 35px;
    line-height: 37px;
    font-size: 15px;
    display: block;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .40);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
}
.footer-addrew-fff li p {
    color: #fff;
    font-size: 13.5px;
    margin: 0;
}
.footer-addrew-fff li a {
    color: #fff;
    font-weight: 400;
     font-size: 13.5px;
      letter-spacing: 0.5px;
}
.cpry-sec-main {
    padding: 10px 0;
    margin: 40px 0 0;
    border-top: 1px solid #ffffff6b;
}
.copr-right-text p {
    color: #fff;
    margin: 0;
    font-size: 13.5px;
    letter-spacing: 0.5px;
}
.copr-right-text a {
    color: #fff;
    font-size: 13.5px;
    text-align: end;
    letter-spacing: 0.5px;
}
.cpry-sec-main .col-lg-6 {
    padding: 0;
}
.whatsappicon {
    position: fixed;
    right: 10px;
    top: 50%;
    z-index: 9999;
}
.whatsappicon .call-icons {
    display: none;
}
.quick-link{
    display: flex;
    gap: 20px;
   
}

.accordion-button:focus{
    box-shadow:unset;
    outline: none;
}

.banner-btn{
    margin:40px 0 0;
}

.banner-btn .itcontbtn{
    background: var(--secondary-color);
    color: #fff;
    box-shadow: none;
}

.why-chose-sec .col-lg-3:nth-child(1) .why-chos-box .icon img{
    filter: invert(50%) sepia(12%) saturate(2741%) hue-rotate(81deg) brightness(110%) contrast(90%);
}
.why-chose-sec .col-lg-3:nth-child(2) .why-chos-box .icon img{
    filter: invert(51%) sepia(70%) saturate(863%) hue-rotate(304deg) brightness(101%) contrast(106%);
}
.why-chose-sec .col-lg-3:nth-child(3) .why-chos-box .icon img{
    filter: invert(52%) sepia(79%) saturate(467%) hue-rotate(140deg) brightness(87%) contrast(93%);
}
.why-chose-sec .col-lg-3:nth-child(4) .why-chos-box .icon img{
    filter: invert(23%) sepia(29%) saturate(6987%) hue-rotate(254deg) brightness(111%) contrast(97%);
}
.cta-btnsss{
    text-align:center;
    margin-top:40px;
}
.cta-btnsss .itcontbtn{
    border-radius:0;
    width:100%;
    text-align:center;
    padding:12px 20px;
}

#scroll-top {
    position: fixed;
    bottom: -20px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    border-radius: 50px;
    color: #fff;
    background-color:var(--primary-color);
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    transition: all .5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

#scroll-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}

.footer-menu-box-qucik{
    margin-left:50px;
}



/*ctas*/
.cta-projects{
    position:relative;
    padding:5rem 4rem;
    margin: 0 30px;
    border-radius: 50px;
    background-image:url(../image/bg/partner.webp);
    overflow:hidden;
}
.cta-projects:before{
        position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(34, 34, 34, 0.8)), to(rgba(34, 34, 34, 0.8)));
    background: linear-gradient(0deg, rgba(34, 34, 34, 0.8) 0%, rgba(34, 34, 34, 0.8) 100%);
}
.cta-ext-titlsd{
       font-size: 32px;
    color: #fff;
}
.cta-projects p{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 18px;
    padding-top: 1rem;
    margin: 0;
}
.cta-projects .circle-box {
  width: 160px;
  min-width: 160px;
  height: 160px;
  text-align: center;
  border-radius: 50%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background-color: var(--secondary-color);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #fff;
  position: relative;
}
.cta-projects .circle-box span {
  position: relative;
  z-index: 9;
  max-width: 70px;
  display: inline-block;
  color: var(--theme-color2);
  font-weight: 500;
}
.cta-projects .circle-box span i {
  font-size: 40px;
  color: var(--headings-color);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: inline-block;
  margin-top: 5px;
}
.cta-projects .circle-box svg {
  margin-top: 10px;
  text-align: center;
}
.cta-projects .circle-box::before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background: var(--primary-color);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  opacity: 0;
}
.cta-projects .circle-box::after {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  content: "";
  background: #e78b48;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 1.8s;
  transition: all 1.8s;
  z-index: 0;
  opacity: 0;
}
.cta-projects .circle-box:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.cta-projects .circle-box:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.cta-projects .circle-box:hover span {
  color: var(--headings-color);
}


 .contact-card {
     background-color: #edf1fa;
    border-radius: 15px;
    padding: 25px;
    text-align: left;
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); */
    transition: transform 0.3s ease;
    height: 100%;
    }
    .contact-cards-sec .link{
        color:#002a64 !important;
        border-radius: 20%;
    }
    .contact-card:hover {
      transform: translateY(-5px);
    }
    .icon-circle {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      font-size: 22px;
      color: #fff;
    }
    .icon-pink { background-color: #ff5ba5; }
    .icon-purple { background-color: #6c63ff; }
     .icon-yellow { background-color: #ffb347; }
     
 .contact-frm-pge{
     position:relative;
     padding:3rem 0 3rem;
 }    
     
 .contact-box {
     background:#edf1fa;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 30px;
     margin: auto;
    /* margin-top: -6rem !important; */
    /*box-shadow: 0 .3rem .7rem rgba(95, 65, 251, .2);*/
    /*max-width: 75%;*/
    /*padding: 40px;*/
    /*border-radius: 20px;*/
    /* max-width: 900px; */
    /* margin: 50px auto; */
   
    }
    
    .contact-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 10px;
      /*display: flex;*/
      align-items: center;
      justify-content: center;

    }
    .contact-title span {
      color: #002a64;
      font-size: 32px;
    }
    .contact-box .btn-submit{
         background-color: #002a64 !important;
         margin-top: 1rem;
    }
    
   .map-location {
       box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 10px;
    background: #fff;
   } 


    .form-control {
      border-radius: 10px;
      padding: 12px;
          margin: 0 0 10px;
          font-size: 14px;
    }
    .btn-submit {
      background-color: #6c63ff;
      color: #fff;
      border-radius: 10px;
      padding: 12px 25px;
      border: none;
      transition: 0.3s ease;
    }
    .btn-submit:hover {
      background-color: #5548d9;
    }
    .contact-frm-pge .row{
        row-gap: 10px;
    }
    .icon-doll{
        margin-right: 5px;
    }
    .clie-ntalp-img.abt{
        text-align: justify!important;
        
    }
    
    
    .dropdown-wrapper {
  position: relative;
}

.dropdown-wrapper select {
  appearance: none;              /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 40px;           /* Add space for custom arrow */
}

.dropdown-wrapper {
  position: relative;
  width: 100%;
}

.dropdown-wrapper select {
  appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding-right: 35px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 45px;
    color: #595c5f;
}

/* Single line down arrow */
.dropdown-wrapper::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-40%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  pointer-events: none;
}

/* Remove default Bootstrap tab styles */
/* Remove default Bootstrap underline */
.nav-tabs {
  border-bottom: none !important;
}

/* Default (inactive) tabs */
.nav-tabs .nav-link {
  border: none !important;
  color: #6c757d;
  font-weight: 500;
  background: none;
}

/* Active tab style */
.nav-tabs .nav-link.active {
  color: #002366;
  font-weight: 600;
  border: none !important;
  border-bottom: 2px solid #002366 !important; /* underline only active */
}

/* Hover effect */
.nav-tabs .nav-link:hover {
  color: #002366;
}
/* vars (optional) */
:root{
  --tab-active: #0b2a64;   /* blue */
  --tab-base: #d9dfe4;     /* light gray baseline */
}

/* Tab bar */
.nav-tabs{
  border-bottom: none !important;   /* kill Bootstrap's default line */
  position: relative;
  gap: 2rem;                        /* spacing between tabs (optional) */
}

/* Draw the thin gray baseline across the whole bar */
.nav-tabs::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: var(--tab-base);
  z-index: 0;
}

/* Tabs */
.nav-tabs .nav-link{
  border: none !important;
  background: transparent;
  color: #6c757d;
  font-weight: 500;
  position: relative;
  padding-bottom: .5rem;            /* room for underline */
}

/* Active text + blue underline */
.nav-tabs .nav-link.active{
  color: var(--tab-active);
  font-weight: 600;
}

.nav-tabs .nav-link::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;  /* sit on top of the baseline */
  height: 1px;
  background: var(--tab-active);
  transform: scaleX(0);
  transform-origin: left;
  z-index: 1;                        /* above the gray baseline */
}

.nav-tabs .nav-link.active::after{
  transform: scaleX(1);
}

/* Optional hover */
.nav-tabs .nav-link:hover{ color: var(--tab-active); }

.tab-content{
    padding-top: 1.5rem;
}

.our-approach{
    position: relative;
  padding: 60px 0;
 
}
.our-approach-box {
  background: #fff;
    padding: 30px 25px;
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #002a64;
    height: 100%;
    position: relative;
    overflow: hidden;
    clip-path: polygon(.167% .175%, 99.833% .175%, 99.833% 86.41%, 93.226% 92.322%, 93.225% 92.322%, 84.772% 99.825%, .167% 99.825%, .167% .175%);
   
}
.our-approach .title{
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.3px;
}




/* Hover effect */
.service-grid-3:hover {
 transform: translateY(-10px);
  
}

/* Icon background */
.our-approach-box .icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #f0f4ff, #dfe9f3);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
}

.our-approach-box .icon img {
  width: 32px;
  height: 32px;
}

/* Title */
.our-approach-box .title {
  font-size: 17px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #002a64;
}

/* Text */
.our-approach-box p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}
    .service-section {
     
      padding: 60px 0;
      text-align: center;
    }
    .service-box {
      padding: 30px 20px;
      transition: all 0.3s ease;
      height: 100%;
    }
    .service-box:hover {
      transform: translateY(-8px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.1);
      background-color: #fff;
    
    }
    .service-icon {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      border: 2px dashed #ccc;
      margin: 0 auto 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 40px;
      color: var(--primary-color);
      line-height: 34px;
    }
    .service-box:hover .service-icon{
          background: var(--primary-color);
      color: #fff;
    }
    .service-title {
      font-weight: 700;
      margin-bottom: 10px;
      font-size: 18px;
      color: #0d1b2a;
    }
    .service-text {
      font-size: 14px;
      color: #555;
    }
   .about-sec-homess.page{
       padding: 2rem 0;
   }
    
.star {
  color: gold;
}

.read-more {
  display: inline-block;
  margin-top: 10px;
  font-weight: bold;
  color: #003d91;
  text-decoration: none;
}

.contact-cards-sec{
  padding: 6rem 0 0;
    position: relative;
}
.testimonial-section{
    padding: 4rem 0;
    background-color:#002a64;;
    position: relative;
}
.testimonial-section .sec-big-title{
    color: #fff;
}

 .testi-mySwiper .swiper-button-prev:after,
 .testi-mySwiper .swiper-button-next:after{
      font-size:15px;
      color:#fff;
}

/* Testimonial Cards */
.testimonial-card {
  border: 2px solid #fff ;  
border-radius: 15px;
  padding: 25px;
  color: #fff;
  transition: transform 0.3s, box-shadow 0.3s;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

.stars {
  color: #ffeb3b;
  font-size: 20px;
  margin-bottom: 15px;
}

/* Profile Info */
.profile {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.profile img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}
.sub-prvde{
    margin-left: 100px;
}
.stars i {
  color: #e65301;
  font-size: 24px; /* adjust size */
}
.testimonial-section .swiper-slide{
    padding: 2rem 0;
}

.service-grid-3:after{
    position: absolute;
    content: "";
    clip-path: polygon(.167% .175%, 99.833% .175%, 99.833% 86.41%, 93.226% 92.322%, 93.225% 92.322%, 84.772% 99.825%, .167% 99.825%, .167% .175%);
    height: 101%;
    width: 101%;
    z-index: -1;
    left: -.5%;
    top: -.5%;
    bottom: 0;
    right: 0;
    background: #002a64;
    border-radius: 17px;
    
}
    .service-grid-3 {
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    height:100%;
}


.mobile-menu-open, .memnu-clos-open{
    display:none;
}

.links{
    color:var(--primary-color);
}

.white {
    color:#fff;
}

.servi-form-sec.why-ibdia .section-title .sec-big-title {
    font-size: 31px;
}

.process-sec-main-ser.why-indsia {
    padding: 0 0 0;
}

.who-can-benefit-sec .row{
    row-gap:30px;
}

.dropdownss .dropn-btnmobile{
    display:none;
}

.testimonial-section .swiper-button-next, .testimonial-section .swiper-button-prev{
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--secondary-color);
}
.mega-menu .dropdownss .submenu li a.active {
    background-color: #e5e7eb !important;
    color: var(--primary-color);
}
.why-india-img{
    background:url('../image/services/consulting-it-service.webp');
    height:507px;
    width:451px;
    background-size:cover;
}



/*dropdown Languages*/
.lanmuga {
    top: 29%;
    position: absolute;
    display: inline-block;
    right: -3%;
    z-index: 11;
}

.lanmuga ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom:2rem;
}

.lanmuga ul li {
  position: relative;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.lanmuga ul li i{
    font-size:12px;
}
.lanmuga .dropdown {
  display: none;              /* hide by default */
      position: absolute;
    top: 100%;
    left: 0;
    background: var(--primary-color);
    border: 1px solid #ccc;
    padding: 5px 10px;
    white-space: nowrap;
    z-index: 10;
    width: 85px;
   
}

/* show dropdown when hovering li */
.lanmuga ul li:hover .dropdown {
  display: block;
}
/* optional: add small hover effects */
.lanmuga .dropdown li a {
  text-decoration: none;
  color: #fff;
}

.lanmuga .dropdown li a:hover {
  color: #fff;
  font-weight: 600;
}

.megamenu-ssc .container{
    position:relative;
}
.lanmuga img{
       border-radius: 50%;
    height: 30px;
    width: 30px;
    object-fit: cover;
    border: 1px solid #0000001a; 
}
.lanmuga ul > li{
    padding-bottom:1rem
}