/*Common Style*/
.sec-pd{
    padding:100px 0px;
}
.medium-txt-center{
    font-size: 21px;
    color: #000;
    line-height: 32px;
}
.normal-txt-center {
    font-size: 20px;
    color: #000;
}
.grey{
    background: #f4f5fa;
}
.grey1{
    background: #f4f5fa;
/*background: #FEF2ED;*/
/*    background: #F8F5F0;*/
}
h1{
    font-size:2.6rem;
}
.blue{
    background: #020c32;
    color: #fff;
}
.white{
    background: #fff;
}
.mt-70{
    margin-top:100px;
}
.mb-70{
    margin-bottom:100px;
}
.mt-0{
    margin-bottom:0px;
}
.p-0{
    padding: 0px;
}
.bld{
    font-weight: bold;
}
.pl-50{
    padding-left:50px;
}
.pl-100{
    padding-left:100px;
}
.pr-100{
    padding-right:100px;
}
.pr-0{
    padding-right:0px;
}
.pr-50{
    padding-right: 50px;
}
.pr-30{
    padding-right:30px; 
}
.pl-30{
    padding-left:30px; 
}
.text-justify{
    text-align: justify;
}
.w-95{
    width: 95%;
    margin: 0 auto;
    display: table;
}
.w-85{
    width:90%;
    margin: 0 auto;
    display: table;
}
h1 strong{
    color: #0a249d;
}
.blue h1 strong{
    color: #fbd83a;
}
.pl-100{
    padding-left:100px;
}
.pr-100{
    padding-right:100px;
}
.w-bg .nav-box .nav-link,
.w-bg .nav-box .nav-link:hover{
    background: #fff;
}
.w-c{
    color: #fff;
}
.pt-6{
    padding-top: 5rem !important;
}
b, strong {
    font-weight: bold !important;
}

.list li {
    font-size: 20px;
    font-weight: normal;
    line-height: 45px;
    background: url(../images/check.png) 0px 18px no-repeat;
    list-style: none;
    padding-left: 30px;
}
.list1 li {
    font-size: 20px;
    font-weight: normal;
    line-height: 35px;
    background: url(../images/check.png) 0px 14px no-repeat;
    list-style: none;
    padding-left: 25px;
    margin-bottom: 10px;
}
.list2 li {
    font-size: 20px;
    font-weight: normal;
    line-height:30px;
    background: url(../images/check.png) 0px 12px no-repeat;
    list-style: none;
    padding-left: 30px;
    margin-bottom:10px;
}
.list3 li {
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    background: url(../images/check.png) 0px 14px no-repeat;
    list-style: none;
    padding-left:35px;
    margin-bottom: 10px;
}
.list4 li {
        font-size: 20px;
    font-weight: normal;
    line-height: 41px !important;
    background: url(../images/check.png) 0px 14px no-repeat;
    list-style: none;
    padding-left: 35px;
    margin-bottom: 10px;
    text-align: left;
    text-transform: math-auto;
}
.list-ax li {
    font-size: 20px;
    font-weight: normal;
    line-height: 35px;
    background: url(../images/check.png) 0px 12px no-repeat;
    list-style: none;
    padding-left: 25px;
    margin-bottom: 10px;
}
.page-title {
    position: relative;
    color: #ffffff;
    background-color: #fafafa;
    background-size: cover;
    background-position: top center;
    padding:5% 0;
    margin-bottom: 0px;
}
.page-title h1{
    font-weight: bold;
    font-size:50px;
    color: #fff;
}
.breadcrumb{
    margin-top: 15px;
}
.breadcrumb li{
    float: left; 
    list-style: none;
    padding-right:20px;
}
.breadcrumb li a{
    color: #fff;
    font-size:20px;
    text-decoration: none;
}
.breadcrumb li a.active{
    color: #fbd83a;
    margin-left: 10px;
}
.breadcrumb li img{
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}
.accordion-item p,
.accordion-item li{
    color: #000;
}
 
#vision {
    grid-area: 1/1/2/13
}
#mission {
    grid-area: 2 / 1 / 3 / 13;
}
#core{
    grid-area: 3 / 1 / 4 / 13;
}
.steps-sticky-item {

    background-color:#F4FAFF;
    transform-origin: 50% 0;
    border: .19em solid #fff;
    border-radius: .94em;
    flex-flow: column;
    padding:70px;
    display: flex;;
    position: sticky;
    top: 10%;
    margin-bottom: 30px;
}
.steps-sticky-item.is-second {
    background-color:#F1F6F5;
    top: 12%
}

.steps-sticky-item.is-third {
    background-color: #F8F5FF;
    top: 14%
}
#vision .icon-bx img, 
#mission .icon-bx img,
#core .icon-bx img{
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: -0.576px 10px 15px 0px rgba(26.000000000000004, 28.000000000000007, 34, 0.1);
    padding:20px;
    width:90px;
    float: left;
}
/*#mission .icon-bx img{
background-color: #ffffff;
border-radius: 20px;
box-shadow: -0.576px 10px 15px 0px rgba(26.000000000000004, 28.000000000000007, 34, 0.1);
padding:20px;
width:auto;
float: left;
}
#core .icon-bx img{
background-color: #ffffff;
border-radius: 20px;
box-shadow: -0.576px 10px 15px 0px rgba(26.000000000000004, 28.000000000000007, 34, 0.1);
padding:20px;
width:auto;
float: left;
}*/
#vision h2, #mission h2, #core h2{
    float: left;
    margin-left: 30px;
/*font-size: 36px;*/
font-weight: bold;
margin-bottom: 30px;
padding-top: 20px;
}

#vision h3, #mission h3, #core h3{
    font-size: 25px;
    font-weight:500;
    margin-bottom: 30px;
    padding-top: 40px;
    line-height:40px;
}
#vision p, #mission p, #core p{
    font-size:20px;
    font-weight:normal;
    line-height: 35px;
}
#core li{
    font-size:20px;
    font-weight:normal;
    line-height:45px;
    list-style: none;
    margin-right: 10px;
}
#core li img{
    margin-right:20px;
}
#core ul{
    padding: 0px;
    margin: 0px;
}

/*Why*/
.why h1{
    display: block;
    font-weight:500;
    font-size:50px;
    margin-bottom: 30px;
}
.why h1 strong{
    font-weight:700;
}
.why .feature-box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100px;

    background-color:transparent; 
    box-shadow:inherit;
    margin-bottom: 20px;
}
.why h3{
    font-size: 25px;
    font-weight: bold;
}
.why .right p{
    font-size:20px;
    font-weight:normal;
    line-height:30px;

}

.why .right p:nth-child(4), .why .right p:nth-child(5){
    margin-bottom:0px;
}
.why .medium-txt-center{
    color: #fff;
    width: 75%;
    margin:0 auto ;
}

/*Unique*/
.unique .left{
    overflow: hidden;
    position: relative;
    height: 500px;

}
.unique .left{
    overflow: hidden;
    position: relative;

}
.unique h1{
    display: block;
    font-weight:700;
    font-size:50px;
    margin-bottom: 30px;
}
.unique p{
    font-size:20px;
    font-weight:normal;
    line-height:30px;
    margin-bottom:30px;
}
.unique .parallax-container {
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.unique .parallax-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateY(0) scale(1);
    transition: transform 0.2s ease-out;
    will-change: transform;
}
.text-center-agn{
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-style-1 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}
.team-style-1 .team-member-image img {
    display: block;
    width: 100%;
}
.team-style-1 figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
}
.team-style-1 .team-member-name {
    color: #000;
    font-weight: 500;
}
.team-style-1 .social-icon {
    display: none;
}
.team-style-1 .social-icon a {
    display: inline-block;
    margin-top: 20px;
    margin-right: 22px;
    color: #000;
    background-color: transparent;
}
.team-style-1 .social-icon a:last-child {
    margin-right: 0;
}
.team-style-1 .team-member-name,
.team-style-1 .team-member-designation {
    display: block;
}
.team-style-1 .team-member-description p:last-child {
    margin-bottom: 0;
}
.team-style-1 .team-member-description {
    display: inline-flex;
}
.leadership h1{
    font-weight: 400;
/*font-size:50px;*/
text-align: center;
width:53%;
margin: 0 auto 50px auto;
display: table;
}

/*Clients Logo*/
.clients{
    margin:0px auto;
    display: block;
}
.clients ul{
    display: block;
    overflow: hidden;
}
.clients h1,
.partner-logos h1{
/*font-size:45px;*/
font-weight:bold;
margin-bottom: 30px;
padding-top: 10px;
text-align: center;
}
.clients p{
    text-align: center;
}
.clients li{
    width:16.666%;
    list-style: none;
    float: left;
    border-top: none;
    border-bottom: #ddd solid 1px;
    border-left: #ddd solid 1px;
    padding: 40px;
    height:150px;
}
 
.clients li:nth-child(1),
.clients li:nth-child(7),
.clients li:nth-child(13){
    border-bottom: #ddd solid 1px;
    border-right:none;
    border-top: none;
    border-left: none;
}
 
/*.clients li:nth-child(11){
    border-bottom:none;
    border-right:none;
    border-top: none;
    border-left: #ddd solid 1px
}*/
/*.clients li:nth-child(7){
    border-bottom:none;
    border-right:none;
    border-top: none;
    border-left:none;
}*/

.partner-logos ul{
    display: block;
    overflow: hidden;
}
.partner-logos li{
    width:16.666%;
    list-style: none;
    float: left;
    border-top: none;
    border-bottom: #ddd solid 1px;
    border-left: #ddd solid 1px;
    padding: 40px;
}
 
.partner-logos li:nth-child(1),
.partner-logos li:nth-child(7),
.partner-logos li:nth-child(13),
.partner-logos li:nth-child(19),
.partner-logos li:nth-child(22){
     border-left: #fff solid 1px;    
}
.partner-logos li:nth-child(22){
     border-right: #ddd solid 1px;    
     border-bottom: #fff solid 1px;
}

.cln-mrgl{
    margin-left: 33.333%;
}
.clients p{
    text-align: center;
    overflow: hidden;
}


/*Awards*/
.awards{
    margin:40px auto;
    display: block;

}
.awards ul{
    display: block;
    overflow: hidden;
}
.awards h1{
    font-size:45px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-top: 10px;
    text-align: center;
}
.awards p{
    text-align: center;
}
.awards li{
    width:25%;
    list-style: none;
    float: left;
    border-top: none;
    border-bottom: #ddd solid 1px;
    border-right: #ddd solid 1px;
    padding: 40px;
}

.awards li:nth-child(4),
.awards li:nth-child(8),
.awards li:nth-child(12){
    border-bottom: #ddd solid 1px ;
    border-right:none;
    border-top: none;
    border-right:none; 
}

.awards li:nth-child(13){
    border-bottom:none;
    border-right: #ddd solid 1px;
    border-left: #ddd solid 1px;
    border-top: none;
    margin-left: 38%;
}

/*Career Form*/
.career-form{
    padding:50px 50px 0px;
    background-image: linear-gradient(180deg, #F2F3F573 0%, #FFFFFF00 100%);
    margin-top: 20px;
}
.career-form h1{
    font-weight:bold;
/*font-size:45px;*/
text-align:left;
color: #000;
margin-bottom:30px;
display: block;
}
.career-form h3{
    font-size:45px;
    font-weight:300; 
    line-height:65px;
    width: 95%;
}
.career-form label{
    font-size:20px;
    font-weight: 500;
}
.career-form .form-control,
.career-form .form-select{
    padding:17px !important;
    font-size: 19px;
    background: transparent !important;
    border-bottom:#1212124D solid 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px !important;
    padding-left:0px !important;
    padding-right: 0px;
}

.career-form .red{
    color: red;
    font-size: 20px;
    font-weight:600;
}
.career-form button{
    background: #2642ca;
    font-size: 19px;
    border-radius: 50px;
    padding: 15px 30px;
    color: #FFF;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    font-weight: 600;
    letter-spacing: 1px;
}
.career-form button:hover{
    background: #fbd83a;
    color: #000;
    transform: scale(1.05); 
}
.career-form img{
    width: 100%;
}
.career-form .col-sm-6{
    padding-right: 0px;
    padding-left: 0px;
}
/*.careers-left{
overflow: hidden;
height: 100vh;
}*/
.careers-left img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}
.mmt{
    margin-top: -17%;
}


.career-tab .nav button {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}
.career-tab .nav-link {
    border-radius: 12px;
    margin: 5px;
    padding: 10px 25px !important;
    font-weight: 600;
    background: #f4f5fa !important;
    color: #495057;
    transition: all 0.3s;
}
.career-tab .nav-box .nav-link.active {
    background: #fbd83a !important;
    color: #000;
    transform: translateY(-2px);
/*    border-radius: 50px;*/
}
.career-tab .accordion{
    width: 75%;
    margin: 0 auto;
}
.career-tab .accordion-button:not(.collapsed){
    background: transparent;
}
.career-tab .accordion-button{
    background:#fff !important;
    font-size:27px;
    font-weight: 600;
    color: #000;
    border-bottom:#1212122b solid 1px;
    border-left: 0px !important;
    border-right: 0px;
    padding:25px 0px;
}
/*.career-tab .accordion-button:last-child{

}*/
.career-tab .accordion-item{
    border: 0px;
    background:#fff !important;

}
.career-tab h1{
    font-weight: bold;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
    display: block;
}
.accordion-button:focus{
    box-shadow:none;
}
.career-tab .accordion-body h4{
    padding: 10px 0px 5px;
    font-weight: 600;
    font-size: 22px;
}
.career-tab .accordion-body ul.position{
    background:#2642ca;
    padding: 25px;
    overflow: hidden;
}
.career-tab .accordion-body ul.position li{
    display: flow;
    align-items: center;
    float: left;
    padding-right: 20px;
    font-size: 20px;
    color: #fff;
}
.career-tab .accordion-body ul.list2{
    text-align: justify;
}

.career-tab .accordion-body{
    background: transparent !important;
    padding:20px 0px;
}
.career-tab h3{
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    color:#2642ca;
    display: block;
}
.career-tab p{
    font-size:20px;
    text-align:left;
    color: #000;
    display: block;
}


.feedback .carousel-controls {
    margin-top: 2rem;
    margin-left: 0px;
}

.feedback .testimonial-quote{
    color: #000 !important;
    font-size: 20px;
    width:90%;
}
.feedback .testimonial-author{
    color: #000 !important;
}
.feedback h1{
    font-weight: bold;
/*    text-align: center;*/
color: #000;
margin-bottom: 50px;
display: block;
width: 70%;
}

.feedback{
    width:80%;
    padding:100px 0px;
    margin-left:10%;

}

.career-cl{
    background:  #fff;
    padding:30px 30px 0px;
/*    border-radius: 30px;*/
border:#ddd solid 1px;
min-height: 650px;
position: relative;
}
.career-cl h3{
/*font-size: 30px;*/
font-weight:600;
/*margin-bottom: 30px;*/
padding-top: 10px;
height:80px;
}

.career-cl-b h3{
    font-size: 32px;
    font-weight: 600;
    /*margin-bottom: 30px;*/
    padding-top: 10px;
    height:80px;
    color: #fff;
}
.career-cl p{
    font-size: 20px;
    font-weight: normal;
    margin-bottom:20px;
}

.career-cl-b p{
    font-size: 20px;
    font-weight: normal;
    margin-bottom:40px;
    color: #fff;
}

.career-cl-b{
    background: #020c32;
    padding: 40px 40px 0px;
/*    border-radius: 30px;*/
min-height: 650px;
position: relative;
}

.career-cl img, .career-cl-b img{
/*   border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;*/
position: absolute;
bottom: 0;
left:0;
right:0;
width: 100%;
}



/* Mobile App*/
.mobile-app .line{
    border-bottom:#1212124D solid 1px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.mobile-app h1{
    font-weight:bold;
    margin-bottom:40px;
}

.mobile-app h3{

    font-weight:600;
    margin-bottom: 30px;
    padding-top: 40px;
    line-height: 40px;
}
.mobile-app .content  {
    margin-left: 10px;
}
.mobile-app .content li{
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    background: url(../images/check.png) 0px 13px no-repeat;
    list-style: none;
    padding-left: 30px;
}
.mobile-app .feature-box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width:95px;
    height:95px;
    font-size: 28px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: -0.576px 10px 15px 0px rgba(26.000000000000004, 28.000000000000007, 34, 0.1);
    margin-bottom: 20px;
    padding:20px;
}


/*Mobile App Services Offerings*/

.service-offering .box{
    border: #ddd solid 1px;
    padding: 0px 0px 10px;
    min-height:920px;
}
.service-offering .box ul{
    padding-left:30px;
    padding-right:30px;
}
.service-offering h1{
    font-weight:bold;
    margin-bottom:40px;
}
.service-offering h3{
    font-weight:600;
    margin-bottom:10px;
    padding-top: 40px;
    line-height: 40px;
    padding-left:30px;
    padding-right:30px;
}
.service-offering li{
    font-size: 20px;
    font-weight: normal;
    line-height: 35px;
    background: url(../images/check.png) 0px 12px no-repeat;
    list-style: none;
    padding-left: 30px;
    margin-bottom: 10px;
}

.service-offering ol li{
    background: transparent;
    list-style: disc;
    margin-left: 20px;
    padding-left: 0px;
}

.service-offering h5{
    font-weight:600;
    margin-top:10px;
    color: #0a249d;
    padding-left:30px;
    padding-right:30px;
    font-size: 22px;
}

/*App developemt*/

.appdevp .vertical-steps {
    position: relative;
    margin-left: 40px;
    border-left:1px solid #ddd;
    padding-left: 20px;
    margin-top:50px;
}

.appdevp .step {
    margin-top: 20px;
    position: relative;
    margin-bottom: 40px;
    transition: transform 0.3s ease, background-color 0.3s ease;
    display: block;
}


.appdevp .step-circle {
    width:85px;
    height:85px;
    background-color: #fff;

    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    position: absolute;
    left: -62px;
    top: 0;
    transition: transform 0.3s ease, background-color 0.3s ease;
    border-radius: 20px;
    box-shadow: -0.576px 10px 15px 0px rgba(26.000000000000004, 28.000000000000007, 34, 0.1);

}

.appdevp .step:hover .step-circle {
    background-color: #2642ca; /* change color on hover */
    transform: scale(1.2); /* slightly enlarge circle */
    color: #fff;
}

.appdevp .step-content{
    margin-left:50px;
}
.appdevp .step-content h4{
    margin: 0;
    font-weight: 600;
    transition: color 0.3s ease;
    line-height:80px;
}

.appdevp .step:hover h5 {
    color: #6610f2; /* change title color on hover */
}

.appdevp .step-content p {
    margin: 5px 0 0 0;
    color: #555;
}
.appdevp .global img{
    max-width: 90%;
    float: left;
}
.hears{
    position: relative;
    padding:120px 0px;
}
.hears::before{
    position: absolute;
    content: '';
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.55;
    z-index: 0;
}

.hears h1{
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
    color: #fff;
    position: relative;
}
.hears p{
    text-align: center;
    color: #fff;
    font-size: 25px;
    position: relative;
    width: 80%;
    margin: 0 auto;
    font-weight: 500;
}
.comprehensive h1{
    font-weight:bold;
    display: block;
    width: 100%;
    float: left;
    text-align: center;

}
.comprehensive h2{
    font-weight: 600;
    margin-bottom:10px;
    text-align: center;
    display: block;
    width: 100%;
    float: left;
    color:#fbd83a ;
}
.comprehensive li{
    font-size: 20px;
    font-weight: normal;
    line-height: 45px;
    background: url(../images/check.png) 0px 15px no-repeat;
    list-style: none;
    padding-left: 30px;
}
.comprehensive h4{
    font-size: 23px;
    font-weight:600;
    margin-top: 30px;
    margin-bottom:20px;
}


/*web and desktop*/
.web-desktop h1, 
.why-develop h1{
    font-weight:500;
    margin-bottom: 40px;
    display: block; 
/*font-size: 50px;*/
}
.web-desktop h2{
    font-weight: 600;
    margin-bottom:20px; 
}
.web-desktop p{
    margin-bottom: 25px;
    font-size: 20px;
}
.web-desktop .line{
    border-bottom:#ffffff4d solid 1px;
}
.web-desktop .nb{
    font-size: 20px;
    background: #fbd83a;
    border-radius: 50px;
    padding: 10px;
    color: #000;
    width:50px;
    height:50px;
    text-align: center;
}
.why-develop h1 {
    text-align: center;
}

.why-develop h2{
    text-align: center;
    font-weight: bold;
}
.why-develop h1{
    font-weight:600;
    margin-bottom: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
}
.why-develop img{
    margin-right: 25px;
    width: 75px;
}
.why-develop .card-b{
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: -0.576px 10px 15px 0px rgba(26.000000000000004, 28.000000000000007, 34, 0.1);
    margin-bottom: 20px;
    padding:20px 40px;
    min-height: 160px;
}
.why-develop .card-b p{
    font-size:20px;
    margin-bottom: 0px;
}
.web-desktop h3{
    font-weight:600;
    margin-bottom: 20px;
}
.consulting h3{
    font-weight: 600;
}

/*CMS*/


.cms .card-b p{
    font-size: 23px;
    margin-bottom: 0px;
    text-align: center;
}
.cms .card-b img{
    margin: 0 auto;
    display: table;
}
.cms h2{
    font-weight:bold;
    margin-bottom: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
}
.why-choose{
    position: relative;
}
.why-choose .left{
    position: relative;
}
.why-choose .right{
    padding:100px 50px;
}
.why-choose .left .wave{
    position:absolute;
    bottom: 0px;
    left: 0px;
}

.why-choose .right h2,
.deliver h2 {
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 40px;
    display: block; 
}

.deliver{
    position:relative; 
    padding:50px 80px;
    margin-top: -28%;
    margin-left:25%;
}

/* Wearable*/
.scenarios .card-b{
    background-color: #ffffff;
/*    border-radius: 20px;*/
margin-bottom: 20px;
padding:20px; 
min-height: 610px;
}
/*  .scenarios .card-b img{
border-radius: 20px;
}*/
.scenarios .card-b h3{
/*font-size:28px; */
font-weight: 600;
margin-bottom: 10px;
padding-top:20px; 
}
.scenarios .card-b h4{
    font-size:23px; 
    font-weight: 600;
    margin-bottom:20px;
    color: #0a249d;
}
.scenarios .card-b p{
    font-size: 20px;
}
.accordion-button:not(.collapsed){
    box-shadow:none !important;
}
.wcdd{
    padding:100px;
}
.wcdd li {
    line-height:55px !important;
    background-position: 0px 20px !important;
}
.wcd strong{
    font-weight: bold;
    width: 100%;
    float: left;
}
.wcd h1{

    line-height:50px;
}
.wads li {
    font-size: 20px;
    font-weight: normal;
    line-height: 35px;
    background: url(../images/check.png) 0px 9px no-repeat;
    list-style: none;
    padding-left: 30px;
    margin-bottom: 10px;
}

/*AI*/
.ai-p h1{
    text-align: center;
    width: 75%;
    margin: 0 auto 40px ;
    display: table;
}
.ai-p p{
    font-size: 20px;
    text-align: justify;
}
.ai-p img{
    margin: 0 auto 40px;
    display: table;
}
.rpa img {
    width: 70px;
}
.rpa h1{
    text-align: center;
    margin-bottom:50px;
    font-weight:bold;
    display: block;
}
.rpa p{
    font-size: 20px;
    text-align: center;
    width: 80%;
    display: table;
    margin:20px auto 10px;
}
.rpa img{
    text-align: center;
    display: table;
    margin: 20px auto 0px;
    width:90px;
}
.rpa .line{
    border-left:#ffffff24 solid 1px;
}
.field-service{
    font-size: 30px;
}

/*Infrastructure Management*/

.enhance h1, .on-premise h1 {
    font-weight:500;
    margin-bottom: 40px;
    font-size:2rem;
}
.on-premise h3{
    font-weight: 600;
}

.enhance .line img{
    width:75px;

}
.enhance p,
.reduce p{
    font-size: 20px;
    padding-top: 10px;
    display: block;
}
.feature-box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width:95px;
    height:95px;
    font-size: 28px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: -0.576px 10px 15px 0px rgba(26.000000000000004, 28.000000000000007, 34, 0.1);
    margin-bottom: 20px;
    padding:20px;
}
.enhance .line {
    border-bottom: #ffffff36 solid 1px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 95%;
}
.datacenter{
    background:#FEF2ED;    
}
.datacenter h3,
.datacenter p{
    color: #000 !important;
}
.datacenter h3, .datacenter1 h3{
    height: auto !important;
    margin-bottom: 30px !important;
    font-weight:600;
}
.datacenter{
    min-height: 670px;
}
.datacenter1{
    min-height: 670px;
}
.reduce h3{
    text-align: center;
    margin-top: 20px;
    font-weight: 600;
}
.reduce p{
    text-align: center;
}
.reduce img{
    margin: 0 auto;
    display: table;
    width:80%;
}

/*Azure*/

.azure-migrate p{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0px;
}
.azure-migrate h3,
.azure-implement h3{
    width: 70%;
    text-align: left;
    font-weight: 600;
    margin-bottom: 0px;
}
.azure-migrate .line {
    border-top: #ddd solid 1px;
    margin-bottom: 20px;
    padding-top: 20px;
}
.azure-migrate .feature-box-icon{
    margin: 0 auto;
}
.azure-implement p{
    font-size: 20px;
    padding-top: 10px;
}
.azure-implement {

    margin: 0 auto;
    display: table;
}

.aws h3{
    font-weight: 600;
    margin-bottom: 30px;

}
.aws img{
    width: 75px;
}

/*Devops*/
.devops-services h3 {
    font-weight: 600;
    margin-bottom: 10px;
    padding-top: 40px;
    line-height: 40px;
}
.devops-services h4{
/*font-size: 22px;*/
font-weight: 600;
margin-top: 10px;
color: #0a249d;

}
.cloud-service-icon img{
    width:85px;
}
.cloud-service-icon h1 {
    display: block;
    font-weight:bold;

    margin-bottom:60px;
}
.cloud-service-icon h2 {
    font-weight: 600;
    margin-bottom: 30px;
    color: #fbd83a;
    text-align: center;
    font-size: 28px;
}
.cloud-service-icon h3 {
    font-size: 20px;
    margin-bottom: 50px;

    text-align: center;
    display: block;
    font-weight: normal;
    width: 80%;
}
.cloud-service-icon .line{
    border-right:#ffffff29 solid 2px;
    padding-right: 10px;
}
.cloud-service-icon .b-line{
    border-bottom:#ffffff29 solid 1px;
}

.cloud-service-icon img{
    margin: 0 auto;
    display: table;
    text-align: center;
}

.p-sticky{
    background:#f3f3f3;
    padding:100px 0px 80px;
    position: relative;
}

.p-sticky .left{
    grid-column-gap: var(--_spacer---m);
    grid-row-gap: var(--_spacer---m);
    flex-flow: column;
    position: sticky;
    top:200px;
}
.p-sticky .right{
    scroll-behavior: smooth;
    behavior: smooth
}
.p-sticky .left h1{
    display: block;
    font-weight: 700;
    width: 70%;

}
.p-sticky .left p {
    color: #000;
    font-size: 21px;
    display: inline-block;
    margin-bottom: 50px;
    width:80%;
}
.p-sticky .left a{
    display: inline-block !important;
}
.cloud-why h2{
    font-weight: 600;
    margin-bottom: 40px;
    display: block;
}
.cloud-why .row{
    border-left: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    padding-top: 25px;
    padding-bottom: 15px;
}
.line-0{
    border-left: #ddd solid 0px !important;
    border-bottom: #ddd solid 0px !important;  
    padding-top: 0px;
}
.line-b0{
    border-left: #ddd solid 1px !important;
    border-bottom: #ddd solid 0px !important;  

}
.cloud-why h6{
/*font-size:18px;*/
text-align: center;
padding-top:8px;
}
.cloud-why p{
    font-size: 20px !important;
}
.cloud-why h3{
    font-size: 26px;
    font-weight: 600;
}


/*quality-assurance*/

.quality-assurance h3{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-top: 10px;
    width:80%;
}


.quality-assurance p{
    font-size:25px;
    margin-bottom: 30px;
    padding-top: 10px;
    font-weight:300;
    width:80%;
}

.quality-assurance .dark li,
.quality-assurance .light li{
    display: block;
    list-style: none;
    font-size: 20px;

} 
.quality-assurance .dark{
    background: #2642ca;
    color: #fff !important;
    min-height: 667px;
}
.quality-assurance .light{
    background: #FEF2ED;
    color: #000 !important;
    min-height:667px;
}
.quality-assurance .light,
.quality-assurance .dark{
    padding:30px;
} 
.quality-assurance .dark h4,
.quality-assurance .light h4{
    display: block;
    list-style: none;
    font-size:25px;
    font-weight: bold;
    margin-bottom: 20px;
} 

/**/
.qa-team{
    position: relative;
}
.qa-team {
    border-top:#dbdbdb solid 1px;
    border-bottom:#dbdbdb solid 1px;
}
.qa-team .line{
    border-right:#dbdbdb solid 1px;
    padding:7% 5% 2%;
}
.qa-team .line0{
    border-right:#dbdbdb solid 0px;
    padding:3% 5% 2%;
}
.qa-team img{
    width: 75px;
    height: 75px;
}
.qa-team h2{
    font-size: 40px;
    line-height:60px;
    width: 90%;
}
.qa-team h3{
    position: absolute;
    text-align: center;
    left: 35.77%;
    font-weight: 600;
    font-size: 30px;
    padding: 10px 50px 13px;
    color: #fff;
    background:#020c32;
}
.qa-team h4 {
/*font-size:30px;*/
font-weight: 300;
margin-top: 15px;
}
.qa-team h4 strong{
    float: left;
    width: 100%;
    font-weight: bold;
}
.qa-team p{
    text-decoration: underline;
    margin-bottom: 30px;
}


/*Paetner services*/
.intelligent img{
    width:75px;
}
.intelligent h4{
    font-weight: 600;
}
.white-label{
    padding:5%;
}
.white-label h2{
    font-size:35px;
    color: #000;
    text-align: center;
}
.empower{
    width: 80%;
    padding: 100px 0px;
    margin-right:5%;
    float:right;
}
.empower h4{
    font-weight: 300;

}
.empower .accordion-button {
    background:#020c32 !important;
    font-size: 27px;
    font-weight:600;
    color: #fff;
    border-bottom:#ffffff45 solid 1px;
    border-left: 0px !important;
    border-right: 0px;
    padding: 25px 0px;
}

.empower .accordion-button::after{
    background-color: #fff;
    border-radius:50%;
    padding: 10px;
}
.accordion-button:not(.collapsed)::after{
    padding: 10px;
}
.empower .accordion-item{
    border:none !important;
}
.empower .accordion-body{
    font-size: 20px;
    background:#020c32 !important;
    color: #fff;
    padding-left: 0px;
}
.empower .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius:0px;
    border-bottom-left-radius: 0px;
}
.modules h1 strong{
    color: #000;
    font-size:45px;
}
.modules .feature{ 
    background: #fff;
    padding:30px 15px;
    display: flex;
    transition: all 0.3s ease;
    color: #000;
}
.modules .feature h3{
    float: left;
    margin-bottom: 0px;
    font-weight: 600;
    width: 60%;
    min-height: 100px;
}

.modules .feature .icons{
    float: right;
    align-self: flex-start;
    width: 54px;
    height: 54px;
    background: #fbd83a;
/* padding: 10px; */
border-radius: 50px;
line-height: 50px;
text-align: center;
border: none;
}
.modules .feature:hover{ 
    background:#2642ca;
    transform: scale(1);
    color: #fff;
}
.modules .feature:hover .icons{
    background: #fff;
}
.modules .feature:hover .icons i{
    color:#2642ca;
}
.commerce-cloud h3{
    font-size:27px;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px;
}
.commerce-cloud h4{
    font-size:23px;
    line-height: 30px;
    color:#2642ca;
    margin-bottom: 20px;
    font-weight:500;
}
.commerce-cloud p {
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    line-height: 30px;
    color: #000;
    text-align: justify;
}
.testing-tools img{
    margin: 0 auto;
    display: table;
}
.modal-content h4{
    text-align: left;
    color:#2642ca;
}


/*Included Application*/
.include-apps img{
    width: 100%;
}
.business-benefits,
.streamline p{
    font-size: 20px;
}
.streamline{
    margin-top: -18%;
}
.premium h4,
.shopping-para h4{
    font-size:25px;
    text-align: center;
    font-weight: normal;
    width:90%;
    margin: 0 auto;
    line-height: 40px;
}
.shopping-para hr{
    opacity: 0.20;
}
.shopping-expres .line {
    border-left: #ddd solid 1px;

}
.premium p,
.key-capabilities p{
    font-size: 20px;
    text-align: center;
    font-weight: normal;
}
.license .click{
    background: #2642ca;
    font-size: 19px;
    border-radius: 50px;
    padding: 15px 30px;
    color: #FFF;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 0 auto;
    display: table;
    font-weight: normal;
}
.license .click:hover{
    background: #fff;
    color: #000;
    transform: scale(1.05); 
}
.premium .white{
    background: #fff;
    padding:40px;
    color: #000;
}
.premium .blue{
    background:#fbd83a;
    padding:40px;
    color: #000;
}
.premium .white h3,
.premium .blue h3{
    font-weight:600;
    margin-bottom: 20px;
}
.premium .white,
.premium .blue {
    min-height: 555px;
}
.key-benefits{
    position: relative;
    padding:23% 0%;
    overflow: hidden;
}
.key-benefits .content{
    position: absolute;
    padding:3%;
    background: #000;
    width:40%;
    color: #fff;
    bottom: 0px;
}
.develop-growth h2, 
.key-benefits h3,
.field-services h2{
    font-weight:600;
}
.develop-growth .list1{
    width: 95%;
}
.key-capabilities h4{
    width:85%;
    margin:0px auto;
    font-weight: 400;
    line-height: 36px;
    font-size: 23px;
}
.key-capabilities img{
    margin: 0 auto;
    text-align: center;
    display: table;
    width: 90px;
}
.keycap{
    border:#ffffff3d solid 1px;
}
.keycap h3{
    padding:20px;
    text-align: center;

}
.keycap img{
    width:100%;
}

/*project-operation*/
.project-operation h4{
    width:90%;
    margin: 0 auto 20px auto;
    display: block;
    font-weight: 400;
    line-height:35px;
}
.project-operation .list1{
    color: #fff;
    margin-top: 60px;
}
.project-operation .list1 li{
    text-transform: none;
    text-align: left;     
    background:url(../images/check.png) 0px 9px no-repeat;    
    text-transform: none;
    text-align: left;
    line-height: 27px;
    margin-bottom: 20px;
    color: #000;
}
.project-operation .list4 {
    color: #000;
    margin-top: 90px;
}
.project-operation h2{
    font-weight: 600 !important;
    font-size: 26px !important;
}
.on-premises .white,
.on-premises .blue{
    min-height:610px;
}
.sharepoint .box{
    min-height: 810px;
}
.y-share img{
    width:80px;
    float: right;
}


/*Dynamic AX*/
.dynamics_ax .box{
    border: 1px solid #ddd;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 20px;
}
.dynamics_ax .box h3 {
    font-weight: 600;
}
.dynamics_ax .box p{       
    font-size: 20px;
}

.ax-accordion h4{
    line-height:38px;
    font-weight: normal;
}

.ax-accordion .accordion-button {
    background:#f4f5fa !important;
    font-size: 27px;
    font-weight:600;
    border-bottom:#ddd solid 1px;
    border-left: 0px !important;
    border-right: 0px;
    padding: 25px 0px;
    color: #000;
}

.ax-accordion .accordion-button:not(.collapsed)::after{
    padding: 10px;
}
.ax-accordion .accordion-item{
    border:none !important;
}
.ax-accordion .accordion-body{
    font-size: 20px;
    background:#f4f5fa !important;

    padding-left: 0px;
}
.ax-accordion .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius:0px;
    border-bottom-left-radius: 0px;
}
.dynamics_erp h4{
    line-height: 35px;
}


/*Dynamic Nav*/
.new-feature-sec{
    padding:5% 0%;
}
.new-feature{
    width:74%;
    padding: 100px 0px;
    margin-right: 10%;
    float: right;
}
.new-feature h1{
    font-weight: bold;
    color: #fff;
}
.new-feature h2{
    color: #fff;
}
.new-feature p{
    font-size:20px;
    color: #fff;
}
.why-nav .interior-row {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: stretch;
}

.why-nav .left {
    flex: 1 1 48%;
    min-width: 300px;
    position: relative;
}

.why-nav .right {
    flex: 1 1 48%;
    min-width: 300px;
}

/* Image container */
.why-nav .image-card {
    position: relative;
/*border-radius: 20px;*/
overflow: hidden;
background: #ddd;
height:520px;
}

.why-nav .image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.4s ease;
}

.why-nav .caption {
    position: absolute;
    left: 28px;
    bottom: 28px;
    right: 28px;
    background: rgb(34 34 34 / 68%);
    color: #fff;
    padding: 22px 24px;
    border-radius: 10px;
    font-size: 20px;
    line-height: 1.55;
    transition: opacity 0.4s ease;
    text-align: center;
}

/* Service list */
.why-nav .services {
    list-style: none;
    margin: 0;
    padding: 0;
}

.why-nav .services li {
    display: grid;
    grid-template-columns: 48px 1fr 36px;
    align-items: center;
    gap: 16px;
    padding:15px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
}

.why-nav .services li:hover {
    color:#2642ca;
    transform: translateX(5px);
}

.why-nav .services li.active {
    color: #2642ca;
}

.why-nav .services li .num {
    color: #9aa0b2;
    font-weight: 600;
    font-size: 14px;
}
.why-nav .services li .title {
    font-size:28px;
    font-weight: 600;
}
.why-nav .services h2{
    text-align: center;
    font-weight: 600;
}

.why-nav .services li .arrow {
    font-size: 18px;
    color:#2642ca;
    justify-self: end;
/*opacity: 0;*/
transition: opacity 0.3s ease;
}

.why-nav .services li:hover .arrow {
    opacity: 1;
}

@keyframes fadeIn {
    from {opacity: 0; transform: translateY(10px);}
    to {opacity: 1; transform: translateY(0);}
}

@media (max-width: 900px) {
    .why-nav .left, .why-nav .right { flex-basis: 100%; }
    .why-nav .image-card { height: 360px; }
}

@media (max-width: 520px) {
    .why-nav .caption { left: 16px; right: 16px; bottom: 16px; padding: 14px; font-size: 14px; }
    .why-nav .services li .title { font-size: 16px; }
}

/*Dynamic GP*/
.why-gp h2{
    margin-bottom: 0px;
}
.gp-offering-sec p{
    font-size: 20px;
}
.gp-off{
    position: relative;
}
.gp-off h3{
    position: absolute;
    bottom: -8px;
    left: 0px;
    right: 0px;
    color: #fff;
    text-align: center;
    font-weight:bold; 
    padding:15px 20px;
    content: ""; 
    width: 100%;
    height:18%;
    background: linear-gradient(180deg, rgba(185, 183, 174, 0) 0%, rgba(134, 132, 126, .54) 19.25%, rgba(0, 0, 0, .64) 36%);
    z-index: 2;
}
.wide-range h4{
    margin-bottom: 25px;
}
.ms-integration{
    margin-left: 15%;
}
.ms-integration h2{
    font-weight:600;
    margin-bottom: 40px;
    line-height: 40px;
    display: block;
}
.ms-integration p{
    font-size: 20px;
}

/*CRM*/
.crm-accordion-container {
    display: flex;
    gap: 50px;
    align-items: center;
}

/* IMAGE SIDE */
.crm-accordion-image {
    flex: 1;
    position: relative;
    overflow: hidden;
    min-height:700px;
}

.crm-accordion-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    inset: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transform: scale(1.05);
}

.crm-accordion-image img.active {
    opacity: 1;
    transform: scale(1);
}

/* TEXT SIDE */
.crm-accordion-content {
    flex: 1;
}

.crm-accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0;
    cursor: pointer;
    transition: color 0.3s ease;
}

.crm-accordion-title {
    font-size:30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

.crm-accordion-title:hover {
    color: #fff;
}

.crm-accordion-body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.6s ease;
    font-size: 20px;
}

.crm-accordion-item.active .crm-accordion-body {
    max-height: 400px;
    opacity: 1;
    margin-top: 10px;
}

.crm-accordion-body p {
    line-height: 1.6;
    color:#fff
}
.crm-our-service p{
    font-size: 20px;
    margin:0px auto;
}

.crm-our-service h5{
    color: #0a249d;
    font-weight: 600;
    font-size: 23px;
    margin-top: 15px;
}
.pbi-key-features h3{
    font-size: 26px;
    font-weight: 600;
    width:100%;
    margin-bottom:15px;
}
.pbi-key-features .l-line{
    border-left: #ddd solid 1px;
}
.pbi-key-features .row{
    padding-bottom: 0px;
}
.pbi-key-features p{
    width:100%;
    margin-bottom:35px;
}
.pbi-key-features img{
    float:none;
    margin-bottom: 20px;    
}
.pbi-key-features h4{
    font-size: 25px;
    font-weight: 300;
    line-height: 36px;
}
.power-bi h4{
    font-size: 25px;
    font-weight: 300;
    line-height: 36px;
    width: 85%;
    margin: 0 auto;
}
.power-bi h2{
    font-weight: 600;
}
.power-bi-prducts{
    position: relative;
    margin: 0 auto;

}
.power-bi-prducts .content{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index:333; 
    color: #fff;
    padding:25px;    
}
.power-bi-prducts .content p{
    width: 100%;
    font-size:18px;
    line-height: 25px;
}
.power-bi-prducts .content h3{
    font-weight: bold;
    margin-bottom: 20px;
}
.power-bi-prducts:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:60%;
    background: linear-gradient(180deg, rgba(185, 183, 174, 0) 0%, rgba(134, 132, 126, .54) 19.25%, rgba(0, 0, 0, .64) 36%);
    z-index: 2;
}


/*Our Service Approach*/
.our-services-approach {
    min-height:760px;
}
.our-services-approach h3{
    font-size: 27px; 
    font-weight:600;
    margin-bottom: 30px;
    padding-top: 10px;
    height: 67px;
}
.user-services h3{
    height: auto;
}
.user-centric h4{
    font-size: 25px;
    font-weight: 300;
    line-height: 36px;
    width: 85%;
    margin: 0 auto;
}
.user-license .left{
    width: 85%;
} 
.user-license .left p{
    font-size:26px;
    font-weight: 300;
} 
.user-license .right p{
    font-size:20px;
}
.user-license .right h3{
    font-weight: 600;
    color:#fbd83a;
    margin-bottom: 15px;
}
.two-type{
    background: #2642ca;
    padding: 10px 20px;
    font-size: 20px;
    display: table;
    margin: 30px auto 0 auto;
}
.plan{
    background: #fff;
    display: flex;
    width: 23%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 5px;
}
.plans{
    background: #fff;
    padding:45px 45px 10px;
    margin-top: 45px;
    border-radius: 20px;
    min-height:765px;
}
.plans span{
    float: right;
}
.plans h3,
.business-price h3,
.finance-price h3{
    font-weight:bold ;
    margin-bottom: 20px;
}
.plans li{
    list-style: none;
    font-size: 20px;
    line-height:35px;
    display: block;
    border-bottom: #eee solid 1px;
    padding:8px 0px;
}
.business-price li,
.finance-price li {
    list-style: none;
    font-size: 20px;
    line-height:35px;
    display: block;
    border-bottom: #ddd solid 1px;
    padding:8px 0px;
}
.plans li:last-child,
.business-price li:last-child,
.finance-price li:last-child{
    border-bottom: none;
}
.plans li i,
.business-price li i,
.finance-price li i{
    list-style: none;
    font-size:20px;
    color:#2642ca;
    padding-right: 10px;
    float: right;
}
.plans li i.fa-star{
    list-style: none;
    font-size: 9px;
    color: red;
    padding-right: 10px;
    float: right;
    padding-top: 10px;
}
.plan-content p,
.business-price p,
.finance-price p{
    font-size: 20px;
}
.business-price, .finance-price{
    background: #fff;
    padding:45px 45px 10px;
    margin-top: 45px;
    border-radius: 20px;
    min-height:480px;
    border: #ddd solid 1px;
}
.business-price h4{
    padding: 5px 0px;
    font-size: 24px;
    color:#2642ca;
}
.business-price h5{
    font-weight: bold;
}
.business-price .price{
    font-weight:400;    
    font-size:50px;
    float: right;
}
.finance-price .price{
    font-weight:400;    
    font-size:50px;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-bottom-right-radius:0px !important;
    border-bottom-left-radius:0px !important;
}

/*Contact Section*/
.contact-form{
    background-color: #fff0;
    background-image: linear-gradient(180deg, #F2F3F573 0%, #FFFFFF00 100%);
    padding:100px;
    border-radius:20px;
}
.contact-form h2{
    font-weight:bold; 
    color: #000; 
    display: block;
}
.contact-form h3{
    font-size:45px;
    font-weight:300; 
    line-height:65px;
    width: 95%;
}
.contact-form label{
    font-size:20px;
    font-weight: 500;
}
.contact-form .form-control,
.contact-form .form-select{
    padding:17px !important;
    font-size: 19px;
    background: transparent !important;
    border-bottom:#1212124D solid 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px !important;
    padding-left:0px !important;
    padding-right: 0px;
}
.contact-form .red{
    color: red;
    font-size: 20px;
    font-weight:600;
}
.contact-form button{
    background: #2642ca;
    font-size:20px;
    border-radius: 50px;
    padding: 15px 30px;
    color: #FFF;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    font-weight: 600;
    letter-spacing: 1px;
}
.contact-form button:hover{
    background: #fbd83a;
    color: #000;
    transform: scale(1.05); 
}
.contact-form p{
    font-size: 20px;
}
.contact-form .fa-quote-right{
    font-size:40px;
    color: #ddd;
    margin-bottom: 30px;
}
.contact-form .profile {
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    padding: 10px 15px;
/*max-width: 250px; */
}

.contact-form .profile-img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.contact-form .profile-info {
    display: flex;
    flex-direction: column;
}

.contact-form .profile-name {
    font-size:22px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.contact-form .profile-title {
    font-size:20px;
    color: #888;
    margin: 2px 0 0;
}

.contact-form .email-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border: 1px solid #ccc;
    border-radius: 50px;
    font-size:23px;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    transition: all 0.3s ease;
    margin-top: 35px;
}

.contact-form .email-btn i {
    font-size:26px;
}

.contact-form .email-btn:hover {
    border-color:#2642ca;
    color: #fff;
    background-color:#2642ca;
}
.contact-form .small{
    font-size: 16px;
}
.contact-form .form-check-input{
    height: 25px;
    width: 25px;
    background-color: transparent;
    border:#1212124D solid 1px;
    border-radius:5px;
}
.contact-form .form-check {
    transition: all 0.3s ease;
    cursor: pointer;
}
.contact-form .form-check:hover {
    background-color:transparent;
}
.contact-form .form-check-input:checked ~ .form-check-label {
    color: #020c32;
    font-weight: 600;
}
.contact-form .form-check-input:checked {
    background-color:#2642ca;
    border-color:#2642ca;
}
.contact-form h1{
    font-size: 30px;
}
.newport{
    padding:100px 0px;
}
.map h1{
    width:60%;
    font-size:50px;
    font-weight:400;
}
.map p{
    width:60%;
    float: right;
    font-size: 20px;
    text-align: right;
}
.contact-address .contact-section {
    border-top: 1px solid #e5e5e5; 
    background-color: #fff;
    position: relative;
}
.contact-address .contact-section h2{
    position: absolute;
    z-index: 9;
    background:#fff;
    padding: 10px;
    display: inline-block;
    width:15%;
    right: 0px;
    left: 0px;
/*border:#ddd solid 1px;*/
/*border-radius:30px;*/
margin: 0 auto;
top:-30px;
font-weight: bold;


}

.contact-address .info-box-ads {
    background-color: #fff;
    padding: 40px 25px;
    transition: all 0.3s ease;
    text-align: left;
    position: relative;
}
.contact-address .info-box-ads .btn{
    position: absolute;
    bottom: 0px;
}

.contact-address .icon-ads{
    text-align: left;
}
.contact-address .icon-ads{} img {
    display: inline-block;

}

.contact-address .btn-outline-dark {
/*border: 1px solid #000;*/
font-weight: 500;
}

.contact-address .btn-outline-dark:hover {
    background-color: #000;
    color: #fff;
}
.contact-address .fw-bold{
    font-size:25px;
    font-weight:600 !important;
    text-align: left;
}
.contact-address .text-muted {
    font-size:20px;
    line-height: 1.6;
    text-align: left;
    color: #000 !important;
}

.contact-address .border-start,
.contact-address .border-end {
    border-color: #e9ecef !important;
}
.contact-address a{
    color: #000;
    text-decoration: none;
    padding:25px 10px;
    font-size: 20px;
}
.contact-address .btn:hover a{
    color: #fff;
}
.contact-address h6{
    font-size: 19px;
    margin-top: 10px;
    font-weight: 600;
/*color: #2642ca;*/
margin-bottom:5px;
}

/*Terms and Services*/

.terms-container {
    max-width:85%;
    margin:0px auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
    padding: 40px;
}

.terms-section + .terms-section {
    margin-top: 40px;
}
.terms-section h1{
    color:#020c32;
    font-size:30px;
    margin-bottom: 10px;
    font-weight:700;
}

.terms-section h2 {
/*color: #020c32;*/
font-size:26px;
margin-bottom: 10px;
font-weight: 600;
}
.terms-section h3 {
/*color: #020c32;*/
font-size:22px;
margin-bottom: 10px;
font-weight: 600;
line-height: 30px;
}
.terms-section p {
    font-size:20px;
/*color: #555;*/
margin-bottom:10px;
line-height: 1.5;
}
.terms-section .list3 li {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    background: url(../images/check.png) 0px 6px no-repeat;
    list-style: none;
    padding-left: 30px;
    margin-bottom: 10px;
}
.terms-section strong{
    color: #2642ca;
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color:transparent !important;
}
.dd-365-service h2{
    font-weight:600;
    font-size:1.45rem;
    padding: 25px 0;
}

/*Modal*/
.modal-dialog {
    max-width: 1100px !important;
}
.modal-content {
    border: none !important;
    border-radius: 20px !important;
    outline: 0;
    padding: 30px;
}
.letstalk-popup{
    padding:50px;
    border-radius:20px;
}
.letstalk-popup h2{
    font-weight:bold; 
    color: #000; 
    display: block;
}
.letstalk-popup h3{
    font-size:45px;
    font-weight:300; 
    line-height:65px;
    width: 95%;
}
.letstalk-popup label{
    font-size:20px;
    font-weight: 500;
    margin-bottom: 0px;
}
.letstalk-popup .form-control,
.letstalk-popup .form-select{
    padding:10px !important;
    font-size: 19px;
    background: transparent !important;
    border-bottom:#1212124D solid 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px !important;
    padding-left:0px !important;
    padding-right: 0px;
}
.letstalk-popup .red{
    color: red;
    font-size: 20px;
    font-weight:600;
}
.letstalk-popup .inquire{
    background: #2642ca;
    font-size:20px;
    border-radius: 50px;
    padding:10px 30px 12px;
    color: #FFF;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    font-weight: 600;
    letter-spacing: 1px;
}
.letstalk-popup .inquire:hover{
    background: #fbd83a;
    color: #000;
    transform: scale(1.05); 
}
.letstalk-popup .btn-close,
.letstalk-popup .btn-close:hover{

    color: #000;
}
.letstalk-popup .modal-title{
    text-align: center;
    font-weight:bold;
    font-size: 2.6em;
}
.form-control:focus{
    box-shadow:inherit !important;
}

/**/
.hr-advantage {
    display: flow;
    align-items: stretch;
    min-height: 650px;
    position: relative;
    margin-bottom:150px;
}

.hr-advantage .hr-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 1200px;
    margin:0;
    position:absolute;

    right: 0px;
    bottom:-25%;
}

.hr-left {
    padding: 50px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #020c32;
}

.hr-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hr-list li {
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    border-bottom: 1px solid #ffffff3d;
    padding: 18px 0;
    display: flex;
    align-items:center;
    gap: 12px;
}

.hr-list li span {
    color: #9aa0b2;
    font-weight: 600;
    font-size: 14px;
    width:50px;
}
.hr-list li span.first{
    width: 72px;
}
.hr-right {

    background-size: cover;
    background-position: center;
    color: #073b3a;
    padding: 60px 50px;
    position: relative;
}

.hr-right::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #f4f5fa;
}

.hr-right h2,
.hr-right p,
.hr-btn {
    position: relative;
    z-index: 1;
}

.hr-right h2 {
    font-weight:bold;
    color: #000;
    margin-bottom: 20px;
}

.hr-right p {
    font-size:20px;
    line-height:30px;
    color: #000;
    margin-bottom: 30px;
}

.hr-right a {
    color: #0e6b60;
    text-decoration: underline;
    font-weight: 600;
}
.we_offer_ax p{
    font-size: 20px;
}
.we_offer_ax h3{
    font-weight:700;
}
.we_offer_ax .box{
    border: 1px solid #ddd;
    padding:35px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 20px;
}
.we_offer_ax .box h3 {
    font-weight: 600;
}
.we_offer_ax .box p{       
    font-size: 20px;
}
.ax-testimonial{
    color: #000;
}
.ax-testimonial h1{
    width:100%;
    color: #000;
}
.ax-testimonial .testimonial-quote {
    color: #000 !important;
    width: 100%;
}
.ax-testimonial .testimonial-author {
    color: #000 !important;
}
.es-pb-0{
    padding-bottom: 0px !important;
}
.bg-locations .carousel-caption{
     background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
    content: '';
        left: 0;
        right: 0;
        bottom: 0px;
        padding-top: 18%;
 
}
.bg-locations .carousel-caption h2{
    font-size:65px;
 text-align:center;
    margin-left:0%;
}
.bg-locations .carousel-caption p{
    font-size:27px;
    text-align:center;
    font-weight: 500;
    line-height:35px;
}
.artificial-intelligence h3{
    font-weight: bold;
    font-size: 1.55rem;
    line-height: 32px;
}
 .passion p{
font-size: 20px;
    font-weight: normal;
    line-height: 35px;    
    margin-bottom: 10px;
}
 .infras .card{
    padding: 25px;
    margin-bottom: 20px;
    min-height:226px;
 }
.infras img{
    max-width: max-content;
    display: table;
    margin: 0 auto;
}
 .infras p{
    font-size: 22px;
    text-align: center;
    font-weight:600;
    line-height: 28px;
}
 .infras span{
    font-size:18px;
}
 .infras .vcenter{
     display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
    .hr-container {
        grid-template-columns: 1fr;
    }

    .hr-left, .hr-right {
        padding: 30px 20px;
    }

    .hr-right {
        background-position: top;
    }
}