*
{
	margin:0px;
	padding:0px;
}

/*==================== 
  top bar styling from here
===================== */
/* .tops{
	list-style: ;
} */
.tops li
{
	display: inline-block;
	padding-left:10px;
	padding-top:2px;
}
.top-header
{
	height:30px;
}
.top-header a
{
	color:white;
	text-decoration: none;
}
.top-ul
{
	height:100%;

}
.social-ul
{
	text-align:right;
}

/*==================== 
navbar styling from here
===================== */
.navbar
{
 background-color:  transparent;
}
.nav-item
{
	margin-right:5px !important;
	padding:0px 5px 0px 5px !important ;
	border-radius:5px;
 color:silver !important ;
}


.active 
{
	background-color:#cb403f;
	color:yellow !important ;
}

.navbar-brand img
{
	width:100px !important;
	height:60px !important;
}
.navbar-brand span
{
	font-size:25px;
	color:#cb403f;
	font-weight:bold;
	font-family: Harlow Solid;
	/* text-shadow:3px 3px 3px gray; */
}
.dropdown-item
{
  background-color: #ffffff;
  margin-top: 1px;
  color: #cb403f;
  font-size: 16px;
  width: 100% !important;

}
.dropdown-menu
{
 top: 100%;
 left: -10% !important ;
 z-index: 1000;
 float: left;
 min-width: 10rem;
 padding: .5rem 0;
 margin: .125rem 0 0;
 font-size: 1rem;
 color: #212529;
 text-align: left;
 list-style: none;
 background-clip: padding-box;
 border-radius: .25rem;
 }
.card-subtitle h3,p
{
	line-height:18px;
}

/*==================== 
  carousel css from here
===================== */
.carousel-item
{
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width:100%;
	height:550px;
}
.carousel-caption 
{

    background-color:rgba(0,0,0,0.4);
	border-radius:15px;	
	padding:10px;
  padding-top:-50px;

	

}
.carousel-caption h5
{
	font-weight:bold;
	font-size:2vw;
	color:yellow;
  font-size:35px;
}
	

/*==================== 
  side baar animation styling here
===================== */
.side_icon
{
	position:fixed !important;
	bottom:50px;
	width:auto;
	height:50px;
    background: linear-gradient(to left, #33ccff 0%, #ffff00 100%);
     border-top-right-radius:20px;
 animation-name:sample;
 animation-duration:1s;
 animation-iteration-count: infinite;
 animation-direction: alternate;
 animation-delay: 0s;
 animation-timing-function: linear;
 z-index: 2;
}
@keyframes sample
{
	0%
	{
		bottom:50px;

	}

	100%
	{
		bottom:20px;
	}
}

/*==================== 
  main body wrapper here
===================== */

#wrapper
{
	width:100%;
	/* height:auto; !important ; */
}
/*==================== 
  first items styling from here
===================== */
.items
{
	width:100%;
	min-height:320px;
	background-color: #f7f9f9 ;
	margin:0px auto;
	padding-top:10px;
	text-align: center;
	background-clip: border-box;
 border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.items:hover
{
	box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
	cursor:pointer;
}
.items h3
{
	font-size:25px;
	font-weight:bold;
	font-family:cambria;
}
/*==================== 
  About us styling from here
===================== */
.About
{
	width:100%;
	height:auto;
}
.About p
{
 font-family: Cambria;
text-align: justify;
font-size: 20px;
padding: 2px 8px;
line-height: 30px;
word-spacing: 4px;
}
.para
{
  font-family: Cambria;
text-align: justify;
font-size: 20px;
padding: 2px 8px;
line-height: 30px;
word-spacing: 4px;
}
.sub_para
{
font-family: Cambria;
font-size:20px !important;
word-spacing: 2px;
}
.sub_heading
{
  line-height: 1.2;
color: #011f39;
font-weight: 400;
font-family: roboto condensed,Arial,sans-serif;
}
.about-pic
{
	width:100%;
	height:470px;
}
/*==================== 
  Services  styling from here
===================== */
.ser-card
{
	width:100% !important ;
  background-color:  #4a235a !important ;

}
.ser-items
{
	width:100%;
	height:auto;
	background-color:silver;
}
.ser-img
{
	width:100%;
	height:240px;
	background-color:red;
}
/*---------- testimonial css start ----------*/
.pn_testimonial_box {
  font-weight: 300;
  padding: 2rem;
  margin: 2rem;
  border: 1px solid #405fbd;
  position: relative;
  transition: 1s;
  transform: scale(0.9);
  background-color: #fff;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -ms-border-radius: 4rem;
  border-radius: 4rem;
}
.pn_testimonial_box:hover {
  box-shadow: 2px 4px 8px #d6d8da;
  border: 1px solid #fff;
  transform: scale(1);
  position: relative;
  z-index: 1;
}
.pn_review_rating img {
  width: 20%;
}
.pn_review_profile img {
  position: absolute;
  margin: -1rem -5rem 0;
}
.pn_review_profile span {
  position: absolute;
}


/*==================== 
  Gallery css from here
===================== */
#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}


.green{
  background-color:#6fb936;
}
        .thumb{
            margin-bottom: 30px;
        }
        
        .page-top{
            margin-top:20px;
        }

   
img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
  
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
}
    .modal-footer{
      display:none;  
    }
.why-us h2 {
    position: relative;
    margin-bottom: 35px;
}
.why-us h2::after {
    content: "";
    width: 120px;
    height: 3px;
    display: inline-block;
    background: #FFC107;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -20px;
    margin: 0 auto;
}

.why-us .box {
    padding: 50px 30px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.10);
    transition: 0.5s;
    position: relative;
    background-color: #333;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 10px;
}
.why-us .box:hover {
	padding: 30px 30px 70px 30px;
	box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.20);
	background-color: rgba(0, 0, 0, 0.3);
}
.why-us .box img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;
	opacity: 0;
	transition:all ease 1s; 
}
.why-us .box:hover img {
	opacity: 1;
}
.why-us .box span {
    display: block;
    font-size: 56px;
    font-weight: 700;
    color: #6b6060;
    position: absolute;
    right: 10px;
    top: 0px;
    line-height: normal;
}
.why-us .box h4 a {
	font-size: 24px;
	font-weight: 600;
	padding: 0;
	margin: 20px 0;
	color: #dadada;
	text-decoration: none;
}
.why-us .box p {
	color: #aaaaaa;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.why-us .box:hover span,
.why-us .box:hover h4 a,
.why-us .box:hover p {
  	color: #fff;
}
/* footer styling from here */
footer .main-footer{  padding: 20px 0;  background: #252525;}
footer ul{  padding-left: 0;  list-style: none;}

/* Copy Right Footer */

/* Footer Top */
.footer-top{  background: #252525;  padding-bottom: 30px; margin-bottom: 30px;  border-bottom: 3px solid #222;}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer{  background: transparent;}
footer.transparent .footer-copyright{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}

/* Footer light */
footer.light .footer-top{ background: #f9f9f9;}
footer.light .main-footer{  background: #f9f9f9;}
footer.light .footer-copyright{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}

/* Footer 4 */
.footer- .logo {    display: inline-block;}

/*==================== 
  Widgets 
===================== */
.widget{  padding: 20px;  margin-bottom: 40px;}
.widget.widget-last{  margin-bottom: 0px;}
.widget.no-box{ padding: 0; background-color: transparent;  margin-bottom: 40px;
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget.subscribe p{  margin-bottom: 18px;}
.widget li a{ color: #fff;}
.widget li a:hover{ color: #4b92dc;}
.widget-title {margin-bottom: 20px;}
.widget-title span {background: #839FAD none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
.widget .badge{ float: right; background: #7f7f7f;}

.typo-light h1, 
.typo-light h2, 
.typo-light h3, 
.typo-light h4, 
.typo-light h5, 
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{  color: #fff;}

ul.social-footer2 { margin: 0;padding: 0; width: auto;}
ul.social-footer2 li {display: inline-block;padding: 0;}
ul.social-footer2 li a:hover {background-color:#fff;}
ul.social-footer2 li a {display: block; height:30px;width: 30px;text-align: center;

-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-webkit-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
transition: all 250ms ease-in-out 0s;

}

/* contact styling from here */

.card {
    cursor: pointer
}

.heading {
    font-size: 30px;
    font-weight: 800;
    text-align: center;

   
    font-weight: 800;
    font-family: open sans,Arial,sans-serif;
}

#cont-icon
{
	width:100px;
	height:100px;
	background-color:green;
	margin:0px auto;
	margin-top:-75px;
	border-radius:50px;
}


.card.hover,
.card:hover {
}

.img {
    margin-bottom: 35px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222)
}

.card-title {
    font-weight: 600
}

button.focus,
button:focus {
    outline: 0;
    box-shadow: none !important
}

.ft {
    margin-top: 25px
}

.chk {
    margin-bottom: 5px
}

.rck {
    margin-top: 20px;
    padding-bottom: 15px
}
:root {
  --gradient: linear-gradient(to left top, #DD2476 10%, #FF512F 90%) !important;
}



.card {
  background: #222;
  border: 1px solid #dd2476;
  color: rgba(250, 250, 250, 0.8);
  margin-bottom: 2rem;
}

.btn {
  border: 5px solid;
  border-image-slice: 1;
  background: var(--gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  border-image-source:  var(--gradient) !important; 
  text-decoration: none;
  transition: all .4s ease;
}

.btn:hover, .btn:focus {
      background: var(--gradient) !important;
  -webkit-background-clip: none !important;
  -webkit-text-fill-color: #fff !important;
  border: 5px solid #fff !important; 
  box-shadow: #222 1px 0 10px;
  text-decoration: underline;
}

         .ser-button {background-image: linear-gradient(to right, #314755 0%, #26a0da  51%, #314755  100%)}
          .ser-button {
             margin: 10px;
             width:100%;
             padding: 15px 45px;
             text-align: center;
             text-transform: uppercase;
             transition: 0.5s;
             background-size: 200% auto;
             color: white;            
             box-shadow: 0 0 20px #eee;
             border-radius: 10px;
             display: block;
             border:none;
           }

           .ser-button:hover {
             background-position: right center; /* change the direction of the change here */
             color: #fff;
             text-decoration: none;
           }


.ser-title
{
	font-size:25px;
	font-weight:bold;
	font-family: cambria;
}
.ser-text
{
	text-align: justify;
}


/* TEAM SECTION CONTAINER */
#team-section {
  padding: 60px 20px;
  background: #f9f9f9;
  font-family: 'Poppins', sans-serif;
}

#team-section .heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #2c3e50;
}

#team-section .theme-title p {
  font-size: 16px;
  color: #555;
  max-width: 700px;
  margin: 0 auto 40px auto;
}


/* CARD WRAPPER */
.team-member-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
}

/* SINGLE CARD */
.single-team-member {
  width: 280px;
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  position: relative;
  border-bottom: 3px solid #cb403f;
}

/* CARD HOVER EFFECT */
.single-team-member:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
  background: #e5f9ff;
 border-bottom: 3px solid #800000;
}

/* IMAGE SECTION */
.single-team-member .img img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.single-team-member:hover .img img {
  transform: scale(1.08);
}

/* IMAGE OVERLAY EFFECT */
.single-team-member .opacity {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: 0.4s ease;
}

.single-team-member:hover .opacity {
  opacity: 1;
}

/* MEMBER NAME AREA */
.member-name {
  padding: 18px;
}

.member-name h6 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #333;
}

.member-name p {
  color: #777;
  margin-bottom: 12px;
  font-size: 14px;
}

/* SOCIAL ICONS */
.member-name ul {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 0;
}

.member-name ul li {
  list-style: none;
}

.member-name ul li a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e9e9e9;
  color: #333;
  transition: 0.3s ease;
}

.member-name ul li a:hover {
  background: #0d6efd;
  color: #fff;
}


/* RESPONSIVE */
@media (max-width: 768px) {
  .single-team-member {
    width: 90%;
  }
}


  .marquee-container {
    /* background: #800000; */
    color: #025005;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
  }

  .marquee-left {
    animation: moveLeft 30s linear infinite;
  }

  

  @keyframes moveLeft {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
  }