@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --primary-color: #606060;
    --secondary-color: #e77724;
    --bg-light: #F6F6F6;
    --buttonhover:#00a557;
}
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body{
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color:#606060;
    font-weight:500;
    letter-spacing: 0.1px;
}
h1, h2, h3, h4, h5, h6{color: var(--secondary-color);font-weight:500;margin-bottom:30px;font-family:"Poppins", sans-serif;}
h1 {font-size:42px;text-transform:capitalize;font-weight: 600;}
h2 {font-size:40px;font-weight: 600;}
h4 {font-size:30px;}
h5 {font-size:24px;}
h6 {font-size:20px;}
ul, ol, figure{ margin: 0;padding: 0;}
a{  letter-spacing: 0.1px;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    font-weight:500;
}
a:hover{color:#000;}
p{margin:0 0 20px 0;}
.btn:focus, .navbar-toggler:focus, button:focus{box-shadow: none;}
p, ul li{color: var(--primary-color);margin: 0;line-height: normal;font-size:16px;font-weight:500;line-height: 28px;list-style: none;font-family: "Montserrat", sans-serif;}
.section-block {padding:80px 0px;}
.padding-bottom-100 {padding-bottom: 90px;}
.padding-top-100 {padding-top: 90px;}
.pull-right {float: right;}
.pull-left {float: left;}
.text-green {color: #2b9150;}
.title-inner h2{text-transform: capitalize;}
/* ---- Button ---- */
.nineteen span {
  position: relative;
  transition: 400ms;
}
button.nineteen {
  background:linear-gradient(to right, #e77724, #069150);
  border-radius:50px;
  border: 0;
  padding:6px 22px;
  color: #fff;
  font-size: 16px;
  font-weight: 500; }

button.nineteen:hover{background: linear-gradient(to right, #069150, #014b28);align-self: center;}
.nineteen span::after {
  content: "";
  background-image: url('../image/BJP_election_symbol.png');
  background-size: contain;
  background-repeat: no-repeat;
  width:25px; 
  height:15px;
  position: absolute;
  opacity: 0;
  bottom: 0;
  top:5px;
  right: -25px;
  transition: 500ms;
}

.nineteen:hover span {
  padding-right: 25px;
}
.nineteen:hover span::after {
  opacity: 1;
  right: -6px;
  background-image: url('../image/BJP_election_symbol.png');
}



/* ---- Navbar ---- */
.navbar-brand img{height:55px;}
  .menu-section {
      background: white;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
      background-color: #816047;
  }
  .nav-item {padding: 0px 12px;}
  .nav-item .nav-link{ font-weight:500;color: #fff;font-size:16px;text-transform: capitalize;}
  .navbar-nav .nav-link.active {color: #ffba87;}
 .navbar-nav .nav-link:hover {color:#ffba87;} 

/* ---- Banner ---- */

#banner-section {overflow: hidden;}
.slider {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

/* Slide Container */
.slider__slides {
  display: flex; /* Align slides horizontally */
  width: 100%;
  height: 100%;
  position: relative;
  /* transition: transform 0.8s ease-in-out; */
}

/* Individual Slides */
.slide {
  min-width: 100%;
  flex: 1 0 100%;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  transition: transform 0.8s ease-in-out;
}

/* Background Images */
.slide:nth-child(1) {
  background-image: url('../image/Banner/banner-3.webp');
}

.slide:nth-child(2) {
  background-image: url('../image/Banner/Banner-1.webp');
}

.slide:nth-child(3) {
  background-image: url('../image/Banner/banner-2.webp');
}

/* Slide Content */
.slide__content {
  text-align: center;
  color: #fff;
  background: rgb(255 255 255 / 80%);
  padding:10px 25px;
  border-radius: 5px;
  margin-top:55%;
}

/* Headings */
.slide__heading {
  font-size: 50px;
  font-weight: bold;
  color: #2456b7;
  margin-bottom: 10px;
}

/* Subtext */
.slide__text {
  font-size: 22px;
  font-weight:500;
  color: #2e2e2e;
}

/* Slider Controls */
.slider__control {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}

.slider__control:hover {
  background: #fffbfa;
}

.slider__control--left {
  left: 25px;
}

.slider__control--right {
  right: 25px;
}

/* Arrow Icons */
.slider__control::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-top: 3px solid #bf261a;
  border-right: 3px solid #bf261a;
  transform: rotate(230deg);
}

.slider__control--right::before {
  transform: rotate(-315deg);
}

/* Left Slide Animation */
@keyframes slideLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

/* Left Slide Out Animation */
@keyframes slideLeftOut {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .slide__heading {
    font-size: 2rem;
  }
  .slide__text {
    font-size: 1rem;
  }
}



/* --------- About Us ---------- */
.sub-text {color: #878685;font-weight: 400;}
.abut-bg  {padding-left:40px;}
.abut-bg img {border-radius: 100%;
  background: #efe5de;margin-top:0px;
  border: 5px solid #e77724;}


.news-meta{
  font-size: 14px;
  font-weight:500;
  line-height: 30px;
  background: #ede6e1;
  position: absolute;
  color: #393737;
  top: 0;
  right:0;
  padding: 7px 15px;
}

.news-meta-right{
  font-size: 14px;
  font-weight:500;
  line-height: 30px;
  color: #2b9150;
  padding:0px;
  margin-bottom: 10px;
    
} 
.news-meta-right::after{content: ''; border-bottom: 1px solid #949494;display: block;}

  .media-ig img{height:30vh;}
  button.read {
    background:linear-gradient(to right, #e77724, #069150);
    border-radius:50px;
    border: 0;
    padding:3px 15px;
    color: #fff;
    font-size: 16px;
  }
    .read span a{ color: #fff; font-size: 15px;}
  .read span {
    position: relative;
    transition: 400ms;
    font-size: 15px;font-weight: 500;
  }
  
  .read span::after {
    content: "";
    background-image: url('../image/BJP_election_symbol.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 23px; 
    height: 19px;
    position: absolute;
    opacity: 0;
    bottom: 0;
    right: -25px;
    transition: 500ms;
}
.read:hover{background: linear-gradient(to right, #069150, #e77724);}
  

  .read:hover span {
    padding-right: 25px;
  }
  
  .read:hover span::after {
    opacity: 1;
    right: -6px;
    top: 2px;
    background-image: url('../image/BJP_election_symbol.png');
  }
  
.title-inner-hindi {
  background:#f2f2f2;
  padding: 20px;
  border-bottom: 4px solid #dddddd;
  margin:30px 0px;
  border-radius:15px;
}

.title-inner-hindi p {color: #000;}
.list-inner li{margin-bottom:2px;}

/* --------- Thoughts section ---------- */


#thoughts p {color: #000000;font-size: 16px;text-align:justify;margin-bottom: 20px;}
#thoughts h5 span {color:#a15924}
#thoughts h1 {text-transform: capitalize;color: #cd5400;} 
.thght-img  {margin-top:30%;}
.thought-cont {padding:0px 40px;}
.thought-img {background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;background-image: url(../image/thoughts-banner-in.jpg);height: 800px;min-height: 800px;}
.sub, .foll, .comm, .like {text-align: center;color: #fff;padding: 5px; justify-self: center;width: 45%;margin: 15px auto 20px;}
  .sub a, .foll a, .comm a, .like a{font-weight: 500;text-align: center;color: #fff;font-size: 15px;}
  .sub svg, .foll svg, .comm svg, .like svg{font-size: 15px;}
.like{background: #3269d7;}
.sub{background: #c00505;}
.foll{background: #0095f6;}
.comm{background: #060606;}


/* --------- Media section ---------- */

.bg{background: #fbf9f2;}
.title-inner h6{color: #794a27;margin-bottom:10px;font-size: 16px;font-weight: 500;line-height:23px;min-height:90px;
}
.media-box {background-color: #fff;padding:15px 15px 25px 15px;border-radius: 10px;height: 100%;} 
.media-box:hover{background-color: #e7d8cc;}
.popular h4{color: #222222;font-size:24px;}
.news-img {width: 50%;margin-right:4%;}
.news-img img{border:3px solid #ffffff;}
.news-txt h6{color: #794a27;margin-bottom:5px;font-size:16px;font-weight: 500;}
.news-txt p{line-height: 25px;font-size: 16px;}
.popular-news {background: #fff;padding:7px;}
.news-txt h6 a{color: #794a27;font-size: 16px;font-weight: 500;}

/* --------- Event section ---------- */

.event-news  {background-color: #fbf9f2;padding:12px;}
.event-news .event-img {width:40%;margin-right:4%;}
.event-news h6{color: #393737;margin-bottom: 10px;font-size:16px;font-weight: 500;}
.event-txt   {width:60%;}


/* --------- Follow Us section ---------- */

.social-img iframe { width: 100%; }
.more-btn ul {
  padding: 10px 20px;
  background: #ffffff;
  color: #fff;
  border-radius: 25px 25px 0px 0px;
  border-bottom: 1px solid #a1a1a1;
}
.more-btn ul li{font-size:18px;}
.more-btn ul li svg{font-size:22px;}
.twitt {color: #000;}
.face {color: #3269d7;}
.insti {color: #d32584;}
.youi {color: #d71818;}
.follow  {border: 5px solid #fff;border-radius: 30px;box-shadow: 0px 5px 10px #b3afaf;}
.follow img{border-radius: 0px 0px 25px 25px;}

/* --------- Footer ---------- */
.joint  {background-image: url(../image/bjp-strip.png);background-repeat: no-repeat;padding: 50px 90px; background-position: bottom;background-color:#f3ece0}
.joint .nineteen {background: #028749;}
.joint p{color: #68340d; font-size: 18px;font-weight: 500;}

.copyright-wrap { background: #a77550; padding:8px 0px;display: flex;}
.copyright-wrap p, .copyright-wrap p a{font-size: 15px;color: #fff;}
.foot-social li a {font-size:20px;color: #fff;padding: 0 5px;}
.foot-social li a:hover{color: #3e210b;}
.copyright-wrap ul li p {font-size: 15px;color: #fff;}
.copyright-wrap ul li p a{font-size: 15px;color: #ffffff;font-weight: 500;}





/************* About US *************/

#breadcrumb {background-image: url(../image/breadcrumb-img.jpg); min-height:270px;align-content: center;background-size: cover;}
#breadcrumb h2{margin-bottom:0px;font-weight: 500;}

#about .title{text-transform: capitalize;}
.title-inner2  h5{font-weight: 500;}
.journey-in{
  background: #fff;
}
.timeline-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin:40px 0px;
  position: relative;
}


.timeline {
  width:82%;
  overflow: hidden;
  position: relative;
  padding:0px 15px;
}

.timeline ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
  list-style: none;
  position: relative;
}

.timeline ul::before {
  content: "";
  position: absolute;
  bottom: 15%;
  left: 0;
  width: 100%;
  height:3px;
  background: #6d6e6b;
  transform: translateY(-50%);
  z-index:0;
}

.event {
  text-align: center;
  position: relative;
  width: 200px;
  cursor: pointer;
}

.event .dot {
  width: 16px;
  height: 16px;
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
  border:3px solid #e77724;
  transition: 0.3s;
}

.event.active .dot {
  background: #0b7741;
}

.event p {
  margin-bottom:20px;
  font-size:16px;
  color: #000000;
}
button.prev {
  background: #e77724;
  border: none;
  padding:9px 11px;margin-top:45px;
}
button.next {
  background: #e77724;
  border: none;
  padding:9px 11px;;margin-top:45px;
}


/****** Journey *****/
.content-journey {
  background-image: url(../image/SM-banner1.jpg);
  background-repeat: no-repeat;
  margin: auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding:60px 0px 60px;
  background-size: cover;
  background-attachment: fixed;
}
.desc {
  padding:0% 12%;margin: 0 auto;
}
#description{color: #3a3a3a;font-size:16px;padding-bottom: 25px;}
#title {color: #0e904f;margin-bottom: 20px;font-size:30px;}

.journey-img {
  position: relative;
}

.journey-img::before, .journey-img::after {
  content: '';
  position: absolute;
  background-color: #0e904f;
}

.journey-img::before {
  background-color: #0e904f;
  width: 15px;
  height:130px;
  top: -15px;
  left:-10px;
}

.journey-img::after {
  background-color: #0e904f;
  width: 130px;
  height: 15px;
  top: -15px;
  left: -10px;
}

.journey-in {
  position:relative;
}

/* Bottom-right corner */
.journey-in::before,
.journey-in::after {
  content: '';
  position: absolute;
}

.journey-in::before {
  background-color: #e77724;
  width: 15px;
  height:130px;
  bottom: -15px;
  right:-14px;
}

.journey-in::after {
  background-color: #e77724;
  width: 130px;
  height: 15px;
  bottom: -16px;
  right: -14px;
}


/****** GAllery ******/
.portfolio input[type="radio"]{
  display: none;
}
.portfolio .tabs label{
  display: inline-block;
  color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    border-radius: 0px 20px;
    margin:0px 10px 40px;
  text-transform: uppercase;
  text-align: center;
  padding:5px 10px;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 0;
}
.portfolio .tabs .all{
  display: none;
  transform-origin: 10% 50%;
}
.portfolio .tabs .content {
  margin-bottom: 29px;
  position: relative;
  overflow: hidden;
}
.portfolio .tabs .content img {
  /* height: 190px; */
  width: 100%;
}
.portfolio .tabs label:not(:first-of-type){
  margin-left: -4px;
}
.portfolio input[id="all"]:checked ~ .content .all{
  display: block;
  animation: animateTabe 1s;
}
.portfolio input[id="websiteDesign"]:checked ~ .content .websiteDesign{
  display: block;
  animation: animateTabe 1s;
}
.portfolio input[id="PHOTOGRAPHY"]:checked ~ .content .PHOTOGRAPHY{
  display: block;
  animation: animateTabe 1s;
}
.portfolio input[id="graphicDesign"]:checked ~ .content .graphicDesign{
  display: block;
  animation: animateTabe 1s;
}
.portfolio input[type="radio"]:checked + label{
     background: var(--secondary-color);
    color: #fff;
  cursor: default;
}
.portfolio input[type="radio"]:checked + label img{filter: brightness(0) invert(1);}
.portfolio .tabs .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top:100%;
  padding-top: 10%;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background: rgba(0,0,0,.5);
  left: 0;
  transition: all .5s;
  transition: all .5s linear;

}
.portfolio .tabs .all .content:hover .overlay{
  top: 0;
}
.portfolio .tabs .overlay span{
  padding: 2px 8px;
  border: 1px solid #fff;
  border-radius: 3px;
  cursor: pointer;
}
.portfolio .tabs .overlay span:hover{
  background: #5CC05C;
  border-color: #5CC05C;
}
@keyframes animateTabe{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.classic-list{
  list-style-type: none;
}


.post {
    margin-bottom:40px;
}
.post__image {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.post__image:before,
.post__image:after {
  content: '';
  display: block;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 100%;
  height: 100%;
}

.post__image:before {
  background-size: cover;
  background-position: center center;
  transform: scale(1);
  filter: blur(0);
  transition: 2s cubic-bezier(0, 0.6, 0.2, 1);
}

.post__image:after {
  background:linear-gradient(180deg, #00733d 50%, #d3610c 100%);
  background-size: 100% 300%;
  background-position: bottom left;
  opacity: 0.15;
  transition: 2s cubic-bezier(0, 0.6, 0.2, 1);
}
.post__content {
  margin: -3rem 1.5rem 0;
  padding:15px 20px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow:0 6px 10px rgba(0, 0, 0, 0.15);
  transition: margin 0.2s ease-in-out;
  position: relative;
  z-index: 1;
  user-select: none;
}

.post__inside {
  overflow: hidden;
  height: 5.2rem;
  transition: height 0.2s ease-in-out;
}

.post__excerpt {
  overflow: hidden;
  margin: 0;
  color: #5f3618;
  max-height: 7.25rem;
  position: relative;
}
.read-more-btn {
  background:linear-gradient(to right, #e77724, #069150);
    border-radius:50px;
    border: 0;
    padding:4px 15px;
    color: #fff;
    font-size:15px;
}
.read-more-btn svg{font-size: 14px;}


/* ====== HOVER ====== */

.post:hover .post__content {
  margin-top: -9.7rem;
}

.post:hover .post__inside {
  height: 10.7rem;
}

.post:hover .post__image:after {
  opacity: 0.5;
}

.post:hover .post__image:before {
  transform: scale(1.1);
  filter: blur(10px);
}





/*------------------------pagination----------------------------*/
.custom-theme ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.custom-theme span {
	float: left;
	color: #666;
	font-size:14px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #553217;
	padding: 0px 10px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 3px 5px #979797;
	background: #553217;
}
.custom-theme a{
	float: left;
	color: #553217;
	font-size:14px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #553217;
	padding: 0px 10px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	/*box-shadow: 0 5px 8px rgba(0,0,0,0.16);*/
	background: transparent;
	display: inline-block;
	line-height: inherit;
}

.custom-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
	box-shadow: 0 3px 5px #db6922;
}

.custom-theme .current {
	background: #553217;
	color: #FFF;
	border-color: #553217;
	box-shadow: 0 3px 5px #979797;
	cursor: default;
}

.custom-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
.pagination-vip  {width: fit-content;margin:20px auto 0px;}
.box{
  padding: 15px;
}





.form-img {background: #dfe7e3; text-align: center; height: 100%; padding:5% 10%;}
.form-img p{color: #003c0c;font-size:18px;margin-top:30px;}
.form-img img{    border-radius: 100%; width: 50%; border: 5px solid #e77724;}
.form_wrapper {
  background: #fff;
  max-width: 100%;
  box-sizing: border-box;
  padding: 25px;
  margin:0% auto 0;
  position: relative;
  z-index: 1;
  border-top:5px solid #028749;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  /* transform-origin: 50% 0%;
  transform: scale3d(1, 1, 1);
  transition: none;
  animation: expand 0.8s 0.6s ease-out forwards;
  opacity: 0; */
}

.form_wrapper h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0;
  color: #000;
}

.form_wrapper .title_container {
  text-align: center;
  padding-bottom: 15px;
}

.form_wrapper h3 {
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
}

.form_wrapper label {
  font-size: 16px;color:#575757;
}

.form_wrapper .row {
  margin: 10px -15px;
}

.form_wrapper .row > div {
  padding: 0 15px;
  box-sizing: border-box;
}

.form_wrapper .col_half {
  width: 50%;
  float: left;
}

.form_wrapper .input_field {
  position: relative;
  margin-bottom: 20px;
  animation: bounce 0.6s ease-out;
}

.form_wrapper .input_field > span {
  position: absolute;
  left: 0;
  top: 0;
  color: #e77724;
  height:95%;
  border-right: 1px solid #cccccc;
  text-align: center;
  width: 30px;
  line-height: 45px;
}

.form_wrapper input[type="text"],
.form_wrapper input[type="email"],
.form_wrapper textarea {
  width: 100%;
  padding: 8px 10px 9px 35px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  outline: none;
  transition: all 0.30s ease-in-out;
}

.form_wrapper input[type="text"]:hover,
.form_wrapper input[type="email"]:hover{
  background: #fafafa;
}

.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="email"]:focus,
.form_wrapper textarea:focus{
  box-shadow: 0 0 2px 1px rgb(255, 182, 127);
  border: 1px solid #ff923f;
  background: #fafafa;
}


.form_wrapper input[type="submit"] {
  background:linear-gradient(to right, #e77724, #069150);
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50px;
  border: 0;
  padding: 7px 50px;
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
  transition: all 0.30s ease-in-out;
}

.form_wrapper input[type="submit"]:hover,
.form_wrapper input[type="submit"]:focus {
  background:linear-gradient(to right, #069150, #e77724);
}

.form_wrapper input[type="checkbox"],
.form_wrapper input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


.checkbox_option label {
  margin-right: 1em;
  position: relative;
}

.checkbox_option label:before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  vertical-align: -2px;
  border: 2px solid #cccccc;
  padding: 0.12em;
  background-color: transparent;
  background-clip: content-box;
  transition: all 0.2s ease;
}

.checkbox_option label:after {
  border-right: 2px solid #000000;
  border-top: 2px solid #000000;
  content: "";
  height: 20px;
  left: 2px;
  position: absolute;
  top: 7px;
  transform: scaleX(-1) rotate(135deg);
  transform-origin: left top;
  width: 7px;
  display: none;
}

.checkbox_option input:hover + label:before {
  border-color: #000000;
}

.checkbox_option input:checked + label:before {
  border-color: #000000;
}

.checkbox_option input:checked + label:after {
  animation: check 0.8s ease 0s running;
  display: block;
  width: 7px;
  height: 20px;
  border-color: #000000;
}

.radio_option label {
  margin-right: 1em;
}

.radio_option label:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border-radius: 100%;
  vertical-align: -3px;
  border: 2px solid #cccccc;
  padding: 0.15em;
  background-color: transparent;
  background-clip: content-box;
  transition: all 0.2s ease;
}

.radio_option input:hover + label:before,
.radio_option input:checked + label:before {
  border-color: #000000;
}

.radio_option input:checked + label:before {
  background-color: #000000;
}

.select_option {
  position: relative;
  width: 100%;
}

.select_option select {
  display: inline-block;
  width: 100%;
  height: 35px;
  padding: 0px 15px;
  cursor: pointer;
  color: #7b7b7b;
  border: 1px solid #cccccc;
  border-radius: 0;
  background: #fff;
  appearance: none;
  transition: all 0.2s ease;
}

.select_option select::-ms-expand {
  display: none;
}

.select_option select:hover,
.select_option select:focus {
  color: #000000;
  background: #fafafa;
  border-color: #000000;
  outline: none;
}

.select_arrow {
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-width: 8px 5px 0 5px;
  border-style: solid;
  border-color: #7b7b7b transparent transparent transparent;
}

.select_option select:hover + .select_arrow,
.select_option select:focus + .select_arrow {
  border-top-color: #000000;
}

.credit {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 15px;
  color: #f5ba1a;
}

.credit a {
  color: #dca213;
}

@keyframes check {
  0% { height: 0; width: 0; }
  25% { height: 0; width: 7px; }
  50% { height: 20px; width: 7px; }
}

@keyframes expand {
  0% { transform: scale3d(1,0,1); opacity:0; }
  25% { transform: scale3d(1,1.2,1); }
  50% { transform: scale3d(1,0.85,1); }
  75% { transform: scale3d(1,1.05,1); }
  100% { transform: scale3d(1,1,1); opacity:1; }
}

@keyframes bounce {
  0% { transform: translate3d(0,-25px,0); opacity:0; }
  25% { transform: translate3d(0,10px,0); }
  50% { transform: translate3d(0,-6px,0); }
  75% { transform: translate3d(0,2px,0); }
  100% { transform: translate3d(0,0,0); opacity: 1; }
}

@media (max-width: 600px) {
  .form_wrapper .col_half {
    width: 100%;
    float: none;
  }

  .bottom_row .col_half {
    width: 50%;
    float: left;
  }

  .form_container .row .col_half.last {
    border-left: none;
  }

  .remember_me {
    padding-bottom: 20px;
  }
}
/* FORM ELEMENTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.my-form h3 {
  margin-bottom: 1.5rem;
}

.my-form li,
.my-form .grid > *:not(:last-child) {
  margin-bottom: 1.5rem;
}

.my-form select,
.my-form input,
.my-form textarea{
  width: 100%;
  line-height: 1.5;
  padding: 15px 10px;
  border: 1px solid #ddd;
  background: var(--bgFormEls);
  transition: background-color 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25),
    transform 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
}

.my-form textarea {
  height: 170px;
}

.my-form ::placeholder {
  color: inherit;
  /*Fix opacity issue on Firefox*/
  opacity: 1;
}

.my-form select:focus,
.my-form input:focus,
.my-form textarea:focus,
.my-form button:enabled:hover,
.my-form button:focus,
.my-form input[type="checkbox"]:focus + label {
  background: var(--bgFormElsFocus);
}

.my-form select:focus,
.my-form input:focus,
.my-form textarea:focus {
  transform: scale(1.02);
}

.my-form *:required,
.my-form select {
  background-repeat: no-repeat;
  background-position: center right 12px;
  background-size: 12px 12px;
}

.my-form *:required {
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/asterisk.svg);  
}

.my-form select {
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/down.svg);
}
form.my-form {
  padding: 3% 6% 2%;
    background: #fff;
    box-shadow:0px 3px 5px #adabab;
    width: 80%;
    margin: -14% auto 0% auto;
}

.my-form::placeholder {color: #ddd;}


.my-form .nineteen {
  padding: 10px 50px;
    display: flex;
    justify-self: anchor-center;
}

.my-form button > * {
  display: inline-block;
  width: 100%;
  transition: transform 0.4s ease-in-out;
}


/* CUSTOM CHECKBOX
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.my-form input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.my-form input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  padding-left: 2rem;
  transition: background 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
}

.my-form input[type="checkbox"] + label::before,
.my-form input[type="checkbox"] + label::after {
  content: '';
  position: absolute;
}

.my-form input[type="checkbox"] + label::before {
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  border: 2px solid #FFF;
}

.my-form input[type="checkbox"]:checked + label::before {
  background: var(--red);
}

.my-form input[type="checkbox"]:checked + label::after {
  left: 7px;
  top: 7px;
  width: 6px;
  height: 14px;
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
}

@media screen and (min-width: 600px) {
  .my-form .grid {
    display: grid;
    grid-gap: 1.5rem;
  }

  .my-form .grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .my-form .grid > *:not(:last-child) {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 541px) {
  .my-form input[type="checkbox"] + label::before {
    top: 50%;
    transform: translateY(-50%);
  }

  .my-form input[type="checkbox"]:checked + label::after {
    top: 3px;
  }
}



/*************** News/Media ***********/

.gardian {background: #f8f8f8 url(../image/bg-content.png) top left no-repeat;background-size: 100%;}
div.data{
	width: 45%;
	float: left;
	background-repeat: no-repeat;
	height: 350px;
	display: flex;
	align-items: flex-end;
	background-size: cover;
	overflow: hidden;
	position: relative;
	margin:0px 20px 40px 20px;
  box-shadow: 2px 2px 20px 5px #0000001a
}
 div.data_title h3{
	font-size: 20px;
	color: #db6922;
  font-weight: 500;
	line-height: 25px;
	padding-top:7px;
	text-align: left;
  margin-bottom: 20px;

} 
 div.data_title h3{
	line-height: 22px;
  margin-bottom: 15px;
}
div.data_title h3 a{
	font-size:18px;
	color: #db6922;
  font-weight: 500;
	padding-top:7px;
	text-align: left;
  margin-bottom: 20px;
}
div.data_title h3 a:hover{color: #794a27;}
div.data_title p {
	line-height: 23px;
	font-size: 15px;
	text-align: justify;
}
div.data_title li{
	display: inline-block;
	padding-top: 5px;
	padding-bottom:5px;
}
div.data_title a {
	color: #db6922;
	font-size: 14px;
}
div.data_title a:hover{
	text-decoration: underline;
	color: #777;
}
div.megaNew{bottom: -165px;}
div#News_One {
    bottom: -150px;
}
div.data_title{
	transition: bottom 1s ease !important;
	background: #fff;
  padding: 15px;
	position: relative;
	-webkit-box-shadow: 2px -8px 5px -6px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px -8px 5px -6px rgba(0,0,0,0.3);
	box-shadow: 2px -8px 5px -6px rgba(0,0,0,0.3);
	width: 100%;
}
div.data_title:hover{bottom: 0px;}
div.data:nth-child(3){background-size: contain;}
div.date{
	position: absolute;
	top:0;
	background-color:rgb(2 135 73);
	right:0;
	color: #ffffff;
	padding: 5px;
  text-align: center;
}
i.MiniFleche{
	font-size: 36px;
	vertical-align: sub;
	padding-left: 15px;
}

@media screen and (min-width: 200px) and (max-width: 400px) {
    div.data{width: 92%;}
    div.megaNew{bottom: -200px;}
}
@media screen and (min-width: 401px) and (max-width: 500px){
    div.data{width: 92%;}
    div.megaNew{bottom: -215px;}
    div.megaNew h3{padding-bottom:0px;}
}
@media screen and (min-width: 501px) and (max-width: 600px){
    div.data{width: 95%;}
    div.megaNew{bottom: -175px;}
    div.megaNew h3{padding-bottom:0px;}
}
@media screen and (min-width: 601px) and (max-width: 900px){
    div.data{width: 90%;}
    div.megaNew{bottom: -140px;}
    div.megaNew h3{padding-bottom: 0px;}

}
@media screen and (min-width: 901px) and (max-width: 1030px){
    div.megaNew{bottom: -190px;}
}
@media screen and (min-width: 1031px) and (max-width: 1199px){
    div.data{width: 44%;}
    div.megaNew{bottom: -235px;}
    .popular{padding: 0 !important;}
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    div.data{width: 44%;}
    div#News_Two{bottom: -180px;}
    div.megaNew{bottom: -123px;}
    div#News_Three{bottom: -170px;}
    
    .popular{padding: 0 !important;}
}
@media screen and (min-width: 1889px) and (max-width: 3001px){
    div.megaNew{ bottom: -187px;}
}




/****** Contact US  ******/

.bg-light  {background-image: url(../image/hero-img-2.jpg);background-repeat: no-repeat;}
.margin-left-75 {margin-left: -75px;}
.form-details {
  background-color:#977358;
  /* height:60vh; */
  border-radius: 5px;padding:40px 40px;}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  border: none;
  border-bottom:1px solid  rgb(189, 154, 127);
  background: transparent;
  outline: none;
  width: 100%;color: #fff;
  text-transform: capitalize;
  padding:0px;
}
.form-details input::placeholder, .form-details textarea::placeholder {color:#ddc2ae !important;}
.cont-in h4 span{background-color:#977358;font-size:18px;margin-top:20px;color: #fff;padding:2px 18px;border-radius: 20px;}
.cont-social li a svg {
  color:#000;
  text-align: center;
  font-size: 25px;}
.cont-info {
  padding:42px 0px 42px 30px;
  background: #f3ece0;
  /* height:70vh; */
}
.cont-in p{color:#4d4d4d;}
.cont-social li{margin-right:8px;width: auto !important;}
.cont-in .details li {width:48%;margin-bottom: 20px;}
.cont-in .details h6 {font-size: 18px;text-decoration: underline;}


/* ----------- Responsive ---------------------*/
/* ----------- Responsive ---------------------*/


@media only screen and (min-width:1229px) and (max-width: 1429px) {
  .slide__content {max-width:48%;}
  .slide__heading {font-size: 60px;}
  .counter{width: 96%;padding:50px 30px;}
  .year {width: 55%;}
  .alignnumber {font-size: 50px;}
  #thoughts h1 {font-size: 40px;}
  #thoughts p{font-size: 16px;margin-bottom: 10px;}
  }
  
@media only screen and (min-width: 1200px) and (max-width:1400px) {
  .popular h4  {font-size: 26px;}  
  .tabs ul li label {padding: 6px 10px;font-size:17px;}
  }
 
  @media only screen and (max-width:1024px) {
    .navbar-brand {padding-right: 0px !important;}
     .navbar-brand img{height: 45px;}
    .nav-item {padding: 0px 7px;} 
     .slider, .slide {height:32vh;}
    .abut-bg {margin-top:20%;}
    .sub, .foll, .comm, .like {width: 60%;}
    .media-ig img {height: 13vh;}
    .news-meta {padding:3px 10px;}
    .journey-in {display: block !important;}
    .margin-left-75{margin-left: 0px;}
    .cont-info .details {display: block !important;}
    .form-details{height: 100%;}
    #thoughts .d-flex{display:block !important;}
    .thought-cont {padding: 40px;}
  }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .navbar-brand {padding-right: 0px !important;}
    .nav-item .nav-link {font-size: 15px;}
    .nav-item {padding: 0px 8px;}
    .navbar-brand img{height: 45px;}
    .title-inner h2, .joint h2 {font-size: 34px;}
    .popular h4  {font-size: 28px;} 
    .news-txt h6  {font-size:16px;}
    .sub, .foll, .comm, .like {width: 65%;margin-bottom: 15px;}
    .cont-in p {width: 23%;}
 .portfolio .tabs label  {font-size: 15px;}
    .form-details, .cont-info {height:100%}
        .details  {display: block !important;}
    .title-inner h6 {min-height:105px;}
  .media-ig img {height: 40vh;}
  .news-txt h6 a {font-size: 15px;}
  .news-meta  {padding:2px 8px;}
  .read span a {font-size: 15px;}
    .popular h5{font-size: 20px;}

  }

  @media only screen and (min-width: 768px) and (max-width:1023px) {
   h1, h2, h3, h4, h5, h6  {margin-bottom: 20px;}
  h1 {font-size:34px;}
  h2, #breadcrumb {font-size:34px;}
  h5 {font-size: 24px;}
  p {text-align: justify;font-size:15px;}
    .navbar-toggler  {background-color: #fff0e4;border: none;}
    .journey-in {display: block !important;}
    #title  {font-size: 24px;margin-bottom: 10px;}
    .slider, .slide {height:35vh;}
    .slider__control {width:35px;height:35px;}
  .slider__control::before {width:15px;height: 15px;border-top:3px solid #bf261a;border-right:3px solid #bf261a;}
  .follow {margin-bottom:15%;}
      .thought-cont {padding: 30px 20px;}
  .popular  {padding: 0 !important;}
    .event-news h6, button.read {font-size: 15px;}
  .news-txt h6, button.nineteen {font-size: 15px;}
  .cont-in p{width: 30%;}
  .portfolio .tabs label  {width: 100%;font-size: 15px;margin-bottom:25px;}
   .follow {width:80%;margin: 0 auto 15% auto;}
   /* .form-details, .cont-info {height:80vh;} */
      .margin-left-75 {margin-left: 0;}
        .cont-in  {display: block !important;}
      .title-inner h6 {min-height: auto;}
  .media-ig img {height: auto;}
  .thought-img {height: 370px;min-height:370px;}
  }
  @media only screen and (max-width: 767px) {
   h1, h2, h3, h4, h5, h6  {margin-bottom: 20px;}
  h1 {font-size:34px;}
  h2, #breadcrumb {font-size:34px;}
  h5 {font-size: 24px;}
  p {text-align: justify;font-size:15px;}
    .navbar-toggler  {background-color: #fff0e4;border: none;}
    .journey-in {display: block !important;}
    .timeline-container {margin: 30px 0px;}
     .thought-cont {padding: 30px 20px;}
     .follow {margin-bottom:15%;}
    #title  {font-size: 24px;margin-bottom: 10px;}
    .slider, .slide {height:83vh;}
    .slider__control {width:35px;height:35px;}
  .slider__control::before {width:15px;height: 15px;border-top:3px solid #bf261a;border-right:3px solid #bf261a;}
  .popular  {padding: 0 !important;margin-top: 20px;}
  .event-news h6 {font-size: 15px;}
  .joint {padding: 40px;}
     .join-details {display: block !important;}
    .joint .nineteen {margin: 0px !important;}
   .portfolio .tabs label  {width: 100%;font-size: 15px;margin-bottom:25px;}
      /* .form-details, .cont-info {height:90vh;} */
      .details {margin-bottom:20px !important;display: block !important;}
      .margin-left-75 {margin-left: 0;}
      .form-details .text-end{text-align: left !important;}
      .cont-in .details li {margin-top: 20px; margin-bottom: 0px;}
      .cont-in  {display: block !important;}
        .title-inner h6 {min-height: auto;}
  .media-ig img {height: auto;}
  .copyrigh {justify-content: center !important;display: block !important;text-align: center;}
  .pull-left, .pull-right {float: none;}
  .copyright.d-flex {display: block !important;}
  .copyright-wrap p {text-align: center;margin-bottom: 20px;}
  ul.d-flex.foot-social {justify-content: center};
  }
@media only screen and (max-width:640px) {
    .slider, .slide {height: 82vh;}
    .post__inside {height:4rem;}
}
@media only screen and (max-width: 575px){
  h1, h2, h3, h4, h5, h6  {margin-bottom: 20px;}
  h1 {font-size:30px;}
  h2, #breadcrumb {font-size:30px;}
  h5 {font-size: 22px;}
  p {text-align: justify;font-size:15px;}
  .navbar-brand {padding: 0px !important;}
  .navbar-brand img{height:45px;}
  .navbar-toggler  {background-color: #fff0e4;border: none;}
  .navbar-collapse  {margin-top: 25px;}
  .nav-item .nav-link {padding:5px 30px;}
  .abut-bg img{margin-bottom:10px;}
  .slider, .slide {height:45vh;}
  .slider__control {width:26px;height:26px;}
  .slider__control::before {width:10px;height: 10px;border-top: 2px solid #bf261a;border-right: 2px solid #bf261a;}
  .section-block {padding:60px 20px;}
  button.nineteen {padding:6px 18px;font-size:15px;}
   .joint .nineteen {margin: 0px !important;}
.popular {margin-top: 20px;padding:0 !important;}
.news-img, .event-news .event-img {width:60%;}
.follow {width: 75%;margin: 0 auto 15% auto;}
  .abut-bg   {padding:0px 30px;margin: 0 !important;}
  .abut-bg img {margin: 0;}
  .title-inner {padding-right: 0px !important;}
  .thought-cont {padding:30px 20px;}
  .title-inner h6 {min-height: auto;}
  .media-ig img {height: auto;}
  .joint{padding: 20px 15px;}
  .joint p{font-size:16px;}
  .d-inline-flex {display: block !important;}
  .d-inline-flex li{margin-bottom: 20px;}
  .copyright.d-flex {display: block !important;}
  .copyright-wrap p {text-align: center;margin-bottom: 20px;}
  .foot-social {text-align: center;justify-content: center;float: none !important;}
  .pull-left, .pull-right {float: none;}
  .copyrigh{display: block !important;}
  .journey-in {display: block !important;}
  .timeline-container {margin: 30px 0px;}
  #title  {font-size: 24px;margin-bottom: 10px;}
.event-news h6, button.nineteen, button.read {font-size: 15px;}
.portfolio .tabs label  {width: 100%;font-size: 15px;margin-bottom:25px;}
.join-details {display: block !important;}
.form_wrapper .input_field input{font-size: 15px;}
.form-img  {padding: 6% 8%;}
#breadcrumb  {padding: 0 30px;min-height:180px;}
 .msg .col-md-6.p-3{padding:10px !important;}
 .msg input{font-size: 15px;}
 .cont-in p span {font-size: 23px;}
 .cont-in h4  {margin-top:20px !important;}
/* .form-details, .cont-info {height:90vh;} */
.cont-info h3{margin-bottom:0px !important;}
.margin-left-75 {margin-left: 0;}
.cont-in  {display: block !important;}
.post__excerpt,  .joint p{text-align: center;}
.portfolio .tabs label{margin:0px 0px 20px;}

.journey-img::before {
  background-color: #0e904f;
  width: 10px;
  height:130px;
  top: -10px;
  left:-10px;
}

.journey-img::after {
  background-color: #0e904f;
  width: 130px;
  height: 10px;
  top: -10px;
  left: -10px;
}

.journey-in::before {
  background-color: #e77724;
  width: 10px;
  height:130px;
  bottom: -10px;
  right:-10px;
}

.journey-in::after {
  background-color: #e77724;
  width: 130px;
  height: 10px;
  bottom: -10px;
  right: -10px;
}
}

@media only screen and (max-width:448px){
  .slider, .slide {height:35vh;}
  p, ul li{font-size: 15px;}
    h2 {font-size: 27px;}
    h5 {font-size: 20px;}
    .sub, .foll, .comm, .like {width: 38%;}
    button.nineteen {padding: 4px 15px;}
    .news-txt h6 a {font-size: 14px;font-weight:600;}
     .news-img{ width: 95%;}
     .event-news {display: block !important;}
     .event-txt, .event-news .event-img {width: 100%;margin-bottom: 10px;}
     .joint {padding:30px 15px 10px;}
     .joint ul{margin-bottom: 0;padding-bottom: 0 !important;}
       .details li{margin-right: 0 !important;width: 100% !important;}
       .details .cont-social{width:40% !important;}
        .section-block { padding:30px 10px;}
.thought-img {height: 370px;min-height:370px;}
div.megaNew { bottom: -173px;}

}
@media only screen and (max-width:440px){
  .slider, .slide {height:25vh;}
}
  @media only screen and (min-width: 360px) and (max-width:399px) {
  .slider, .slide {height:24vh;}
  div.megaNew { bottom: -209px;}
}