*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}

:root{
	--theme-primary-color: #03A8BB;
	--theme-secondary-color: #2F455C;
	--theme-offwhite-color: #DFF0F2;
	--theme-drak-black-color: #252525;
	
	--theme-primary-color-hover: #079aaafa;
	--theme-secondary-color-hover: #2f455cf3;
	--theme-offwhite-color-hover: #dff0f2ad;
	--theme-drak-black-color-hover: #252525a8;
}

/* Section  */
section
{
	padding-top: 60px;
	padding-bottom: 60px;
}
.section-bg-blue{
	background-color: var(--theme-primary-color);
}
.section-bg-dark{
	background-color: var(--theme-secondary-color);
}

.section-bg-light{
	background-color: var(--theme-offwhite-color);
}

.text-justify
{
	text-align: justify;
}
h1{
	color: var(--theme-secondary-color);
	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 85%; /* 40.8px */
	margin-top: 10px;
	margin-bottom: 25px;
	font-family:montserrat;
}

.h1{
	color: var(--theme-secondary-color);
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	font-family:montserrat;
}
h2,.h2
{
	color: var(--theme-secondary-color);
	font-size: 36px;
	font-style: normal;
	font-weight: bold;	
	font-family:montserrat;
}

h3,.h3{
	color: var(--theme-secondary-color);
	font-size: 28px;
	font-style: normal;
	font-weight: bold;	
	font-family:montserrat;
}

h4{
	color: var(--theme-secondary-color);
	font-size: 18px;
	font-style: normal;
	font-weight: bold;	
}

h5{
	color: var(--theme-secondary-color);
	font-size: 16px;
	font-style: normal;
	font-weight: bold;	
}


p{
	color: var(--theme-drak-black-color);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
a{
	text-decoration: none;
}

.custom-btn{
	border-radius: 3px;
	text-decoration: none;
	padding: 9px 12px;
	text-transform: uppercase;
}

.nav-contact-btn
{
	color: white;
	background-color: var(--theme-secondary-color);
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 3px;
	font-size: 12px;
	text-decoration: none;
	padding: 10px 25px;
	transition: all 1s;
}


/* for btn-3 Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
  }
  .hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--theme-primary-color);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: white;
  }
  .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
  }
  /* sweep button to right */

  .btn-2-hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
  }
  .btn-2-hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--theme-secondary-color);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .btn-2-hvr-sweep-to-right:hover, .btn-2-hvr-sweep-to-right:focus, .btn-2-hvr-sweep-to-right:active {
	color: white;
  }
  .btn-2-hvr-sweep-to-right:hover:before, .btn-2-hvr-sweep-to-right:focus:before, .btn-2-hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
  }  

  
.btn-2
{
    background-color:rgb(0, 183, 204);
	border:2px solid rgb(0, 183, 204);
	/*background-image: linear-gradient(to right, #03A8BB,#03A8BB, #37bfcfeb, #03A8BB);*/
    /* box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); */
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background-size: 300% 100%;
    transition: all .6s ease-in-out;
}

.btn-2:hover{
	border:2px solid white !important;
}

.btn-2-border
{
	border:2px solid white !important;
}


.btn-3{
	color: white;
	background-color: var(--theme-secondary-color);
	font-size: 12px;
	font-weight: 500;
	border:none;
}



.nav-item button{
	background-color: var(--theme-secondary-color) !important;
	color:white !important;
	border-radius: 0px !important;
}

.portfolio .nav-btn .active{
	color:white !important;
	background-color: var(--theme-secondary-color-hover) !important;
	border:none !important;
}

.portfolio .nav-btn button:hover{
	background-color: var(--theme-secondary-color-hover) !important;
	
}


.btn1{
	margin-left:-39px;
}

.btn2{
	margin-left:-39px;
}

/* OVER A DECADE OFNGLOBAL EXPERIENCE START */
.counter-box{
	padding: 35px 10px;
	/* background-color: var(--theme-primary-color-hover); */
	/* border:2px solid whitesmoke; */
	/* border-radius: 3px; */
	/* margin-left: 15px;
	margin-right: 15px; */
	text-align: center;
	color: white;
}

.counter-box > h1, .counter-box > h4{
	color: white;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
.counter-box > img{
	margin-bottom: 8px;
	width: 50px;
}
.counter-box > h4{
	font-size: 20px;
	text-transform:uppercase;
	color: white;
}
.plus{
	font-size: 50px;
}
.counter-box > h4{
	font-weight: 700;
}
/* OVER A DECADE OFNGLOBAL EXPERIENCE END */

.abc
{
	/* background-color: var(--theme-secondary-color); */
	border-bottom:5px solid var(--theme-primary-color);
}



/*header start*/
header
{
	background-color: #DFF0F2;
}
.nav-item .active 
{
	/* color:#46b2d0 !important;	 */
	 border-bottom:3px solid #46b2d0; 
}

.nav-item{
	margin-left: 20px;
	margin-right: 20px;
}
.nav-item a
{
	color: #00456f !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .50px;
}

.services-bar
{
	background-color:white;
	position: absolute;
	width: 100%;
	top:100%;
	left:0%;
	z-index: 1;
	visibility: hidden;
	padding:30px 40px;
	transition-property: all;
	transition-duration: 0.3s;
}

#services:hover .services-bar
{
visibility: visible;
}

.service-bar-link
{
	color: #00456f !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.service-bar-link:hover
{
	border-bottom:1px solid #00456f;
}


.services-text
{
	color: var(--theme-drak-black-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.our-services
{
	width: 260px;
	height: 84px;
}


/*header end*/

.slick-prev:before{
	margin-left:-20px;
}

.slider_heading
{
    font-weight:700;
    text-transform:uppercase;
    color:white;
    font-size:48px;
}

 /*slider 1 start*/

.slider-1
{
	/* background-image:url('slider1-back.png'); */
	background-color: #00B7CC;
	background-repeat: no-repeat;
	background-position: bottom right;
	/* background-size:700px; */
	padding-top: 60px;
	padding-bottom: 60px;
}

.slider-1 .slick-prev:before,.slider-1 .slick-next:before
{
	color:white !important;
}
.slider-1 .slick-prev:before
{
	margin-left:-50px;
}

.slider-1 .content
{
	padding-top: 50px;

}

.slider-1 .content span
{
	font-size:20px;
	font-weight: 700;

}

.slider1-text
{
	font-size:18px;
	text-align: justify;
	line-height: 22px;
}

.slider-1 .slick-dots li button:before
{
	font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    content: '';
    text-align: center;
    opacity: unset;
    border: 4px solid white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slider-1 .slick-dots li.slick-active button:before
{
	/* opacity: 1;
	color:var(--theme-secondary-color);
	 */
	/* padding: 0; */
	background-color: #2F455C;
	border:4px solid #2F455C;
}


/*slider 1 end*/

.slick-dots li button:before
{
	font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    content: '';
    text-align: center;
    opacity: unset;
    border: 4px solid white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	/* opacity: 1;
	color:var(--theme-secondary-color);
	 */
	/* padding: 0; */
	background-color: var(--theme-primary-color);
	border:4px solid var(--theme-primary-color);
}


.btn-top
{
	display: none;
	position:fixed;
	left:95%;
	top: 90%;
}

.btn-top a
{
	font-size:32px;
	font-weight:bold;
	padding: 10px 18px;
	border-radius:50%;
	color:white;
	background-color: var(--theme-primary-color);
}

/* Services section start */
.services
{
	/* background-color: var(--theme-secondary-color); */
	 /*background-color: var(--theme-offwhite-color); */
	 background-color: #dff0f299; 
}
.services h1
{
	color: #00456f;	
}
.services p
{
	color: #00456f;	
}

.service-box{
	background-color: white;
    margin-top: 40px;
    margin-bottom: 16px;
    border-radius: 10px;
    text-align: center;
    padding: 32px 18px;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), 0 9px 12px 0 rgba(0, 0, 0, 0.12);
	transition:transform 1s;
}

.service-box div
{
	margin-top: -60px;
}
.service-icon
{
	background-color: var(--theme-secondary-color);
	padding: 22px;
	line-height: 22px;
	border-radius: 50%;
	display: inline-block;
	transition:transform 1s;
}

.service-box:hover .service-icon
{
	transform: rotateY(180deg);
}

.service-box h3
{
	margin-top:12px;
	margin-bottom:12px;
	font-size:27;
}

.service-box > p
{
	font-size:15px;
	text-align: justify;
	color:var(--theme-secondary-color);
}

/* Services section end */

.grow-business
{
	background-color: var(--theme-primary-color);
	padding-top: 50px;
	padding-bottom: 50px;

}

/*slider 2 start*/
.slider-2
{
	background-color: #DFF0F2;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-top: 60px;
	padding-bottom: 50px;
}

.slider2-content
{
margin-left:-60px;
color:#2F455C;
}

.slider-2 h1
{
	color:#2F455C;
}

.carousel-indicators
{
	margin-bottom: -40px !important;
}

.s-img{
	margin: auto;
}

.slider-2 .slick-dots
{
    position: absolute;
    top:400px;
    bottom: -65px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

/*slider 2 end*/


/* Clients section start */
.client-slider  img{
	width: 120px !important;
	height: 105px;
	margin-left: 15px;
	margin-right: 15px;
}
.slick-prev:before, .slick-next:before
{
	padding:20px;
	color:var(--theme-primary-color) !important;
	font-size: 25px !important;
}


.clients h1
{
	color:var(--theme-secondary-color);
}


/* Client section end */


/*client section start*/

.client-review
{
	 background: var(--theme-offwhite-color);
	 	
}


/*client section end*/


/* Slider 3 start */
.slider3-content
{
margin-left:-150px;
margin-top: 30px;
}

.slider3-content p
{
text-align: justify;
}


.client-say
{ 
	text-align: center;
	text-transform:uppercase;
	color:var(--theme-secondary-color);
}

/* slider 3 end */

#pills-tab .active
{
background-color: var(--theme-offwhite-color-hover);
border-bottom: 0px;
border: 1px solid #aec1d6;
}



/* About section start*/


.start-qoute
{
	color:var(--theme-primary-color);
	font-size: 70px;
	line-height: 130px;
}

.hil
{
	margin-left: -200px;
}
.end-qoute
{
	color:var(--theme-primary-color);
	font-size: 70px;
}


.ceo-msg
{
	margin-top:-40px;
	text-align: justify;
}
.ceo
{
	padding-bottom:0px !important;
}

/*About section end*/


/* Contact Section Start */
.contact-details
{
	margin-top:120px;
	margin-left:60px;
}

.contact-details span
{
	font-weight: bold;
	color:var(--theme-secondary-color)
}
/* Contact Section End */



/* portfolio Section start */



/* portfolio Section end */



/*footer start*/
.footer{
	background: var(--theme-secondary-color);
	padding-top: 70px;
	padding-bottom: 30px;
}

.footer-links > h4{
	color: white;
}
.footer-links > ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links > ul > li{

	line-height: 35px;
	
}

.footer-links > ul > li,.footer-links > ul > li > a{
	color: #FFFFFF;
	text-decoration: none;
	font-size:16px;
	
}

.footer-links > ul > li > a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-size:16px;
	
}

.footer-address-text
{
	margin-left:40px;
	margin-top:-27px;
	line-height: 20px;
	color: #FFFFFF;
}

.footer-copyright
{
	
	background-color: #263544;
	padding-top: 15px;
	padding-bottom: 15px;
}


/*footer end*/


@media only screen and (max-width: 1366px) {
	h1
	{
		font-size:40px;
		font-weight:900;
	}
	h2,.h2
	{
		color: var(--theme-secondary-color);
		font-size: 32px;
		font-style: normal;
		font-weight: bold;	
	}
	h3,.h3
	{
		font-size:24px;
	}
	.slider-1
	{
		padding-bottom: 100px;
	}
	.btn-top
	{
		display: none;
		position:fixed;
		left:93%;
		top: 85%;
	}
	.service-box h3
	{
		margin-top:5px;
		margin-bottom:5px;
		font-size:22px;
	}
}

  @media only screen and (max-width: 1199px) {
	.header-contact{
		font: 400 20px 'Roboto', sans-serif;
		padding: 10px 15px;

	}
	.slider-img
	{
		margin-left:0px !important;
		margin-top:30px;
	}
  }

  @media only screen and (max-width: 991px) {
	.nav-link{
		display: inline-block !important;
	}
  }

  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-email,.footer-address,.footer-phone
	{
		margin-left:-50px;
	}
	.footer-address-text
	{
		margin-left:-10px;
	}
	.s-row
	{
		/* display: flex !important; */
  		justify-content: space-around !important;
	}
	.bar
	{
		display: none;
	}
	.s-img
	{
		width: 330px;
	}
	
  }
  
  @media only screen and (max-width: 767px) {
    section
	{
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}  
	.nav-item a
      {
          font-size:14px;
      }
	.slider-1
	{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	h1,.h1,.plus
	{
		font-size:25px !important;	
		font-weight: 900 !important;	
	}
	h2,.h2
	{
		font-size:20px !important;
	}
	h3,.h3
	{
		font-size: 14px !important;
	}
	p
	{
		font-size:14px !important;
	}
	.slider-2 .slick-dots
	{
		position: absolute;
		top:550px;
		bottom: -65px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.slider-1 .content span
	{
		font-size:18px;
		font-weight: 600;
	}
	.slider-1 .content
	{
		margin-top:-12px !important;
		padding-top: 5px !important;
		text-align: center;
	}
	.service-content
	{
		text-align: center;
	}
	.navbar-brand img{
		width: 150px;
	}
	.service-content div a
	{
		margin: auto;
	}
	.clients .row
	{
		text-align: center;
	}
	.s-row
	{
		text-align: center;
	}
	.designation
	{
		margin-left:-150px;	
	}
	.bar
	{
		display: none;
	}
	.slider2-content
	{
		text-align: center !important;
		margin-left: 10px;
	}

	.slider3-content h3
	{
		margin-left:-150px;	
	}
	
	.client-img
	{
		margin:auto;
	}
	.client-slider>div
	{
		margin-left: 105px;
		margin-right:100px;
	}
	.footer
	{
		text-align: center;
	}
	.footer-address
	{
		margin-left:-450px;
	}
	.carousel-indicators
	{
		margin-bottom: -25px !important;
	}
	.contact-details
	{
		margin-top:30px;
		margin-left:0px;
	}

	.nav-item button{
		font-size:12px;
	}

	.about-content h1
	{
		text-align: center;
	}
	.about-content a
	{
		margin: auto;
	}
	.ceo-msg
	{
		margin-left:5px;
		margin-right:5px;
	}
	.start-qoute
	{
		margin-top:-35px;
	}
	.ceo-name
	{
		text-align: center;
	}
	.service-images
	{
		margin-left: 30px;
		margin-right: 15px; 
		
	}
	.tech-row
	{
		text-align: center;
	}
	.tech-cols
	{
		margin-left: 30px;
		margin-right: 30px;
	}
	.counter-box
	{
		margin-top:-30px;
	}
	.btn-top
	{
		
		left:82%;
		top: 90%;
	}
	.btn-top a
	{
		font-size:25px;
		font-weight:bold;
		padding: 8px 16px;
		border-radius:50%;
		color:white;
		background-color: var(--theme-primary-color);
	}
	
  } 

  @media only screen and (max-width: 550px) {
	.nav-item button{
		font-size:10px;
	}
  }

  @media only screen and (max-width: 517px) {
	.footer-address
	{
		margin-left: -400px;
	}
  }  
  @media only screen and (max-width: 464px) {
	.nav-item button{
		font-size:8px;
	}
  }

  @media only screen and (max-width: 461px) {
	.footer-address
	{
		margin-left: -350px;
	}
  }

  @media only screen and (max-width: 414px) {
	.footer-address
	{
		margin-left: -275px;
	}
	
	
  }

  @media only screen and (max-width: 401px) {
	.nav-item button{
		font-size:6.5px;
		font-weight: 400;
	}
  }


  
  @media only screen and (max-width: 390px) {
	
  }
  
  @media only screen and (max-width: 375px) {
	
  }