@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

@font-face {
  	font-family: 'JaapokkiRegular';
	src: url('../fonts/jaapokki/jaapokki-regular.eot');
    src: url('../fonts/jaapokki/jaapokki-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jaapokki/jaapokki-regular.woff') format('woff'),
         url('../fonts/jaapokki/jaapokki-regular.ttf') format('truetype'),
         url('../fonts/jaapokki/jaapokki-regular.svg#JaapokkiRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Global styles
================================================== */

html{
	overflow-x: hidden !important;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

body{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #6A6A6A;
	background: #fff;
	/* font-family: ui-monospace !important; */
	overflow-x: hidden;
	overflow: clip;
}

h1, h2, h3{
	color: #323232;
}

.body-inner{
	position: relative;
	overflow: hidden;
}

a:link,
a:visited{
    text-decoration: none;
}


a:hover{
	text-decoration: none;
	color: #000;
}

a.read-more{
	color: #323232;
}

section{
	padding: 60px 0;
	position: relative;
}
@media(max-width:400px){
	section{
		padding: 50px 0;
		position: relative;
	}
}

.ts-padding {
  padding: 50px;
}

.no-padding{
	padding: 0;
}

.media>.pull-left{
	margin-right: 20px;
}

.heading{
	padding-bottom: 10px;
	margin-top: 0px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.gap-60 {
	clear: both;
	height: 60px;
}

.gap-40 {
	clear: both;
	height: 40px;
}

.gap-30 {
	clear: both;
	height: 30px;
}
.gap-20 {
	clear: both;
	height: 20px;
}

a:focus{
	outline: 0;
}


/* Typography
================================================== */

body, p{
	font-family: 'Lato', sans-serif;
	font-weight: 400; 
	font-size: 15px;
	line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'JaapokkiRegular';
	/* text-transform: uppercase; */
	letter-spacing: 0.5px;
}

h1{
    font-size: 36px;
    line-height: 48px;
}

h2{
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
}

h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}

h4{
    font-size: 18px;
    line-height: 28px;
}

h5{
    font-size: 14px;
    line-height: 24px;
}

/* Button variation */

.btn.btn-primary{
	color: #323232;
	border-radius: 50px;
	padding: 10px 30px;
	background: none;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.btn.btn-primary:hover{
	color: #fff;
}

.btn.btn-primary.white{
	/* border: 2px solid #fff; */
	color: #fff;
}

/* .btn.btn-primary.white:hover{
	border: 2px solid #fff;
	background: linear-gradient(to right, #1fa2f2, #05155e);
} */

.btn.btn-primary.square{
	border-radius: 0;
	color: #fff;
}

.btn.btn-primary.solid{
	color: #fff;
}


.btn.btn-primary.solid.blank:hover{
	color: #333;
}

.btn.btn-primary.solid:hover{
	background: none;
}

ul.circle, ul.check-list{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.circle li{
	position: relative;
	margin-left: 30px;
	padding-bottom: 20px;

}

ul.circle li:before{
	content: "\f111";
	font-family: FontAwesome;
	font-size: 8px;
	line-height: 8px;
	border: 2px solid rgba(0, 0, 0,.1);
	border-radius: 100%;
	position: absolute;
	left: -33px;
	top: 5px;
}
.webdesignP{
	line-height: 1.6;
	font-family: Helvetica;
	text-align: justify;
	margin: 0;
	font-size: 14px;     
	margin-left: 27px;         
}
              
ul.unstyled{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.check-list li{
	margin-bottom: 5px;
}

ul.check-list li i{
	margin-right: 10px;
	font-size: 14px !important;
}

ul.arrow li:before{
	content: "\f105";
	font-family: FontAwesome;
	margin-right: 10px;
}

blockquote p{
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	font-style: italic;
	color: #959595;
}

blockquote {
	margin: 20px 0;
}
/* DESCRIPTION */
.desc {
	/* margin-top: 30px; */
	/* font-size: 15px; */
	/* line-height: 1.8; */
	/* opacity: 0.7; */
	/* color: #464a50; */
	color: white;
	text-align: justify;
	   font-size: 14px;
	   line-height: 30px;
	   letter-spacing: 1px;
	   text-align: justify;
  }
  .desc1 {
	
	color: black;
	text-align: justify;
	   font-size: 14px;
	   line-height: 30px;
	   letter-spacing: 1px;
	   text-align: justify;
  }
  .desc:hover {
  color: white;
  }
  
   .desc1 i{
	font-size: 16px;
	color: #007bb6;
  }
  /* .image-box {
    position: relative;
}  */

 /* .image-box::before {
	content: "";
    position: absolute;
    top: -138px;
    left: -5px;
    width: 189px;
    height: 120px;
    background-image: radial-gradient(#3e9df5 2px, transparent 2px);
    background-size: 15px 15px;
    opacity: 0.6;
    animation: moveDots 4s linear infinite;
} */

/* @keyframes moveDots {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, 10px);
    }
    100% {
        transform: translate(0, 0);
    }
}

.main-img {
    position: relative;
    z-index: 2;
} */

/* #header .navbar-collapse{
	height: 385px !important;
} */


/* Common styles
================================================== */

/* Angle */

/* .angle:before {
	background: #fff;
	content: "";
	height: 75px;
	top: -37px;
	position: absolute;
	width: 100%;
	z-index: 2;
	-webkit-transform: skew(0deg,2deg);
	-moz-transform: skew(0deg,2deg);
	-ms-transform: skewX(0deg) skewY(2deg);
	-o-transform: skew(0deg,2deg);
	transform: skew(0deg,2deg);
} */

.portfolio.angle:before{
	background: #f5f5f5;
}

.portfolio.angle{
	padding-bottom: 120px;
}


.clients.angle {
    padding: 55px 0;
}

/* Parallax */

.parallax {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed !important;
	padding: 40px 0;
	color: #fff;
	position: relative;
}

.parallax h2, .parallax h3{
	color: #fff;
	margin-top: 0;
}
.parallax .btn{
	color: #fff;
}

.parallax-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/overaly.png);
	
}

.parallax h3{
	margin-bottom: 30px;
}

.parallax1{
	background: url(../images/parallax/parallax1.jpg) no-repeat;
}

.parallax2{
	background: url(../images/parallax/parallax2.jpg) no-repeat;
}

.parallax3{
	background: url(../images/parallax/parallax3.jpg) no-repeat;
}

.parallax4{
	background: url(../images/parallax/parallax4.jpg) no-repeat;
}

.parallax .btn.solid {
	margin-left: 10px;
}


/* Deafult title */

.title-icon{
	font-size: 32px;
	margin-right: 15px;
	margin-top: 0px;
	color: #959595;
}


.title1-icon.classic{
	margin-top: 0;
}

.title{
	position: relative;
	margin: 0;
	line-height: 32px;
	border-left: 2px solid #1fa2f2 !important;
	display: inline-block;
	padding-left: 15px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
 }
 @media(max-width:768px){
     .title{
    	padding-left: 0px !important; 
         
     }
      .title1{
          padding-left: 0px !important; 
          border-left:0 !important;
      }
 }
 .title1{
	position: relative;
	margin: 0;
	line-height: 32px;
	border-left: 2px solid white;
	display: inline-block;
	padding-left: 15px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
 }

 .title.classic{
	line-height: 40px;
  	height: 34px;
}

 .title-desc{
 	font-family: 'Lato', serif;
 	font-size: 16px;
 	line-height: 18px;
 	font-weight: 400;
 	text-transform: capitalize;
 	display: block;
 	/* color: #6A6A6A; */
	color: white;
 }

/* Title style 2 */

.title2{
	position: relative;
	margin-top: 30px;
	color: #05155e;
	text-shadow: 2px 2px 2px lightgrey;
	/* -webkit-background-clip: text;
	background-image: linear-gradient(#1fa2f2, #05155e); */
	
}
.title-wrapper {
    /*display: flex;*/
    align-items: center;
    gap: 15px;
    flex-wrap: wrap; 
}
@media (max-width: 767px) {
    .title-wrapper {
        flex-direction: column;
        text-align: center;
    }
	.title-wrapper span i {
	margin-top: -28px;
}
}

.custom-hr {
	/* border: none;  */
	/* border-top: 3px solid #041024; */
	width: 100%; /* Set the width of the hr */
	height: 2px;
	background: navy;
	/* margin-bottom: 55px; */
	/* opacity: 1; */
	/* animation: slideIn 4s ease infinite;  */
  }


  @keyframes slideIn {
	0% {
	  width: 0%; /* Start with 0 width */
	}
	100% {
	  width: 10%; /* End with 10% width */
	}
  }
.paragraph{
	letter-spacing: 1px;
    padding-bottom: 20px;
	font-size: 13px;
}


.title2 .title-desc{
	padding-top: 30px;
}


/* Title border */

.title-border{
	line-height: normal;
	margin-top: 0;
}

.widget-title{
	margin-bottom: 25px;
	font-size: 20px;
}

.post-title{
	font-size: 24px;
	line-height: normal;
}

.post-title a{
	color: #323232;
}

.long-desc{
	font-size: 16px;
}


/* Service Icon pentagon */


/* .modern-services {
	height: 600px;
	width: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 80px;
  } */
  
  .modern-services {
    position: relative;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
}
  
  .modern-services::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgb(42 41 41 / 28%);
  }
  

  /* .modern-services .services-left {
	position: relative;
	z-index: 2;
	width: 35%;
	color: white;
  }
   */
  /* .modern-services .services-left {
    width: 35%;
} */

/* .modern-services  .services-content {
    width: 62%;
} */
  .modern-services .services-left h2 {
	  font-size: 45px;
	  font-weight: 800;
	  line-height: 50px;
	  margin-bottom: 20px;
	  color: white;
  }
  
  .modern-services .services-left p {
	font-size: 18px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 30px;
  }
  
  
  .modern-services .services-btn {
	display: inline-block;
	padding: 12px 28px;
	background: white;
	color: black;
	border-radius: 30px;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s;
  }
  
  .modern-services .services-btn:hover {
	background: #00c6ff;
	color: white;
  }
  

  /* .modern-services .services-content {
	position: relative;
	z-index: 2;
	width: 62%;
  } */
  
  
  .modern-services .services-content  .service-card {
	  background: rgb(12 0 0 / 12%);
	  border-radius: 20px;
	  padding: 31px;
	  height: 350px;
	  text-align: center;
	  backdrop-filter: blur(5px);
	  border: 3px solid rgba(255, 255, 255, 0.25);
	  transition: 0.3s;
  }
  @media (max-width: 449px) and (min-width: 401px) {
     .modern-services .services-content  .service-card  {
        height: 379px !important;
    }
}
  
  .modern-services .services-content .service-card:hover {
	transform: translateY(-10px);
  }
  

  .modern-services .services-content .service-card img {
	width: 100%;
	margin-bottom: 20px;
   height: 168px;
  }
  
  
  .modern-services .services-content .service-card h3 {
	color: white;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 12px;
  }
  
  
  .modern-services .services-content .service-card p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
	line-height: 1.6;
  }
  

 .owl-nav {
	margin-top: 20px;
	text-align: center;
  }
  
 .owl-nav button {
	  width: 52px;
	  height: 41px;
	  border-radius: 0%;
	background: rgba(255, 255, 255, 0.2) !important;
	color: white !important;
	font-size: 26px !important;
	margin: 0 10px;
  }
  
 .owl-nav button:hover {
	background: white !important;
	color: black !important;
  }

  @media (max-width: 991px) {
    .services-left {
        margin-bottom: 40px;
        text-align: center;
    }

    .services-content {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .modern-services .services-left h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .service-card {
        height: auto;
        padding: 25px;
    }
}

.icon-pentagon{
	display: inline-block;
	height: 24px;
	width: 40px;
	position: relative;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.icon-pentagon:hover{
	color: rgba(0,0,0,.5);
	transform: rotate(60deg);
}

.icon-pentagon:before{
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	top: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.icon-pentagon:after {
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	bottom: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.icon-pentagon i{
	font-size: 20px;
	line-height: 24px;
}

/* .service-icon {
	height: 46px;
	width: 90px;
	margin-bottom: 30px;
}
.service-icon:before {
	border-left: 45px solid rgba(0, 0, 0, 0);
	border-right: 45px solid rgba(0, 0, 0, 0);
	top: -30px;
}
.service-icon:after {
	border-left: 45px solid rgba(0, 0, 0, 0);
	border-right: 45px solid rgba(0, 0, 0, 0);
	bottom: -30px;
}

.service-icon i {
	font-size: 36px;
	line-height: 46px;
} */


/* Carousel controller */

.carousel-control{
	width: auto;
}
.ts-carousel-controller{
	text-align: center;
	padding-top: 50px;
	z-index: 1;
	position: relative;
}

.ts-carousel-controller .left,
.ts-carousel-controller .right, 
.owl-controls .owl-prev, 
.owl-controls .owl-next{
	cursor: pointer;
	background: #f6f6f6;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #989898;
	opacity: 1;
	top: auto;
	text-shadow: none;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
}
.owl-controls .owl-next{
	margin-left: 6px;
}

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover, 
.owl-controls .owl-next:hover{
	color: #fff;
}

.owl-controls .owl-page, 
.owl-controls .owl-buttons div{
	display: inline-block;
}

/* Input form */

.form-control{
	box-shadow: none;
	border: 1px solid #dedede;
	padding: 6px 20px;
	height: 50px;
	background: none;
	color: #959595;
	font-size: 14px;
	border-radius: 0;
}

.form-control:focus{
	box-shadow: none;
}

/*-- Flex slider --*/

.portfolio-slider .flexslider,
.ts-flex-slider .flexslider{
	border: 0;
	box-shadow: none ;
}

.portfolio-slider .flex-direction-nav a,
.ts-flex-slider .flex-direction-nav a{
	opacity: 0;
	background: #000;
	color: #fff !important;
	text-align: center;
	text-shadow: none;
	line-height: 40px;
}

.portfolio-slider .flex-direction-nav a:before{
	font-size: 32px;
}

.portfolio-slider .flex-direction-nav a:hover,
.ts-flex-slider .flex-direction-nav a:hover {
	color: #fff;
	opacity: 1;
}

.flexportfolio.flexslider .slides img{
	height: auto;
}

/*-- Pagination --*/

.pagination li a{
	border-radius: 0 !important;
	margin-right: 8px;
}

.pagination>.active>a, .pagination>.active>a:hover,
.pagination>li>a:hover{
	color: #fff;
	border: 1px solid transparent;
}

/* Header area
================================================== */

/*-- Header style 1 --*/

.header-solid{
	background: #191919;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2); 
}
/* .header-toggle .style-switch-wrapper{
	background-color: black;
} */
/* .header-toggle .style-switch-button {
background-color: white !important;
} */
/* .header-toggle .style-switch-button i{
	color: black !important;
	}
	 */

.header-solid ul.navbar-nav > li > a{
	color: #fff;
}

/*-- Logo --*/

.navbar-header{
	z-index: 9999;
}

.navbar-brand.navbar-bg{
	position: absolute;
	left: 0;
	padding: 3px 15px 10px;
	width: 20%;
	height: 62px;
	line-height: 62px;

}

.navbar-brand img{
    float: right;
    /* padding: 13px 9px; */
    margin-top: 7px;

}


/* Main navigation */

.navbar{
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
}

.navbar-right{
	padding-right: 0px;
	margin-left: 3px;
	margin-right:12px
}


.navbar-right .dropdown-menu {
	right: auto;
	left: 0;
}

.navbar-toggle{
	border-radius: 0;
	margin-right: 5px;
}

.navbar-toggle .icon-bar{
	background: #fff;
}

ul.navbar-nav > li > a{
	font-family: 'JaapokkiRegular';
  	text-transform: uppercase;
  	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	padding-top: 26px;
	/* padding-bottom: 20px; */
	/* line-height: 20px; */
} 
ul.navbar-nav li .row .call a{
	font-family: 'JaapokkiRegular';
  	text-transform: uppercase;
  	font-size: 14px;
	color: #fff;
	padding-top: 22px;
	letter-spacing: 1px;
	/* padding-bottom: 20px; */
	/* line-height: 20px; */
}
ul.navbar-nav li .row .call a:hover{
color:#327cbc;
}
ul.navbar-nav li .row .call p
{
	color: white;
    font-size: 11px;
    font-weight: bolder;

}
ul.navbar-nav li .row .call p:hover{
color:#327cbc;
}

ul.navbar-nav > li:last-child a{
	padding-right: 0;
}

ul.navbar-nav > li.active > a,
ul.navbar-nav > li > a:hover{

}

ul.navbar-nav > li > a i{
	font-weight: 700;
}

.nav .open>a, .nav .open>a:hover, 
.nav .open>a:focus{
	background: transparent;
	border:0;
}

/* Dropdown */

.dropdown-menu{
	
	border-radius: 0px;
	width: 100%;
	box-shadow: none;
	background: none;
	min-width: 180px;	
	transition: transform 0.8s; 
}

.dropdown-menu > ul{
	list-style: none;
	padding: 0 15px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    border-top: 4px solid #327cbc !important;
    border-top-left-radius: 43px;
    border-bottom-right-radius: 43px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 2px -1px 4px grey;
}
.dropdown-menu .homee{
	/* list-style: none;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0; */
	border-top: 4px solid #327cbc !important;
    border-top-left-radius: 43px;
    border-bottom-right-radius: 43px;
	width: 200%;
	margin-left: -88px;
	margin-top: -5px;
	background: #fff;
	background-color: rgba(255,255,255,0.95);
	box-shadow: 2px -1px 4px grey;
}
@media (max-width: 767px) {
    .dropdown-menu .homee {
        width: 100% !important;
        margin-left: 0;
    }
	.dropdown-menu {
		width: auto !important;
		position: relative !important;
		float: none !important;
	}
	
}

.dropdown-menu .homee ul{
	list-style: none;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	/* margin-top: -5px;
	background: #fff; */
	/* background-color: rgba(255,255,255,0.95); */
	/* box-shadow: 0 2px .09px rgba(0,0,0,0.15); */
}
/* @media(max-width:768px){
	.dropdown-menu .homee{
		width: 76%;
		margin-left: 34px;
	}
} */

.dropdown-menu .homee ul  li  a{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 15px;
	color: #333;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.dropdown-menu .homee ul  li  a:hover{
color: #327cbc;
}


.dropdown-menu > ul > li > a{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 15px;
	color: #333;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.dropdown-menu > ul > li.active > a{
	
}

.dropdown-menu > ul > li:last-child > a{
	border-bottom: 0;
}

.dropdown-menu > ul > li>a:hover, 
.dropdown-menu > ul > li>a:focus{
	background: none;
}

.nav>li.megamenu{ 
	position: static;
}

.nav>li.megamenu .dropdown-menu {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding:20px !important;
	z-index: 1000;
	border-radius: 0;
	top: auto;
}

.nav>li.megamenu .dropdown-menu ul{
	margin-top: 4px;
	padding: 20px;
}


/* Header Style - 2
================================================== */

.header2{
	padding: 8px 0;
}

.header2 .navbar-brand{
	background: none;
	padding-top: 3px;
}

/*-- Header bgnone fixed --*/

.header-bgnone{
	padding: 5px 0;
	width: auto;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}

.header-bgnone ul.navbar-nav > li:hover > a,
.header-bgnone ul.navbar-nav > li.active > a{
	color: #000;
}


/* Header Style - 3
================================================== */

.header3{
	background: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}

.header3 .navbar-brand{
	padding-top: 10px;
}

.header3 ul.navbar-nav > li > a{
	padding-top: 30px;
	padding-bottom: 25px;
	color: #333;
}

.header3 ul.navbar-nav > li:last-child a{
	padding-right: 15px;
}

.header3 .navbar-collapse{
	padding-right: 30px;
}


/* Header Style - 4
================================================== */

.header4{
	background: #fff;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}

.header4 .navbar-brand{
	padding-top: 10px;
}

.header4 ul.navbar-nav > li > a{
	padding-top: 30px;
	padding-bottom: 25px;
	color: #333;
}



/* Slideshow
================================================== */

/*-- Main slide --*/

.overlay {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../images/overaly.png);
}

#main-slide .item img{
	width: 100%;
	-webkit-backface-visibility: hidden;

}

#main-slide .item{
	-webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content{
	top: 50%;
	margin-top: -70px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	color: #fff;
}

#main-slide .carousel-indicators {
	bottom: 70px;
}

.carousel-indicators li{
	width: 30px !important;
	height: 10px !important;
	margin: 1px !important;
	border-radius: 0 !important;
	background: rgba(255,255,255,.5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    -moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right{
	opacity: 1;
	filter: alpha(opacity=100);
}

#main-slide:hover .carousel-control.left{
	left: 20px;
}

#main-slide:hover .carousel-control.right {
	right: 20px;
}

#main-slide .carousel-control.left span {
	padding: 15px;
}

#main-slide .carousel-control.right span {
	padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}

#main-slide .carousel-control .fa-angle-left{
	left: 0;
}

#main-slide .carousel-control .fa-angle-right{
	right: 0;
}

#main-slide .carousel-control i{
	background: none;

	color: #fff;
	line-height: 56px;
	width: 56px;
	height: 56px;
	border: 1px solid #fff;
	border-radius: 100%;
	font-size: 36px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#main-slide .carousel-control i:hover{
	border: 1px solid rgba(0,0,0,.3);
}

#main-slide .slider-content h2{
	font-size: 52px;
	text-transform: uppercase;
	color: #fff;
}

#main-slide .slider-content h3{
	font-size: 28px;
	margin-top: 40px;
	color: #fff;
}

.slider.btn{
	padding: 10px 35px;
	margin-top: 40px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}

.slider.btn.solid{
	margin-left: 15px;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}

/*-- Animation */
.carousel .item.active .animated1 {
	
}

.carousel .item.active .animated2,
 .flex-active-slide .animated2{
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3,
.flex-active-slide .animated3 {
	-webkit-animation: bounceInLeft 2s ease-in-out 800ms both;
	animation: bounceInLeft 1.5s ease-in-out 800ms both;
}

.carousel .item.active .animated4,
.flex-active-slide .animated4 {
	-webkit-animation: flipInX 2s ease-in 800ms both;
	animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated5,
.flex-active-slide .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6,
.flex-active-slide .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated7,
.flex-active-slide .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8,
.flex-active-slide .animated8{
	-webkit-animation: bounceInDown 1s ease-in 800ms both;
	animation: bounceInDown 1s ease-in 800ms both;
}


/* Flex slider */

.ts-flex-slider{
    position: relative;
}

.ts-flex-slider .flexSlideshow{
	width: 100%;
	overflow: hidden;
}


.overlay2{
    position: relative;
}

.overlay2 img{
	width: 100%;
}

.overlay2::before {
    position: absolute;
    content: '';
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-color: rgba(0, 0, 0, 0.3); /* Black background with 30% opacity */
}

.ts-flex-slider .flexslider .slides{
    z-index: 0;
}

.ts-flex-slider .slider-content{
    z-index: 3;
}


.ts-flex-slider .flex-direction-nav a {
	width: 55px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 32px;
}

.ts-flex-slider .flex-direction-nav a.flex-next{
	border-radius: 3px;
}

.ts-flex-slider .flex-direction-nav a.flex-prev{
	border-radius: 3px;
}


/* Services
================================================== */

.service{
	padding-top: 40px;
	padding-bottom: 30px;
}

.service-heading {
	padding-bottom: 30px;
	text-align: center;
}

.service-content{
	margin-top: 30px;
}

.service-content h3{
	font-size: 16px;
	color: black;
	/* background-color: rgb(43, 42, 42); */
}

/* Feature box
================================================== */

.feature-icon{
	font-size: 28px;
  	margin-top: 5px;
}

.feature-content{
	padding-right: 20px;
	padding-left: 55px;
}

.feature-content h3{
	margin-top: 0;
	font-size: 18px;
}


/* Feature center */

.feature-center-content .feature-center-icon{
	font-size: 72px;
	margin-bottom: 5px;
	display: inline-block;
}

.feature-center-content h3{
	font-size: 18px;
}


/* Image Block
================================================== */

.image-block{
	background: #f4f4f4;
}

.img-block-right{
	padding-right: 140px;
}

.img-block-head h2{
	font-size: 18px;
	line-height: normal;
	margin: 5px 0 0 0;
}

.img-block-head h3{
	font-size: 40px;
	line-height: 100%;
}

.image-block-content{
	padding: 0 50px;
	margin-bottom: 30px;
}

.image-block-content .feature-icon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
}

.image-block-content .feature-content{
	padding-left: 85px;
}

.image-block-content .feature-content h3{
	margin-bottom: 0;
}




/* About us
================================================== */


/* Landing Tab */

.landing-tab{
	position: relative;
	z-index: 10;
}

.landing-tab .nav-tabs{
	border-right: 1px solid #e7e7e7;
	padding: 25px 0;
	border-bottom: 0;
}

.landing-tab .nav-tabs>li.active{
	margin-right: -3px;
}

.landing-tab .nav-tabs>li.active .tab-info h3{
	color: #323232;
}

.landing-tab .nav-tabs>li{
	padding: 15px 0;
}

.landing-tab .nav-tabs>li>a{
	background: none !important;
	border-radius: 0;
	padding: 0 15px 0;
	color: #6A6A6A !important;
	position: relative;
	border: 0 !important;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.landing-tab .nav-tabs>li>a:hover{
	background: none;
}


.landing-tab .tab-icon{
	font-size: 28px;
	display: inline-block;
}

.landing-tab .tab-info{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 70px;
	top: 50%;
	margin-top: -12px;
}

.landing-tab .tab-info h3{
	font-size: 18px;
	line-height: normal;
	margin: 0;
	color: #6A6A6A
}


.landing-tab .tab-pane h3{
	margin-top: 0;
	line-height: normal;
}

.landing-tab .tab-pane h3.text-center{
	margin-bottom: 25px;
}

.landing-tab .tab-pane{
	padding-left: 95px;
	text-align: justify;
}

.landing-tab .tab-pane i.big{
	font-size: 200px;
	margin-bottom: 30px;
	display: block;
}



/* Featured Tab */


.featured-tab{
	padding: 30px 0;
}

.featured-tab .nav-tabs{
	border-bottom: 0;
}

.featured-tab .nav-tabs>li.active>a{
	color: #fff;
}

.featured-tab .nav-tabs>li.active>a:after{

}

.featured-tab .nav-tabs>li>a{
	background: #f2f2f2;
	border-radius: 0;
	padding: 0 15px 0;
	color: #323232;
	position: relative;
	border: 0 !important;
	line-height: 52px;
	height: 57px;
	margin-bottom: 3px;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-tab .nav-tabs>li>a:after{
	left: 100%;
	border: transparent solid;
	content: " ";
	position: absolute;
	border-width: 25px;
	top: 50%;
	border-left-color: #f2f2f2;
	margin-top: -25px;
		-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-tab .nav-tabs>li>a:hover{
	color: #fff;
}
.featured-tab .nav-tabs>li>a:hover:after{

}

.featured-tab .nav-tabs>li.active>a,
.featured-tab .nav-tabs>li.active .tab-info h3,
.featured-tab .nav-tabs>li>a:hover .tab-info h3{
	color: #fff !important;
}

.featured-tab .tab-icon{
	font-size: 28px;
	display: inline-block;
}

.featured-tab .tab-info{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 70px;
	top: 50%;
	margin-top: -12px;
}

.featured-tab .tab-info h3{
	font-size: 16px;
	line-height: normal;
	margin: -1px;
}
@media(max-width:768px){
	.featured-tab .tab-info h3{
		font-size: 12px;
	}
}

.featured-tab .tab-pane img.pull-left{
	margin: 0 30px 10px 0;
}

.featured-tab .tab-pane img.pull-right{
	margin: 0 0 0 15px;
}
.featured-tab .tab-pane h3{
	margin-top: 0;
	line-height: normal;
	text-align: left;
	font-size: 20px;
}

.featured-tab .tab-pane h3.text-center{
	margin-bottom: 25px;
}

.featured-tab .tab-pane{
	padding-left: 25px;
	text-align: justify;
}

.featured-tab .tab-pane i.big{
	font-size: 230px;
}

/* Portfolio
================================================== */

.portfolio{
	background: #f5f5f5;
	padding-bottom: 0;
}

#main-container.portfolio{
	background: none;
}

/*-- Isotope Portfolio start --*/

#isotope .isotope-item{
	padding:0;
}

.isotope-nav {
  	margin: -80px auto 80px;
  	display: inline-block;
  	float: right;
  	position: relative;
  	z-index: 100;
}

.isotope-nav ul{
	list-style: none;
	margin: 0;
}

.isotope-nav ul li{
	float: left;
	margin-right: 10px;
}

.isotope-nav ul li a{
	color: #323232;
  	padding: 5px 15px 8px;
  	border: 1px solid #ddd;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	transition: all 0.3s;
}

.isotope-nav ul a.active, 
.isotope-nav ul a:hover{
	color: #fff;
	position: relative;
	border: 1px solid transparent;
}

.isotope-nav ul a.active:after, 
.isotope-nav ul a:hover:after{
  	position: absolute;
  	content: " ";
  	width: auto;
  	height: auto;
  	bottom: -13px;
  	margin-left: -8px;
  	left: 50%;
  	border-width: 7px;
  	border-style: solid;
}

#isotope .isotope-item .grid{
	position: relative;
	margin-bottom: -8px;
}

.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	width: 100%;
	height: 100%;
}
.grid figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-oscar {
	background: #000;
	background: rgba(0,0,0,.8);
}

figure.effect-oscar img {
	display: block;
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-oscar figcaption {
	padding: 2.5em;
	background-color: rgba(0,0,0,0.1);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid rgba(255,255,255,.3);
	content: '';
}

figure.effect-oscar h3 {
	font-size: 18px;
	color: #fff;
	opacity: 0;
	margin: 25% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar a{
	color: #fff;
	font-size: 18px;
	margin: 20px 5px 0;
	display: inline-block;
	z-index: 1;
	position: relative;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}


figure.effect-oscar a.link i{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar a {
	opacity: 0;
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h3 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover h3,
figure.effect-oscar:hover a {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


figure.effect-oscar:hover figcaption {
	background-color: rgba(0,0,0,0.5);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}


/* Portfolio box */

.portfolio-box{
	padding-bottom: 80px;
}

.portfolio-box .isotope-nav{
	margin: 0 auto 60px;
	float: none;
}


/* Portfolio details */

.portfolio-static-item{
	padding-bottom: 20px;
}

.portfolio-static-item figure.effect-oscar a{
	margin-top: 70px;
}

.portfolio-static-desc h3{
	font-size: 16px;
	margin: 5px 0 -5px 0;
	line-height: normal;
}

.portfolio-static-desc a{
	color: #6A6A6A;
}


/* Portfolio details */

.portfolio-desc h3{
	margin-top: 0;
}
.portfolio-desc .project-btn{
	margin-top: 20px;
	padding: 8px 25px;
}



/* Counter
================================================== */


.facts-wrapper{
	background: #2a2d32;
	color: #fff;
}

.facts {
  	position: relative;
  	padding: 46px 40px 30px;
  	-moz-transition: all 300ms ease;
  	-webkit-transition: all 300ms ease;
  	-ms-transition: all 300ms ease;
  	-o-transition: all 300ms ease;
  	transition: all 300ms ease;
}

.facts:hover{
	background: #000 !important;
}

.facts.one{
	background: rgba(0,0,0,.3);
}

.facts.two{
	background: rgba(0,0,0,.2);
}

.facts.three{
	background: rgba(0,0,0,.15);
}

.facts.four{
	background: rgba(0,0,0,.09);
}

.facts i{
	font-size: 36px;
	text-shadow: 1px 3px 3px rgba(0,0,0,0.3);
}

.facts-num span{
	font-size: 42px;
  	font-weight: 700;
  	margin-top: 20px;
  	display: inline-block;
}

.facts h3{
	font-size: 18px;
	margin-top: 8px;
	color: #fff;
}


/* Counter parallax bg */

.ts_counter_bg .facts{
	padding: 0 15px;
}
.ts_counter_bg .facts:hover{
	background: none !important;
}

.ts_counter_bg .facts-num span{
	margin: 30px 0 20px;
}

.ts_counter.elements .facts{
	padding: 15px;
}

/* Team
================================================== */

.img-hexagon span {
    position: absolute;
    display: block;
    float:left;
	border-left: 120px solid #fff;
	border-right: 120px solid #fff;
}

.img-top {
	top: 0;
	border-top: 0px solid transparent;
 	border-bottom: 75px solid transparent;
}

.img-bottom{
	bottom: 0px;
	border-bottom: 0px solid transparent;
	border-top: 75px solid transparent;
}

.img-hexagon {
    width: 240px;
    height: 250px;
    position: relative;
    display: inline-block;
}
.img-hexagon img{
	width: 100%;
	height: 100%;
}


.team-content h3{
	margin-bottom: 0;
	font-size: 20px;
}

.team-content p{
	color: #959595;
}

.team-social a{
	background: #d5d5d5;
	color: #fff;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-social a.fb:hover{
	background: #325c94;
}

.team-social a.twt:hover{
	background: #00abdc;
}

.team-social a.gplus:hover{
	background: #dd4b39;
}

.team-social a.linkdin:hover{
	background: #007bb6;
}

.team-social a.dribble:hover{
	background: #ea4c89;
}


/* Team list */

.team-list .img-hexagon{
	float: left;
	margin-right: 30px;
}


/* Team list square */

.team-list-square .img-square{
	float: left;
	margin-right: 30px;
}


/* Pricing table
================================================== */

.pricing{
	padding-bottom: 80px;
}

.plan {
	border: 1px solid #dedede;
}

.plan-name { 
	display: block; 
	font-size: 24px; 
	line-height: 30px; 
	font-weight: 700;  
	padding: 20px 0; 
	color: #959595;
}

.plan-price { 
	font-size: 48px; 
	padding: 30px 0;
	margin-bottom: 30px;
	position: relative;
	background: #f2f2f2;
}

.plan-price:after{
	bottom: -30px;
	border: solid transparent;
	content: " ";
	position: absolute;
	border-width: 15px;
	border-top-color: #f2f2f2;
	left: 50%;
	margin-left: -16px;
}

.plan.featured .plan-name{
	color: #323232;
}

.plan.featured .plan-price{
	color: #fff;
}
.plan.featured .plan-price:after{

}

.plan-price .currency { 
	top: -0.9em;
	font-size: 50%;
	left: -0.01em;
	font-weight: 700;
}

.plan-name small{
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: normal;
}

.plan-price strong{
	
}

.plan-price sub{
	font-size: 18px;
	font-weight: 700;
}

.plan ul { 
	background: #fff; 
	padding: 0;
	margin-bottom: 0;
}

.plan ul li {
	border-top: 1px dashed #dedede;
	padding: 12px 29px;
	font-weight: 500;
}

.plan ul li:first-child { 
	border-top: 0 !important;
}

.plan a.btn { 
	color: #323232;
	background: #fff;
	margin-top: 25px;
	margin-bottom: -20px;
	padding: 8px 30px;
}
.plan a.btn:hover{
	color: #fff;
}





/* Video block
================================================== */

.featured-video{
	background: #fff;
}

.video-block-head h2{
	font-size: 16px;
	margin: 0;
	line-height: normal;
}

.video-block-head h3{
	font-size: 24px;
	line-height: normal;
	margin: 0;
}

.video-block-content{
	padding: 10px 0;
}

.video-block-content h3{
	margin: 0;
	line-height: normal;
}

.video-block-content .btn.btn-primary{
	color: #fff;
	margin: 5px 0 0 40px;
	padding: 8px 25px;
}

.video-block-content .btn.btn-primary:hover{
	color: #333;
}


/* Recent Post
================================================== */

.post-img-wrapper{
	position: relative;
}

.post-img-overlay{
	position: relative;
	display: inline-block;
}

.post-img-overlay::before {
	position: absolute;
	border-radius: 1px;
	background-color:rgba(0,0,0,0);
	content: '';
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.35s;
  	-moz-transition: all 0.35s;
  	-o-transition: all 0.35s;
  	transition: all 0.35s;
}

.post-img-overlay:hover::before{
	background-color:rgba(0,0,0,.5);
}	

.post-img-overlay a{
	position: absolute;
	right: 0;
	color: #fff;
	background: #666666;
	padding: 15px 20px;
  	opacity: 0;
  	-webkit-transition: all 0.35s;
  	-moz-transition: all 0.35s;
  	-o-transition: all 0.35s;
  	transition: all 0.35s;
}

.post-img-overlay a.link{
	right: 0;
	-webkit-transition:  -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.post-img-overlay:hover a.link{
	left: 0;
	right: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

}
.post-img-overlay a.view{
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}
.post-img-overlay:hover a.view{
	bottom:0;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.recent-post{
	padding: 0 15px;
}
.recent-post .post-body h3{
	font-size: 18px;
	margin-bottom: 3px;
	font-weight: 700;
}

.recent-post .post-body h3 a{
	color: #323232;
}

.recent-post .post-body .post-meta a{
	font-weight: 400;
	font-size: 13px;
}

.recent-post .post-body .post-meta span,
.recent-post .post-body .post-meta span i{
	padding-right: 5px;
}

.recent-post .post-excerpt{
	padding-top: 10px;
}

.recent-post .post-excerpt a.read-more{
	padding: 6px 18px;
	border-width: 1px;
	font-size: 12px;
	margin-top: 10px;
}


/* Clients
================================================== */

.clients{
	color: #fff;
	padding-bottom: 80px;
}
.clients-content{
	padding: 40px 0;
}

.clients h2.title{
	border-left: 0;
	color: #fff;
}

.client-carousel .item a{
	margin-right: 20px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	display: inline-block;
	padding: 10px;
	-webkit-transition: all 350ms;
	-ms-transition: all 350ms;
	transition: all 350ms;
}


/* Twitter
================================================== */

.ts_twitter{
	padding: 100px 0;
}
.twitter-feed .twitter-icon{
	
}

.twitter-feed .twitter-icon i{
	font-size: 78px;
	color: #1dcaff;
}

.twitter-feed .tweet a{
	color: #1dcaff; 
}

.twitter-feed .tweet a:hover{
	color: #000;
}

.twitter-feed .tweet p{
	font-size: 18px;
	font-style: italic;
	padding-top: 20px;
}

/* Contact
================================================== */

#contact-form{
	margin-top: 25px;
}
#contact-form label{
	font-weight: normal;
}

.map-wrapper{
	position: relative;
}

.map {
	height: 400px;
	z-index: 1;
}

.contact-info-inner h3{
	margin-bottom: 25px;
	font-size: 24px;
	color: #fff;
}

.contact-info h3{
	margin-top: 42px;
	font-size: 24px;
}

.contact-info p{
	font-size: 18px;
}

.contact-info i{
	font-size: 18px;
	margin-right: 10px;
}

/* Contact inside Map */
.contact-info-inner {
	position: absolute;
	color: #fff;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0,0,0,.7);
	padding: 25px 30px;
	max-width: 400px;
	max-height: 400px;
	text-align: left;
}

.contact-info-inner p{
	overflow: hidden;
	margin-bottom: 25px;
}

.contact-info-inner p strong{
	display: block;
}

.contact-info-inner i{
	margin-right: 20px !important;
	font-size: 24px;
	margin-top: 5px;
}


/* Footer
================================================== */

/* .footer{
	padding: 60px 0 100px;
	background: #2e2e2e url(../images/footer-bg.jpg) no-repeat center 0;
	background-size: cover;
	color: #fff;
	font-size: 14px;  
} */
.footer {
    position: relative;
    padding: 60px 0 100px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
}

/* Background Video */
.footer-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 0;
}

/* Dark Overlay */
.footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    z-index: 1;
}

/* Content Above Video */
.footer-content {
    position: relative;
    z-index: 2;
}

.footer-logo{
	margin-bottom: 20px;
}

.footer-map{
	padding-bottom: 60px;
}

.footer2{
	background: #2e2e2e;
}

.footer .widget-title{
	color: #fff;
}

.footer .social-icon{
	padding: 10px 0 20px;
}


/* Latest Post */

.footer-widget .latest-post-image img{
  	width: 80px;
  	height: 80px;
  	border-radius: 100%;
  	border: 4px solid rgba(255,255,255,.5);

}

.footer-widget .latest-post-content h4 a{
	color: #fff;
}

.latest-post-items{
	margin-bottom: 10px;
}

.latest-post-image img{
	width: 70px;
	height: 60px;
}

.footer-widget .post-meta, .footer-widget .post-meta a{
	color: #fff;
}

.latest-post-content h4{
	font-size: 14px;
  	line-height: normal;
}


/* Image Gallery */

.footer-widget .img-gallery{
	margin-top: 5px;
	display: inline-block;
}

.img-gallery a.thumb-holder{
	overflow: hidden;
	position: relative;
}

.img-gallery a.thumb-holder img {
	margin: 0 15px 15px 0;
  	display: inline-block;
      width: 67px;
    height: 67px;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.img-gallery a.thumb-holder:hover img{
	opacity: 0.7;
}


.footer2 .img-gallery a.thumb-holder img{
	width: 90px;
  	height: 75px;
}


/* Footer about us */

.footer-about-us h4{
	font-size: 16px;
	margin-bottom: 0;
	line-height: normal;
}
.footer-about-us p{
	font-weight: 500;
    font-size: 13px;
   
    font-family: 'JaapokkiRegular';
    letter-spacing: 1px;
}

.subscribe{
	margin-top: 20px;
}

.subscribe input.form-control{
	border: 1px solid rgba(255, 255, 255, .1);
}

.subscribe .input-group-addon{
	background: none;
	border-radius: 0;
	border: 0;
	padding: 0;
}

.subscribe button{
	padding: 13px 20px;
	color: #fff;
}

.subscribe button:hover{
	background: #222;
	color: #fff;
}

.subscribe button i{
	font-size: 20px;
}


/* Footer links */

.footer ul li{
	color: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.footer ul.arrow li{
	width: 50%;
	float: left;
}

ul.arrow li:before {
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 10px;
}

.footer ul li a{
	color: #fff;
}

/* Copyright
================================================== */

#copyright{
	padding: 30px 0;
	background: #191919;
	color: #fff;
}

.copyright-info{
	font-size: 16px;
	border-top: 1px solid rgba(255,255,255,.15);
	max-width: 850px;
	margin: 30px auto 0;
	padding-top: 15px;
}

.copyright.angle:before{
	background: #191919;
	height: 50px;
  	top: -25px;
  	-webkit-transform: skew(0deg,-2deg);
  	-moz-transform: skew(0deg,-2deg);
  	-ms-transform: skewX(0deg) skewY(-2deg);
  	-o-transform: skew(0deg,-2deg);
  	transform: skew(0deg,-2deg);
}

.footer-social{
	position: relative;
	z-index: 10;
}

.footer-social .icon-pentagon i{
	font-size: 16px;
}

/* Footer sytle 2 */

.footer2 .social-icon{
	padding-bottom: 15px;
}

.footer2 .copyright-info{
	color: #323232;
	border-top: 1px solid #e7e7e7;
}


#back-to-top {
	right: 40px;
	top: auto;
	z-index: 10;
	-webkit-backface-visibility: hidden;
}

#back-to-top.affix {
	bottom: 60px;
}

#back-to-top .btn.btn-primary{
	border-radius: 100%;
	padding: 0;
	font-size: 18px;
	width: 36px;
	height: 36px;
	background:#49a2e7;
	border: 2px solid transparent;
	color: #fff;
	opacity: .5;
}

#back-to-top .btn.btn-primary:hover{
	color: #fff;
	opacity: 1;
}


/* Sub pages
================================================== */

/* Banner area */

#banner-area{
	position: relative;
}
#banner-area img{
	background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
#banner-area:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2); 
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px; /* Adjust the height as needed */
    background-color: black; /* Black color */
    opacity: 0.4; /* Opacity of 0.2 */
    z-index: 1; /* Ensure the overlay is above the image */
}
.pp{
	text-align: justify;
	letter-spacing: 1px;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;}

.banner-title-content{
	position: absolute;
	top: 32%;
	width: 100%;
	height: 100%;
	
}

.banner-title-content h2{
	color: #fff;
	font-size: 38px;
	line-height: 50px;
}
@media(max-width:768px){


.banner-title-content h2 span{
	display: none;
}
.banner-title-content h2 {
	line-height: 23px !important;
    font-size: 22px !important;

}
.banner-title-content {
   
    top: 38% !important;
  
}
#banner-area img{
	height: 232px !important;
}
}

.banner-title-content .breadcrumb{
	background: none;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	padding: 0px;
}

.banner-title-content .breadcrumb a:hover{
	color: #ccc;
}

/* About Us */

.about-message{
	background: #f4f4f4;
	min-height: 374px;
}

.about-message ul li a{
	color: #6A6A6A;
}



/* Services */

/* Call to Action */

.call-to-action{
	color: #fff;
	padding: 40px 0;
}

.call-to-action.dark{
	background: #2a2d32;
}

.call-to-action h3{
	color: #fff;
	float: left;
	margin: 10px 0 0;
  	font-size: 20px;
}

.call-to-action .btn.btn-primary.white:hover{
	background: #000;
}

.call-to-action .btn.btn-primary.solid{
	margin-left: 15px;
}

/* Career */

.panel.panel-default{
	margin-top: 20px;
}

h4.panel-title{
	position: relative;
	padding-left: 30px;
}

h4.panel-title a:before,
h4.panel-title a.collapsed:before{
	font-family: FontAwesome;
	position: absolute;
	z-index: 0;
	font-size: 16px;
	left: 0;
	padding: 0 5px;
	text-align: center;
}

h4.panel-title a:before {
	content: "\f056";
}

h4.panel-title a.collapsed:before {
	content: "\f055";
}

.panel-body ul{
	padding-left: 35px;
}

.panel-group .btn.btn-primary.solid:hover{
	color: #333;
}


/* Testimonial */

.testimonial .swiper-container {
    border-radius: 5px;
    width: 70vw;
    overflow: hidden;
    height: fit-content;
    height: fit-content;
    font-size: 50px;
    position: relative;
    padding-bottom: 50px;
    font-family: sans-serif;
    display: grid;
    place-items: center;
    position: relative;
    height: auto;
  }
  
  .testimonial .swiper-slide {
    width: auto;
    height: fit-content;
    display: flex;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    align-items: flex-start;
    flex-direction: column;
    padding: 0px;
    font-family: Nunito;
    /* background-color: white; */
  
  }
  
  .testimonial .swiper-slide .ImgHolder {
      /* background-image: linear-gradient(45deg,  #3b53bc, transparent); */
	  background: linear-gradient(to right, #1fa2f2, #05155e,#030312);
    display: flex;
    width: 100%;
    height: auto;
    padding: 30px;
    border-bottom-left-radius: 20px;
  
  }
  
  .testimonial .ContentHolder::before {
    background-color: transparent;
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: -5px;
    z-index: -1;
    right: 0px;
  }
  
  .testimonial .ContentHolder {
    position: relative;
    padding: 10px;
    background-color: white;
    border-top-right-radius: 20px;
	border-bottom: 3px solid #6262ed;
  }
  
  .testimonial .swiper-pagination-bullet {
      background-color: white;
      opacity: 1;
      border: 1px solid #4361ee;
      border-radius: 21%;
      width: 17px;
  }
  
  
  .testimonial .swiper-pagination-bullet-active {
    background-color: #4361ee;
  }
  
  .testimonial .swiper-button {
    border: 1px solid white;
  }
  
  .testimonial .swiper-slide img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    object-fit: cover;
    border: 3px solid #4361ee;
    outline: 2px solid white;
  }
  
  .testimonial .swiper-slide h3 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: black;
    font-weight: normal;
  }
  
  .testimonial .swiper-slide p {
    font-size: 14px;
    padding: 0px;
    color: black;
    text-align: justify;
  }
  
  @media (max-width:638px) {
    .testimonial .swiper-container {
      width: 83% !important;
    }
  }
  
  @media (max-width:500px) {
    .testimonial .swiper-container {
      width: 82%;
    }
  }
  
  @media (max-width:300px) {
    .testimonial .swiper-container {
      width: 100%;
    }
  
    .testimonial .swiper-slide {
      border-radius: 0px;
    }
  
    .testimonial .swiper-container .ImgHolder {
      border-radius: 0px;
    }
    .testimonial .ContentHolder{
      border-radius: 0px;
    }
  }


/* .ts-testimonial-content {
	position: relative;
  	padding: 30px 30px 15px 30px;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #e7e7e7;
  	margin-bottom: 40px;
}


.ts-testimonial-content:after {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 45px;
	border-style: solid;
	border-width: 40px 0px 0 30px;
	border-color: #e7e7e7 transparent;
	display: block;
	width: 0;
	z-index: 1;
}


.ts-testimonial-content img {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 100%;
}

.ts-testimonial-text{
	padding-left: 110px;
}

.ts-testimonial-author{
	position: absolute;
	bottom: -60px;
	left: 90px;
}

.ts-testimonial-author h3.name {
	font-size: 14px;
	margin: 10px 0 0;
}

.ts-testimonial-author h3 span {
	display: block;
	font-size: 13px;
	margin-top: -10px;
	text-transform: capitalize;
  	color: #555;
} */


/* Faq Page */

.faq-box{
	margin-bottom: 45px;
}

.faq-box h4{
	margin-bottom: 25px;
}

/* 404 page */

.error-page .error-code{
	display: block;
  	font-size: 150px;
  	line-height: 150px;
  	color: #333;
  	margin-bottom: 20px;
  	text-shadow: 5px 5px 1px rgba(0,0,0,.1);
}

.error-page .error-body .btn{
	margin-top: 30px;
	font-weight: 700;
}


/* Blog
================================================== */

/* Blog Listing */

.post{
  	margin: 0 0 40px;
  	padding: 0 0 40px;
  	border-bottom: 1px solid #F5F5F5;
}

.post.post-last{
	border-bottom: 0;
}

.post-image-wrapper{
	margin-bottom: 20px;
	position: relative;
}

.blog-date{
	position: absolute;
  	top: 50px;
  	left: 0;
  	color: #fff;
  	border-radius: 0 25px 25px 0;
  	padding: 5px 15px;
  	font-weight: 700;
}

.blog-date a{
	color: #fff;
}

.post-footer .btn.btn-primary{
	font-size: 12px;
	padding: 8px 20px;
	margin-top: 15px;
}


/* Blog Single */



.post-meta{
	color: #959595;
	font-weight: 400;
	font-size: 13px;
}
.post-meta span{
	padding-right: 10px;
}

.post-meta a{
	color:#959595
}

.post-meta-author a, 
.post-meta-cats a{
	color: #323232;
}

.entry-content{
	padding: 20px 0 10px;
}

/* Blog author */

.about-author{
	background: #f2f2f2;
	padding: 15px 20px;
	margin: 20px 0;
}

.author-img img{
	width: 120px;
	height: 120px;
	margin-right: 30px;
	border-radius: 100%;
	margin-top: 20px;
}

.author-url span a{
	color: #959595;
}

.author-info h3{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
}

.author-info h3 span{
	font-size: 14px;
	color: #959595;
	border-left: 1px solid #AFAFAF;
	padding-left: 8px;
	margin-left: 5px;
}

/* Blog post comments */

.comments-counter{
	font-size: 18px;
}
.comments-counter a{
	color: #323232;
}

.comments-list{
	list-style: none;
	margin: 0;
	padding: 20px 0;
}

.comments-list .comment{
	border-bottom: 1px solid #cecece;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.comments-list .comment.last{
	border-bottom: 0;
}
.comments-list img.comment-avatar{
	width: 84px;
	height: 84px;
	margin-right: 30px;
	border-radius: 100%;
}

.comments-list .comment-body{
	margin-left: 120px;
}

.comments-list .comment-author{
	margin-bottom: 0;
}

.comments-list .comment-date{
	font-style: italic;
	color: #959595;
	margin-bottom: 20px;
}

.comments-list .comment-reply{
	text-transform: uppercase;
	color: #323232;
}

.comments-reply{
	list-style: none;
	margin: 0 0 0 70px;
}

.comments-form .btn.btn-primary{
	padding: 10px 20px;
}

.comments-form label{
	font-weight: normal;
	color: #959595;
}

/* Sidebar */

.sidebar h3.widget-title{
	font-size: 18px;
	line-height: normal;
	margin-top: 0;
}

.sidebar .widget {
	margin-bottom: 40px;
}

.sidebar-right{
	padding-left: 20px;
}

/* Blog search */

.sidebar #search .input-group-btn .btn.btn-primary{
	padding: 11px 12px;
}


/*-- Blog tab widget --*/

.widget-tab .nav-tabs {
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
}

.widget-tab .nav-tabs>li:first-child{
	margin-left: 10px;
}

.widget-tab .nav-tabs>li>a{
	background: #f2f2f2;
	color: #323232;
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
	border-radius: 3px 3px 0 0;
	margin-right: -1px;
  	border: 1px solid #e7e7e7;
  	border-bottom: 0;
}

.widget-tab .nav-tabs>li.active>a{
	background: #fff;
	color: #323232;
	border: 1px solid rgba(0,0,0,.1);
	border-bottom: 0;
}

.widget-tab .tab-content{
	border-top: 0;
	padding: 10px 0 0;
}

.widget-tab .posts-thumb img{
	display: block;
	width: 85px;
	height: 65px;
	margin-right: 20px;
}

.widget-tab .posts-avator img{
	display: block;
	width: 62px;
	height: 62px;
	margin-right: 20px;
	border-radius: 100%;
}

.widget-tab h4.entry-title{
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
}
.widget-tab h4.entry-title a{
	color: #323232;
}

.widget-tab .post-meta span{
	padding-right: 5px;
}

.widget-tab ul.posts-list li{
	padding-bottom: 10px;
}


/*-- Blog category widget --*/

.widget-categories ul.category-list{
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-categories ul.category-list  li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dedede;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.widget-categories ul.category-list  li:hover{
	padding-left: 10px;
}

.widget-categories ul.category-list  li a{
	color: #323232;
}

.widget-categories ul.category-list  li:last-child{
	border-bottom: 0;
}

.widget-categories ul.category-list  li .posts-count{
}

/*-- Blog tags widget --*/

.widget-tags ul > li {
	float: left;
	margin: 6px;
}

.widget-tags ul > li a{
	background: #f2f2f2;
	color: #6A6A6A;
	display: block;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 25px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.widget-tags ul > li a:hover{
	color: #fff;
}

/* Landing page
================================================== */


/* Header */

.landing-header.header-bgnone{
	background: rgba(0,0,0,.8);
}

.landing-header.header-bgnone ul.navbar-nav > li:hover > a, 
.landing-header.header-bgnone ul.navbar-nav > li.active > a {

}

.hero-section {
	height: 100%;
	background-image: url(../images/landing/main-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
	padding-bottom: 0;
	padding-top: 200px;
	overflow: hidden;
}
.hero-section .container {
	height: 100%;
}

.hero-content {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}

.hero-text {
	display: table-cell;
	vertical-align: bottom;
	color: #fff;
	padding-right: 50%;
	width: 100%;
	padding-bottom: 10%;

}

.hero-title {
	font-size: 40px;
	line-height: 50px;
	color: #fff;
}

.hero-description {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}

.hero-images {
	display: block;
	position: absolute;
	bottom: 211px;
	right: 0;
	width: 43%;
	max-height: 100%;
}

.hero-images img{
	display: block;
	position: relative;
	max-height: 100%;
	width: auto;
}

.hero-buttons a.btn{
	color: #fff;
	padding: 15px 50px;
}

.hero-buttons a.btn.solid{
	margin-left: 10px;
}

.hero-buttons a i{
	margin-left: 5px;
}


/* Facts */

.landing_facts{
	color: #fff;
	padding: 50px 0;
}

.landing_facts .facts i{
	font-size: 36px;
}

.landing_facts .facts-num span{
	font-size: 56px;
}



/* Video and video background */

.video-embed {
	position: relative;
	padding-top: 56.25%; /* 16:9 */
	height: 0;
	background-color: #000000;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-background-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

iframe{
	border: 0;
}
/* Mobile */
@media (max-width: 768px) {

    .video-section {
        height: 400px !important;   /* reduce height on mobile */
		width: 100%!important;
    }

    .animate-left {
		font-size: 28px !important;
        line-height: 1.3 !important;
    }

    .animate-right {
		font-size: 18px !important;
        margin: 10px 0 20px !important;
    }

    .btn-know {
        padding: 6px 20px !important;
        font-size: 11px !important;
    }
	.video-overlay {
        width: 90% !important;
    }
}
/* Small Mobile */
@media (max-width: 480px) {

    .video-section {
        height:200px !important;
		width: 100% !important;
    }

    .animate-left {
        font-size: 14px !important;
    }

    .animate-right {
        font-size: 12px !important;
		display: none;
    }

    .video-overlay {
        width: 90% !important;
    }
	.btn-know {
        padding: 5px 13px !important;
        font-size: 10px !important;
	}
}


/* Screenshot image */

.app-gallery .grid{
	display: block;
	margin: 0 15px 20px;
	padding: 5px;
}

.app-gallery figure.effect-oscar a{
	margin: 125px 5px 0;
}

.app-gallery figure.effect-oscar figcaption::before{
	border: 0;
}


/* Subscribe Form */

.newsletter-form{
	position: relative;
}
.newsletter-form button{
	position: absolute;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 !important;
	color: #fff !important;
	padding: 14px 30px 12px !important;
}

.newsletter-form button:hover{
	color: #323232 !important;
}

/* Clients */

.landing_page_clients{
	padding-top: 30px;
}

/* Elements page
================================================== */

.testimonial.elements .testimonial-text, 
.testimonial.elements .testimonial-content h3.name, 
.testimonial.elements .testimonial-content h3 span{
	color: #323232;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.testimonial.elements .testimonial-slide.owl-theme 
.owl-controls .owl-page span{
	border: 1px solid #e7e7e7;
}



/* Style Swithcer
================================================== */



.style-switch-wrapper h3{
	color: #fff;
	margin-top: 0;
	margin-bottom: 20px;
}

.style-switch-wrapper.active {
	right: 0;
}

.style-switch-button {
	position: absolute;
    top: 8px;
    right: 273px;
    width: 41px;
    height: 41px;
    /* padding: 1px; */
    /* background-color: rgba(0, 0, 0, .75); */
    background-image: linear-gradient(117deg, #1fa2f2 35.64%, #05155e 81.46%);
    border-radius: 50%;
    z-index: 1000;
    cursor: pointer;


	/* display: flex;
    flex-direction: column;
    justify-content: space-between; */

    /* cursor: pointer; */
}
.bar {
    height: 3px; /* Adjust thickness as needed */
    width: 61%;
	margin:4px ;
    /* border-radius: 2px;  */
	/* position: absolute; */
}



.bar1 {
    background-color: white; /* First color */
    top: 0; /* Align to the top */
    left: 0; /* Align to the left */
}

.bar2 {
    background-color: white; /* Second color */
    top: 50%; 
    left: 0; /* Align to the left */
	width: 42%;
}


.style-switch-button i {
	color: #FFF;
    position: relative;
    line-height: 1;
    top: -5px;
    left: 0px;
    font-size: 26px;
	/* transform: rotate(180deg); */
}

.style-switch-wrapper button {
	width: 30px;
	height: 30px;
	border-radius: 100% !important;
	margin-bottom: 5px;
	color: #fff;
	display: inline-block;
	padding: 0 !important;
	margin-right: 2px;
	border: 0 !important;
}
.drop ul li a{
	padding-top: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /* width: 359%; */
	color: #504c4c!important;
	
}
.drop ul li a:hover{
	padding-top: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /* width: 359%; */
	color: #1fa2f2 !important;
	
}
.drop {
    max-height: 95vh; /* Adjust the max-height as needed */
    overflow-y: auto;
    /* overflow-x: hidden; */
}

.drop::-webkit-scrollbar {
    display: none;
}

a.close-styler{
	color: #fff !important;
	padding: 7px 20px !important;
	margin-right: 6px;
}

.style-switch-wrapper button:active, .style-switch-wrapper button:focus {
	border: 2px solid #FFF;
}

.style-switch-wrapper #preset1 {
	background-color: #49a2e7;
}

.style-switch-wrapper #preset2 {
	background-color: #81c83c;
}

.style-switch-wrapper #preset3 {
	background-color: #ee3b24;
}

.style-switch-wrapper #preset4 {
	background-color: #ffc400;
}

.style-switch-wrapper #preset5 {
	background-color: #334F96;
}

.style-switch-wrapper #preset6 {
	background-color: #8C42BA;
}

.call-list-item {
	width: 100%;
	border-top: 1px solid #e3e3e3;
	margin-left: 0;
	padding-top: 20px;
}
.call-wrapper {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.call-icon-block {
width: 40px;
height: 40px;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}

.call-icon {
width: 100%;
height: 100%;
}
.call-content {
grid-row-gap: 8px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.call-text {
color: #4a4a4a;
font-family: Inter Regular, sans-serif;
font-size: 14px;
line-height: 1;
}
.phone-number {
color: var(--title-color);
font-family: Inter Semi Bold, sans-serif;
font-size: 16px;
line-height: 1;
text-decoration: none;
display: inline-block;
}
.fact-separator {
    width: 2px;
    height: 60px;
    background-color: white;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative; 
}

.call-icon-block {
	width: 29px;
	 height: 26px;
	 border-radius: 50%;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 display: flex;
	 padding: 4px;
 }
/*  
	 .testimonial-indicators {
		 margin-top: 20px; 
		 text-align: center;
		 position: relative;
	 }
 
	 .testimonial-indicators .indicator {
		 display: inline-block;
		 width: 21px; 
		 height: 9px; 
		 border-radius: 3px;
		 background-color: #888;
		 margin: 0 5px; 
		 cursor: pointer;
	 }
 
   
	 .testimonial-carousel .item {
	 display: none;
	 backface-visibility: hidden; 
	 transition: transform 2s; 
 }
 
 .testimonial-carousel .item.active {
	 display: block;
 }
 
 .testimonial-carousel .item.active.flip-in {
	 transform: rotateY(0deg);
 }
 
 .testimonial-carousel .item.flip-out {
	 transform: rotateY(-180deg); 
 }
  */
 
 /* .bg-gradient-1 {
	 background-image: linear-gradient(117deg, #1fa2f2 35.64%, #05155e 81.46%);
 } */
 /* .nav-link-container {
	 height: 81px;
	 overflow: hidden;
 } */
 /* .nav-link-container {
	 position: relative;
   
 }
 
 .nav-link-block {
	 color: var(--title-color);
	 font-family: Inter Medium, sans-serif;
	 font-weight: 500;
	 position: relative;
 }
 
 .nav-link-text {
	 position: absolute;
	 top: 0;
	 left: 0;
	 transition: opacity 0.7s ease;
 }
 
 .nav-link-text-gradient {
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 transition: opacity 0.7s ease, transform 0.7s ease;
	 pointer-events: none; 
	 overflow: hidden;
	 
 }
 .nav-link-block:hover .nav-link-text {
	 opacity: 1;
	 transform: translate(0, -100%);
	 color: white;
 }
 
 .nav-link-block:hover .nav-link-text-gradient {
	 opacity: 1;
	 transform: translate(0, -100%);
	 color: white;
 } */
 
 .about-upper-image {
	z-index: 1;
	width: 57%;
    height: 226px;
    max-width: 286px;
    border-radius: 0 24px 56px;
    margin-bottom: -150px;
    position: relative;
 }
 @media ( max-width: 771px ) {
	.about-upper-image {
	
	    /* margin-left: -127px; */
	
	}

	.about-upper-image {
		
		width: 58% !important;
		height: 188px !important;
		
		margin-bottom: -72px !important;
	
	}
	.about-lower-image {
		width: 55% !important;
		height: 201px !important;
	
	}
	.experience-count {
		
		font-size: 25px !important;
		
	}
	.about-experience-block p {
		font-size: 10px !important;

	}
}

@media ( max-width: 766px ) {
	.about-upper-image {
	
	    margin-left: -127px !important;
	
	}}

 .about-lower-image {
	 width: 59%;
	 width: 57%;
	 height: 232px;
	 border-radius: 32px 0px 42px 64px;
	 margin-left: auto;
	 display: block;
 }
 .about-experience-block {
	 position: absolute;
	 top: -10px;
    right: 27px;
	 /* animation: moveAnimation 5s infinite alternate; */
 }
 
 /* @keyframes moveAnimation {
	 0% {
		 transform: translate(-20%, -20%); 
	 }
	 100% {
		 transform: translate(20%, 20%); 
	 }
 } */
 
 .about-shape-1 {
	
	 animation: moveAnimation 5s infinite alternate; 
	 margin-top: -49px;
 }
@media(max-width:768px){
	.about-shape-1 {
		margin-top: -118px;
		margin-left: -242px;
		height: 63px;
	}
}
   
 
 @keyframes moveAnimation {
	 0% {
		 transform: translate(-20%, 20%); 
	 }
	 100% {
		 transform: translate(20%, -20%); 
	 }
 }
 .about-para p{
	 text-align: justify;
	 font-size: 14px;
	 line-height: 30px;
	 letter-spacing: 1px;
 }
 .about-para p:hover{
 color: black;
 }

 
 
 /* .about-fact-container.margin-top {
	 margin-top: 100px;
 } */
 .about-fact-wrapper {
	 max-width: 970px;
	 margin-left: auto;
	 margin-right: auto;
 }
 .about-fact-heading {
	 text-align: center;
 }
 .about-fact-flex {
	 justify-content: space-between;
	 align-items: center;
	 margin-top: 70px;
	 display: flex;
 }
 .about-fact-column {
	 grid-row-gap: 8px;
	 flex-direction: column;
	 display: flex;
	 padding: 12px;
 }  
 .about-fact-count {
	color: #5facff;
	 font-family: Inter Bold, sans-serif;
	 font-size: 32px;
	 font-weight: 700;
	 line-height: 1.25;
 }
 @media(max-width:768px){
	.about-fact-count {
		font-size: 19px;
	}
	.fact-text{
		font-size: 13px !important;
	}
	.about-fact-flex {
	
		margin-top: 29px !important;
	
	}
 }
 .fact-text {
	 font-size: 16px;
	 line-height: 1;
	 color: white;
 } 
 
 #service {
    position: relative;
}

.blend-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 12%;
    pointer-events: none;
}
@media(max-width:500px){
	.blend-img {
		position: absolute;
		top: -24px;
		right: 22px;
		width: 21%;
		pointer-events: none;
	}
}
 
 #service .card-shadow{
	 box-shadow: 4px 4px 4px grey;
	 height: 250px;
	 margin-top: 31px;
	 /* transition: all 0.3s ease; */
 }
 #service .card-shadow:hover {
    /* transform: translateY(-50px);  */
}
 
 /* Add animation to the image */
 .moving-image img {
	 animation: moveUpDown 1s infinite alternate;
 }
 
 /* Define the animation */
 @keyframes moveUpDown {
	 0% {
		 transform: translateY(0);
	 }
	 100% {
		 transform: translateY(-3px);
	 }
 }
 
 .social ul li a {
	 color: white;
	 text-decoration: none;
 }
 .social_section{
	 padding-bottom: 0px;
 }
 
 .social {
	 position: fixed;
	 top: 212px;
   z-index: 999;
   transform: translate(-270px,0);
 }
 
 @media(max-width:768px){
	.social {
display: none;
	}
 }
 .social ul {
	 padding: 11px;
	
 }
 
 .social ul li {
	display: block;
    margin: 5px;
    background: rgba(200, 158, 172, 0.5);
    width: 294px;
    text-align: right;
    padding: 6px;
    border-radius: 0 30px 30px 0;
    transition: all 1.5s;
 }
 
 
 .social ul li i {
	margin-left: 10px;
    color: #000;
    background: white;
    padding: 6px;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    transform: rotate(0deg);
    text-align: center;
    font-size: 15px;
 }
 
 #ourclients {
   display: block;
   margin-left: auto;
   margin-right: auto;
   background:#f9f9f9;
   padding-bottom:30px;
   height:150px;
 }
 #ourclients .clients-wrap {
   display: block;
   width: 95%;
   margin: 0 auto;
   overflow: hidden;
 }
 #ourclients .clients-wrap ul {
   display: block;
   list-style: none;
   position: relative;
   margin-left: auto;
   margin-right: auto;
 }
 #ourclients .clients-wrap ul li {
   display: block;
   float: left;
   position: relative;
   width: 220px;
   height: 100px;
   line-height: 100px;
   text-align: center;
 }
 #ourclients .clients-wrap ul li img {
   vertical-align: middle;
   max-width: 100%;
   width:150px;
   max-height: 100%;
   -webkit-transition: 0 linear left;
   -moz-transition: 0 linear left;
   transition: 0 linear left;
 }
 #ourclients h3{
 border-bottom:2px solid #3399ff;
 width:150px;
 padding:10px;
 }

 .accordion {
	width: 90%;
	max-width: 1000px;
	margin: 2rem auto;
  }
  .accordion-item {
	background-color: #fff;
	color: #111;
	margin: 1rem 0;
	border-radius: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  }
  .accordion-item-header {
	padding: 0.5rem 3rem 0.5rem 1rem;
	min-height: 3.5rem;
	line-height: 1.25rem;
	/* font-weight: bold; */
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
  }
  .accordion-item-header::after {
	  /* content: "\002B"; */
	  content: '\FF0B';
	  color: white;
	  font-size: 20px;
	  /* font-weight: bold; */
	  border-radius: 50%;
	  background: #b56447;
	  border: 1px solid #b56447;
	  position: absolute;
	  right: 1rem;
  }
  .accordion-item-header.active::after {
	content: "\2212";
	font-size: 34px;
  }
  .accordion-item-body {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
  }
  .accordion-item-body-content {
	padding: 1rem;
	line-height: 1.5rem;
	border-top: 1px solid;
	border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
  }
  /* .qts-btn i{
	font-size: 12px;
  }
  .qts-btn{
	padding: 8px 13px;
	background: linear-gradient(to right, #1fa2f2, #05155e);
    border: none;
	color: white;
} */
.qts-btn {
	transition: all 0.3s ease;
  }
  .custom-btn {

    padding: 5px 12px;
    border: 1px solid white;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
	font-family: 'Lato', sans-serif;
  }
  .qts-btn {
	background-image: linear-gradient(117deg, #1fa2f2 35.64%, #05155e 81.46%);
   color: white;
   font-size: 13px;
   z-index: 1;
 } 
   .qts-btn a{
    color: white; 
   }
 .qts-btn:after {
   position: absolute;
   content: "";
   width: 0;
   height: 100%;
   top: 0;
   right: 0;
   z-index: -1;
   background:black;
   transition: all 0.3s ease;
 }
 .qts-btn a:hover {
   color: white;
 }
 .qts-btn:hover:after {
   left: 0;
   width: 100%;
 }
 .qts-btn:active {
   top: 2px;
 }
 .mirrored {
    transform: scaleX(-1); /* Flip horizontally */
}
 
  .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.industries {
	/* margin-left:-28px; */
	letter-spacing: 2px ;
	line-height: 30px;
	color: white;
	font-size: 12px;
}

.industry-services .card{
    border: 1px solid grey;
    height: 202px;
    border-radius: 6px;
	margin-bottom: 11px;
    line-height: 8rem;
    padding: 11px;
	box-shadow: 2px 2px 2px grey;
	cursor: pointer;
	position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.industry-services .card p{
	font-size: 12px;
}




@keyframes moveUp {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.industry-services .card:hover {
    animation: zoomAndShake 0.8s infinite alternate, moveUp 2s forwards;
    border: 1px solid white;
}


@keyframes zoomAndShake {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes rotateContinuously {
    0% {
        transform: rotate(-7deg);
    }
    50% {
        transform: rotate(7deg);
    }
    100% {
        transform: rotate(-7deg);
    }
}

.industry-services .card:hover img {
    animation: rotateContinuously 0.2s infinite;
}
.style-switch-wrapper {
    position: fixed;
    top: 4px;
    right: -250px;
    width: 250px;
    height: 100vh;
	background: white;
    background-image: url('assets/images/pattern-bg.webp');
    background-size: cover; /* Ensure the background image covers the entire element */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
    border-bottom-right-radius: 4px;
    padding: 20px 20px;
    z-index: 2000;
    border-left: 4px solid rgba(0, 0, 0, 0.1);
    /* -webkit-transition: all 0.35s;
    -moz-transition:  all 0.35s;
    -o-transition:  all 0.35s; */
    transition:  all 0.35s;
}
.image-container {
    position: relative;
    overflow: hidden;
	margin-bottom: 12px;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); /* Black gradient from left to right */
    z-index: 2; /* Ensure it's behind the image */
    transition: opacity 0.3s ease; /* Add transition for opacity */
    opacity: 0.7; /* Initially set opacity to 0 */
}
.image-container h6 {
	position: absolute;
    top: 10%;
    /* left: 7%; */
    transform: translate(12%, -59%);
    color: black;
    z-index: 3;
    /* border-radius: 10%; */
    padding: 10px;
    background-color: white;
}
.image-container h5 {
    position: absolute;
    bottom: 0%;
    left: 8%;
    transform: translate(-1%, -50%);
    color: white;
	font-size: 20px;
    z-index: 3;
    /* border-radius: 10%; */
    padding: 10px;
	text-align: left;
}
.zoom-image {
    transition: transform 1.1s ease; /* Add transition for zoom effect */
	width: 100%;
	height: 332px;
}

.image-container:hover .image-overlay {
    opacity: 0.9; /* Increase opacity on hover */
}

.image-container:hover .zoom-image {
    transform: scale(1.12); /* Zoom the image on hover */
}





.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0; /* Changed from left: 0 */
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
  }
  
  .sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
  }
  
  .sidenav a:hover {
	color: #f1f1f1;
  }
  
  .sidenav .closebtn {
	position: absolute;
	top: 0;
	left: 181px; /* Changed from right: 25px */
	font-size: 36px;
	margin-right: 50px; /* Changed from margin-left: 50px */
  }
  
  @media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
  }
  .bg-change {
	  
	  /* background-image: url('/images/cool-background (1).png'); */
      background: black;
	  background-position: center;
	  background-size: cover;
	  background-attachment: fixed;
	  /* box-shadow: 4px 4px 4px grey; */
  }
  .bg-change-2 {
	background:#efefef;
  }
  

  .navbar-nav .dropdown:hover .dropdown-menu {
	  display: none;
  }
  
  /* Add CSS to change the icon */
  .navbar-nav .dropdown .fa-angle-down {
	  transition: transform 0.5s;
  }
  
  .navbar-nav .dropdown:hover .fa-angle-down {
	  transform: rotate(180deg);
  }
  
  
  /* @media (max-width: 767px) { */
	  .navbar-nav .dropdown .fa-angle-down.rotate {
		  transform: rotate(180deg);
	  }
  /* } */
  
  /* @media (max-width: 767px) { */
	  .navbar-nav .dropdown .fa-angle-down {
		  transition: transform 0.5s; 
	  }
  
	  .navbar-nav .dropdown:hover .fa-angle-down {
		  transform: none; 
	  }
	  .navbar-nav .dropdown .fa-angle-down.rotate {
		  transform: rotate(180deg);}
  /* } */
  
  .style-switch-wrapper {
	  position: fixed;
	  top: 4px;
	  right: -250px;
	  width: 250px;
	  height: 100vh;
	  background: white;
	/* background-image: url('assets/images/pattern-bg.webp'); */
	background-image: url(images/pattern-bg.webp);
  
	  background-size: cover; /* Ensure the background image covers the entire element */
	  background-repeat: no-repeat; /* Prevent the background image from repeating */
	  border-bottom-right-radius: 4px;
	  padding: 20px 20px;
	  z-index: 2000;
	  border-left: 4px solid rgba(0, 0, 0, 0.1);
	  /* -webkit-transition: all 0.35s;
	  -moz-transition:  all 0.35s;
	  -o-transition:  all 0.35s; */
	  transition:  all 0.35s;
  }
  @media(max-width:768px){
	.navbar-collapse ul .dropdown{
	border-bottom:1px solid white;
  }
  }
  
  @media (max-width: 767px) {
		  .nav .dropdown:hover .dropdown-menu {
			  display: block; 
		  }
	  }
	  .navbar-collapse {
	  overflow-y: auto;
	  max-height: calc(100vh - 50px); 
  }
  .navbar-toggle .fa-times {
		  display: none; /* Hide close icon by default */
	  }
	  .navbar-toggle.active .fa-times {
		  display: inline-block; /* Display close icon when navbar is toggled */
		  color:white;
			  font-size: 19px;
	  }
	  .navbar-toggle.active .icon-bar {
		  display: none; /* Hide default bars when navbar is toggled */
		 
	  }


	    /* ===== SECTION HEADERS ===== */
		/* #header {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 9999;
			background: transparent !important;
		}
		 */
        .section-header {
            width: 100%;
            max-width: 1400px;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .section-header h2 {
            color: white;
            font-size: 2rem;
            font-weight: 700;
            letter-spacing: 2px;
            position: relative;
            display: inline-block;
        }

        .section-header span {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            padding: 8px 20px;
            border-radius: 50px;
            font-size: 0.9rem;
            color: #ff3e3e;
            font-weight: 600;
            border: 1px solid rgba(255, 62, 62, 0.3);
        }
		

        /* ===== CAROUSEL 1 - SLIDE REVEAL ===== */
        .carousel-1 {
            width: 100%;
            max-width: 100%;
            height: 650px;
            position: relative;
            overflow: hidden;
            
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
            /* margin-bottom: 100px; */
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: linear-gradient(135deg, #0f0f1a 0%, #1a1b2e 100%);
      
        }

        .carousel-1-slides {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .carousel-1-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
            transition: clip-path 1.4s cubic-bezier(0.86, 0, 0.07, 1);
            background-size: cover;
            background-position: center;
			/* will-change: clip-path;
			transform: translateZ(0);
			backface-visibility: hidden; */
            display: flex;
            align-items: center;
        }

        .carousel-1-slide.active {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }

        .carousel-1-slide::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.2;
            background: linear-gradient(90deg, 
                rgba(0,0,0,0.9) 0%, 
                rgba(0,0,0,0.6) 50%, 
                rgba(0,0,0,0.3) 100%);
            z-index: 1;
        } 

        /* Slide 1 - Technology */
        .carousel-1-slide:nth-child(1) {
           
			background-image: url('../images/carousel4.avif'); 
			/* width: 100%; */
        }

        /* Slide 2 - Creative */
        .carousel-1-slide:nth-child(2) {
            background-image: url('../images/carousel3.avif');
			/* width: 100%; */
        }

        /* Slide 3 - Future */
        .carousel-1-slide:nth-child(3) {
			background-image: url('../images/carousel8.avif');
			/* width: 100%;        */
        }

        .carousel-1-content {
            position: relative;
            z-index: 2;
            max-width: 700px;
            margin-left: 120px;
            color: white;
        }

        .carousel-1-tag {
            display: inline-block;
           
			background-image: linear-gradient(117deg, white, rgb(31, 162, 242) 39.64%, rgb(5, 21, 94) 81.46%);
            padding: 10px 28px;
            border-radius: 50px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 3px;
            margin-bottom: 25px;
            text-transform: uppercase;
            transform: translateY(60px);
            opacity: 0;
            transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
            box-shadow: 0 10px 20px rgba(255, 62, 62, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .carousel-1-slide.active .carousel-1-tag {
            transform: translateY(0);
            opacity: 1;
        }

        .carousel-1-title {
            font-size: 4.3rem;
            font-weight: 700;
            line-height: 1.3;
			color: white;
            margin-bottom: 25px;
            text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);
            transform: translateY(60px);
            opacity: 0;
            transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
            letter-spacing: 1px;
        }

        .carousel-1-slide.active .carousel-1-title {
            transform: translateY(0);
            opacity: 1;
        }

        .carousel-1-desc {
            font-size: 1.2rem;
            line-height: 1.8;
            margin-bottom: 35px;
            opacity: 0.9;
            max-width: 600px;
            transform: translateY(60px);
            opacity: 0;
            transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.7s;
            color: rgba(255, 255, 255, 0.9);
        }

        .carousel-1-slide.active .carousel-1-desc {
            transform: translateY(0);
            opacity: 0.9;
        }

        .carousel-1-btn {
            display: inline-flex;
            align-items: center;
            padding: 16px 38px;
            background: white;
            color: #ff3e3e;
            text-decoration: none;
            font-weight: 700;
            border-radius: 50px;
            gap: 12px;
            transform: translateY(60px);
            opacity: 0;
            transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.9s;
            font-size:12px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        }

        .carousel-1-slide.active .carousel-1-btn {
            transform: translateY(0);
            opacity: 1;
        }

        .carousel-1-btn i {
            transition: transform 0.3s;
        }

        .carousel-1-btn:hover i {
            transform: translateX(8px);
        }

        .carousel-1-btn:hover {
            background: #ff3e3e;
            color: white;
        }

        .carousel-1-controls {
            position: absolute;
            bottom: 60px;
            right: 60px;
            display: flex;
            gap: 20px;
            z-index: 10;
        }

        .carousel-1-btn-nav {
            width: 65px;
            height: 65px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            cursor: pointer;
            transition: all 0.4s;
        }

        .carousel-1-btn-nav:hover {
            background: linear-gradient(white, rgb(31, 162, 242));
            border-color: white;
            transform: scale(1.15);
            box-shadow: 0 0 30px rgba(255, 62, 62, 0.5);
			color: black;
        }

        .carousel-1-indicators {
            position: absolute;
            bottom: 75px;
            left: 120px;
            display: flex;
            gap: 20px;
            z-index: 10;
        }

        .carousel-1-indicator {
            width: 50px;
            height: 5px;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.5s;
            position: relative;
            overflow: hidden;
        }

        .carousel-1-indicator::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background: white;
            transition: width 0.3s;
        }

        .carousel-1-indicator.active::before {
            width: 100%;
        }

        .carousel-1-indicator.active {
            background: rgba(255, 62, 62, 0.3);
            width: 100px;
        }

		/* cursor css  */
  

/* :root, a {
	cursor: none; 	
} */


.cursor-dot,
.cursor-dot-outline {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out,
    transform 0.3s ease-in-out;
	z-index: 10000;
}

.cursor-dot {
    --size-cursor-dot: 8px;
    width: var(--size-cursor-dot);
    height: var(--size-cursor-dot);
    /* background-color: #05155e; */
	background-color: #0b4f8f;
}

.cursor-dot-outline {
    --size-cursor-dot-outline: 30px;
    width: var(--size-cursor-dot-outline);
    height: var(--size-cursor-dot-outline);
    background-color:transparent;
	border: 2px solid #1884e9;
}


/* PRESENTATIONAL STYLES */
/* body {
  background: #ddd;
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
} */
/* 
body {
  background: repeating-linear-gradient(
  -45deg,
  #AAA,
  #AAA 10px,
  #BBB 10px,
  #BBB 20px
  );
} */

 /* service page */
 #service_offer{
	background: #F2F3F7;
	border-bottom: 3px solid #3a7eb3;
 }
 #service_offer .servicess .belowservicess{
	background:#667fe2; 
	padding: 20px;
	height: auto;
	border-top: 5px solid black;
	border-bottom: 5px solid black;
 }
 #service_offer .servicess .belowservicess p{
	color: white;
 }
 #service_offer .servicess .belowservicess i{
 color: #8def8d;
 margin-right: 10px;
}
#responsive_design .res .resweb{
	background: linear-gradient(188deg, #2f83dc, #2d2a2a);
	padding: 18px;
	color: white;
	margin: 5px;
	font-weight: 700;
	text-align: center;
	box-shadow: 2px 2px 2px 2px grey;
}

#responsive_design_deliver .res .resweb{
	background: linear-gradient(188deg, #2f83dc, #2d2a2a);
	padding: 20px;
	color: white;
	/* width:100% ; */
	/* margin: 10px; */
	border-right: 3px solid white;
	margin-top: 10px;
	font-weight: 700;
	text-align: center;
	box-shadow: 2px 2px 2px 2px grey;
}


.service-box h5 {
    font-weight: 600;
    margin-top: 15px;
}

.service-box img {
    width: 60px;
    height: 60px;
}

.service-box-blue {
    background: #134b91;
    color: #fff;
    clip-path: polygon(0 15%, 100% 1%, 100% 100%, 0% 100%);
    padding: 55px 20px;
    text-align: center;
    position: relative;
    height: 220px;
    transition: 0.3s;
}

.service-box-light {
    background: #e9e9e9;
    color: #333;
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
    padding: 55px 20px;
    text-align: center;
    position: relative;
    height: 220px;
    transition: 0.3s;
}

/* .service-box:hover {
    transform: translateY(-8px);
} */

/* .small-text {
    font-size: 13px;
    margin-top: 5px;
} */
@media (min-width: 992px) {
    .services-section .col-lg-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.hero-images .img-top {
    width: 255px !important;
    height: 268px!important;
    display: flex;
    border-radius: 130px 130px 0 0;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.hero-images .img-bottom {
    width: 100% !important;
    height: 371px !important;
    display: flex;
    border-radius: 0 0 280px 280px;
    overflow: hidden;
    max-width: 557px;
    margin-bottom: 30px;
}
.image-1 {
    width: 198px;
    height: 164px;
    display: flex;
    border-radius: 130px 130px 0 0;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.image-1 img {
    object-fit: cover;
}
.image-2-con {
    padding-left: 40px;
    margin-top: -49px;
}
.image-2 {
    width: 81%;
    height: 275px;
    display: flex;
    border-radius: 0 0 280px 280px;
    overflow: hidden;
    max-width: 557px;
    margin-bottom: 50px;
}
.image-2 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* software development page css */

.softde{
	padding:70px 0;
	}
	
	.softde .software-text h3{
	font-size:32px;
	font-weight:700;
	margin-bottom:20px;
	color:white;
	}
	
	.softde .software-box{
	background:rgba(255,255,255,0.15);
	backdrop-filter: blur(6px);
	border-radius:10px;
	padding:25px;
	border:1px solid rgba(255,255,255,0.3);
	margin-top: 60px;
	}
	
	.softde .software-box ul{
	list-style:none;
	padding:0;
	margin:0;
	}
	
	.softde .software-box ul li{
	font-size:16px;
	margin-bottom:12px;
	color:#fff;
	}
	
	.softde .software-box ul li i{
	color:#49a2e7;
	margin-right:10px;
	}
	.softde .softwaredev-carousel{
	margin-top:20px;
	}
	
	.softde .service-card{
	background:rgba(255,255,255,0.9);
	padding: 3px;
	border-radius: 2px;
	text-align:center;
	box-shadow:0 10px 25px rgba(0,0,0,0.1);
	transition:0.3s;
	position:relative;
	overflow:hidden;
	}
	.softde .service-card img{
		width:100%;
		display:block;
		height: 184px;
	}
	
	.softde .service-card .overlay{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(159, 107, 10, 0.6); /* background layer */
		color:#fff;
		display:flex;
		align-items:center;
		justify-content:center;
		opacity:0; 
		transform:translateY(-100%); /* start above image */
		transition:0.4s ease;
	}
	
	.softde .service-card .overlay h5{
		font-size:20px;
		margin:0;
	}
	
	.softde .service-card:hover .overlay{
		opacity:1;
		transform:translateY(0); /* slide down */
	}
	
/* portal page */
.portal i {
	font-size: 18px;
	color: #007bb6;
}
.portal .software-text-left{
	border-left: 2px solid #007bb6;
	border-right: 2px solid #007bb6;
}
.portal .software-text-right{
	/* border-left: 2px solid #007bb6; */
	border-right: 2px solid #007bb6;
}
/* digital marketing css */
.digital{
	background: #eeeeee;
}
.digital .marketing{
	background: #474749;
	padding: 20px;
	border-top: 4px solid #00abdc;
}
.digital .marketing p{
	color: white;
}
.digital .marketing p i{
	color:#00abdc;
}
.digital .marketing h3{
	color: white;
}
.socialmedia .marketing p i{
	color:#00abdc;
}