@import url('../../static/css/css2.css');
	*{
		    font-family: 'Inter', sans-serif;
    font-weight: 200;
	}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: center; font-size: 20px;
}

h1, h2, h4, h5, h6 {font-weight: 600;}
h1 {font-size: 50px;}
h3 {font-weight: 300;}
ol, ul {
    padding-left: 15px;
}
.hr1 {    border-bottom: 3px #ffffff solid;
    border-top: 0;
    padding: 0;
    width: 200px;
    margin: -3px auto;
    position: relative;}
p {font-family: 'Inter', sans-serif;}
.container {
    width: 100%;
    display:  block;

}
.row {padding: 0; margin:0;}

/*
ul {
  list-style-image: url('../../files/images/blue-bullet.png');
}

li {
    margin: 0;
    padding: 0px 0 15px 40px;
    list-style: none;
    background-image: url("../../static/image/white-bullet.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
}

*/

ul {list-style: none;}
li {padding: 0 0 0 10px; }
li:before {
    content: "\f111";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-10px;
    position:absolute;
    top:10px;
    font-size: 6px;
 }


/* About Us */
.about-us h1 {text-transform: uppercase;}
.about-us .breadcrumb-item+.breadcrumb-item::before {
    float: left;
padding: 0 20px 0 0px;
    color: #132252;
    content: var(--bs-breadcrumb-divider, "/"); font-size: 20px;
}
.about-us li {color: #000;list-style: none;background: #fff;padding: 10px 16px;}
.about-us li a {text-decoration: none; color: #000;}
.about-us li:before {content:"\f015";font-size: 15px;    position: initial;    padding: 0 10px 0 0;}
.about-us .breadcrumb-item.active {color: #132252;}
.about-us .carousel-caption {padding: 10% 15%;}


.about-us-content {background: #132252; padding: 50px 0; color: #fff;}
.about-us-content h1 {text-align: center;text-transform: uppercase;margin-bottom: 20px;}
/* About Us */


/* Contact us */

.contact-us h1 {text-transform: uppercase;}
.contact-us .breadcrumb-item+.breadcrumb-item::before {
    float: left;
padding: 0 20px 0 0px;
    color: #132252;
    content: var(--bs-breadcrumb-divider, "/"); font-size: 20px;
}
.contact-us li {color: #000;list-style: none;background: #fff;padding: 10px 16px;}
.contact-us li a {text-decoration: none; color: #000;}
.contact-us li:before {content:"\f015";font-size: 15px;    position: initial;    padding: 0 10px 0 0;}
.contact-us .breadcrumb-item.active {color: #132252;}
.contact-us .carousel-caption {padding: 10% 15%;}


.contact-us-content {background: #132252; padding: 50px 0; color: #fff;}
.contact-us-content h1 {text-align: center;text-transform: uppercase;margin-bottom: 20px;}
.contact-us-content h3 {font-weight: normal; margin-top: 40px; text-transform: uppercase;}
.contact-us-content h4 {font-weight: normal; margin-top: 40px;}
.contact-us-content a {color: #fff; text-decoration: none;}

/* End Contact Us */

/* Careers */
.careers {background: #132252; padding: 50px 0; color: #fff;}
.careers h1 {text-align: center;text-transform: uppercase;margin-bottom: 20px;}
.careers h3 {font-weight: 600; margin-top: 40px;}
.careers h4 {text-transform: uppercase; font-weight: 200;}
.careers h5 {text-transform: uppercase; font-weight: 200;}

.careers a {color: #fff; text-decoration: none;}
.careers .apply-btn {background: #fff; color: #000; width: auto; padding: 10px 20px; font-weight: 600;}
.careers .apply {margin: 0 auto; text-align: center;}
.careers li {
    padding: 0 0 0 10px;
    position: relative;
}
.careers .accordion-item:last-of-type .accordion-button.collapsed {color: #fff; /*border-bottom: 1px #ccc solid; box-shadow: 0 2px 5px 0 rgba(255,255,255,0.16), 0 2px 10px 0 rgba(255,255,255,0.12) !important;*/
        border-bottom: 1px #fff solid;    text-transform: uppercase;
}
.careers .accordion-item:first-of-type .accordion-button {    text-transform: uppercase;border-radius: 0; color:#fff; padding: 15px 10px;font-size:20px;  /*box-shadow: 0 2px 5px 0 rgba(255,255,255,0.16), 0 2px 10px 0 rgba(255,255,255,0.12) !important;*/}
.careers .accordion-item:first-of-type {border-radius: 0; }
.careers .accordion-button {background: transparent;}
.careers .accordion {background: transparent;}
.careers .accordion-item {background: transparent;border: 0;}
.careers .accordion-body {color: #fff; padding: 60px 20px 40px 20px;
    /*box-shadow: 0 2px 5px 0 rgba(255,255,255,0.16), 0 2px 10px 0 rgba(255,255,255,0.12) !important;*/background-color: rgb(27 43 94 / 85%);}
.careers .button:focus {
        outline: none;
      }
.careers .accordion-button:after {background-image: url("../../static/image/down-arrow.png");}
.careers .accordion-button:not(.collapsed)::after {background-image: url("../../static/image/up-arrow.png");}
.careers .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}
/* End Careers */



.img-fluid {width: 100%;}

/*menu*/
.logo {width: 250px;}
#menu {

    position: fixed;
    /*z-index:999;*/
    width: 100%;
    left: 0;
    top: 0;
    background: #54c3b3;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 25px 0;
}
#menu >.container >div{
	width:50%;
	display:flex;
}
#menuStripes {
    flex-direction: row;
    justify-content: flex-end;
}

#menuStripes a{
	display:flex;
	align-items: center;
}
#menu .container {

    display: flex;
    flex-direction: row;

}
#menuPlate{
	display:flex;
	align-items:center;
	flex-direction:column;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:0;
	background:#54c3b3;
	overflow:hidden;
	transition:1s ease;

}
#menuPlate:target{
	height:100%;
}
#menuHidden{
	display:none;
}
#menuPlate:target #menuHidden {
    padding: 25px 0;
    display: flex;
    flex-direction: row;
    position: fixed;
    letter-spacing: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 60%;
}
#menuHidden > div{
	width:50%;
}
#menuHidden .button {
    display: flex;
    justify-content: flex-end;
}
#menuPlate a {
    color: #fff;
    position: relative;
    font-weight: bold;
}
#menuPlate ul a::after {
    content: ' ';
    position:absolute;
    left:0;
    bottom:4px;
    width:0%;
    height:15px;
    background:#fe491a;
    transition:.2s linear;
    z-index:-2;
}



#menuPlate ul a:hover::after {

    width:100%;

}
.stripe{
	background: rgba(255,255,255,1);
position:absolute;
height: 3px;
transition:0.2s linear;

}
.stripe:nth-of-type(1){
	top:0;
	left:0;
	width:100%;
}
.stripe:nth-of-type(2){
	top:50%;
	left:0;
	width:66%;
}
.stripe:nth-of-type(3){
	top:100%;
	left:0;
	width:33%;
}
#menu button {
    width: 27px;
    height: 10px;
    cursor: pointer;
    border: none;
    position:relative;
    background:none;
}
#menu button:hover .stripe {
	width:100%;
	background-color:#fff;
}

/*menuPlate links*/
#menuPlate ul a {
	text-decoration:none;
	font-size:2.5rem;
	position:relative;
}
#menuPlate ul a::after {}
#menuPlate ul {
    width: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.openMenu {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

#myVideo {
  position: relative;
  width: 100%;
height: 100vh;
object-fit: cover;
}

.carousel-caption {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    padding:15%;
    color: #fff;
    text-align: center;
    background-image: linear-gradient(90deg, #010c31, #090e1866, #010c2d);
   /* background-image: linear-gradient(90deg, #0C1019CC, #0C101966, #0C101933);*/
    width: 100%;
    height: 100%;
}

.carousel-caption h1 {font-size: 100px;}
.carousel-caption .text {font-size: 40px; width: 70%;}

/* Scroll Down */

#mouse-scroll {
  style: block;
}
#mouse-scroll {
  position: absolute;
  margin: auto;
  right: 50px;
  bottom: 80px;
  -webkit-transform: translateX(-50%);
  z-index: 9999;
}
#mouse-scroll span{
  display: block;
  width: 10px;
  height: 10px;
  -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
       transform: rotate(45deg);
       transform: rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin: 0 0 3px 5px;
}
#mouse-scroll .mouse {
  height: 40px;
  width: 20px;
  border-radius: 10px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border: 2px solid #ffffff;
  top: 170px;
}
#mouse-scroll .down-arrow-1 {
  margin-top: 6px;
}
#mouse-scroll .down-arrow-1, #mouse-scroll .down-arrow-2, #mouse-scroll .down-arrow-3 {
  -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite:
}
#mouse-croll .down-arrow-1 {
   -webkit-animation-delay: .1s;
   -moz-animation-delay: .1s;
   -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-2 {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-3 {
   -webkit-animation-delay: .3s;
   -moz-animation-dekay: .3s;
   -webkit-animation-direction: alternate;
}
#mouse-scroll .mouse-in {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: #ffffff;
  position: relative;
}
#mouse-scroll .mouse-in {
 -webkit-animation: animated-mouse 1.2s ease infinite;
  moz-animation: mouse-animated 1.2s ease infinite;
}

@-webkit-keyframes animated-mouse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
     opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* End Scroll Down */



.display-desktop {display: block;}
.display-mobile {display: none;}


/* about */
.btn {
    display: inline-block;
    color: var(--white);
    background: #132252;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
    padding: 1rem 2.5rem;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.about span {font-weight: 100;}
.about {padding: 0; margin-top: -3px;}

.about .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    min-height: 75vh;
}
.about img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.about .content {
    padding: 2rem 4rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 70rem;
    padding-left: 15rem;
    background-color: rgb(24 30 48 / 85%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
.about .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
}
.about .content h3 {
    font-weight: 600;
    color: var(--white);
    line-height: 1.3;
    padding-bottom: 1rem;
}
.about .content p {
    letter-spacing: 0.5px;
    font-weight: 200;
    color: var(--white);
    line-height: 1.6;
    padding-bottom: 2rem;
}
.about .btn {
       border: 1px #fff solid;
    border-radius: 0;
}

/* End about */





/* about1 */
.btn {
    display: inline-block;
    color: var(--white);
    background: #132252;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
    padding: 1rem 2.5rem;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.about1 {padding: 0; margin-top: -3px;}

.about1 .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    min-height: 75vh;
}
.about1 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.about1 .content {
    padding: 2rem 4rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 70rem;
    padding-left: 15rem;
    background-color: rgb(24 30 48 / 85%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
.about1 .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
}
.about1 .content h3 {
    font-weight: 600;
    color: var(--white);
    line-height: 1.3;
    padding-bottom: 1rem;
}
.about1 .content p {
    letter-spacing: 0.5px;
    font-weight: 200;
    color: var(--white);
    line-height: 1.6;
    padding-bottom: 2rem;
}
.about1 .btn {
       border: 1px #fff solid;
    border-radius: 0;
}

/* End about1 */


/* IT Digital */
.it-digital {padding: 0; margin-top: -3px;}

.it-digital .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    min-height: 75vh;
}
.it-digital img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.it-digital .content {
    padding: 2rem 4rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 70rem;
    padding-left: 15rem;
    background-color: rgb(24 30 48 / 85%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
.it-digital .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
}
.it-digital .content h3 {
    font-weight: 600;
    color: var(--white);
    line-height: 1.3;
    padding-bottom: 1rem;
}
.it-digital .content p {
    letter-spacing: 0.5px;
    font-weight: 200;
    color: var(--white);
    line-height: 1.6;
    padding-bottom: 2rem;
}
.it-digital .btn {
       border: 1px #fff solid;
    border-radius: 0;
}

/* End IT Digital */




/* Government Services */
.government-services {padding: 0; margin-top: -3px;}

.government-services .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    min-height: 80vh;
}
.government-services img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.government-services .content {
    padding: 2rem 4rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 70rem;
    padding-left: 15rem;
    background-color: rgb(24 30 48 / 85%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
.government-services .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
}
.government-services .content h3 {
    font-weight: 600;
    color: var(--white);
    line-height: 1.3;
    padding-bottom: 1rem;
}
.government-services .content p {
    letter-spacing: 0.5px;
    font-weight: 200;
    color: var(--white);
    line-height: 1.6;
    padding-bottom: 2rem;
}
.government-services .btn {
       border: 1px #fff solid;
    border-radius: 0;
}

/* End Government Services */




/* Vission Mission  */
.vis-mis {padding: 50px 0;}
.vis-mis span {font-weight: 100;}
.vis-mis .par-r {padding: 0 150px 0 0;}
/* End  Vission Mission  */


/* Approach */
.approach {background: #132252;padding: 50px 0;color: #fff;}
.approach .col-6 {padding: 20px 50px; }
.approach h3 {font-weight: 600;}
.approach span {font-weight: 100;}
.approach li {position: relative;}
/* End Approach */


/* Leadership & Our Expertise */
.lea-exp {background: #132252;padding: 50px 0;color: #fff;}
.lea-exp span {font-weight: 100;}
.lea-exp li {position: relative;}
/* End Leadership & Our Expertise  */

/* Insights */

.insights {background: #132252; padding: 50px 0; color: #fff;}
.insights .bg {background: rgb(2 12 43 / 100%);}
.insights .box {
  width: 100%; height: 100%;
background: url(../../static/image/pattern-1.png) rgb(24 38 48 / 95%);
    background-size: cover;
    background-blend-mode: multiply;
}
.insights .box2 {
  width: 100%; height: 100%;
background: url(../../static/image/pattern-1.png) rgb(24 38 48 / 95%);
    background-size: cover;
    background-blend-mode: multiply;
}

.insights .box3 {
  width: 100%; height: auto;
  background: url(../../static/image/pattern-1.png) rgb(19 34 82 / 90%);
  background-size: cover;
  background-blend-mode: multiply;
}
.insights .box3 .para {font-size: 20px;}
.insights .box4 {
  width: 100%; height: auto;
  background: url(../../static/image/pattern-1.png) rgb(19 34 82 / 90%);
  background-size: cover;
  background-blend-mode: multiply;
}

.insights .box4 .para {font-size: 20px;}

/*.insights .background-tint {
  filter: sepia(0%) saturate(00%) brightness(100%) hue-rotate(330deg);
}*/

.insights h1 { text-align: center; text-transform: uppercase; margin-bottom: 20px;}
.insights .text {width: 60%;
    margin: 0 auto; margin-bottom: 20px;
    text-align: center;}
.insights .pad {margin: 0px auto 0 auto;}

.insights  .para {font-size: 40px;  padding: 17% 10%;}
/* End Insights */




/* Insights-inner */

.insights-inner {background: #132252; padding: 50px 0; color: #fff;}
.insights-inner a {color: #fff; text-decoration: none;}
.insights-inner .bg {background: rgb(2 12 43 / 100%);}
.insights-inner .box {
  width: 100%; height: 100%;
background: url(../../static/image/pattern-1.png) rgb(24 38 48 / 95%);
    background-size: cover;
    background-blend-mode: multiply;
}
.insights-inner .box2 {
  width: 100%; height: 100%;
background: url(../../static/image/pattern-1.png) rgb(24 38 48 / 95%);
    background-size: cover;
    background-blend-mode: multiply;
}

.insights-inner .box3 {
  width: 100%; height: auto;
  background: url(../../static/image/pattern-1.png) rgb(19 34 82 / 90%);
  background-size: cover;
  background-blend-mode: multiply; transition: all 1s ease;
}
.insights-inner .box3:hover {filter: grayscale(100%);transform: scale(1.1);}
/*.insights-inner .box3:hover {filter: grayscale(100%); transform: scale(1.1);}*/
.insights-inner .box3 .para {font-size: 25px;}
.insights-inner .box4 {
  width: 100%; height: auto;
  background: url(../../static/image/pattern-1.png) rgb(19 34 82 / 90%);
  background-size: cover;
  background-blend-mode: multiply;transition: all 1s ease;
}
.insights-inner .box4:hover {filter: grayscale(100%);transform: scale(1.1);}
.insights-inner .box4 .para {font-size: 25px;}

/*.insights .background-tint {
  filter: sepia(0%) saturate(00%) brightness(100%) hue-rotate(330deg);
}*/

.insights-inner h1 { text-align: center; text-transform: uppercase; margin-bottom: 20px;}
.insights-inner .text {width: 60%;
    margin: 0 auto; margin-bottom: 20px;
    text-align: center;}
.insights .pad {margin: 0px auto 0 auto;}

.insights-inner  .para {font-size: 40px;  padding: 27% 10%;text-align: center;
    margin: 0;
    font-weight: 600;}



.insights-inner .button1 {padding: 27% 0% !important; float: right;}
.insights-inner .button2 {padding: 27% 0% !important; float: left;}

.insights-inner a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 30px;
}
.insights-inner a span {
    padding: 13px;
    transition: .5s;
    position: relative;
}

.insights-inner a span:nth-child(1):before {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    background: #262626;color: #fff;
    padding: 15px;
    transition: 0.5S;
    transform-origin: top;
    transform: rotateX(90deg) translateY(-50%);
}
.insights-inner a:hover span:nth-child(1):before {
    transform: rotateX(0deg) translateY(0%);
}
.insights-inner a span:nth-child(2):before {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    background: #fff; color: #000;
    padding: 15px;
    transition: 0.5S;
    transform-origin: bottom;
    transform: rotateX(90deg) translateY(50%);
}
.insights-inner a:hover span:nth-child(2):before {
    transform: rotateX(0deg) translateY(0%);
}
.insights-inner a  span:nth-child(1):after {
  content: attr(data-attr);
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  transform-origin: bottom;
  transform: rotateX(0deg) translateY(0%);
  transition: 0.5s;
  color: #000;
}
.insights-inner a:hover span:nth-child(1):after {
  transform: rotateX(90deg) translateY(50%);
}
.insights-inner a span:nth-child(2):after {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    background: #132252; color: #fff;
    padding: 15px;
    transition: 0.5S;
    transform-origin: top;
    transform: rotateX(0deg) translateY(0%);;
}
.insights-inner a:hover span:nth-child(2):after {
    transform: rotateX(90deg) translateY(-50%);
}

/* End Insights-inner */



/* Content2 */
.content2 {padding: 50px 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-image: url('../../static/image/pattern-1.png');
  background-position: center;
}
.content2 span {font-weight: 100;}
.content2 h1 { text-align: center; text-transform: uppercase; margin-bottom: 20px;}
.content2 p {text-align: center;}

.content2 .btn {color: #fff; border: none; border-radius: 0; margin-top: 20px; text-transform: uppercase;}
.content2 .btn:hover {background:#242a36; }
.content2 .card-body {border: 0;}

/* End Content2 */


/* Content3 */
.content3 {padding: 50px 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-image: url('../../static/image/mobilizing-with-neotech.jpg');
  background-position: center;}
.content3 h1 { text-transform: uppercase; margin-bottom: 20px;}
.content3 span {font-weight: 100;}
/* End Content3 */


/* Content10 */
.content10 {padding: 50px 0;
  width: 100%; height: 100%;
  background-size: cover;
  background: url(../../static/image/aero-mobilizing-neotech.jpg) rgb(36 42 54 / 0%);
    background-blend-mode: multiply;
  background-position: center;}
.content10 h1 { text-transform: uppercase; margin-bottom: 20px;}
.content10 span {font-weight: 100;}
/* End Content10 */



/* Content4 */
.content4 {padding: 50px 0;color: #fff;  width: 100%; height: 100%;
  background-position: center;
  min-height: 100%;
  background: url(../../static/image/what-we-do.png) rgb(36 42 54 / 100%);
  background-size: cover;
  background-blend-mode: multiply;
}
.content4 .background-tint {
  background-color: rgba(200,100,0,.5);
  background-blend-mode: multiply;
}
.content4 h1 { text-transform: uppercase; margin-bottom: 20px;}
.content4 h1 span {font-weight: 100;}
.content4 h3 {margin-top: 30px;}
.content4 .text {padding: 0 10%;width: 80%;
    margin: 0 auto;}
.content4 .img-fluid {height: 100%;}
.content4 li {margin-bottom: 20px; position: relative;}

.content4 .accordion-item:last-of-type .accordion-button.collapsed {color: #fff; /*border-bottom: 1px #ccc solid;*/ box-shadow: 0 2px 5px 0 rgba(255,255,255,0.16), 0 2px 10px 0 rgba(255,255,255,0.12) !important;
}
.content4 .accordion-item:first-of-type .accordion-button {border-radius: 0; color:#fff; padding: 15px 10px;font-size:20px;  box-shadow: 0 2px 5px 0 rgba(255,255,255,0.16), 0 2px 10px 0 rgba(255,255,255,0.12) !important;}
.content4 .accordion-item:first-of-type {border-radius: 0; }
.content4 .accordion-button {background: transparent;}
.content4 .accordion {background: transparent;}
.content4 .accordion-item {background: transparent;border: 0;}
.content4 .accordion-body {color: #fff;box-shadow: 0 2px 5px 0 rgba(255,255,255,0.16), 0 2px 10px 0 rgba(255,255,255,0.12) !important;background-color: rgb(24 30 48 / 85%);}
.content4 .button:focus {
        outline: none;
      }
.content4 .accordion-button:after {background-image: url("../../static/image/down-arrow.png");}
.content4 .accordion-button:not(.collapsed)::after {background-image: url("../../static/image/up-arrow.png");}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

/* End Content4 */


/* Content5 */
.content5 {
    padding: 50px 0; height: 100%;
    background-size: cover;
    background-image: url(../../static/image/car-bg.jpg);
    background-position: center; color: #fff;
}
.content5 h1 span {font-weight: 100;}
.content5 h1 { text-transform: uppercase; margin-bottom: 20px;}
.content5 h3 {margin-top: 20px;}
.content5 .text {width: 70%; margin: 0 auto; padding: 18% 0;}
.content5 ul {margin: 0 0 0 25px;}
/* End Content5 */




/* Content6 */
.content6 {
    padding: 50px 0; height: 100%;
    background-size: cover;
    background-image: url(../../static/image/car-bg.jpg);
    background-position: center; color: #fff;
}
.content6 h1 { text-transform: uppercase; margin-bottom: 20px;}
.content6 h3 {margin-top: 20px;}
.content6 .text {margin: 0 auto; padding: 0;    padding: 50px;
    background: rgb(19 34 82 / 60%);}
.content6 ul {margin: 0 0 0 25px;}
/* End Content6 */


/* Content7 */
.content7 {padding: 0;color: #fff;background: #132252;}
.content7 .background-tint {background-color: rgba(200,100,0,.5);background-blend-mode: multiply;}
.content7 h1 { text-transform: uppercase; margin-bottom: 20px;}
.content7 h1 span {font-weight: 100;}
.content7 h3 {margin-top: 30px;}
.content7 .text {padding: 10%;}
.content7 .img-fluid {height: 100%;}
.content7 .display-desktop {display: block;}
.content7 .display-mobile {display: none;}
.content7 li {position: relative;}
/* End Content4 */


/* Content8 */
.btn {
    display: inline-block;
    color: var(--white);
    background: #132252;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
    padding: 1rem 2.5rem;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.content8 {padding: 0; margin-top: -3px;}

.content8 .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    min-height: 80vh;
}
.content8 img {
    height: 80vh;
    width: 100%;
    object-fit: cover;
}
.content8 .content {
    padding: 2rem 4rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 70rem;
    padding-left: 15rem;
    background-color: rgb(255 255 255 / 95%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
}
.content8 .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
}
.content8 .content h3 {
    font-weight: 600;
    color: var(--white);
    line-height: 1.3;
    padding-bottom: 1rem;
}
.content8 .content p {
    letter-spacing: 0.5px;
    font-weight: 200;
    color: var(--white);
    line-height: 1.6;
    padding-bottom: 2rem;
}
.content8 .btn {
       border: 1px #fff solid;
    border-radius: 0;
}

/* End Content8 */


/* content9 */
.content9 {padding:0;}
.content9 .col-4 {padding: 0;}
.content9 .col-6 {padding: 0;}
.content9 .col-8 {padding: 0;}
.content9 .text {padding: 10%;}
.content9 h3 {font-weight: 600;color: var(--white); line-height: 1.3; padding-bottom: 1rem;}
.content9 .bg {background-color: rgb(24 30 48 / 85%); color: #fff;}
/* End content9 */


/* content11 */
.content11 {padding: 50px 0;color: #fff;  width: 100%; height: 100%; display: none ;
  background-position: center; text-align: center;
  min-height: 100%;
  background: url(../../static/image/experience-impact-bg.jpg) rgb(36 42 54 / 100%);
  background-size: cover;
  background-blend-mode: multiply;
}
.content11 .background-tint {
  background-color: rgba(200,100,0,.5);
  background-blend-mode: multiply;
}

.content11 h1 span {font-weight: 100;}
.content11 h4 {padding: 20px;}
.content11 li {list-style: none; padding: 10px;}

/* End content11 */

/* Content12 */
.content12 { width: 100%; height: 100%; padding: 0;
  background-size: cover;
  background: url(../../static/image/evolve-neotech2.jpg) rgb(36 42 54 / 0%);
    background-blend-mode: multiply;
  background-position: center;}
.content12  .container{padding: 50px 20px; }
.content12 h1 { text-transform: uppercase; margin-bottom: 20px;}
.content12 span {font-weight: 100;}
/* End Content12 */


/* Content13 */
.content13 { width: 100%; height: 100%; padding: 0; display: none;
  background-size: cover !important;
  background: url(../../static/image/govt-step-up-neotech.jpg) rgb(36 42 54 / 0%);
    background-blend-mode: multiply;
  background-position: center;}
.content13  .container{padding: 50px 20px; }
.content13 h1 { text-transform: uppercase; margin-bottom: 20px;}
.content13 span {font-weight: 100;}
/* End Content13 */


/* Team */
.team {padding: 50px 0; display: none;}
.team .width1 {width: 90%; margin: 0 auto;}
.team a {color: #132252; text-decoration: none; font-weight: 600;}
.team h1 { text-transform: uppercase; margin-bottom: 20px; text-align: center;}
.team h3 {text-align: center;}
.team p {text-align: center;}
.team .text-left {text-align: left;}
/*.team .item {margin: 10px; border-bottom: 4px #132252 solid; width: 98%;}*/
.team .item {margin: 10px; border-bottom: 4px #132252 solid; width: 48%; float: left;}
.team .img-fluid {width: 100%;}
.team .border {border:none !important;}
.team .info-text {margin: 20px 0; padding: 0 25px;}
.team h3 {    font-size: 24px; font-weight: 600; text-align: left;}
.team .btn {color: #fff; border: none; border-radius: 0; margin-top: 20px; text-transform: uppercase; display: none;}
.team .btn:hover {background:#242a36; }
.team .owl-pagination {display: none;}
/* End Team */


/* Stepup */
.stepup {padding: 50px 0; background: #1b2b5ed9; color: #fff;}
.stepup .width1 {width: 90%; margin: 0 auto;}
.stepup a {text-decoration: none; color: #fff;}
.stepup h1 { text-transform: uppercase; margin-bottom: 20px; text-align: center;}
.stepup h2 {font-weight: normal;}
.stepup span {font-weight: 100;}
.stepup p { margin:20px auto; text-align: center;}
.stepup .box { font-size: 24px;
  width: 100%; height: auto;
  background: url(../../static/image/pattern-1.png) rgb(19 34 82 / 90%);
  background-size: cover;
  background-blend-mode: multiply;    padding: 25px;  text-align: center;transition: all 1s ease;
}
.stepup .box:hover {filter: grayscale(100%);transform: scale(1.1);}

/* End Stepup */


/* Logos */
.logos {padding: 50px 0; background: #242a36; color: #fff; display: none;}
.logos .width1 {width: 90%; margin: 0 auto;}
.logos h1 { text-transform: uppercase; margin-bottom: 20px; text-align: center;}
.logos span {font-weight: 100;}
.logos p {text-align: center;width: 60%;    margin: 20px auto;}
.logos .item {margin: 10px;width: 98%;}
.logos .img-fluid {width: 100%; border: 1px #ccc solid;}
.logos .btn {color: #fff; border: none; border-radius: 0; margin-top: 20px; text-transform: uppercase;}
.logos .btn:hover {background:#242a36; }
.logos .owl-pagination {display: none;}
.logos .owl-buttons {display: none;}
/* End Logos */




/* Boxes */
.boxes {padding: 50px 0;}
.boxes .text-hover h3 {font-size: 30px;transition: all 1s ease; font-weight: 500; margin: 20% 0 25% 0;}
.boxes .text-hover:hover h3 {font-size: 24px; margin: 10px;}
.boxes .text-hover p {display: none;}
.boxes .text-hover:hover p {display: block;}
.boxes .text-hover .btn {display: block; position: absolute; padding: 0;}
.boxes .text-hover:hover .btn {display: block;}
.boxes .text-hover:hover p {display: block;}
.boxes .btn {background: none; font-size: 14px;}

.boxes .text-hover {padding: 4%;  display: inline-block;  position: relative;  background: none;  border: none;
  cursor: pointer;width: 250px; height: 250px; background:#132252; border-top: 4px #fff solid;transition: all 1s ease; }
.boxes .text-hover:hover {width: 250px; height: 250px; padding: 4%; transition: all 1s ease; border-top: 4px #000 solid; font-size: 20px; display: block;}

.boxes .text-hover ::before, .text-hover::after{
  content:"";
  width: 0;
  height: 4px;
  position: absolute;
  transition: all 0.5s linear;
  background: #000;
}


/* End Boxes */




/* Footer */
.footer {background: #132252; padding: 50px 0; color: #fff;border-top: 1px #233364 solid;}
.footer .container {padding: 40px 40px 20px 40px; font-size: 17px !important;}
.footer .logo1 {width: 250px; margin: 0 auto;}
.footer a {color: #fff; text-decoration: none;}
.footer h3 {margin: 30px 0 20px 0; font-weight: normal; text-transform: uppercase;}
.footer h4 {margin-top: 30px; font-weight: normal;}
.footer hr {border-top: 1px solid #ccc;}
.footer .social-icon {display: -webkit-inline-box; margin: 0; padding: 0; font-size: 24px;}
.footer li {padding: 0 10px; margin: 0; position: relative;    margin-bottom: 14px;}
.footer .social-icon li {list-style: none;    position: inherit; margin: 0;}
.footer .social-icon p {position: inherit; margin: 0;}

/* End Footer */

/* copyright */
.copyright {    background: #242a36; padding: 10px 0; color: #fff;font-size: 14px}
.copyright p {margin: 0; padding:0; }
.copyright .green{color: #a4d845;}
.copyright .pink {color: #ec046a;}
.copyright span {font-size: 14px;}
.copyright a span {
    padding: 3px;
    transition: .5s;
    position: initial;
}
/* copyright */



@media only screen and (max-width: 1800px) and (min-width: 1365px)  {
.carousel-caption h1 {font-size: 80px; font-weight: 600;}
.carousel-caption .text {
 font-size: 30px;
    width: 70%;
    margin-top: 20px;
}
.insights-inner a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
}

}

@media only screen and (max-width: 1366px) and (min-width: 1279px)  {
.carousel-caption h1 {font-size: 60px;}
.insights .para {
    font-size: 24px;
    padding: 8%;
}

.about-us .carousel-caption {padding: 13% 15% 10% 15%;}
.contact-us .carousel-caption {padding: 13% 15% 10% 15%;}
.content4 .text {width: 90%;}
.insights-inner .para {padding: 22% 10%;}
#mouse-scroll {display: none;}
}

@media only screen and (max-width: 1280px) and (min-width: 1023px)  {
.carousel-caption h1 {font-size: 60px;}
.insights .para {
    font-size: 24px;
    padding: 8%;
}
.about .content {
 max-width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    padding: 10%;

}

.about1 .content {
 max-width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    padding: 10%;

}

.it-digital .content {
 max-width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    padding: 10%;

}

.government-services .content {
 max-width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    padding: 10%;

}
.about-us .carousel-caption {padding: 13% 15% 10% 15%;}
.contact-us .carousel-caption {padding: 13% 15% 10% 15%;}
.content4 .text {width: 90%;}
.insights-inner .para {padding: 22% 10%;}
#mouse-scroll {display: none;}
}

@media only screen and (max-width: 1024px) and (min-width: 765px)  {
h1 {font-size: 40px;}
ul {margin-left: 30px;}
.btn {font-size: 18px;}
#menu1-main-nav {width: 100% !important;}
.logo {
    width: 150px;
}
.carousel-caption h1 {
    font-size: 40px;
}
.carousel-caption .text {
    font-size: 20px;
    width: 100%;
}
.carousel-caption {padding: 15% 12% 12% 12%; top: 0;}
#mouse-scroll {display: none;}
#myVideo {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-us .carousel-caption {
    padding: 15% 15%;
}
.contact-us .carousel-caption {
    padding: 15% 15%;
}
.about .content h3 {
    font-size: 40px;}

.about .content { height: 100%;}
.about1 .content { height: 100%;}
.it-digital .content { height: 100%;}
.government-services .content { height: 100%;}

/*.box-container {width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(../../static/image/neo-hp-seca.jpg);
    background-position: center;}
    .box-container img {display: none;}*/

.it-digital .box-container {width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(../../static/image/it-overview.jpg);
    background-position: center;}

.government-services .box-container {width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(../../static/image/it-overview.jpg);
    background-position: center;}
    .box-container img {display: none;}
.content12 .bg2 {background: rgb(0 0 0 / 50%); color: #fff;}
.content13 .bg2 {background: rgb(0 0 0 / 50%); color: #fff;}

.box-container1 {width: 100%;
    height: 80vh;
    background-size: cover;
    background-image: url(../../static/image/neo-hp-seca.jpg);
    background-position: center;}


.about .content {position: inherit;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding: 30px 40px;}
.about .box-container {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(../../static/image/neo-hp-seca.jpg);
    background-position: center;
}

.about1 .box-container {width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(../../static/image/aerospace-img.jpg);
    background-position: center;}
.about1 .content {position: inherit;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding: 30px 40px;}


.it-digital .content {position: inherit;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding: 30px 40px;}

.government-services .box-container {width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(../../static/image/govt-overview.jpg);
    background-position: center;}
.government-services .content {position: inherit;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding: 30px 40px;}


.insights .col-6 {width: 100%;}
.insights .box {flex-direction: column-reverse;}
.insights .box3 {flex-direction: column-reverse;width: 50%; float: left;}
.insights .box4 {width: 50%;float: left;}
.insights .para {height: 230px;}



.insights-inner .box3 .para {font-size: 16px;}
.insights-inner .box4 .para {font-size: 16px;}
.insights-inner .para {padding: 22% 10%;}

.content3 .col-6 {flex: 0 0 auto;width: 100%;}
.content4 .text {width: 100%;}
.team .item {width: 47%;}
.team .col-3 {width: 100%;}
.team .col-9 {width: 100%;}
.team .heading {text-align: left;}
.team .para {text-align: left;}

.content9 .col-6 {width: 100%;}
.content7 .display-desktop {display: none;}
.content7 .display-mobile {display: block;}
.content10 {background-position: initial;}
.content10 .col-6 {width: 100%;}
.content12 {background-position: inherit;}
.content12 .col-6 {width: 100%;}
.content13 {background-position: inherit;}
.content13 .col-6 {width: 100%;}

.vis-mis .par-r {padding: 0 50px 0 0;}
.approach .col-6 {padding: 20px;}
ul {margin-left: -20px;}


}



@media only screen and (max-width: 767px) and (min-width: 260px)  {
h1 {font-size: 40px; text-align: center;}
ul {padding-left: 30px;}
.display-desktop {display: none;}
.display-mobile {display: block;}
.logo {
    width: 150px;
}
.carousel-caption  {
top: 0;
padding: 50% 10% 10% 10%;
}
.carousel-caption h1 {
    font-size: 40px; text-align: left; }

.about-us .carousel-caption h1 {padding-left: 20px;}
.contact-us .carousel-caption h1 {padding-left: 20px;}
.about h1 {text-align: left;}
.about1 h1 {text-align: left;}
.about1 .content {height: 100%;}
.carousel-caption .text {
    font-size: 25px;
    width: 100%;
}
#myVideo {    height: 100vh;}
.insights-inner .text {width: 100%;}
.insights .box {
flex-direction: column-reverse;
}

.insights .box {flex-direction: column-reverse;}
.insights .box3 {flex-direction: column-reverse;}
.insights-inner .box4 {flex-direction: column-reverse;}
.insights .text {width: 100%; margin: 0;}
.col-6 {
     width: 100%;
}
.insights .para {
    font-size: 30px;
}
.insights .para {
    padding: 10%;
}
.insights .pad {margin: 0px auto 0 auto;}
.insights .box {margin-top: 30px;}
.insights .box2 {margin-top: 30px;}



.box-container {width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(../../static/image/neo-hp-seca.jpg);
    background-position: center;}
    .box-container img {display: none;}


.about .content {position: inherit;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding: 30px 40px;}
.about .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    min-height: 80vh;
}
.about1 .box-container {width: 100%;
    height: 150vh;
    background-size: cover;
    background-image: url(../../static/image/aerospace-img.jpg);
    background-position: center;}
    .box-container img {display: none;}
.about1 .content {position: inherit;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding: 30px 40px;}


.it-digital .content {position: inherit;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding: 30px 40px;}

.it-digital .box-container {width: 100%;
    height: 150vh;
    background-size: cover;
    background-image: url(../../static/image/it-overview.jpg);
    background-position: center;}

.it-digital  .content {
    position: inherit;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    padding: 30px 40px;
}

.government-services .content {position: inherit;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding: 30px 40px;}

.government-services .box-container {width: 100%;
    height: 150vh;
    background-size: cover;
    background-image: url(../../static/image/it-overview.jpg);
    background-position: center;}

.government-services  .content {
    position: inherit;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    padding: 30px 40px;
}

.content2 h1 {text-align: left;}
.content2 p {text-align: left;}
.content3 {background-position: initial;}
.content3 h1 {text-align: left;}
.content4 .text {width: 100%;}
.content4 h1 {text-align: left;}
.content4 ul {margin-left: 10px;}
.content5 .text { width: 100%;padding: 40% 30px;}
.content7 h1 {text-align: left;}
.content10 {background-position: initial;}
.content11 h1 {text-align: left;}
.content11 h4 {text-align: left;}
.content11 p {text-align: left;}
.content11 li {text-align: left;}
.content12 {background-position: inherit;color: #fff;}
.content13 {background-position: inherit;color: #fff;}
.it-digital h1 {text-align: left;}
.it-digital  p {text-align: left;}
.government-services h1 {text-align: left;}
.government-services  p {text-align: left;}
.content12 h1 {text-align: left;}
.content13 h1 {text-align: left;}
.careers h1 {text-align: left;}
.careers p {text-align: left;}

.content12 .bg2 {background: rgb(0 0 0 / 50%);}
.content13 .bg2 {background: rgb(0 0 0 / 50%);}

ul {padding: 0;}
.team .heading {text-align: left;}
.team .para {text-align: left;}
.team .col-3 {width: 100%;}
.team .col-9 {width: 100%;}
.team .owl-pagination {display: none;}
.team .item {width: 100%;}

.btn  {font-size: 20px;}
.col-4 {width: 100%;}
.col-8 {width: 100%;}
.about-us .carousel-caption {
    padding: 20% 0;
    text-align: center !important;
}
.contact-us .carousel-caption {
    padding: 20% 0;
    text-align: center !important;
}
.logos p {width: 100%;}
.contact-us-content .col-6 {width: 100%;
    border-bottom: 4px #ccc solid;
    padding-bottom: 25px;}
.vis-mis h1 {text-align: left;}
.vis-mis {padding: 50px 20px;}
.vis-mis .par-r {
    padding: 0 0px 0 0;
}
.lea-exph1 {text-align: left;}
.lea-exp h1 {text-align: left;}
.approach h1 {text-align: left;}
.approach .col-6 {
    padding: 20px;
}
.stepup .box {margin-top: 25px;}
.stepup .box {font-size: 20px;}
}


@media only screen and (max-width: 360px) and (min-width: 260px)  {
.about .box-container {height: 100%;}
.about1 .box-container {height: 100%;}
.stepup .box {font-size: 16px;}
}