/* Author:WePhoton
 * Author URl:https://wephoton.in
 * 
 */

 /* @font-face {
    font-family: 'MyCustomFont';
    src: url('../fonts/font-awesome/fonts/Blanka-Regular.otf') format('opentype');
 } */
 @import url('https://fonts.cdnfonts.com/css/blanka');
 @import url('https://fonts.cdnfonts.com/css/barriecito');
body {
	font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body {
    user-select: none;
}

@media print {
    html, body {
       display: none;  /* hide whole page */
    }
}

.brand {
	/* font-family: 'Raleway', sans-serif; */
	color: #000;
}
html,
body {
	height: 100%;
}
body {
	font-size: 16px;
	line-height: 1.50;
	color: black;
	background-color: #d7d1c5;
	position: relative;
}

.head1{
	font-size: 32px;
	text-align: center;
	color: #000;
}

.head2{
	font-size: 24px !important;
	text-align: start;
	margin-left: 20px;
	color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333333;
}
h1 {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 20px;
}
h2 {
	font-size: 28px;
	margin-bottom: 15px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
	font-weight: 700;
}
h5 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
h6 {
	font-weight: 700;
}
p{
	text-align: center;
	font-weight: 500;
}
h1 span,
h2 span,
h3 span,
h4 span,
p span {
	color: #eda735;
}
.colored {
	color: #DB0A61;
}
a {
	color: #55acee;
}
a:hover {
	color: #339BEB;
}
a:focus,
a:active {
	outline: none;
}
.large {
	font-size: 18px;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.list-unstyled li {
	padding: 5px 0;
}
.list-horizontal {
	padding: 15px 0;
}
.list-horizontal-item img {
	display: block;
	margin: 0 auto;
}
.list-icons {
	padding: 0;
	margin: 20px 0;
	list-style: none;
	font-size: 18px;
}
.list-icons li {
	padding: 0 0 15px 0;
}
blockquote {
	border-left: none;
	padding-left: 0;
	padding-right: 0;
}
.title {
	margin-top: 0;
}

/* Layout
----------------------------------------------------------------------------- */
.header {
	color: #ffffff;
	background-color: #EAAC47;
	padding: 10px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.banner {
	width: 100%;
	/* height: 100%; */
	min-height: 100%;
	position: relative;
	color: #000;
	background: linear-gradient(0deg, #d7d1c5, #eda735);
}
/* .banner-image{
	vertical-align: baseline;
	min-height: 100%;
	width: 100%;
} */
 .banner-content{
	width: auto;
 }
.banner:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0);
	content: "";
}
.logo a{
	position: relative;
	z-index: 2;
}
.banner-caption {
	position: absolute;
	text-align: justify;
	top: 13%;
	width: 100%;
	z-index: 2;
	/* background-image: url('./images/banner1.png'); */
}
.subfooter {
	background-color: #eda735;
	padding: 40px 0;
}
.subfooter a {
color: #000;
}
.section {
	background-color: #d7d1c5;
	padding: 16px 0;
	border: none;
	border-radius: 50px;
}

/* Backgrounds
----------------------------------------------------------------------------- */
.default-bg {
	background-color: #d7d1c5;
	color: black;
}
.default-bg.blue {
	background-color: #55acee;
}
.btn-primary {
color: #fff;
background-color: #BD0451;
border:0px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #E00A63;
border:0px;
}
.transprant-bg {
	color: #ffffff;
}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6,
.transprant-bg h1,
.transprant-bg h2,
.transprant-bg h3,
.transprant-bg h4,
.transprant-bg h5,
.transprant-bg h6 {
	color: #ffffff;
}
.default-bg blockquote footer,
.transprant-bg blockquote footer {
	color: #cccccc;
}
.default-bg a,
.transprant-bg a {
	color: #ffffff;
	text-decoration: underline;
}
.default-bg a:hover,
.transprant-bg a:hover {
	text-decoration: none;
}
.transprant-bg {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	background: #fff;
}
.transprant-bg .transprant-bg {
	margin-top: 80px;
	z-index: 3;
}
.transprant-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: #DB0A61;
}
.transprant-bg.blue:after {
	background-color: rgba(85, 172, 238, 0.7);
}
.transprant-bg .container {
	z-index: 3;
	position: relative;
}
.bg-image-1 {
	background: url("../images/bg-image-1.jpg") 50% 0px no-repeat;
}
.bg-image-2 {
}
.caption-data {position: absolute; top: 50%; left: 50%; z-index: 20; text-align: center; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.caption-data h1 {text-transform: uppercase;}
.caption-data h1 span {font-size: inherit; line-height: inherit; font-weight: inherit;}
.caption-data h3{line-height:34px;}
button.cta-button.btn-light, button.cta-button.btn-dark, .contact-form button.cta-button, button.cta-button.btn-default {
background: #eda735;
}
button.cta-button {
font-size: 16px;
line-height: 18px;
/* border: 1px solid #fff; */
padding: 20px 42px;
border-radius: 4px;
font-family: 'barriecito-regular';
font-weight: 600;
transition: background 0.3s, border-color 0.3s;
border-radius: 25px;
width: 100%;
margin-left: auto;
margin-right: auto;
box-shadow: 0 0 5px 2px rgba(0,0,10,0.3);
}
.contact-form{
	align-items: center;
	width: 40%;
	padding: auto;
	margin-left: auto;
	margin-right: auto;
}
button.cta-button:hover{
background:transparent;
color:#000;
border: 2px solid #eda735;
box-shadow: 0 0 5px 2px grey;
}
/* Misc
----------------------------------------------------------------------------- */
.no-view {
	opacity: 0;
	filter: alpha(opacity=0);
}
.object-visible,
.touch .no-view {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .no-view {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
	}
}
.space {
	padding: 20px 0;
}
.pr-10 {
	padding-right: 10px;
}
.pl-10 {
	padding-left: 10px;
}
.pclear {
	padding-bottom: 0;
}
.secPadding{
padding: 20px 0;
}
/* Sections
----------------------------------------------------------------------------- */
.banner-caption h1,
.banner-caption h2,
.banner-caption h3,
.banner-caption h4,
.banner-caption h5,
.banner-caption h6 {
	color: #ffffff;
}
.banner-caption h1 {
	font-size: 60px;
}
.banner-text{
	text-align: center;
	color: #000;
	padding: 70px 0;
	font-family: "Barriecito";
	font-size: 32px;
	font-style: normal;
}
.banner-caption span {
	font-family: 'Blanka', sans-serif;
    font-weight: 400;
	font-size: 32px;
	font-style: normal;
	color: #fff;
}

.landtext h2 {
	font-size: 32px;
	font-weight: 700;
	text-align: center;
}
.c1{
    display: inline-block;
  }
  .c2{
    display: inline-block;
  }
  .c3{
    display: inline-block;
  }
  .c4{
    display: inline-block;
  }
  .landtext h2 {
	margin: 0 auto;
  }
  h2{
    font-size: 32px;
    margin-top: 1%;
	text-align: center;
	line-height: 1.8;
  }
  h2 .type{
      font-family: 'Barriecito';
      overflow: hidden;
      border-right: .15em transparent orange;
	  
	  /* margin-inline: auto; */
	  width: 0;
      white-space: nowrap; 
      animation: 
        typing 1.5s steps(30, end) forwards;
  }
  h2 .type2{
      font-family: 'Blanka';
      overflow: hidden;
      border-right: .15em transparent orange;
      white-space: nowrap; 
      width: 0;
	  color: black;
      animation: 
        typing 1.25s steps(30, end) forwards;
      animation-delay: 1.5s;
  }
  h2 .type3{
	  font-family: 'Blanka';
      overflow: hidden;
      border-right: .15em transparent orange; 
      white-space: nowrap; 
      width: 0;
	  color: black;
      animation: 
        typing 1s steps(30, end) forwards;
      animation-delay: 2.75s;
  }
  h2 .type4{
	font-family: "Barriecito";
	overflow: hidden;
    margin-top: 6%;
    border-right: .15em transparent orange; 
    white-space: nowrap; 
    width: 0;
    animation: 
        typing 2s steps(30, end) forwards,
        blink .75s infinite;
    animation-delay: 3.75s;
  }
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  @keyframes blink {
    from { border-color: transparent }
    to { border-color: orange; }
  }

.ban_img{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 768px) {
	.banner-text{
		padding: 0px;
		margin: 12px;
		line-height: 1;
	}
	.banner-caption h1 {
		font-size: 32px;
	}
	.banner{
		height: 130%;
	}
	.ban_img{
		width: 70%;
		max-width: 400px;
	}
}
@media (max-width :600px) {
	.ban_img{
		width: 70%;
		max-width: 400px;
	}
}
/* @media screen and (max-width: 768px) {
	.banner-caption h1 {
		font-size: 40px;
	}
	.banner-caption h2 {
		font-size: 30px;
	}
	.banner-caption h3 {
		font-size: 24px;
	}
	.banner-caption h4 {
		font-size: 20px;
	}
	.banner-caption h5 {
		font-size: 18px;
	}
	.banner-caption h6 {
		font-size: 16px;
	}
	.banner-caption .blan {
		font-size: 24px;
	}
	
	.ban_img {
		width: 80%;
		margin: auto;
	}
} */

.coda-extrabold {
	font-family: "Coda", system-ui;
	font-weight: 800;
	font-style: normal;
}
.coda-regular {
	font-family: "Coda", system-ui;
	font-weight: 400;
	font-style: normal;
}

.footer.section {
background:transparent;
color: #949494;
}
.subfooter p {
	margin-bottom: 0;
	color: #fff;
}
.hero-caption{
text-align:center;
padding:40px 0;
}
.hero-caption h2{
text-align:center;
}
.hero-caption p{

}

.intro{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	background: #000;
	color: #fff;
	padding: 20px;
	border-radius: 20px;

}
/* Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
.btn {
	padding: 8px 15px;
	font-size: 14px;
	line-height: 1.42857143;
	min-width: 160px;
	text-align: center;
	border-radius: 0;
	/* text-transform: uppercase; */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-contact{
	background-color: #d7d1c5;
	border: none;
	border-radius: 15px;
}
.btn-default {
	color: #FFFFFF;
	background: #E00A63;
	border: 0;
}
.btn-default:hover {
	color: #ffffff;
	background-color: #BB0A53;
	border: 0;
}

/* Collapse
---------------------------------- */
.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
.panel-default > .panel-heading {
	padding: 0;
	outline: none;
	border: none;
	background-color: #d7d1c5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
}
.panel-default > .-heading + .panel-collapse > .panel-body {
	border: 1px solid #f0f0f0;
	border-top: none;
	border-radius: 15px;
	background-color: #d7d1c5;
}

.panel-body{
	background-color: #d7d1c5;
	border-radius: 15px;

}

.panel-collapse{
	background-color: #d7d1c5;
}
.panel-heading a {
	font-weight: 500;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	background: transparent;
	background-color: #d7d1c5;
	color: #000;
	position: relative;
	text-decoration: none;
	border: #ECECEC 1px solid;
	border-radius: 20px;
}
.panel-heading a.collapsed {
	color: #333333;
	background: transparent;
	background-color: #d7d1c5;
}
.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 14px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}
.panel-heading a.collapsed:after {
	content: "\f196";
}
.panel-heading a:hover {
	text-decoration: none;
	background-color: #f0f0f0;
	color: #eda735;
}
.panel-title a i {
	padding-right: 10px;
	font-size: 20px;
	font-weight: 500;
}

/* Pills
---------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover {
	background-color: #DB0A61;
	border-color: #DB0A61;
	color: #ffffff;
}
.nav-pills > li > a {
	border-radius: 0;
	padding: 8px 20px;
	border: 1px solid #cacaca;
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
}

/* Forms
---------------------------------- */
.form-control {
	height: 45px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.form-control-feedback {
	color: #cccccc;
}
.has-feedback label.sr-only ~ .form-control-feedback {
	top: 15px;
}
textarea {
	resize: vertical;
}
.Pricing-table .panel-heading{
padding: 10px 0;
}
/* Modals
---------------------------------- */
.modal-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.modal-header {
	background-color: #626262;
	color: #ffffff;
}
.modal-header h4 {
	color: #ffffff;
}
.modal-header .close {
	font-weight: 300;
	color: #FFFFFF;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
}
 
@media (min-width:1200px) {
	.modal-lg {
		width: 1140px;
	}
}

/* Media
---------------------------------- */
.media .fa {
	font-size: 24px;
	width: 40px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	text-align: center;
}

/* Navigations
----------------------------------------------------------------------------- */
.header .navbar {
	margin-bottom: 0;
}
.main-navigation .navbar-default {
	background-color: transparent;
	border: none;
}
.main-navigation .navbar-default .navbar-nav > li > a {
	color: #fff;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 400;
}
.main-navigation .navbar-default .navbar-nav > li.active > a {
	background-color: transparent;
	color: #194f26;
}
.main-navigation .navbar-default .navbar-nav > li > a:hover,
.main-navigation .navbar-default .navbar-nav > li.active > a:hover {
	color: black;
}

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



  


/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

@media (min-width:768px) {
	.main-navigation .navbar-default .navbar-nav > li > a {
		padding-top: 30px;
		padding-bottom: 30px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.ban_img{
		width: 40%;
		max-width: 400px;
	}
	.main-navigation .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-nav {
		float: left !important;
	}
}
@media (max-width:767px) {
	.header.navbar-fixed-top {
		position: absolute;
	}
	.ser_sec {
		margin: 20px 0 !important;
	}
}

/* .ser_sec img {
	aspect-ratio: 1 / 1;
} */

/* Fixed Header
----------------------------------------------------------------------------- */
.fixed-header-on .header {
	color: #000;
	padding: 5px 0;
}
.fixed-header-on .brand {
	font-size: 24px;
	color: #000;
}
.fixed-header-on .logo {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	margin-top: 0;
	margin-bottom: 0;
}
@media (min-width:768px) {
	.fixed-header-on .navbar-default .navbar-nav > li > a {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
@media (max-width:991px) {
	.fixed-header-on .logo,
	.fixed-header-on .brand,
	.fixed-header-on .site-slogan {
		display: none;
	}
}

/* Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo, Site Name, Site Slogan
---------------------------------- */
.logo {
	margin: 10px 0px 10px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.logo,
.logo-section {
	float: left;
}
#logo {
	width: 180px;
}
.brand {
	font-size: 38px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 10px 0;
}
.brand a {
	color: #000;
}
.brand a:hover {
	text-decoration: none;
}
.site-slogan {
	font-size: 12px;
}

/* block-lists
---------------------------------- */
.block-list .media-left {
	width: 60px;
}
.block-list p{
font-size: 16px;
}
.block-list .fa {
border: 1px solid #fff;
padding: 20px;
width: 65px;
height: 65px;
border-radius: 50%;
}


/* Social Links
---------------------------------- */
.social-links {
	padding: 0;
	list-style: none;
	text-align: center;
	min-height: 20%;
	margin: 15px 0;
  }
  .social-links li {
	margin: 10px 10px 10px 0;
	display: inline-block;
	font-size: 36px;
  }
  .social-links li a {
	color: #000000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 1px solid #d7d1c5;
	width: 52px;
	height: 52px;
	min-width: 32px;
	display: inline-block;
	
	border-radius: 50%;
	font-size: 26px;
	text-align: center;
	padding: 4px;
  }
  .social-links li.twitter a:hover {
	color: #000000;
	background-color: #fff;
	border: 1px solid #000000;
  }
  .social-links li.pinterest a:hover {
	color: #cb2027;
	background-color: #fff;
	border: 1px solid #cb2027;
  }
  .social-links li.linkedin a:hover {
	color: #0976b4;
	background-color: #fff;
	border: 1px solid #0976b4;
  }
  .social-links li.instagram a:hover {
	color: #ff0084;
	background-color: #fff;
	border: 1px solid #ff0084;
  }
  .social-links li.YouTube a:hover {
	color: #b31217;
	background-color: #fff;
	border: 1px solid #b31217;
  }
  .social-links li.flickr a:hover {
	color: #ff0084;
	background-color: #fff;
  }
  .social-links li.facebook a:hover {
	color: #3b5998;
	background-color: #fff;
	border: 1px solid #3b5998;
  }
  .social-links li.pinterest a:hover {
	color: #cb2027;
	background-color: #fff;
  }

/* Isotope Items
---------------------------------- */
.filters {
	margin: 0 0 30px 0;
}
.filters .nav-pills > li {
	margin-right: 2px;
	margin-bottom: 2px;
}
.filters .nav-pills > li + li {
	margin-left: 0px;
}
.text-center.filters .nav-pills > li {
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	display: inline-block;
	float: none;
}
.isotope-container {
	overflow: hidden;
}
.isotope-item {
	margin-bottom: 20px;
}
.isotope-item .btn-default {
	color: #FFFFFF;
	background: rgba(219, 10, 97, 0.69);
	margin-top: -36px;
	z-index: 2;
	position: relative;
	border: 0;
}
.isotope-item .btn-default:hover {
	color: #ffffff;
}
@media (max-width:480px) {
	.filters .nav-pills > li {
		width: 100%;
		display: block;
	}
}

/* Images Overlay
----------------------------------------------------------------------------- */
.overlay-container {
	position: relative;
	display: block;
	overflow: hidden;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-color: rgba(219, 10, 97, 0.78);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.overlay:hover {
	text-decoration: none;
}
.overlay span {
	position: absolute;
	display: block;
	bottom: 10px;
	text-align: center;
	width: 100%;
	color: #ffffff;
	font-size: 13px;
	font-weight: 300;
}
.overlay i {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 18px;
	line-height: 1x;
	color: #ffffff;
	margin-top: -8px;
	margin-left: -8px;
	text-align: center;
}
.overlay-container:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*  our partners 	*/
#partners li{
	display: inline;
	margin: 2%;
}

#clients li{
	display: inline;
	margin: 5px;
}

#container{
	display: flex;
	flex-direction: column;
}

.our-partners{
	list-style-type: none;
	/* background-color: #eda735; */
	padding: 0%;
	align-items: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: transparent;
	border-radius: 5px;
	padding: auto;
	
	/* box-shadow: 0 0 10px 5px rgba(0,0,10,0.3); */
	
}

.our-partners li{
	display: inline-block;
	width: 9.5%;
	padding: 1%;
	align-items: center;
	margin: 1%;
	
}


.whyrs-img{
	min-height: 100x;
	min-width: 100px;
	width: 100px;
	height: 100px;
	margin-left: 15px;
}

.reason{
	background-color: #000;
	color: #000;
	min-height: 300px;
	padding: 10px;
	border-radius: 15px;
	margin-top: 20px;
}
.reason1{
	/* background-color: #9BBFE0; */
	background: linear-gradient(to bottom right, rgb(221, 44, 0), rgb(34, 211, 255));
}
.reason2{
	/* background-color: #FBE29F; */
	background: linear-gradient(to top right, rgb(221, 44, 0), rgb(34, 211, 255));
	}

.reason3{
	/* background-color: #C6D68F; */
	background: linear-gradient(to bottom left, rgb(221, 44, 0), rgb(34, 211, 255));

}
.reason4{
	/* background-color: #E8A09A; */
	background: linear-gradient(to top left, rgb(221, 44, 0), rgb(34, 211, 255));

}

.whyrs1{
	width: 35%;
	/* margin-left: 15px; */
	padding: 10px;
	justify-content: center;
}

/* contact division 
------------------------------------------------------*/

.condet{
	display: flex;
}

.form-control{
	border: grey;
	border-radius: 5px;
}

.contact_container{
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	background-color: #d7d1c5;
}

.contact{
	background-color: #eda735;
	color: #000;
	border: none;
	border-radius: 50px;
	padding: 20px;
}
.contacts{
	text-align: start;
  }

.contact_right{
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 20px;
	/* margin: 2%; */
	padding-left: 20px;
	padding-right: 20px;
	background-color: #eda735;
	border-radius: 50px;
}

.contact_left_title h2{
	font-weight: 500;
	color: black;
	margin-bottom: 2px;
}

.contact_left_title hr{
	border: none;
	width: 120px;
	height: 4px;
	margin: 1px auto 4px 20px;
	background-color: black;
	border-radius: 10px;

}

.contact_input{
	width: 95%;
	height: 50px;
	border: none;
	outline: none;
	margin-top: 20px;
	text-align: justify;
	padding-left: 25px;
	font-weight: 500 ;
	color: #333333;
	border-radius: 50px;
	background-color: #d7d1c5;
}

input::placeholder {
	color: #000000;
}
  
.contact_right textarea{
	height: 140px;
	padding-top: 15px;
	border-radius: 20px;
}

.contact_input:focus{
	border: 2px solid grey;
}

.contact_input::placeholder{
	text-align: justify;
	color: #eda735;
}

.contact_right button{
	display: flex;
	align-items: center;
	padding: 15px 30px;
	font-size: 16px;
	margin-top: 15px;
	color: #fff;
	gap: 10px;
	border: none;
	border-radius: 50px;
	background: black;
	cursor: pointer;

}


.banner-image{
	background:linear-gradient(180deg, #eda735, #d7d1c5);
}

.yellow_bg{

}

/* services section */

.ser_sec{
	
	margin: 20px;
	border: transparent 1px;
	border-radius: 20px;
	box-shadow: 0 0 5px 2px rgba(0,0,10,0.3);
}

.ser_img{
	max-width: 90%;
	border-radius: 25px;
	margin: 20px;
}

.tcppylist{
    list-style: none;
    text-align: center;
	padding: 0px;
}

.tcppylist li{
    display: inline-block;
    margin: 10px;
    
}

.tcppylist li:hover{
	font-weight: 600;
	color: grey;
}

.regbtn{
	display: flex;
	 list-style: none;
	 text-align: start;
	 padding: 0px;
  }
  
  .regbtn li{
	margin-left: 0px;
	margin-top: auto;
	margin-bottom: auto;
	padding-left: 20px;
	padding-bottom: 10px;
	 
  }

  .regbtn li{
	margin: auto;
	padding-left: 20px;
	padding-bottom: 10px;
	 
  }
/* benifits of digital marketing */
#sec-bdm{
	/* margin: 1%; */
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	/* border-radius: 5px;
	box-shadow: 0 0 5px 2px rgba(0,0,10,0.3); */
	position: relative;
	text-align: center;
}

#bdm{
	min-height: 95%;
	
}

#bdm-h{
	margin-top: 15px;
}

#brand-building{
	background-color: #949494;
	background-size: cover;
	background-position: center;
	width: 13%;
	height: 400px;
	text-orientation: upright;
	writing-mode: sideways-lr;
	text-align: center;
	justify-items: center;
	color: #fff;
	margin: 1%;
	/* background-image: url("../images/brandbuilding.jpg"); */
}
#global-reach{
	background-color: #949494;
	background-size: cover;
	background-position: center;
	width: 13%;
	height: 400px;
	text-orientation: upright;
	writing-mode: sideways-lr;
	text-align: center;
	justify-items: center;
	color: #fff;
	margin: 1%;
	background-image: url("../images/global-reach.jpg");
}

#cost-effective{
	background-color: #949494;
	background-size: cover;
	background-position: center;
	width: 13%;
	height: 400px;
	text-orientation: upright;
	writing-mode: sideways-lr;
	text-align: center;
	justify-items: center;
	color: #fff;
	margin: 1%;
	background-image: url("../images/cost-effective.jpg");
}

#measurable-results{
	background-color: #949494;
	background-size: cover;
	background-position: center;
	width: 13%;
	height: 400px;
	text-orientation: upright;
	writing-mode: sideways-lr;
	text-align: center;
	justify-items: center;
	color: #fff;
	margin: 1%;
	background-image: url("../images/measurable-results.jpg");
}

#targeted-audiance-engadgement{
	background-color: #949494;
	background-size: cover;
	background-position: center;
	width: 13%;
	height: 400px;
	text-orientation: upright;
	writing-mode: sideways-lr;
	text-align: center;
	justify-items: center;
	color: #fff;
	margin: 1%;
	background-image: url("../images/target-audiance.png");
}

#higher-conversion{
	background-color: #949494;
	background-size: cover;
	background-position: center;
	width: 13%;
	height: 400px;
	text-orientation: upright;
	writing-mode: sideways-lr;
	text-align: center;
	justify-items: center;
	color: #fff;
	margin: 1%;
	background-image: url("../images/higher-conversation-rate.png");
}

#realtime-insight{
	background-color: #949494;
	background-size: cover;
	background-position: center;
	width: 13%;
	height: 400px;
	text-orientation: upright;
	writing-mode: sideways-lr;
	text-align: center;
	justify-items: center;
	color: #fff;
	margin: 1%;
	background-image: url("../images/realtime-insights.jpg");
}

.bbm-p{
	margin-left: 20%;
	font-weight: 500;
	text-justify: auto;
	color: #d7d1c5;
	
}

.fouimg{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	border: none;
	border-radius: 150px;
	align-content: center;
  }
  
  .found{
	align-items: center;
	vertical-align: middle;
	padding: 15px;
	text-align: center;
  }
  
  .foundersinfo{
	padding-top: 120px;
	padding-bottom: 30px;
	background: linear-gradient(0deg, #d7d1c5, #eda735);
  }
  
  .foundersinfo h3{
	margin: 5px;
	font-size: 16px;
	color: #000;
	
  }
  
  .linkedinbtn{
	margin: 7px;
	background-color: #000;
	padding: 4px;
	border-radius: 30px;
	
  }



/* The popup (hidden by default) */
.popup {
	display: none; /* Hidden by default */
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
	justify-content: center;
	align-items: center;
	z-index: 999;
  }
  
  /* Image inside the popup */
  .popup img {
	max-width: 80%;
	max-height: 80%;
	margin: auto;
  }
  
  /* Close button (top-right corner) */
  .close {
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 30px;
	color: white;
	cursor: pointer;
  }
  
  /* Close button on hover */
  .close:hover {
	color: red;
  }

  /* popup button */
  #popupButton{
	color: #000;
	font-weight: 400;
	font-size: 20px;
	background-color: #eda735;
	display: block;
	padding: 10px 15px;
	border-radius: 50px;
	margin: auto;
	border: none;
  }
  
  #backToTop {
	display: none; /* Hidden by default */
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	font-size: 20px;
	border: none;
	outline: none;
	color: #000;
	cursor: pointer;
	font-size: 20px;
	padding: 5px 15px;
	border-radius: 20px;
}
#backToTop:hover {
	background-color: #555;
	color: #fff;
}


.subsec{
	display: flex;
	flex-direction: row;
}

.brnimg{
	width: 45%;
}

.sub-sec{
	width: 45%;
	list-style: none;
}

#subform{
	position: relative;
	width: 90%;

	display: inline-block;
}

#subform h3{
	margin-left: 6%;
}

#subform input{
	padding-right: 20px;
	margin-top: 5px;
	margin-left: 20px;
	border-radius: 30px;
	padding-left: 20px;
	color: #000;
}

#subform button{
	position: absolute;
	padding: 15px, 5px;
	top: 10px;
	/* width: 40%; */
	height: 36px;
	right: 7px;
	font-size: 12px;
	border: none;
	background-color: #eda735;
	margin: 3px;
	border-radius: 20px;

	cursor: pointer;
}


.line{
	background-color: #000;
	height: 1px;
}

/* scroll media */

:root {
	--marquee-width: 97vw;
	--marquee-height: 20vh;
	/* --marquee-elements: 12; */ /* defined with JavaScript */
	--marquee-elements-displayed: 5;
	--marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
	--marquee-animation-duration: calc(var(--marquee-elements) * 3s);
  }
  
  .marquee {
	width: var(--marquee-width);
	height: var(--marquee-height);
	/* background-color: #d7d1c5; */
	color: #eee;
	overflow: hidden;
	position: relative;
  }
  .marquee:before, .marquee:after {
	position: absolute;
	top: 0;
	width: 10rem;
	height: 100%;
	content: "";
	z-index: 1;
  }
  .marquee:before {
	left: 0;
	background: linear-gradient(to right, #d7d1c5 0%, transparent 100%);
  }
  .marquee:after {
	right: 0;
	background: linear-gradient(to left, #d7d1c5 0%, transparent 100%);
  }
  .marquee-content {
	list-style: none;
	height: 100%;
	display: flex;
	animation: scrolling var(--marquee-animation-duration) linear infinite;
  }
  #marquee-content1 {
	list-style: none;
	height: 100%;
	display: flex;
	animation: scrolling1 var(--marquee-animation-duration) linear infinite;
  }
  /* .marquee-content:hover {
	animation-play-state: paused;
  } */
  @keyframes scrolling {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
  }
  @keyframes scrolling1 {
	100% { transform: translateX(0); }
	0% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
  }
  .marquee-content li {
	display: flex;
	justify-content: center;
	align-items: center;
	/* text-align: center; */
	flex-shrink: 0;
	width: var(--marquee-element-width);
	max-height: 90%;
	font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
	white-space: nowrap;
  }
  
  .marquee-content li img {
	/* width: 80%; */
	height: 100%;
	border: none;
	padding: 5px;
	/* margin: 5px 25px; */
  }
  
  @media (max-width: 600px) {
	html { font-size: 12px; }
	:root {
	  --marquee-width: 98vw;
	  --marquee-height: 16vh;
	  --marquee-elements-displayed: 3;
	}
	.marquee:before, .marquee:after { width: 5rem; }
  }

  .contacts i{
	width: 16px;
	height: 16px;
	font-size: 14px !important;
	margin: 0px 4px;
	justify-content: center;
  }

:root {
  --marquee1-width: 100vw;
  --marquee1-height: 20vh;
  /* --marquee1-elements: 12; */ /* defined with JavaScript */
  --marquee1-elements-displayed: 5;
  --marquee1-element-width: calc(var(--marquee1-width) / var(--marquee1-elements-displayed));
  --marquee1-animation-duration: calc(var(--marquee1-elements) * 3s);
}

.marquee1 {
  width: var(--marquee1-width);
  height: var(--marquee1-height);
  /* background-color: #d7d1c5; */
  color: #eee;
  overflow: hidden;
  position: relative;
}
.marquee1:before, .marquee1:after {
  position: absolute;
  top: 0;
  width: 10rem;
  height: 100%;
  content: "";
  z-index: 1;
}
.marquee1:before {
  left: 0;
  background: linear-gradient(to right, #d7d1c5 0%, transparent 100%);
}
.marquee1:after {
  right: 0;
  background: linear-gradient(to left, #d7d1c5 0%, transparent 100%);
}
.marquee1-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling1 var(--marquee1-animation-duration) linear infinite;
}
.marquee1-content:hover {
  animation-play-state: paused;
}
@keyframes scrolling1 {
  1000% { transform: translateX(0); }
  0% { transform: translateX(calc(-1 * var(--marquee1-element-width) * var(--marquee1-elements))); }
}
.marquee1-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
  width: var(--marquee1-element-width);
  max-height: 90%;
  font-size: calc(var(--marquee1-height)*3/4); /* 5rem; */
  white-space: nowrap;
}

.marquee1-content li img {
  /* width: 80%; */
  height: 100%;
  border: none;
  padding: 5px;
  /* margin: 5px 25px; */
}

@media (max-width: 600px) {
  html { font-size: 12px; }
  :root {
    --marquee1-width: 100vw;
    --marquee1-height: 16vh;
    --marquee1-elements-displayed: 3;
  }
  .marquee1:before, .marquee1:after { width: 5rem; }
}



/* Change placeholder color for specific input fields with class 'contact_input' */
input.contact_input::placeholder {
    color: #999; /* Change this color to your desired placeholder color */
    opacity: 1; /* Firefox */
}

/* Change placeholder color for specific textarea fields with class 'contact_input' */
textarea.contact_input::placeholder {
    color: #999; /* Change this color to your desired placeholder color */
    opacity: 1; /* Firefox */
}