se@charset "utf-8";
/* CSS Document */

/*#########*/
/*################*/
/*######################## LINK Pages ############################*/


/*Text reveal Glow Effect*/
.glowIn span {
  animation: glow-in 1.8s both;
}

@keyframes glow-in {
  from {
    opacity: 0;
  }
  65% {
    opacity: 1;
	text-shadow: 0 0 5px var(--Primary-color);
  }
  75% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
/*Text reveal Glow Effect ENDs*/

/*BLOCKQUOTE*/
.blockquote-custom{
 	position: relative;
  	font-size: 1.1rem;
	margin-top: 50px;
	box-shadow:rgba(255,180,34,0.5) 0px 0px 15px 0px;
	transition: 300ms ease-in-out all;
}

.blockquote-custom-icon {
  width: 50px;
  height: 50px;
  background-color: var(--Primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -25px;
  left: 50px;
}
.blockquote-custom-icon + p{
	font-family: 'Playfair Display', serif;
	font-style: italic;
}
.blockquote-custom:hover
{
	/*box-shadow: var(--Primary-color) 0px 13px 27px -5px, rgba(255, 255, 255, 0.3) 0px 8px 16px -8px !important;*/
	transform: translateY(-20px);
	cursor: pointer;
	background: linear-gradient(-45deg, #ffb422, #e73c7e, #23a6d5, #ffb422);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
	color: #fff;
	
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.blockquote-custom:hover .text-info, .blockquote-custom:hover .blockquote-footer
{
	color: rgba(255,255,255,.5) !important;
}
/*BLOCKQUOTE ENDs*/

/*Breadcrumb*/
.breadcrumb-item + .breadcrumb-item::before{
    content: "\f111";
	font-family:'FontAwesome';
	font-size: 7px;
	color: var(--Primary-color);
}
.breadcrumb{
	background: none;
	justify-content: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,.7), 0 0 1em rgba(0,0,0,.7), 0 0 0.1em rgba(0,0,0,.7);
}
.breadcrumb-item a{
	color:rgba(255,255,255,.8);
	font-weight: 600;
	text-decoration: none;
}
.breadcrumb-item a:hover{
	color:rgba(255,255,255,.6);
}
.breadcrumb-item.active{
	color: var(--Primary-color);
	font-weight: 600;
}
/*Breadcrumb ENDs*/

/*Scroll Down Animation*/
.mouse{
  	width: 40px;
  	height: 70px;
  	border: 3px solid rgba(255,255,255,.4);
  	border-radius: 60px;
  	position: absolute;
	left: 0;
	right: 0;
	margin: 0px auto;
	bottom: 180px;
}
.mouse::before{
  content: "";
  width: 9px;
  height: 9px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255,255,255,.4);
  border-radius: 50%;
  opacity: 1;
  animation: wheel 2s infinite;
  -webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
  to {
    opacity: 0;
    top: 60px;
  }
}
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 60px;
  }
}
/*Scroll Down Animation ENDs*/


/*Yogashram*/
/*Yogashram Banner*/
.yogashram-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/work-51.jpg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
	position: relative;
}
.yogashram-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif; 
}
/*Yogashram Banner ENDs*/
/*Content*/
.yogashram-content{
	background-image: url(../images/ushagram-text.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px 20px 0;
	font-weight: 500;
}
.yogashram-content .text-13::after{
	background-color: var(--Primary-color);
}
.bg_light-gray{padding: 50px 0;
	background-color: #f5f5f5;
}
.text-19{
	font-family: Hermaiona;
    font-size: 95px;
	color: #4c8510;
    text-align: center;
}
/*Content ENDs
/*Yogashram ENDs*/


/*Educational Mission*/
/*Education Banner*/
.education-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/work-3.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
	position: relative;
}
.education-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Education Banner ENDs*/
/*Content*/
.education-content{
	background: rgb(243,255,172);
    background: #fee1b9;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px 20px 0px;
}
.text-17{
	font-family: 'Lato', sans-serif;
	font-size: 26px;
	font-weight: 600;
	color: var(--Text-gray);
}
.text-18{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: var(--Text-gray);
}
.education-content .text-13::after{
	background-color: var(--Primary-color);
}
.non-formal{
	background: rgb(254,225,185);
background: linear-gradient(180deg, rgba(254,225,185,1) 0%, rgba(254,192,107,1) 100%);
}
/*Content ENDs*/
/*Educational Mission ENDs*/


/*Community Health Programme*/
/*Health Banner*/
.health-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/health.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
	position: relative;
}
.health-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}

/*Health Banner ENDs*/
/*Content*/
.health-content{
	background-image: url(../images/background-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.health-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/
/*/*Community Health Programme ENDs*/


/*VOCATIONAL Programme*/
/*VOCATIONAL Banner*/
.self-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/pic-23.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
	position: relative;
}
.self-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Health Banner ENDs*/
/*Content*/
.self-content{
	/*background-image: url(../images/self-help1.jpg);
	background-repeat: no-repeat;
	background-size: cover;*/
	padding: 110px 0px 30px 0px;
}
.self-content .text-13::after{
	background-color: var(--Primary-color);
}

/*Button*/
.self-content .card-body .button--nina{
	background-color: var(--Primary-color);
	font-weight: 600;
}
.self-content .card-body .button--nina:hover{
	background-color: var(--Secondary-color);
}
/*Button ENDs*/

/*Content ENDs*/
/*VOCATIONAL Programme ENDs*/


/*Awareness Programme*/
/*Awareness Banner*/
.aware-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/pic-25b.jpg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.aware-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Awareness Banner ENDs*/
/*Content*/
.aware-content{
	background-image: url(../images/background-4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.aware-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/
/*Awareness Programme ENDs*/


/*Blood Donation Programme*/
/*Blood Donation Banner*/
.blood-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/blood.jpg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.blood-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Blood Donation Banner ENDs*/
/*Content*/
.blood-content{
	background-image: url(../images/blood1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.blood-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/
/*Blood Donation ENDs*/


/*Organic Farming*/
/*Organic Farming Banner*/
.organic-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/work-9.jpg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.organic-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Organic Farming Banner ENDs*/
/*Content*/
.organic-content{
	background-image: url(../images/underground.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 110px 0px;
	color: #fff;
}
.organic-content .text-13::after{
	background-color: var(--Primary-color);
}
.organic-content .text-14{
	color: #fff;
}
/*Content ENDs*/
/*Organic Farming ENDs*/


/*Disaster Management Programme*/
/*Disaster Management Banner*/
.disaster-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/disaster.jpg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.disaster-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Disaster Management Banner ENDs*/
/*Content*/
.disaster-content{
	background-image: url(../images/disaster2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 110px 0px;
}
.disaster-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/
/*Disaster Management ENDs*/


/*Rural Sanitation Programme*/
/*Rural Sanitaion Banner*/
.sanitation-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/sanitation.jpg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.sanitation-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Disaster Management Banner ENDs*/
/*Content*/
.sanitation-content{
/*
	background-image: url(../images/blood1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
*/
	background-color: #000;
	padding: 110px 0px;
	color: #fff;
}
.sanitation-content .text-13::after{
	background-color: var(--Primary-color);
}
.sanitation-content .text-14{
	color: var(--Text-color);
}
/*Content ENDs*/
/*Disaster Management ENDs*/


/*Pond Excavation Programme*/
/*Pond Excavation Banner*/
.pond-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/pond.jpg);
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.pond-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Pond Excavation Banner ENDs*/
/*Content*/
.pond-content{
	background-image: url(../images/ripple.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
	color: var(--Text-color);
}
.pond-content .text-13::after{
	background-color: var(--Primary-color);
}
.pond-content .text-14{
	color: var(--Text-color);
}
/*Content ENDs*/
/*Pond Excavation ENDs*/


/*Yoga Programme*/
/*Yoga Banner*/
.yoga-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/yoga.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.yoga-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Pond Excavation Banner ENDs*/
/*Content*/
.yoga-content{
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.yoga-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/
/*Yoga ENDs*/


/*Water Programme*/
/*Water Banner*/
.water-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/water2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.water-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Pond Excavation Banner ENDs*/
/*Content*/
.water-content{
	background-image: url(../images/water1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.water-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/
/*Water ENDs*/


/*Other Works*/
/*Other Banner*/
.other-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/our-work.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
	position: relative;
}
.other-banner p{
	font-size: 50px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*Pond Excavation Banner ENDs*/
/*Content*/
.other-content{
	background-image: url(../images/ripple.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.other-content .text-13{
	color: var(--Text-color);
}
.other-content .text-14{
	color: var(--Text-color);
}
.other-content .text-13::after{
	background-color: var(--Primary-color);
}
.other-content p{
	color: var(--Text-gray);
}
.other-content ul{
	color: var(--Text-gray);
}
.other-photo{
	background-image: url(../images/water1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 110px 0px;
}
/*Content ENDs*/
/*Water ENDs*/


/*Founders*/
/*Gopal Banner*/
.gopal-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/gopal_chandra_chakravarty5.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}
.gopal-banner p, .jyotirmoy-banner p{
	
	font-size: 50px;
	color: #fff;
	text-align: center;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
.gopal-banner p:nth-child(2) > span, .jyotirmoy-banner p:nth-child(2) > span{
    color: var(--Primary-color);
}
/*Gopal Banner ENDs*/
/*Content*/
.gopal-content{
	background-image: url(../images/lotus3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.gopal-content .text-13::after{
	background-color: var(--Primary-color);
}
.gopal-content .para-2 p:nth-child(1), .jyotirmoy-content .para-2 p:nth-child(1){
	font-weight: 600;
	text-align: justify;
}
.gopal-content .para-2 p:nth-child(2), .jyotirmoy-content .para-2 p:nth-child(2){
	font-weight: 600;
	text-align: justify;
}
.gopal-content p:nth-child(3), .jyotirmoy-content p:nth-child(3){
	font-weight: 600;
	text-align: justify;
}
/*Photo-frame*/
.box {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  max-width: 600px;
  padding: 5px;
  border: 2px solid #b78846;
}
.box:before, .box:after {
  content: "•";
  position: absolute;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: #b78846;
  border: 2px solid #b78846;
  line-height: 12px;
  top: 5px;
  text-align: center;
}
.box:before {
  left: 5px;
}
.box:after {
  right: 5px;
}
.box .box-inner {
  position: relative;
  border: 2px solid #b78846;
  padding: 20px;
}
.box .box-inner:before, .box .box-inner:after {
  content: "•";
  position: absolute;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: #b78846;
  border: 2px solid #b78846;
  line-height: 12px;
  bottom: -2px;
  text-align: center;
}
.box .box-inner:before {
  left: -2px;
}
.box .box-inner:after {
  right: -2px;
}
/*Photo-frame ENDs*/
/*Content ENDs*/
/*jyotirmoy Banner*/
.jyotirmoy-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/JyotirmoyBose1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.jyotirmoy-banner p{
	
	font-size: 50px;
	color: #fff;
	text-align: center;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
/*
.jyotirmoy-banner p:nth-child(2) > span{
    color: var(--Primary-color);
}
*/
.jyotirmoy-content p:nth-child(5){
	font-weight: 600;
	text-align: justify;
}
.jyotirmoy-content p:nth-child(6){
	font-weight: 600;
	text-align: justify;
}
/*jyotirmoy Banner ENDs*/
/*Content*/
.jyotirmoy-content{
	background-image: url(../images/lotus3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.jyotirmoy-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/
/*Founders ENDs*/


/*Who are WE*/
/*Who Banner*/
.who-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/Category-1.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.who-banner p{
	font-size: 50px;
	color: #fff;
	text-align: center;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
.who-banner p > span{
    color: var(--Primary-color);
}
/*Who Banner ENDs*/
/*Content*/
.who-content{
	background:rgba(186,186,186,0.5);
	padding: 110px 0px;
}
.who-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/

/*Youtube*/
.youtube{
	padding: 110px 0px;
	background-color: rgba(0,0,0,.7);
}
/*Youtube ENDs*/
/*Who are WE ENDs*/


/*Our Strategies*/
/*Strategies Banner*/
.strategies-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/Category-2.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.strategies-banner p{
	font-size: 50px;
	color: #fff;
	text-align: center;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
.strategies-banner p > span{
    color: var(--Primary-color);
}
/*Strategies Banner ENDs*/
/*Content*/
.strategies-content{
	background-image: url(../images/blood1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
}
.strategies-content .text-13::after{
	background-color: var(--Primary-color);
}
/*Content ENDs*/
/*Our Strategies ENDs*/


/*Future Plan*/
/*Future Plan Banner*/
.future-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-image: url(../images/Category-3.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 30px;
}
.future-banner p{
	font-size: 50px;
	color: #fff;
	text-align: center;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
}
.future-banner p > span{
    color: var(--Primary-color);
}
/*Future Plan Banner ENDs*/
/*Content*/
.future-content{
	background-image: url(../images/sky1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding: 110px 0px;
}
.future-content .text-13::after{
	background-color: var(--Primary-color);
}
.future-content p{
	color: var(--Text-color);
}
/*Content ENDs*/
/*Future Plan ENDs*/


/*GARMENTS Page*/
.garments-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/bg-4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.garments-banner p{
	font-size: 150px;
	color: #fff;
	font-family: Hermaiona;
	text-align: center;
}
.garments-banner .breadcrumb{
	background: none;
	justify-content: center;
}
.garments-banner .breadcrumb-item a{
	color:rgba(255,255,255,.5);
}
.garments-banner .breadcrumb-item.active{
	color: var(--Primary-color);
}
/*GARMENTS Page ENDs*/


/*FOOD Page*/
.food-banner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/food1.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.food-banner p{
	font-size: 150px;
	color: #fff;
	font-family: Hermaiona;
	text-align: center;
}
.food-banner .breadcrumb{
	background: none;
	justify-content: center;
}
.food-banner .breadcrumb-item a{
	color:rgba(255,255,255,.8);
	font-weight: 600;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}
.food-banner .breadcrumb-item.active{
	color: var(--Primary-color);
	font-weight: 600;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}
/*FOOD Page ENDs*/


/*Fancy Box*/
.lightbox
{
	padding: 110px 0px;
}
.lightbox .text-4::after
{
	margin: 0px auto;
}
a[data-fancybox] img {
  cursor: zoom-in;
}

.fancybox__backdrop::after {
  content: "";
  position: absolute;
  width: 10%;
  height: 10%;
  filter: blur(2px);
  left: 50%;
  top: 50%;
  transform: scale(11);
  opacity: 0.3;
  background-image: var(--bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.fancybox__container {
  --fancybox-bg: #000;

  --fancybox-thumbs-width: 48px;
  --fancybox-thumbs-ratio: 1;

  --carousel-button-bg: rgb(91 78 76 / 74%);

  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;

  --carousel-button-svg-stroke-width: 2.5;
}

.fancybox__nav {
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
}

.fancybox__nav .carousel__button.is-prev {
  left: 20px;
}

.fancybox__nav .carousel__button.is-next {
  right: 20px;
}

.carousel__button.is-close {
  right: auto;
  top: 20px;
  left: 20px;
}

.fancybox__slide {
  padding: 8px 88px;
}

/* Thumbnails */
.fancybox__thumbs .carousel__slide {
  padding: 8px 8px 16px 8px;
}

.is-nav-selected::after {
  display: none;
}

.fancybox__thumb {
  border-radius: 6px;
  opacity: 0.4;
}

.fancybox__thumb:hover,
.is-nav-selected .fancybox__thumb {
  border-radius: 6px;
  opacity: 1;
}

.is-nav-selected .fancybox__thumb::after {
  display: none;
}
/*Fancy Box ENDs*/

/*######################## LINK Pages ENDs #######################*/
/*################*/
/*#########*/