*{
    font-family: 'Proxima-Regular';
}
.open-sans{
    font-family: 'Open Sans', sans-serif;
}
@font-face {
	font-family: 'proxima thin';
	src: url(../fonts/FontsFree-Net-Proxima-Nova-Thin.otf);
	font-weight: thin;
} 

@font-face {
    font-family: 'proxima normal';
    src: url(../fonts/FontsFree-Net-proxima_nova_reg-webfont.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'proxima normal';
    src: url(../fonts/Proxima\ Nova\ Alt\ Regular.otf);
    font-weight: normal;
}

@font-face {
    font-family: 'proxima bold';
    src: url(../fonts/FontsFree-Net-Proxima-Nova-Bold\ \(1\).otf);
    font-weight: bold;
}

/** Generated by FG **/
@font-face {
	font-family: 'Proxima-Regular';
	src: url('../fonts/Proxima\ Nova\ Alt\ Regular.otf');
	src: local('☺'), url('../fonts/FontsFree-Net-proxima_nova_reg-webfont.ttf') format('truetype'), url('../fonts/Proxima\ Nova\ Alt\ Regular.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}
body{
    margin: 0px;
    padding: 0px;
}
.text-color1{
    color: #173F5F;
}
.navbar {
    padding: 7px 30px;
    -webkit-box-shadow: 0 8px 6px -6px #f1f1f1;
    -moz-box-shadow: 0 8px 6px -6px #f1f1f1;
    box-shadow: 0 8px 6px -6px #f1f1f1; 
    background: #fff;
}
.navbar-light .navbar-nav .nav-link, .navbar .navbar-nav .nav-item a{
    text-transform: uppercase;
    font-size: 13px;
    padding-right: 1rem;
    padding-left: 1rem;
    color: #173F5F;
    -webkit-text-stroke-width: thin;
    font-weight: 500;
}
.navbar.navbar-light .breadcrumb.active, .navbar.navbar-light .nav-item.active{
    background: transparent;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #173F5F;
}
.banner{
    padding: 150px;
    margin-top: 60px;
}
.banner .banner-text{
    width: 45%;
}
.banner .banner-text p{
    font-size: 14px;
}
.banner .banner-text h1{
    font-weight: 800;
    color: #173F5F;
}
.banner .banner-text h1 span{
    color: #3CAEA3;
}
.banner .banner-text a{
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 15px;
    padding-right: 40px;
    border-radius: 50px;
    border: 1px solid #20639B;
    color: #20639B;
    font-size: 12px;
    font-weight: 600;
    margin-top: 50px;
    display: inline-block;
    position: relative;
}
.banner .banner-text a::after{
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/right-arrow.png) right center no-repeat;
    background-size: contain;
    width: 15px;
    height: 10px;
}
.banner{
    background: url(../images/banner.jpg) center center no-repeat;
    background-size: 100% 100%;
    width: 100%;
}
.navbar-light .navbar-nav .active{
    position: relative;
}
.navbar-light .navbar-nav .active .nav-link{
    font-weight: 500;
    -webkit-text-stroke-width: medium;
}
.navbar-light .navbar-nav .active::before{
    content: '';
    position: absolute;
    top: -20px;
    left: 5%;
    width: 90%;
    height: 5px;
    background: #173F5F;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.p-relative{
    position: relative;
}
.service{
    padding: 50px;
}
.service h3{
    font-size: 24px;
    font-weight: 400;
    color: #3CAEA3;
    margin-bottom: 20px;
}
.service .service-slider{
    margin: 0;
    padding: 35px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.service .service-right{
    padding: 0px 10%;
    padding-left: 5%;
}
.service .service-slider li h6{
    font-size: 17.5px;
    font-weight: 500;
    margin-bottom: 15px;
}
.service .service-slider li p{
    font-size: 14px;
}
.service .service-slider .slick-dots{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.service .service-slider .slick-dots li button, .service .service-slider .slick-dots li button:focus{
    -webkit-appearance: none;
    border: 0px;
    background: transparent;
    font-size: 0px;
    border: 0px;
    border: 1px solid #3CAEA3;
    width: 10px;
    height: 10px;
    padding: 0px;
    transform: rotate(130deg);
    border-radius: 1px;
    outline: 0px;
}
.service .service-slider .slick-dots li.slick-active button{
    background: #3CAEA3;
}
.service .service-slider .slick-dots li{
    list-style-type: none;
}

.sector{
    padding: 50px 100px;
    background: rgb(253, 253, 253);
}
.sector h3{
    font-size: 24px;
    font-weight: 400;
    color: #3CAEA3;
    margin-bottom: 35px;
}
.sector .row h1{
    font-size: 20px;
    font-weight: 400;
    margin: 12px 0px;
}
.sector .row p{
    font-size: 13px;
}
.sector .row .col-section{
    /* height: 220px; */
}
.sector .service-sector1{
    border-bottom: 1px solid #ddd;
}
.sector .service-sector2 .service-sector21{
    border-right: 1px solid #ddd;
    padding-top: 30px;
    padding-left: 14%;
}
.sector .service-sector2 .service-sector22{
    padding-top: 30px;
    padding-right: 14%;
}

.footer{
    background: #3CAEA3;
    padding: 50px 70px;
    /* padding-right: 100px; */
}
.footer .footer-1 p{
    color: #fff;
    font-size: 14px;
}
.footer a{
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.footer h1{
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
}
.footer .footer-2 a{
    text-transform: uppercase;
    font-size: 13px;
}
.footer .footer-4 ul{
    margin: 0px;
    padding: 0px;
}
.footer .footer-4 ul li{
    display: inline-block;
    list-style-type: none;
}
.footer .footer-4 ul li a img{
    width: 27px;
    height: 27px;
    object-fit: scale-down;
    margin-right: 7px;
}
.see-more{
    display: block;
    color: #20639B;
    font-size: 12.5px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: right;
    position: absolute;
    top: 50px;
    right: 50px;
}
.see-more img{
    width: 15px;
    object-fit: scale-down;
}
.sector-hover{
    padding: 20px;
    transition: 0.2s ease-in;
    height: 250px;
}
.sector-hover:hover{
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    border-radius: 5px;
}
.search-input{
    display: none;
}
.service-img{
    width: 300px;
    height: 285px;
    margin: auto;
}

/* About us */
.about-title{
    background: #173F5F;
    padding: 40px;
    margin-top: 80px;
}
.about-title h1{
    color: #fff;
    text-align: center;
    margin: 0px;
    font-weight: bold;
}
.about-detail{
    background: rgb(245, 245, 245);
    padding: 50px;
}
.about-text{
    vertical-align: middle;
    margin: auto;
    padding: 0px 30px;
    padding-right: 100px;
}
.about-text h1{
    color: #20639B;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 17px;
}
.about-text p{
    font-size: 15px;
    color: #173F5F;
}
.about-img{
    width: 430px;
    height: 410px;
    object-fit: contain;
}
.about-text ul li{
    font-size: 16px;
    margin-bottom: 12px;
}

.sector-expertise{
    width: 85%;
    margin: auto;
}
.sector-expertise h1{
    color: #20639B;
    font-size: 33px;
    font-weight: 500;
    margin-bottom: 35px;
}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
    color: #20639B;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
    color: #20639B;
}
.accordion .card-header:first-child{
    border: 0px;
    border-radius: 0px;
}
.accordion .card-header{
    border: 0px;
    background: #fff;
    border-radius: 0px;
    padding-left: 80px;
}
.accordion .card{
    border: 0px;
    border-radius: 0px;
    background: rgb(245, 245, 245);
}
.accordion .card-body{
    background: #fff;
    padding-left: 80px;
    padding-top: 0px;
}
.accordion .card-1{
    box-shadow: 0 0 5px #ddd;
    margin-bottom: 15px;
}
.accordion .card-title{
    color: #20639B !important;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}

.accordion .card-title1::before{
    content: '';
    position: absolute;
    left: -50px;
    top: 55%;
    transform: translateY(-50%);
    background: url(../images/technology.png) center center no-repeat;
    background-size: contain;
    width: 30px;
    height: 35px;
}

.accordion .card-title2::before{
    content: '';
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/business.png) center center no-repeat;
    background-size: contain;
    width: 30px;
    height: 35px;
}

.accordion .card-title3::before{
    content: '';
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/consumer.png) center center no-repeat;
    background-size: contain;
    width: 30px;
    height: 35px;
}
.accordion .card-title4::before{
    content: '';
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/healthcare.png) center center no-repeat;
    background-size: contain;
    width: 30px;
    height: 35px;
}
.accordion .card-title5::before{
    content: '';
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/industrial.png) center center no-repeat;
    background-size: contain;
    width: 30px;
    height: 35px;
}

/* team slider */
.team-page{
    padding: 70px 140px;
}
.team-slider .slider-for h1{
    color: #20639B;
    font-weight: 600;
}
.team-slider .slider-for .team-text{
    /* max-height: 400px;
    overflow: auto; */
}
.team-slider .slider-for p{
    font-size: 15px;
}
.team-slider .slider-for p.prof{
    font-size: 18px;
    font-weight: 600;
    height: auto;
}
.team-slider .slick-prev.slick-arrow{
    font-size: 0px;
    border: 0px;
    background: url(../images/left-arrow2.png) center left no-repeat;
    background-size: contain;
    width: 50px;
    height: 35px;
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
}
.team-slider .slick-next.slick-arrow{
    font-size: 0px;
    border: 0px;
    background: url(../images/right-arrow2.png) center left no-repeat;
    background-size: contain;
    width: 50px;
    height: 35px;
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
}
.team-slider .slick-prev.slick-arrow.slick-disabled{
    background: url(../images/left-arrow1.png) center left no-repeat;
    background-size: contain;
    width: 50px;
    height: 35px;
}
.team-slider .slick-next.slick-arrow.slick-disabled{
    background: url(../images/right-arrow1.png) center left no-repeat;
    background-size: contain;
    width: 50px;
    height: 35px;
}
button:focus{
    outline: 0px;
}
.team-slider .slider-nav p.name{
    margin: 0px;
    font-size: 12px;
}
.team-slider .slider-nav p.prof{
    font-size: 12px;
    margin: 0px;
}
.team-slider .slider-nav .slick-list{
    padding: 0px !important;
}
.team-slider .slider-nav .slick-current p.name{
    font-weight: 600;
    margin: 0px;
    font-size: 14px;
}
.team-slider .slider-nav{
    margin-top: -300px;
    position: relative;
    padding: 15px;
    /* background: rgb(251, 251, 251); */
    background: url(../images/team-bg.png) center center no-repeat;
    width: 100%;
    height: 150px;
}
/* .team-slider .slider-nav::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    opacity: 0.7;
} */
.team-slider .slider-nav li{
    position: relative;
    padding-top: 60px;
}
.team-slider .slider-nav li.slider-nav1::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: url(../images/dhinesh-bw.png) center center no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}
.team-slider .slider-nav .slick-current li.slider-nav1::before{
    background: url(../images/dhinesh-active.png) center center no-repeat;
    background-size: contain;
    width: 55px;
    height: 55px;
}
.team-slider .slider-nav li.slider-nav2::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: url(../images/shiv-bw.png) center center no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}
.team-slider .slider-nav .slick-current li.slider-nav2::before{
    background: url(../images/shiv-active.png) center center no-repeat;
    background-size: contain;
    width: 55px;
    height: 55px;
}
.team-slider .slider-nav li.slider-nav3::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: url(../images/rohit-bw.png) center center no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}
.team-slider .slider-nav .slick-current li.slider-nav3::before{
    background: url(../images/rohit-active.png) center center no-repeat;
    background-size: contain;
    width: 55px;
    height: 55px;
}
.team-slider .slider-nav li.slider-nav4::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: url(../images/ashoka-bw.png) center center no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}
.team-slider .slider-nav .slick-current li.slider-nav4::before{
    background: url(../images/ashoka-active.png) center center no-repeat;
    background-size: contain;
    width: 55px;
    height: 55px;
}

.slider-for .team-image img{
    width: 400px;
    height: 400px;
    object-fit: contain; 
}

.sector-img {
    width: 350px;
    height: 335px;
    margin: auto;
}
.sector-expertise .row h1{
    font-size: 28px;
    font-weight: 700;
}
.sector-expertise ul li{
    font-size: 15px;
}
.contact-person{
    padding: 50px 120px;
}
.contact-person .india, .contact-person .usa{
    padding: 0px 80px;
    position: relative;
}
.contact-person h1{
    font-size: 23px;
    font-weight: 800;
    text-transform: uppercase;
    color: #20639B;
}
.contact-person p.name{
    font-size: 24px;
    color: #666;
    font-weight: 500;
    position: relative;
    margin-top: 15px;
    margin-bottom: 7px;
}
.contact-person p.name::before{
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 100%;
    height: 1.4px;
    background-color: #ddd;
}
.contact-person p.phone{
    font-weight: 700;
    color: #20639B;
    font-size: 17px;
    margin-bottom: 7px;
}
.contact-person a, .contact-person a:hover{
    color: #20639B;
    text-decoration: none;
    font-weight: 500;
    font-size: 17px;
}
.contact-person .india::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/india.png) left top no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
}
.contact-person .usa::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/usa.png) left top no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
}

.contact-us{
    padding: 70px;
    padding-top: 0px;
}
.contact-us .title{
    text-align: center;
    color: #20639B;
    margin-bottom: 50px;
    padding-top: 80px;
    font-size: 32px;
    font-weight: 600;
}
#contact-form{
    max-width: 35%;
    margin: auto;
    margin-top: 40px;
}
.md-form {
    margin-bottom: 35px !important;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea {
    border: 1px solid #ccc;
    height: auto;
    padding-left: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 0px;
}
.md-form label {
    padding-left: 10px;
    font-size: 13px;
    font-weight: 600;
    background: transparent;
}
#contact-form .md-form label.active{
    background: #fff;
    transform: translateY(-105%);
    padding: 0px 5px;
    left: 10px;
}
#contact-form button {
    height: auto;
    display: block;
    margin: 20px auto;
    border: 0px;
    padding: 7px 25px;
    padding-right: 40px;
    outline: none;
    background: #20639B;
    font-weight: 500;
    color: #fff;
    font-size: 13px;
    border-radius: 20px;
    text-transform: uppercase;
    margin-top: 50px;
    position: relative;
    text-align: center;
}
#contact-form button::after{
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/white-arrow.svg) center right no-repeat;
    background-size: contain;
    width: 15px;
    height: 8px;
}
input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]){
    border: 1px solid #0170F3;
    box-shadow: none;
}
.card-bg{
    background: #f8f8f8;
    padding: 40px;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
#contact-form button{
    cursor: pointer;
}

.sector-ic{
    width: 70px;
    height: 62px;
    object-fit: contain;
}