.slider{width:100%;
margin-top:87px;

}

.wrapper{width:100%;
margin-left:0%;
}

.innerbanner{width:100%;
max-height:280px;
overflow:hidden;
position:relative;
margin-top:90px;
}
.innerbanner > img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
@media (max-width:767px){
  .innerbanner{max-height:180px; margin-top:105px;}
}



.innerhead h1{text-align:left !important;}

.slicationbg{width:100%;
min-height:419px;
background-color:#de0f02;
padding:50px 40px;
color:#FFF;
}
.radius h5{font-size:16px;
text-align:justify;}

.bullet{width:100%;
float:left;
background-image:url(../images/bullet.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
font-size:17px;
font-weight:700;
margin-top:10px;
}

.radius h1{text-align:left !important;}
.imghistory{width:20%;
float:left;
margin-right:10px;
}

.pointbox{width:40%;
float:left;
background-color:rgba(240, 240, 240, 0.49);
margin-top:15px;
margin-right:15px;
padding:35px 25px;
border:1px solid #e6e6e6;
}


.pointrow{width:100%;
min-height:11px;
background-image:url(../images/list.png);
background-repeat:no-repeat;
font-size:16px;
padding-left:25px;
line-height:12px;
margin-bottom:12px;
border-bottom:1px solid #e6e6e6;
padding-bottom:12px;
}


.fifthstageimage{width:100%;
min-height:250px;
background-color:#CCC;
}



.radius{width:100%;
padding:0px 0px;
margin-bottom:15px;
margin-top:20px;
float:left;

}

.orange{color:#F60;
line-height:22px;
font-size:16px;}
.affiliationbg{width:100%;
float:left;

min-height:250px;
padding:15px 25px;
border-radius:6px;
margin-top:15px;
color:#FFF;

background-color: #8a4e14;
background-image: url("../../www.transparenttextures.com/patterns/cross-scratches.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */

}

.affiliationbg h2{width:100%;
text-align:center;

font-weight:700;

}

.affiliationbg h4{width:100%;
padding:0% 10%;
text-align:center;

font-size:22px;
}

.affiliationbg h3{width:100%;
text-align:center;
text-decoration:underline;
}

.affiliationbg p{width:100%;
text-align:center;
font-size:17px;
}

.mem ui{list-style-type: decimal;}

.fourcol-list{width:100%;
float:left;
min-height:250px;
border:4px solid #efefef;
margin-top:15px;
padding:15px 20px;
background-image:url(../images/bgpresent.png);
background-position:right;
background-repeat:no-repeat;
}

.blackbar{width:100%;
background-color:#000;
float:left;
}

.abttxt p{font-size:15px;
line-height:25px;
font-weight:400;

}
.blutx{color:#de0f02;}
.wrapper h1{font-size:30PX;
text-align:center;
font-weight:700;
}
.abtimg{width:100%;

}

.slicationbg a{
	width:auto;
	float:right;
	color:#FFF;
	border:1px solid #FFF;
	padding:4px 25px;
}
.slicationbg h1{width:100%;
color:#fff;
text-transform:uppercase;
font-weight:700;
font-size:24px;
}

.slicationbg p{font-weight:300;
font-size:17px;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}



.nopadd{padding:0px;}





textarea {
	resize: none;
}
.form-label {
	font-size: 14px;
	color: #807f7e;
	margin: 0;
	display: block;
	opacity: 1;
	-webkit-transition: .333s ease top, .333s ease opacity;
	transition: .333s ease top, .333s ease opacity;
}
.form-control {
	border-radius: 0;
	border-color: #ccc;
   	border-width: 0 0 2px 0;
   	border-style: none none solid none;
   	box-shadow: none;
}
.form-control:focus {
	box-shadow: none;
	border-color: #de0f02;
}
.serv h5{width:100%;
font-size:17px;
line-height:25px;
}

.map{width:100%;
min-height:240px;
margin-top:10px;
}
.js-hide-label {
	opacity: 0; 	
}
.js-unhighlight-label {
	color: #999 
}
.btn-start-order {
	background: 0 0 #ffffff;
    border: 1px solid #2f323a;
    border-radius: 3px;
    color: #2f323a;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: inherit;
    margin: 20px 0;
    padding: 10px 50px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
}
.btn-start-order:hover,.btn-start-order:active, .btn-start-order:focus {
	border-color: #de0f02;
	color: #de0f02;
}





.item a{text-decoration:none;
}


.box{width:96%;
border:1px solid #E8E8E8;
float:left;
margin-left:2%;
padding-bottom:15px;
}


.box h4{width:100%;
text-align:center;
color:#000;
}


.box p{width:100%;
text-align:center;
color:#000;
}

.fancybox{width:100%;
border:1px solid #dedede;
float:left;
margin-bottom:15px;

-webkit-box-shadow: 0px 5px 4px -2px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 5px 4px -2px rgba(0,0,0,0.24);
box-shadow: 0px 5px 4px -2px rgba(0,0,0,0.24);
}


figure.snip0029 {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  background: #000000;
}
figure.snip0029 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0029 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0029 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
figure.snip0029 figcaption h2 {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 20px 15px;
  position: absolute;
  font-size: 1em;
  bottom: 20%;
  right: 30px;
  color:#000;
  font-weight:700;
  left: 30px;
  word-spacing: -0.1em;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.74);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}


figure.snip0029 figcaption h2 span {
  font-weight: 800;
}
figure.snip0029 figcaption > div {
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  position: absolute;
  left: 45px;
  right: 45px;
  bottom: 40px;
  text-align: center;
  padding: 5px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
  -webkit-transform: translate(0, -40px);
  transform: translate(0, -40px);
}
figure.snip0029 figcaption > div i {
  font-size: 23px;
  padding: 6px;
  color: #000000;
  opacity: 0;
  position: relative;
  top: -50px;
  -webkit-transition: top 0.35s, opacity 0.35s;
  transition: top 0.35s, opacity 0.35s;
}
figure.snip0029 figcaption a {
  opacity: 0.8;
}
figure.snip0029 figcaption a:hover {
  opacity: 1;
}
figure.snip0029 figcaption::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  background-image: linear-gradient(to top, #000000 0%, transparent 50%, #000000 100%);
}
figure.snip0029:hover img,
figure.snip0029.hover img {
  opacity: 0.7;
}
figure.snip0029:hover figcaption h2,
figure.snip0029.hover figcaption h2 {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
figure.snip0029:hover figcaption > div,
figure.snip0029.hover figcaption > div {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
}
figure.snip0029:hover figcaption::before,
figure.snip0029.hover figcaption::before {
  opacity: 0.8;
}
figure.snip0029:hover figcaption i,
figure.snip0029.hover figcaption i {
  top: 0px;
  opacity: 0.7;
}
figure.snip0029:hover a:first-child i,
figure.snip0029.hover a:first-child i {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip0029:hover a:nth-child(2) i,
figure.snip0029.hover a:nth-child(2) i {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
figure.snip0029:hover a:nth-child(3) i,
figure.snip0029.hover a:nth-child(3) i {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}


footer{width:100%;
background-color:#000;
min-height:30px;
padding-top:25px;
float:left;
color:#FFF;
padding-bottom:15px;
margin-top:20px;
}

.social a{font-size:24px;
color:#FFF;
text-decoration:none;
margin-left:6px;
}

.social a:hover{
color:#de0f02;

}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	margin-bottom:15px;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.pariga h2{color:#FFF;
margin-left:30px;
margin-top:80px;
float:left;
}
.pariga{width:170px;
position:absolute;
top:15%;
left:50%;
margin-left:-85px;


}


.wall{width:280px;
position:absolute;
top:18%;
left:50%;
margin-left:-170px;
}



.wallright{width:280px;
position:absolute;
top:18%;
left:50%;
margin-left:-110px;
}











table {
  border-collapse: collapse;
  width: 100%;
}
th {
  background-color: #f1f1f1;
  font-weight: bold;
  font-size:20px;
  color:#C00;

}
th,
td {
  border: 1px solid #efb9b6;
  line-height: 1.5;
  padding: 0.5em;
  text-align: left;
}


tbody tr td{font-size:16px;}
/* Stack rows vertically on small screens */
@media (max-width: 30em) {
  /* Hide column labels */
	thead tr {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	tr {
    border: 0.125em solid #333;
    border-bottom: 0;
  }
	/* Leave a space between table rows */
  tr + tr {
    margin-top: 1.5em;
  }
  /* Get table cells to act like rows */
  tr,
  td {
		display: block;
	}
	td {
		border: none;
		border-bottom: 0.125em solid #333;
	/* Leave a space for data labels */
		padding-left: 50%;
	}
	/* Add data labels */
  td:before {
    content: attr(data-label);
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin-left: -100%;
    width: 100%;
  }
}
/* Stack labels vertically on smaller screens */
@media (max-width: 20em) {
  td {
    padding-left: 0.75em;
  }
  td:before {
    display: block;
    margin-bottom: 0.75em;
    margin-left: 0;
  }
}


.serv img{width:45%;
float:left;
margin-right:10px;
}


.serv h4{

font-weight:700;
}





figure.snip1104 {
  position: relative;
  float: left;
  overflow: hidden;
  margin-top:15px;


  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1104 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip1104 img {
  max-width: 100%;
  position: relative;
  opacity: 0.7;
}

figure.snip1104 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.snip1104 h2 {
  position: absolute;
  left: 40px;
  right: 40px;
  display: inline-block;
  background: #000000;
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 50%;
  font-weight: 400;
  font-size:20px;
}

figure.snip1104 h2 span {
  font-weight: 800;
}

figure.snip1104:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background:none;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-50%);
  transform: rotate(110deg) translateY(-50%);
}

figure.snip1104 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1104.blue {
  background: #123851;
}

figure.snip1104.blue h2 {
  background: #0a212f;
}

figure.snip1104.red {
}

figure.snip1104.red h2 {
  background: rgba(160, 18, 20, 0.69);
}

figure.snip1104.yellow {
  background: #7f5006;
}

figure.snip1104.yellow h2 {
  background: #583804;
}

figure.snip1104:hover img,
figure.snip1104.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1104:hover h2,
figure.snip1104.hover h2 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.snip1104:hover:before,
figure.snip1104.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}











.profile-img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: .5em solid #f2f2f2;
  box-shadow:  0 1px 0 0 rgba(0,0,0,.1);
}

.profile-text {
  margin-top: 5px;
  background: white;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1)
}

.profile-text h1{font-size:20px;}

.profile-name{
  margin-right: -1em;
  margin-bottom: 5px;
  margin-left: -1em;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding-bottom: 10px;
  font-size: 1.5em;
  text-transform: uppercase;
}

.profile-title {
  color: #333;
  font-size:17px;
  text-align:center !important;
}




















.member{width:100%;
float:left;
background-color:rgba(204, 204, 204, 0.28);
padding:2% 4%;
}

.number{
width:18px;
height:18px;
float:left;
color:#fff;
margin-right:8px;
background-color:#bbb;
padding:6px 6px;
line-height:8px;
border-radius:50%;
font-size:13px;
margin-top:2px;
}

.present{width:90%;
float:left;
}



.newsimage{width:40%;
float:left;
background-color:#EBEBEB;
margin-right:15px;
margin-bottom:1px;
}
.renewal{width:100%;
min-height:278px;
margin-top:15px;
padding:15px 25px;
text-align:center;
color:#FFF;


background-color: #ff7a33;
background-image: url("../../www.transparenttextures.com/patterns/low-contrast-linen.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}




.compititionbg{width:100%;
min-height:384px;
float:left;
background-image:url(../images/compi-bg.jpg);
background-color:#f4f4f4;
padding:40px 25px;
background-repeat:no-repeat;
background-position:center;
}

.compititionbg h4{width:100%;
float:left;
margin-bottom:4px;
line-height:30px;
background-image:url(../images/diamon.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
}


.memberlistbg{width:100%;
min-height:200px;
background-color:#ececec;
float:left;
margin-top:20px;
padding:15px 25px;
}

.mob{font-size:50px;}
.numberlistrow{width:100%;
margin-bottom:15px;
font-size:15px;
float:left;
border-bottom:1px dotted #CCC;
padding-bottom:3px;
}

.team
{
    width: 100%;
    min-height: 100%;
    border: 1px solid rgba(133,133,133,.15);
    background-color: #fff;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.09);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.09);
    box-shadow: 0 0 8px rgba(0,0,0,.09);
    float: left;
	padding-top:15px;
}





.teamimg
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width:162px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.09);
	border:5px solid #CCC;
}

.teamsocial
{
    height: 48px;
    background-color: #f7f5f5;
    position: relative;
    bottom: -14px;
    left: 0;
}
















@media only screen and (min-width:640px) and (max-width:1023px) {
	
	.navbar-brand img{width:50% !important;
margin-top:-10px;}

.pariga img{width:100% !important;}







}







.leftarrow{width:45px;
height:45px;
top:42%;
position:absolute;
background-image:url(../images/prev.png);
}

.rightarrow{width:45px;
height:45px;
top:42%;
position:absolute;
background-image:url(../images/next.png);
}






















.title-kalari{width:100%;
float:left;
font-size:23px;
border-bottom:1px solid rgba(0, 0, 0, 0.2);
padding-bottom:3px;
margin-bottom:15px;
margin-top:25px;
font-weight:700;
color:#de0f02;
}

.graybg{width:100%;
float:left;
min-height:350px;
color:#000;
margin-top:25px;
border-radius:13px;
padding:5px 25px;

background-color: rgba(204, 204, 204, 0.33);
background-image: url("../../www.transparenttextures.com/patterns/skulls.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}


figure.snip0056 {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  background: #ffffff;
  color: #000000;
}
figure.snip0056 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0056 > img {
  width: 50%;
  border-radius: 50%;
  border: 4px solid #ffffff;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  position: relative;
  float: right;
  right: -15%;
  z-index: 1;
}
figure.snip0056 figcaption {
  padding: 20px 0px;
  position: absolute;
  left: 0;
  width: 50%;
}
figure.snip0056 figcaption h2,
figure.snip0056 figcaption p {
  margin: 0;
  text-align: left;
  padding: 10px 0;
  width: 100%;
}
figure.snip0056 figcaption h2 {
  font-size: 24px;
  font-weight: 300;
  color:#de0f02;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
figure.snip0056 figcaption h2 span {
  font-weight: 800;
}
figure.snip0056 figcaption p {
  font-size: 15px;
  opacity: 0.8;
}
figure.snip0056 figcaption .icons {
  width: 100%;
  text-align: left;
}
figure.snip0056 figcaption .icons i {
  font-size: 26px;
  padding: 5px;
  top: 50%;
  color: #000000;
}
figure.snip0056 figcaption a {
  opacity: 0.3;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0056 figcaption a:hover {
  opacity: 0.8;
}
figure.snip0056 .position {
  width: 100%;
  text-align: left;
  padding: 15px 30px;
  font-size: 0.9em;
  opacity: 1;
  font-style: italic;
  color: #ffffff;
  background: #000000;
  clear: both;
}
figure.snip0056.blue .position {
  background: #20638f;
}
figure.snip0056.red .position {
  background: #962d22;
}
figure.snip0056.yellow .position {
  background: #bf6516;
}
figure.snip0056:hover > img,
figure.snip0056.hover > img {
  right: -12%;
}







/* Carousel Styles */
.carousel-indicators .active {
    background-color: #FF0000;
}





.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}




/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 60%;
    right: auto;
    color: #fff;
	width:100%;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
	
    background-color: rgba(195, 20, 38, 1);
	padding: 10px 25px;
		margin-left:-10px;
}

.header-text h3 span {
	background-color: rgba(0, 0, 0, 1);
	padding: 15px;
	margin-top:5px;
	float:left;
	margin-left:-10px;
}



    /* Navbar */
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
      background-color: #000;
      border: none;
    }
    .navbar-inverse .navbar-nav > li > a {
      color: #ff0000;
      font-weight: 500;
      transition: 0.3s;
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li.active > a {
      color: #ffd700;
      background-color: transparent;
    }
    .navbar-brand img {
      max-height: 120px;
    }

    /* Carousel arrows */
    .carousel-control {
      background: none !important;
      opacity: 1 !important;
      width: 50px;
    }
    .carousel-control .glyphicon {
      color: red;
      font-size: 30px;
    }

    /* Header text – left aligned, vertically centered */
    .carousel-inner .header-text {
      position: absolute;
      top: 50%;
      left: 30px;
      transform: translateY(-50%);
      text-align: left;
      text-shadow: 2px 2px 5px #000;
    }
    .header-text h2.red-bg {
      background: red;
      color: #fff;
      display: block;
      padding: 10px 20px;
      border-radius: 5px;
      margin-bottom: 10px;
      max-width: fit-content;
    }
    .header-text h3.black-bg {
      background: black;
      color: #fff;
      display: block;
      padding: 8px 15px;
      border-radius: 5px;
      max-width: fit-content;
    }

    /* Mobile header text (initially hidden) */
    .mobile-header-text {
      display: none;
      background: #f8f8f8;
      padding: 15px;
      text-align: center;
    }
    .mobile-header-text h2.red-bg {
      background: red;
      color: #fff;
      display: inline-block;
      padding: 8px 15px;
      border-radius: 5px;
      margin-bottom: 8px;
      font-size: 18px;
    }
    .mobile-header-text h3.black-bg {
      background: black;
      color: #fff;
      display: inline-block;
      padding: 6px 12px;
      border-radius: 5px;
      font-size: 14px;
    }

    /* About section */
    .wrapper {
      padding: 60px 15px;
      text-align: center;
    }
    .wrapper h1 {
      font-size: 36px;
      margin-bottom: 20px;
      color: #ff0000;
    }
    .wrapper p {
      font-size: 18px;
      color: #333;
      max-width: 900px;
      margin: 0 auto;
    }

    /* Responsive adjustments */
    @media (max-width: 767px) {
      .carousel-inner .header-text { 
        display: none; /* Hide desktop header text on mobile */
      }
      .mobile-header-text {
        display: block; /* Show mobile header text */
      }
      .carousel-control .glyphicon {
        font-size: 20px; /* Smaller arrows on mobile */
      }
    }




/* --- Style Google Translate Widget --- */
#google_translate_element {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
  background: black;
  border-radius: 6px;
  padding: 4px 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  
}

/* Hide unnecessary branding text */
.goog-logo-link {
  display: none !important;
}

.goog-te-gadget {
  font-size: 0 !important;
}

.goog-te-gadget .goog-te-combo {
  font-size: 14px !important;
  color: #333;
  padding: 4px 6px;
  border-radius: 4px;
  border: 1px solid #ccc;
}



.goog-te-gadget-icon {
  display: none !important;
}


.goog-te-gadget-simple{
	border-radius: 5px;
}


.skiptranslate{
 display: block;
}


/* Hide only Google Translate’s injected iframe (banner frame) */
.skiptranslate iframe {
  display: none !important;
}

/* Keep the dropdown visible */
.skiptranslate {
  display: inline-block !important;
}



.swiper-slide img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.carousel,
.carousel-inner,
.item,
.header-text {
    all: unset;
}