@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); /*font-family: 'Barlow', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Medula+One&display=swap'); /*font-family: 'Medula One', cursive;*/
body {
	color:#515151;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	margin: 0;
	overflow-x: hidden; font-size:16px;
	background: #dddbdb;
}
 
a, a:focus, a:hover {
	color: /*#111*/ white;
	outline: 0;
	text-decoration: none !important;
}
.select.form-control, select {
	min-height: auto!important;
	-moz-app: none;
	-webkit-appearance: none;
	background: #fff url(../images/select.png) no-repeat 95% 12px;
	font-size: 15px;
	height:35px;
	border: 1px solid #ddd;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
	cursor: pointer
}
.toplink{color:#fff; padding-top:5px; font-size:14px;}
.toplink a{ color:#fff; display:inline-block; text-transform:uppercase; font-weight:500;}
.top-nav {font-family: 'Roboto', sans-serif;
	padding: 0 0;
	z-index: 10;
	position: relative;
	font-size: 13px;
	height: auto;
	font-weight: 300;
	transition-duration: .3s;
	overflow: hidden;
	border-bottom: 1px solid #EE0409; background-color:#EE0409;
}
.top-nav .time {
	color: #fff;
	text-decoration: none;
	padding: 5px 0
}
.top-nav .time i {
	font-size: 14px
}
.top-nav ul {
	margin: 0
}
.top-nav ul.pwdarea li a img {
	width: 20px
}

.top-nav li {
	list-style-type: none;
	float: left
}
.top-nav li a:hover {
	text-decoration: none
}
.top-nav .btn-xs {
	padding: 3px 4px;
	line-height: 1.5;
	border-radius: 0;
	border: solid 1px rgba(255,255,255,.5);
	background-color: #fff;
	color: #333;
	font-weight: 700
}
.top-nav .btn-black {
	padding: 3px 6px;
	font-size: 10px;
	line-height: 1.5;
	border-radius: 0;
	border: solid 1px #fff;
	background-color: rgba(255,255,255,.1);
	color: #fff
}
.top-nav .btn-blue {
	padding: 4px 8px;
	font-size: 12px;
	line-height: 1.1;
	border-radius: 0;
	border: solid 0 #000;
	background-color: #00b9be;
	color: #fff
}
.top-nav .btn-yellow {
	padding: 4px 6px;
	font-size: 12px;
	line-height: 1.1;
	border-radius: 0;
	border: solid 0 #d8470e;
	background-color: #f57d57;
	color: #fff
}
.top-nav .input-sm {
	height: 21px;
	margin: 0;
	padding: 0 10px;
	border-radius: 0
}
.top-nav .navbar-right {
	float: right!important;
	margin-bottom: 0;
	margin-right: -15px;
	margin-top: -1px
}
.top-nav .defTheme {
	color: #fff;
	padding: 3px 6px;
}
.brand-items .owl-controls .owl-page span{background: #fff;}
  
.hi-btn {
	background-color:rgba(255, 255, 255, 0.14);
	color: #fff!important;
	padding:6px 12px; display:block;
}
.search-open{background-color:rgba(0,0,0,.2);
	color: #fff!important;
	padding:6px 12px; display:block;}
 
.searchbox {
	width: 200px
}
.stylish-input-group .input-group-addon {
	background-color: #fe5900;
	border: 1px solid #fe5900;
	color: #fff;
	padding: 4px 0;
	border-radius: 0
}
.stylish-input-group .form-control {
	border-right: 0;
	box-shadow: 0 0 0;
	border-color: transparent;
	border-radius: 0;
	height: 25px
}
.stylish-input-group button {
	border: 0;
	background: 0 0
}
.top-nav ul.pwdarea {
	text-align: right;
	float: right;
	margin-right: 20px
}
.top-nav ul.pwdarea li a {
	color: #393939
}
.top-nav ul.pwdarea li {
	padding: 3px 8px 0 8px; font-weight:600; 
}
.pwdarea li .fontresize{ display:block; border-radius:50%; border:0px solid #eee; box-sizing:border-box; text-align:center; height:25px; width:25px; line-height:22px; background-color:#fff;}
.pwdarea li .theame { display:block; border-radius:50%; border:0px solid #eee; box-sizing:border-box; text-align:center; height:25px; width:25px; line-height:18px; background-color:#299d44; color:#fff !important;}
.pwdarea li .contrast{background-color:#000;}
.top-nav ul.topleft_menu {
	text-align: left;
	padding: 0;
	margin: 0
}
.top-nav ul.topleft_menu li {
font-weight:400;
	 
}
.top-nav ul.topleft_menu li a {
	padding: 6px 8px; display:block; color:#666;
}
.top-nav ul.topleft_menu li a:hover{ background-color:#eee; color:#352961;}
.top-nav ul.topleft_menu li:last-child a {
	border-right: 0 solid #3e3d3d
}
.top-nav ul.pwdarea li:nth-child(5){ padding-right:4px}
.top-nav ul.pwdarea li:nth-child(6){ padding-right:4px;padding-left:4px}
.top-nav ul.pwdarea li:nth-child(7){ padding-left:4px}
.top-nav ul.pwdarea li:nth-child(8){ padding-right:3px}
.top-nav ul.pwdarea li:nth-child(9){ padding-left:3px}
.top-nav ul.pwdarea li:nth-child(10){ padding-top:0px; padding-right:0px;}
.top-nav ul.pwdarea li:nth-child(11){ padding:0px}
header {
	position: relative;
	display: block;
	z-index: 100;
	max-width:1460px;
	margin: 0 auto;
	display: block;
	background: #FFF;
}
.inner-page {	
	background: #FFF;
	margin-top: 15px;
}
#main-content {
    color: #000000;
}
#main-content .h1-holder {
background: rgb(28, 87, 168);
height: 60px;
transform: skew(-10deg) rotate(0deg);
-webkit-transform: skew(-10deg) rotate(0deg);
-moz-transform: skew(-10deg) rotate(0deg);
display: inline-block;
margin: 10px 0px;
padding: 0px 5px;

}

.h1-holder:nth-child(1) h1 {
  padding:3px 15px;
  text-transform:uppercase;
  font-size:20pt;
  color: #FFFFFF;
  transform: skew(10deg) rotate(0deg);
}
.inner-right {
    padding: 10px 10px 10px 0px;
}


#main-content h4 {
color: #FF6600;
font-size: 16pt;
text-transform: uppercase;
border-bottom: 1px solid #ccc7c7;
padding: 10px 10px 10px 0px;
display: inline-block;
}
.list li {
    color: #4a4c51;
}
.list ul li {
    color: #666666;
}
header .navbar-inverse {
	background-color: transparent;
	border: 0
}
.primarymenu {
	bottom: 0;
	position: relative; 
	float:left;
    background: #EE0409;
}
.navborder {
	position: absolute;
	left: 0;
	width: 32%;
	background: #fff;
	z-index: 9999;
	padding: 6px 0
}
.navborder:before {
	border-bottom: 49px solid #007c7c;
	border-left: 45px solid transparent;
	content: "";
	height: 0;
	right: 0;
	position: absolute;
	top: 0;
	width: 0
}
.logo {
	background-color: #fff;
	padding:0px;
	text-align: center
}
.logo img {
	max-width: 100%
}
.logo h1 {
	width: 100%;
	display: block;
	margin: 0;
	font-size: 20px;
	color: #fff
}
.logo h1 span {
	display: block;
	margin: 0;
	font-size: 12px;
	color: #fff;
	font-style: italic
}
/*.primarymenu .navbar-nav{    margin-top:31px; float:right; display:table;}*/
.dropdown-menu .has-submenu:after {
	font-family: FontAwesome;
	content: "\f0da";
	position: absolute;
	right: 8px
}
.dropdown>a:after {
	content: "\f0d7";
	font-family: FontAwesome;
	margin-left: 6px;
}
.primarymenu .navbar-inverse .navbar-nav>li>a{
    color: #fff;
    padding: 7px 12px;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 6px;
}
.primarymenu .navbar-inverse .navbar-nav>li>a:before{ content:''; position:absolute; left:0px; bottom:0px; height:2px; width:0%; transition-duration:.3s;}
.primarymenu .navbar-inverse .navbar-nav>.active>a:hover::before,.primarymenu .navbar-inverse .navbar-nav>li>a:hover::before,.primarymenu .navbar-inverse .navbar-nav>.open>a:hover::before {width:100%}
.emplogin > a{color: #fff; background-color:#dc3545 !important;}
.primarymenu .navbar-inverse .navbar-nav>.active>a, .primarymenu .navbar-inverse .navbar-nav>.active>a:focus, .primarymenu .navbar-inverse .navbar-nav>.active>a:hover {
	color: #FB8009;
	background-color:#eee;
}
.primarymenu .navbar-inverse .navbar-nav>li>a:focus, .primarymenu .navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
	
}
.primarymenu .navbar-inverse .navbar-nav>.open>a, .primarymenu .navbar-inverse .navbar-nav>.open>a:focus, .primarymenu .navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff;
	background-color:#EE0409;
}
.primarymenu .navbar .dropdown-menu {
	min-width: 240px!important;
	border-radius: 0;
	background-color:#EE0409;
	padding:0 15px 0 30px; 
}
.primarymenu .navbar .dropdown-menu>li>a {
	color:#fff;
	padding: 5px 0px!important;
	position: relative;
	font-size: 15px;;
	white-space: normal; position:relative;
}
.primarymenu .navbar .dropdown-menu>li>a:before{ content:''; position:absolute; left:0px; bottom:0px; height:1px; background-color:#fff; width:0%; transition-duration:.3s;}
.primarymenu .navbar .dropdown-menu > li > a:hover::before,.primarymenu .navbar .dropdown-menu > li.open > a:before {width:100%}
.primarymenu .navbar .dropdown-menu > li > a:focus, .primarymenu .navbar .dropdown-menu > li > a:hover,.primarymenu .navbar .dropdown-menu > li.open > a{ background-color:rgba(0,0,0,.0); color:#ffff;}
.primarymenu .navbar .dropdown-menu>li>a::after {
	content: "\f178";
	font-family: FontAwesome;
	position: absolute;
	right: -2px;
	color: #ccc
}
.wrapper {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 100
}
.logo-section .nopadding {
	padding: 0
}
.helpline span.oran { 
	color: #dc3545; font-family: 'Roboto', sans-serif;
	font-size: 1.1em
}
.helpline {
	font-size: 1em;
	margin-top: 28px;
	font-weight: 500;
	margin-left: 45%; 
}
.whatsapp span.oran2 {
	color: #dc3545;
	font-size: 1.1em; font-family: 'Roboto', sans-serif;
}
.whatsapp {
	margin-top: 28px;
	font-weight: 500;
	text-align: center
}
.uplogo {
	float: right;
	margin-right: 20px;
	margin-top:0px;
}
 
.pr0{ padding-right:0px;}
.p0{ padding:0px;}
.leader {
 
}
.leader ul {
	margin:0;
	padding: 0;
	list-style: none
}
.leader ul li a.ldrtext {
	color: #ce6c04;
	padding: 0 10px 6px 10px;
	background: #ddd;
	margin-top: 8px;
	cursor: pointer
}
.leader ul li {
	
	padding:0px 10px;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	width:100%; float:left;
}
.leaderbox{background-color:#fff; border: 1px solid #ccc; padding:10px; margin-bottom:20px; min-height: 202px;}
 .leader ul li:last-child{ margin-bottom:0px;}
.leader ul li img {
	border-radius: 50%;
	max-height:95px; display:block; margin:0px auto;
}
.leader ul li h4 {
	color:#445710;
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 3px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.leader ul li p {
	color:#000;
margin-bottom: 5px;
font-size: 0.8em;
text-align: center;
}
.leader-2 ul li{width:100%; position:relative;}
.timeline-TweetList{max-height: 400px;}
.leader-2 .leaderbox{min-height:560px; position:relative;max-height: 560px;}
.leader-2 .leaderbox .messagebtn{ position:absolute; bottom:0px; right:0; left:0px; margin:0px auto; background-color:#299d44; text-align:center; color:#fff; padding:6px 8px;}
#welcome{ background-color:#fff; background-image:url(../images/welcome-bg.png); background-repeat:no-repeat; background-size:cover;} 
.news .nav-pills > li > a{ background-color:#FB8009; color:#fff; border-radius:0px; text-transform:uppercase; font-weight:500; border:1px solid #ccc;}
.news .nav-pills > li > a.active{background-color:#fff; color:#FB8009; }
.news .tab-content{ margin-top:-1px;}
.news .tab-content .tab-pane{ background-color:#fff; border:1px solid #ccc; min-height:500px; padding:15px; position:relative;}
.news .tab-content .tab-pane.show{opacity:1;} 
.news .tab-content .tab-pane .viewall{ position:absolute; right:0px; left:0px; bottom:0px; text-align:center; margin:0px auto; background-color: #299d44; color:#fff; padding:10px; text-transform:uppercase;}
.vticker {
	margin-bottom: 15px; 
}
.vticker .arw, .vticker .dtype, .vticker .fa-file-pdf-o {
	display: none
}
.vticker .dsize {
	font-size: .8em;
	color: #352961!important;
	margin-top: 5px
}
.vticker{
	list-style: none;
	margin: 0;
	padding: 0; max-height:300px;/* overflow:auto;*/
}
.vticker li {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	position: relative;
	padding-left: 60px
}
.vticker li:before {
	content: url(../images/small-calendar.png);
	position: absolute;
	background-color: #FB8009;
	padding: 11px;
	border-radius:4px;
	left: 0;
	width: 50px;
	height: 50px
}
.vticker li a {
	display: block;
	color: #2a2a2a;
	font-weight: 700
}
.vticker li span {
	display: block
}
.vticker li .ndate {
	color: #a3a3a3;
	font-size: .82em;
	text-transform: uppercase;
	font-weight: 900; display:inline-block; margin-left:15px;
}
.vticker li .dsize {
	color: #666;
	font-size: .8em; display:inline-block;
}


.vticker1 {
	margin-bottom: 15px; 
}
.vticker1 .arw, .vticker .dtype, .vticker .fa-file-pdf-o {
	display: none
}
.vticker1 .dsize {
	font-size: .8em;
	color: #352961!important;
	margin-top: 5px
}
.vticker1{
	list-style: none;
	margin: 0;
	padding: 0; max-height:300px;/* overflow:auto;*/
}
.vticker1 li {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	position: relative;
	padding-left: 60px;
	margin-top: 3px;
}
.vticker1 li:before {
	content: url(../images/images.png);
	position: absolute;
	background-color: #FB8009;
	padding: 8px;
	border-radius:4px;
	left: 0;
	width: 40px;
	height: 40px
}
.vticker1 li a {
	display: block;
	color: #2a2a2a;
	font-weight: 700
}
.vticker1 li span {
	display: block
}
.vticker1 li .ndate {
	color: #a3a3a3;
	font-size: .82em;
	text-transform: uppercase;
	font-weight: 900; display:inline-block; margin-left:15px;
}
.vticker1 li .dsize {
	color: #666;
	font-size: .8em; display:inline-block;
}




.btn-outline-primary {
	border-color:#001E59;
	color: #001E59;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
	border-color: #001E59;
	background-color:#001E59;
	color: #fff;
	text-decoration: none;
}
.box-back{z-index:10; }

#scheme{ background-repeat:no-repeat; background-position:center right;}
#scheme .title{
    font-size:20px;
    color: #EE0409;
    font-weight: 700;
}
.nnabout{ }
.schemebox{padding:20px;}
.readmore-btn {
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    background-color: #EE0409;
    font-weight: 600;
    text-transform: uppercase;
}
.readmore-btn:hover{color:#000; background-color:#EE0409;text-decoration:none}
.schemebox ul{ list-style:none; margin:40px 0px 0px 0px; padding:0px; display:flex; flex-direction: row; justify-content: left;}
.schemebox ul li img{ max-width:100%;}
.schemebox ul li{flex-grow: 1; padding:10px; border-right:1px solid #eee;}
.schemebox ul li:last-child{ border-right:0px;}
#department{ padding:15px 0px; background-image:url(../images/depbg2.jpg); background-size: contain; background-repeat:no-repeat; background-position:left center; background-color:#FB8009;}
#department .title{color:#fff; font-weight:700; text-align:center; text-transform:uppercase;} 
#department ul{ list-style:none; margin:0px; padding:0px; display:table; width:100%;}
#department ul li{ width:33%; box-sizing: border-box; padding:10px; float:left;}
#department ul li a{ display:block; background-color:#fff; border-radius:8px; padding:15px; text-align:center; font-weight:600; font-size:1.1em; transition-duration:.3s;}
#department ul li a svg{ height:80px; margin:0px auto; display:block; fill:#299d44; margin-bottom:15px;}
#department ul li a:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.6); background-color:#299d44; color:#fff;}
#department ul li a:hover svg{fill:#fff;}

#services{ padding:15px 0px; }
#services .title{color:#FB8009; font-weight:700; text-align:center; text-transform:uppercase; position:relative; margin-bottom:20px;} 
#services .title:after{ content:""; width:8%; height:2px; background-color:#FB8009; position:absolute; right:0px; left:0px; margin:0px auto; bottom:-10px;}
#services .text{ text-align:center;}
#services ul{ list-style:none; margin:40px 0px 0px 0px; padding:0px; display:flex; flex-direction: row; justify-content: left;}
#services ul li img{ height:100px; display:block; margin:0px auto 12px auto;}
#services ul li{flex-grow: 1; padding:10px; border-right:1px solid #eee; text-align:center; font-size:1.1em; color:#000; font-weight:600; transition-duration:.3s;}
#services ul li:last-child{ border-right:0px;}
#services ul li:hover{box-shadow:0px 0px 35px rgba(0,0,0,.3); }

#photogallery{ padding:15px 0px 0px 0px; }
#photogallery .title{color:#FB8009; font-weight:700; text-align:center; text-transform:uppercase; position:relative; margin-bottom:20px;} 
#photogallery .title:after{ content:""; width:8%; height:2px; background-color:#FB8009; position:absolute; right:0px; left:0px; margin:0px auto; bottom:-10px;}

.gallery-thumb {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    max-height: 100vh; list-style:none; margin:0px; padding:0px; justify-content: left;
  }
.gallery-thumb li { flex-grow: 1; padding:1px;
width: 18vw;
box-sizing: border-box; position:relative; overflow:hidden;
  }
.gallery-thumb li img{ max-width:100%; min-height:200px; max-height:200px;}  
.gallery-thumb li a{ display:block; position:relative; transition-duration:.3s;}
.gallery-thumb li a:after{ content:url(../images/search.png); position:absolute; right:0px; left:0px; top:0px; background-color:rgba(0,0,0,.5); width:100%; height:100%; text-align: center; padding: 30%; opacity:.0; transition-duration:.3s;}
.gallery-thumb li a:hover::after{opacity:1;} 

#littlearc{ background-color:#f0f0f0; padding:20px 0px;}
#littlearc .title {
    color: #FB8009;
    font-weight: 600;
}
#littlearc .nav-pills li{ float:none; padding:3px 0px;}
#littlearc .nav-pills li a{ background-color:rgba(255,255,255,.8); color:#000; font-weight:600; padding:14px 15px;}
#littlearc .nav-pills li a:hover{background-color:rgba(0,0,0,.1);}
#littlearc .nav-pills li a.active{ color:#fff; background-color:#ff691f;}
#littlearc .nav-pills li a:after{content: "\f178"; font-family:FontAwesome; float:right;}
#littlearc .tab-content .tab-pane.show {
    opacity: 1;
}

#littlearc .tab-content{ background-color:#FB8009; padding:20px; border-radius:4px; min-height:328px;}
#littlearc .tab-content .title{ color:#fff; margin-top:0px;} 

#newsletter .nzletter-list {
    margin: auto !important;
    padding-left: 0;
    width:100%; display:table;
}
#newsletter .nzletter-list li {
    background-color: #fff;
    list-style: outside none none;
    margin:3px;
    padding:10px;
    text-align: center;
    border-radius:5px;
	width:auto;
	min-height:418px;
}
#newsletter .nzletter-list li img {
    width: 100%;
}
#newsletter .nzletter-list li a {
    display: block;
}
 
#newsletter .nzletter-list strong {
    color: #06916e;
    display: inline-block;
    font-weight: normal;
    margin: 6px 0;
    min-height: 57px;
}
#newsletter .nzletter-list p span {font-size:.8em; display: block;
}
#newsletter .nzletter-list strong i {
    color: #ba2c2c;
}
#littlearc .tab-content .viewmore{ color:#fff; text-transform:uppercase;}
#newsletter .nzletter-list .owl-buttons div{ background-color:transparent !important; padding:0px 3px;}
#newsletter .nzletter-list .owl-buttons div i{ color:#fff; font-size:1.6em;}
#newsletter .newsletter .owl-pagination{ display:none;}
#newsletter .owl-buttons{ position:absolute; top:-36px; right:0;}
#littlearc .tab-content .contentbox{ background-color:#fff; border-radius:6px; background-color:#fff; padding:15px;}

 
.brand-items{ list-style:none; margin:6px 0px 0px 0px; padding:0px; overflow:hidden; display:table; width:100%;}
.brand-items .owl-wrapper-outer{display:table; width:100%;}
.brand-items li {
	list-style: none;
	padding: 0px 3px;
}
.brand-items li img{ max-width:100%;}
.brand-items .owl-pagination { display:none;}
.brand-items .owl-buttons div{ background-color:#299d44 !important; padding:0px 12px; border-radius:3px !important; opacity:1!important; margin:0px 5px;}
.brand-items .owl-buttons div i{ color:#fff; font-size:1.6em;}
#footer2 {
  background-color: #333;
  padding:30px 0px;
}
#footer {
  background-color:#EE0409;
  padding:30px 0px 0px 0px; background-image:url(../images/footbg.png); background-repeat:no-repeat; background-position:left top; background-size:100%; 
}
#footer .address h4 {
    color: #EE0409;
    font-weight: 700;
    font-size: 2em;
}
.address ul{list-style:none; margin:25px 0px 0px 0px; padding:0px;}
.address ul li{
    font-size: 16px;
    color: #000;
    margin-bottom: 3px;
    position: relative;
    display: flex;
    align-items: start;
    column-gap: 10px;
}
/*.address ul li:before{ content:""; font-family: 'simple-line-icons'; position:absolute; left:0px; font-size:35px; top:0px; color:#dd491e; }
.address ul li.address:before{content:"\e096";}
.address ul li.phone:before{content:"\e010";}
.address ul li.email:before{content:"\e01f";}
.address ul li.working:before{content:"\e081";}*/
.address ul li svg{position:absolute; left:0; height:37px; fill:#299d44;}
#footer .footerother{ text-align:center;}
#footer .footerother h4{ color:#fff; font-weight:700; font-size: 1.6em;    text-align:start; padding-left: 50px;border-bottom:none;margin-bottom:5px;}
.socialmedia{ margin:0px; padding:0px; list-style:none; display:inline-block;}
.socialmedia li{ float:left; margin:0px 5px;}
.socialmedia li a{border-radius:4px; background-color:#fff; display:block; padding:6px;}
.socialmedia li a svg,.socialmedia li a img{ max-height:27px;}
.socialmedia li a.facebook svg{ fill:#4268b1;}
.socialmedia li a.twitter svg{ fill:#2daae1;}
.socialmedia li a.youtube svg{ fill:#cc191e;}
.socialmedia li a.insta svg{ fill:#e82db7;}
#footer .button{ margin-top:25px;  margin-bottom:25px;}
#footer .button a{ color:#fff; margin:0px 5px; font-size: 1.1em; border-radius: 5px;}
.footer-link{border-bottom:1px solid rgba(255,255,255,.2); color:#fff; margin:0px auto 10px auto;}
.footer-link li{ display:inline-block; padding:0px 15px; font-size:0.9em; border-right:1px solid rgba(255,255,255,.2);}
.footer-link li:last-child{ border-right:0px;}
.footer-link a{color:#fff; display:block;}
#footer .text{ font-size:.89em; color:#fff;}
 
.in-banner {
	position: relative; z-index:0;
}
 
.inheading {
	 
}
.in-banner li.item {
	margin: 0px;
	list-style: none
}
.inheading h2 {font-family: 'Medula One', cursive;
	color:#073555;
	font-size:2.9em;
	display: inline-block;
	padding: 10px 0px; margin:0px;
}
.inheading h1 {
	color: #fff;
	font-size: 2.8em;
}
.breed-crum-div {
	margin-bottom: 0px;
	border-radius: 0px;
	background-color: #fff;
	padding:5px 0px; border-bottom:1px solid #ccc;
}
.breadcrumb {
	font-size: 13px;
	margin-bottom: 0px;
	background-color: transparent; padding:8px 0px;
}
.breadcrumb li a {
	color: #000;
}
.breadcrumb li {
	color: #000 !important;
	margin: 0px 5px;
	font-weight: 500;
}
.breadcrumb .active {
	color:#f3541c !important;
}
.breadcrumb > li + li::before {
	content: close-quote;
}
.contentarea {
	background-image: url(../images/welcome-bg.png); 
	padding:15px 30px 30px 30px;
}
.incontent {
	padding: 15px;
	min-height:358px;  border:1px solid #ccc; background-color:#fff;
}
.search-inline {
	width: 100%;
	left: 0;
	padding-left: 15px;
	padding-right: 15px;
	top: 0;
	height: 45px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	background-color: #ececec;
	z-index: 99999;
	transition: all .5s ease-in-out;
}
.search-inline.search-visible {
	opacity: 1;
	visibility: visible;
	animation: fadeInDown 0.4s ease-in-out;
}
.search-inline button[type="submit"] {
	position: absolute;
	right: 52px;
	top: 0;
	background-color: transparent;
	border: 0px;
	top: 0;
	right: 80px;
	padding: 0px;
	cursor: pointer;
	width: 80px;
	height: 99%;
	background:#ff6d03;
	color: #fff;
}
.search-inline .form-control {
	border: 0px;
	padding-left: 0;
	font-size: 2rem;
	position: absolute;
	left: 1%;
	top: 0;
	height: 100%;
	width: 99%;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	outline: none;
}
.search-inline .search-close {
	position: absolute;
	top: 0;
	right: 0;
	color: #616161;
	width: 80px;
	height: 100%;
	text-align: center;
	display: table;
	background: #efefef;
	text-decoration: none;
}
.search-inline .search-close i {
	display: table-cell;
	vertical-align: middle;
	color:
#fff;
background:
#445710;
}
.search-inline .form-control {
	display: block;
	width: 100%;
	padding: 0px 0px;
	font-size: 1em;
	line-height: 1.5;
	color: #007c7c;
	background-color: #efefef;
	background-clip: padding-box;
	border: 1px solid #efefef;
 border-radius: .25rem;
	font-weight: 300;
	transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 transform: translate3d(0, -20%, 0);
}
to {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
}

#implink-wrap{ position:relative; padding:25px 0px 30px 0px; background-color:#fff; background-image:url(../images/imp-link-bg.png); background-repeat:repeat; background-position:center;}
#implink-wrap .title {
    color: #EE0409;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
}
implink-wrap .title:after {
    content: "";
    width: 8%;
    height: 2px;
    background-color: #EE0409;
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    bottom: -10px;
}
#implink-wrap .implink{ background-color:#fff; border:1px solid #ccc;}
 
.rightborder{ border-right:1px solid rgba(0,0,0,.3);}
.connect .fa{ font-size:1.6em; margin-right:5px;}
.connect .fa-facebook-square{ color:#3d5b9b;}
.connect .fa-twitter-square{ color:#2daae2}
.connect .fa-youtube-play{ color:#d4111e}
.pwdFxd {
    left: 0;
   
    top: 0;
    width: 100%;
}

.filter{display: flex; list-style:none; margin:-15px -15px 20px -15px; padding:0px; flex-direction: row;
justify-content: left; background-color:#dee1d4; padding:10px;}
.filter li{ padding:3px; flex-grow: 1;}
.filter li label{ color:#000;} 
.filter li .archive{ display:block; background-color:#ff6d03; color:#fff;}
.pdf-size{color:#2d2d2d; font-size:12px; font-weight:normal; display:block;}
.pdf-size:before {
	font-family: 'FontAwesome';
	content: "\f1c1";
	color: #2d2d2d;
	margin: 0px 5px;
}
.rar-size{color:#2d2d2d; font-size:12px; font-weight:normal; display:block;}
.rar-size:before {
	font-family: 'FontAwesome';
	content:"\f1c6";
	color: #2d2d2d;
	margin: 0px 5px;
}
.table > thead > tr > th {
background-color: #445710;
color: #fff;
}


.missionlist{ list-style:none; margin:20px 0px 0px 0px; padding:0px;}
.missionlist li{ display:table; widows:100%; padding:7px 0px;}
.missionlist li .icon,.missionlist li .data{ display:table-cell; vertical-align:top;}
.missionlist li .data h5{ font-size:20px; color:#000;}
.missionlist li .icon{ width:80px; vertical-align:middle;}
.missionlist li .icon svg{ width:82%; fill:#ff6d03;}
.missionlist.contact-details li .icon svg {
    width: 55%;
}

.incontent h3 { font-family: 'Medula One', cursive;
font-size: 2em;
position: relative;
border-bottom: 1px solid #c8c8c8;
margin: 0 0 30px;
padding: 0 0 10px;
color: #073555;
}
.incontent h3 span {
	color: #ff6d03
}
.incontent h3:before {
	position: absolute;
	height: 5px;
	width: 15%;
	bottom: -3px;
	content: ''; background: #073555;
}

.map{ border:1px solid #ccc;}
.map iframe{ border:0px; width:100%; height:450px;}

.incontent h4 { font-family: 'Medula One', cursive;
font-size: 1.6em;
position: relative;
color: #073555;
}

.gallery{display: flex; flex-wrap: wrap; list-style:none;  margin:0px; padding:0px;}
.gallery li{ padding:5px; box-sizing:border-box; width:33%;}
.gallery li img{ max-width:100%; height:180px;}
.gallery li .thumbnail{ border-radius:0px; color:#000; padding:5px; margin-bottom:0px;}
.gallery li .caption{ display:block; min-height: 80px;}

.sitemap ul {
	background: url(../images/site_map_ul.gif) 0 -5px repeat-y!important;
	list-style-type: none!important;
	margin: 0!important;
	padding: 0 5px 4px 6px!important;
	position: relative!important
}
.sitemap ul li {
	background: url(../images/site_map_list.gif) -5px -5px no-repeat!important;
	line-height: 16px!important;
	padding: 0 0 0 10px!important;
	font: 700 10pt arial;
	margin: 10px 0
}
.sitemap ul li:before{display:none;}
.sitemap ul li a {
/*	background-color: #d5e0ff;
	border: 1px solid #1b426e;*/
	color: #000;
	display: inline-block;
	padding: 5px;
	border-radius: 15px 0;
	transition-duration: .3s; border: 1px solid #d5d5d5;
}
.sitemap ul li a:hover {
	background-color: #fbcf86;
	border: 1px solid #ed9501;
	color: #000;
	padding-left: 5px;
	text-decoration: none
}
.sitemap ul li ul {
	padding-bottom: 1px
}


.sitemap ul li ul li {
	font: 10pt arial
}

.full-w{ width:100% !important}
.half-w{ width:50% !important}
.tree ul.first{ margin:0px auto; text-align:center; display:block; width:70%; position:relative;} 
.tree ul.first:before{ content:""; position:absolute; height:2px; left:0px; background:#ccc; width:50%; }
.tree ul.first:after{ content:""; position:absolute; height:100%; left:0px; background:#ccc; width:2px; }
.tree ul.first li{ display:inline-block;}
.tree ul.second{ padding-top:0px;}
.tree ul {
 padding-top:20px;
 position:relative; max-width:100%; overflow-x:hidden; overflow-y:hidden;
 display: flex; padding-left:10px;  margin-top:0;
}
.tree li {
 /*! float:left; */
 text-align:center;
 list-style-type:none;
 position:relative;
 padding:20px 1px 0px 1px;
 margin-bottom:0px;
 vertical-align: top;
}
.tree li::before,
.tree li::after {
 content:'';
 position:absolute;
 top:0;
 right:50%;
 border-top:2px solid #78a8b3;
 width:52%;
 height:20px;
}
.tree li::after {
 right:auto;
 left:50%;
 border-left:2px solid #78a8b3;
}
.tree li:only-child::after,
.tree li:only-child::before {
 display:none;
}
.tree li:only-child {
 padding-top:0;
}
.tree li:first-child::before,
.tree li:last-child::after {
 border:0 none;
}
.tree li:last-child::before {
 border-right:2px solid #78a8b3;
 border-radius:0 5px 0 0;
 -webkit-border-radius:0 5px 0 0;
 -moz-border-radius:0 5px 0 0;
}
.tree li:first-child::after {
 border-radius:5px 0 0 0;
 -webkit-border-radius:5px 0 0 0;
 -moz-border-radius:5px 0 0 0;
}
.tree ul ul::before {
 content:'';
 position:absolute;
 top:0;
 left:50%;
 border-left:2px solid #78a8b3;
 width:0;
 height:20px;
}
.tree li a {
 padding:5px;
 text-decoration:none;
 color:#000;
 font-family:arial,verdana,tahoma;
 font-size:0.9em;
 display:inline-block;
 border:1px solid #d4943a;
width:170px;
height:44px;
 background:#f7d8ad;
 word-break: break-word;
 white-space: pre-wrap; pointer-events:none; border-radius:4px;
}
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before {
 border-color:#94a0b4;
}


.pdf-img img {
    width: 25px !important;
}

.pdf-img {
    display: inline-block;
}
.pdf-img+p{
    display: inline-block;
}


.gallery {
        margin: 10px 40px;
    }
      
    .gallery img {
        width: 200px;
        height: 50px;
        transition: 1s;
        padding: 5px;
    }
      
    .gallery img:hover {
        filter: drop-shadow(4px 4px 6px gray);
        transform: scale(1.1);
    }
.d-none {
    display:none;
}

table th {
    font-size:17px;
    font-weight:700;
    color:#fff;
    text-align:center;
    padding:7px 8px;
    background:#EE0409;
   
}

table td {
    padding:7px 8px;
    font-size:16px;
    font-weight:600;
    color:#000;
    text-align:center;
}

#pageCaption span{
    color:#fff !important;
}


.shubhamabout-section {
    padding: 40px 50px;
    background: #f7f9fc;
}

.shubhamabout-container {
    display: flex;
    align-items: center;
    gap: 50px;
}

.shubhamabout-img{
    width:50%;
}
.shubhamabout-img img{
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    height: 500px;
    object-fit: cover;

}
.shubhamabout-content{
    width:50%;
}
.shubhamabout-content h1{
    font-size:32px;
    color:#EE0409;
    margin-bottom:5px;
    font-weight:700;
}
.shubhamabout-content h4{
    font-size: 20px;
    color: black;
    margin-bottom: 10px;
}
.shubhamabout-content h6{
    font-size: 16px;
    color: black;
    margin-bottom: 10px;
    font-weight:700;
}
.shubhamabout-content p{
    line-height: 26px;
    font-size: 15px;
    margin-bottom: 14px;
}

.shubhamabout-content ul{
    padding-left:10px;
}

.shubhamabout-content ul li{
    list-style:disc;
    font-size: 15px;
}

.about-points{
    margin-bottom:20px;
}
.about-points div{
    margin-bottom:8px;
    font-weight:500;
    color:#EE0409;
}
.shubhamabout-btn{
    display:inline-block;
    padding:10px 25px;
    background:#EE0409;
    color:#fff;
    text-decoration:none;
    border-radius:25px;
    transition:.3s;
}
.shubhamabout-btn:hover{
    background:#EE0409;
    color:#fff;
}
@media(max-width:900px){
    .shubhamabout-container{
        flex-direction:column;
    }
    .shubhamabout-img,
    .shubhamabout-content{
        width:100%;
    }
    .shubhamabout-section{
        padding:60px 20px;
    }
}

.members{
    margin-top: 40px;
}
.member-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  position:relative;
  transition:0.45s ease;
  box-shadow:0 10px 30px rgba(0,0,0,0.07);
  border:1px solid #f1f1f1;
  text-align:center; /* add this */
}

.member-card img{
  width:150px !important;
  height:150px;
  object-fit:cover;
  border-radius:50%;
  border:6px solid #fff;
  margin-top:45px;
  position:relative;
  z-index:2;
  transition:0.45s ease;
  box-shadow:0 8px 25px rgba(0,0,0,0.15);

  /* ADD THESE */
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* TOP ORANGE DESIGN */
.member-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100px;
  background:linear-gradient(135deg,#EE0409,#830a0a);
  border-radius:0 0 40px 40px;
  transition:0.5s ease;
}

/* HOVER */
.member-card:hover{
  transform:translateY(-12px);
  box-shadow:0 25px 45px rgba(0,0,0,0.15);
}

.member-card:hover::before{
  height:140px;
}

/* IMAGE */
.member-card img{
  width:160px;
  height:160px;
  object-fit:cover;
  border-radius:50%;
  border:6px solid #fff;
  margin-top:30px;
  position:relative;
  z-index:2;
  transition:0.45s ease;
  box-shadow:0 8px 25px rgba(0,0,0,0.15);
  object-position: top;
}

.member-card:hover img{
  transform:scale(1.08) rotate(2deg);
}

/* CONTENT */
.member-card h4{
    font-size: 16px;
    color: #111827;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px 10px;
    line-height: 20px;
    font-weight: 600;
}

/* ROLE */
.member-card span{
  display:block;
  margin-top:8px;
  margin-bottom:28px;
  padding:10px 22px;
  font-size:14px;
  border-radius:40px;
  background:#ebcfcf;
  color:#EE0409;
  font-weight:600;
  transition:0.4s ease;
}

.member-card:hover span{
  background:#EE0409;
  color:#fff;
}

/* RESPONSIVE */
@media(max-width:1200px){

  .members{
    grid-template-columns:repeat(3,1fr);
  }

}

@media(max-width:768px){

  .committee{
    padding:70px 15px;
  }

  .committee h2{
    font-size:34px;
  }

  .members{
    grid-template-columns:repeat(2,1fr);
    gap:20px;
  }

  .member-card img{
    width:120px !important;
    height:120px;
  }

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

}


.events-section{
    padding:40px 60px;
    background:#f5f7fb;
}

.section-title{
    text-align:center;
    font-size:32px;
    margin-bottom:50px;
    color:#EE0409;
    font-weight:700;
}



/* CARD */
.event-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:.3s;
}
.event-card:hover{
    transform:translateY(-10px);
}

/* IMAGE */
.event-card img{
    width:100%;
    height:200px;
    object-fit:cover;
    object-position: top;
}

/* CONTENT */
.event-content{
    padding:20px;
}
.event-content h3{
    color: #EE0409;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 700;
    font-size: 20px;
}
.event-content p{
    font-size:14px;
    color:#555;
}



/* RESPONSIVE */
@media(max-width:900px){
    .events-section{
        padding:30px 0px;
    }
   
}


.ad-section{
    padding:80px 60px;
    background:#fff;
}

.ad-container{
    display:flex;
    align-items:center;
    gap:50px;
}

/* LEFT */
.ad-content{
    width:50%;
}

.ad-content h2{
    font-size: 30px;
    color: #EE0409;
    margin-bottom: 10px;
    font-weight:700;
}

.ad-content p{
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 15px;
    text-align: justify;
}
.ad-content strong{
    color:#000;
}

.ad-content h3{
    font-size: 22px;
    color: #EE0409;
    margin-bottom: 10px;
    font-weight:700;
}

.ad-btn{
    padding:12px 25px;
    background:#EE0409;
    color:#fff;
    text-decoration:none;
    border-radius:25px;
    display:inline-block;
    transition:0.3s;
    font-size:16px;
}

.ad-btn:hover{
    transform:translateY(-3px);
}

/* SLIDER */
.ad-slider{
    width:50%;
    overflow:hidden;
    border-radius:18px;
    position:relative;
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}


/* RESPONSIVE */
@media(max-width:900px){

    .ad-container{
        flex-direction:column;
    }

    .ad-content,
    .ad-slider{
        width:100%;
    }

    .ad-section{
        padding:60px 20px;
    }

    .slides img{
        height:260px;
    }
}


    .shubhamadvertisement-section{
    padding:80px 40px;
    background:#faf8f4;
}

.shubhamsection-heading{
    text-align:center;
    margin-bottom:45px;
}

.shubhamsection-heading span{
    color:#EE0409;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;

}

.shubhamsection-heading h2{
    font-size:42px;
    margin:10px 0;
    color:#222;
    font-weight:700;
}

.shubhamsection-heading p{
    color:#666;
}

.Shubhamadvertisemenslider{
    padding:20px 0 60px;
}

.Shubhamadvertisemenslider .swiper-slide{
    transition:.4s;
    transform:scale(.82);
    opacity:.45;
}

.Shubhamadvertisemenslider .swiper-slide-active{
    transform:scale(1);
    opacity:1;
}

.shubhamadvertisement-section img{
    width:100%;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#d3b06f;
    opacity:1;
}

.swiper-pagination-bullet-active{
    width:32px;
    border-radius:20px;
    background:#22254d;
}


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

.astro-contact-section {
    position: relative;
    width: 100%;
    padding: 90px 0 100px;
    overflow: hidden;
    background: #f7f7f6;
}


/* White transparent layer over background */

.astro-contact-overlay {
    position: relative;
    width: 100%;
    min-height: 100%;
}


/* Container */

.astro-contact-section .container {
    max-width: 1140px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* =========================================
   HEADING
========================================= */

.contact-heading {
    text-align: center;
    margin-bottom: 45px;
}

    .contact-heading h2 {
        margin: 0 0 15px;
        font-family: Georgia, serif;
        font-size: 42px;
        font-weight: 700;
        color: #171717;
        letter-spacing: 1px;
    }

    .contact-heading p {
        max-width: 720px;
        margin: auto;
        font-size: 16px;
        line-height: 1.8;
        color: #333;
        letter-spacing: 1px;
    }


/* =========================================
   CONTACT BOX ROW
========================================= */

.contact-info-row {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:15px;
}


/* =========================================
   CONTACT BOX
========================================= */

.contact-info-box {
    flex: 1;
    min-width: 278px;
    background: #EE0409;
    text-align: center;
    padding: 40px 25px 42px;
    border-radius: 10px;
    min-height: 298px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    transition: all 0.4s ease;
}


    /* Hover Effect */

    .contact-info-box:hover {
        transform: translateY(-8px);
        box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.18);
    }


/* =========================================
   ICON
========================================= */

.contact-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

    .contact-icon img {
        width: 100%;
    }



/* =========================================
   TITLE
========================================= */

.contact-info-box h3 {
    margin: 0 0 14px;
    font-family: Georgia, serif;
    font-size: 27px;
    font-weight: 700;
    color: #ffffff;
}


/* =========================================
   TEXT
========================================= */

.contact-info-box p {
    margin: 0;
    color: #f1eeee;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}


/* Links */

.contact-info-box a {
    color: #f1eeee;
    text-decoration: none;
    transition: 0.3s;
}

    .contact-info-box a:hover {
        color: #d7a34b;
    }



/* =====================================
   MAIN CONTACT SECTION
===================================== */

.astro-get-touch {
    width: 100%; 
    overflow: hidden;
    padding-bottom: 35px;
}


/* =====================================
   LEFT MAP
===================================== */

.contact-map {
    width: 100%;
    height: 350px;  
}

    .contact-map iframe {
        width: 100%;
        height: 100%;
        
        display: block;
    }


/* =====================================
   RIGHT FORM AREA
===================================== */

.contact-form-area {
    width: 50%;
    
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg,#070520 0%,#12196A 35%,#38228A 65%,#6B18A0 100%);
    display: flex;
    align-items: center;
}


/* =====================================
   CONSTELLATION BACKGROUND IMAGE
===================================== */

.constellation-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(160deg,#070520 0%,#12196A 35%,#38228A 65%,#6B18A0 100%);
    background-repeat: no-repeat;
    background-size: 65% auto;
    background-position: left center;
    opacity: 0.05;
    pointer-events: none;
}


/* =====================================
   FORM CONTENT
===================================== */

.contact-form-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 30px 70px;
}


/* Small Heading */

.contact-small-title {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #252525;
    margin-bottom: 15px;
}


/* Main Heading */

.contact-form-content h2 {
    margin: 0 0 55px;
    font-family: Georgia, serif;
    font-size: 42px;
    font-weight: 700;
    color:#fff;
}


/* =====================================
   FORM ROW
===================================== */

.form-row {
    display: flex;
    gap: 15px;
    width: 100%;
}


/* =====================================
   FORM GROUP
===================================== */

.form-group {
    width: 50%;
    margin-bottom: 28px;
}

    .form-group.full-width {
        width: 100%;
    }


/* =====================================
   INPUT
===================================== */

.astro-contact-form input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    outline: none;
    padding: 10px 0;
    font-size: 15px;
    color: #333;
    font-family: Arial, sans-serif;
}


    .astro-contact-form input::placeholder {
        color: #fff;
        opacity: 1;
    }


    /* Input Focus */

    .astro-contact-form input:focus {
        border-bottom: 1px solid #b58a52;
    }


/* =====================================
   TEXTAREA
===================================== */

.astro-contact-form textarea {
    width: 100%;
    min-height: 100px;
    resize: none;
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    outline: none;
    padding: 10px 0;
    font-size: 15px;
    font-family: Arial, sans-serif;
    color: #333;
}


    .astro-contact-form textarea::placeholder {
        color: #fff;
    }


/* =====================================
   SEND BUTTON
===================================== */

.form-button {
    width: 100%;
}


.astro-send-btn {
    width: 100%;
    border: none;
    background: #050505;
    color: #ffffff;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.4s ease;
}


    .astro-send-btn:hover {
        background: #b58a52;
        color: #fff;
    }


    .astrology-banner {
    position: relative;
    width: 100%;
    min-height: 405px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/bg/CTA-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Dark Overlay */
.astrology-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.62);
    z-index: 1;
}

/* Content */
.astrology-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 980px;
    margin: auto;
    padding: 50px 20px;
}

/* Heading */
.astrology-content h2 {
    margin: 0 0 22px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.5px;
}

/* Description */
.astrology-content p {
    max-width: 865px;
    margin: 0 auto 36px;
    color: #f2f2f2;
    font-family: Arial, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.65;
}

/* Button */
.quote-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 188px;
    height: 50px;

    padding: 0 28px;

    color: #ffffff;
    background: transparent;

    border: 1px dashed rgba(255, 255, 255, 0.65);

    text-decoration: none;
    font-size: 16px;
    font-weight: 500;

    transition: all 0.3s ease;
}

.quote-btn:hover {
    background: #ffffff;
    color: #111111;
    border-color: #ffffff;
}

@media screen and (max-width:900px){
    .contact-heading h2{
        font-size: 27px;
    }
    .astro-contact-section{
        padding: 40px 0 40px;
    }
    .ad-content h2{
        font-size: 25px;
    }
    .contact-info-row{
        grid-template-columns: repeat(1, 1fr);
    }
    .shubhamabout-img img {
        height:auto;
    }
}