@charset "utf-8";
/* CSS Document */
html{scroll-behavior: smooth;}
img{max-width: 100%; height: auto;}
.innerSec1{min-height: 150px; background: #fff; padding: 63px 0 0 0;background: #FFF url(https://www.arohan.in/wp-content/themes/arohan/images/line-menu.png) no-repeat center 53px;}
.headSec2 { height: 55px; background: #FFF;  padding-left: 25px; position: relative;}
.innerSec1 .top-panal-img{background: #FFF url(https://www.arohan.in/wp-content/themes/arohan/images/top-img2.jpg) no-repeat bottom right; min-height: 160px;}
.innerSec1 .logo{ float: left; vertical-align: top; margin-left: 8%;}
.innerSec1 .bread{ float: right; padding: 50px 80px 0 0;}
.innerSec1 .bread ul{ text-align: right;}
.innerSec1 .bread ul li{ display: inline-block; padding: 0 0px; text-align: right;font-size: 12px; font-style: italic;}
.innerSec1 .bread ul li:after{ content: "/"; display: inline-block; padding: 0 8px;}
.innerSec1 .bread ul li:last-child:after{ content: ""; display: inline-block; padding: 0 0px;}
.innerSec1 .bread ul li a{ color: #000000; }
.innerSec1 .bread h1{ font-size: 35px; color: #000; font-style: italic; font-weight: 900; display: inline-block; text-transform: uppercase;}
.innerSec1 .bread h1 span{ display: inline-block; color: #e10b19;}
.journey {position: relative; z-index: 7; padding: 80px 0; text-align: center; background: url(https://www.arohan.in/wp-content/themes/arohan/images/line2.png) no-repeat center top;}
.journey p{ font-size: 14px; font-style: italic; font-weight: 400; line-height: 20px;}
.image-part-journey ul{}
.image-part-journey ul li{ width: 31%; float: left; margin: 10px; position: relative; cursor: pointer; background: #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.42); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.42); border-radius: 23px; /*min-height: 530px;*/}
.zoom {transition: transform .2s;}
.zoom:hover {transform: scale(.9);}
.image-part-journey ul li a{ cursor: pointer;}
.certificate2 .load-img aside { display: block;}

.certificate2 .load-img p{ padding: 15px 0; margin: 0px; font-size: 14px; color: #000; font-style: italic; font-weight: 400; display: block;}

.visionMission {float: left; width: 100%; padding-bottom: 0px;}
ul.certificate2:last-child {border-bottom: none;}
ul.certificate2 {float: left; width: 100%; border-bottom: solid 1px #d5d5d5; padding-bottom: 10px;}
ul.certificate2 li:hover i {display: block; width: 100%; height: 100%; background: url(https://www.arohan.in/wp-content/themes/arohan/images/zoom-icon.png) no-repeat 50% 50% rgba(0,0,0,0.50);}
ul.certificate2 li i {display: none; position: absolute;}
.load-img {display:none;}
#loadMore { background-color: #e10b19; color: #fff; padding: 10px 15px; font-style: italic; font-size: 12px; margin: 50px auto 0 auto; text-align: center; display: block; width: 101px;}
#loadMore:hover {background-color: #000; color: #fff;}
.form {width: 90%; max-width: 1155px; margin: 0 auto; position: relative;}



ul.certificate2 li a {display: block; width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 520px;}
ul.certificate2 li a img { width: 100%; display: block; border-radius: 15px 15px 0 0;}
ul.certificate2 li img { display: block;}

.image-part-journey .form { /*width: 90%; max-width: 1180px; */margin: 0 auto; position: relative;}
.image-part-journey .form article {min-height: 52px; background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 5px; left: 0px; right: 0px; margin: 0 12px;}
.image-part-journey .form article h3{ float: left; font-size: 24px; color: #e5222c; font-style: italic; text-transform: uppercase; padding: 10px;}
.image-part-journey .form article i{ float: right; padding: 12px 20px;}

.journey-year main > nav {position: sticky;	top: 2rem;	align-self: start;}
.journey-year .section-nav li.active > a {color: #ffde00;font-weight: 500;cursor: pointer;}
.journey-year .section-nav {padding-left: 0;font-style: italic;}
.journey-year .section-nav a {text-decoration: none;display: block;padding: .125rem 0;color: #ccc;transition: all 50ms ease-in-out;}
.journey-year .section-nav a:hover, .section-nav a:focus {color: #000;}
.journey-year ul, ol {list-style: none;margin: 0;padding: 0;}
.journey-year li { padding: 5px 0;}
.journey-year main { margin: 70px auto;}
.journey-year section {	padding-bottom: 0;}
.journey-year { position: relative;}
.journey-year .year-box{ position: sticky;position: sticky; height: calc(100% - 1px); width: calc(100% - 1px); float: left; cursor: pointer; left: 0px; top: 75px; background: #e5222c; color: #fff; padding: 20px; width: 80px; display: block;}
.journey-year main article{ min-height: 250px; padding: 0 0 0px 0; }

.journey-year main article ul{ width: 645px; margin: 0 auto; position: relative;}
.journey-year main article ul li{ display: inline-block; vertical-align: middle;}
.journey-year main article ul{color: #cac2b1;}
.journey-year main article ul:hover{color: #e5222c;}
.journey-year main article ul li:hover{color: #e5222c;}

.journey-year main article ul li:nth-child(1){ width: 30%; font-size: 60px; font-weight: 900;}
.journey-year main article ul li:nth-child(2){ width: 33%;}
.journey-year main article ul li:nth-child(3){ width: 35%; text-align: left; padding: 0 0 0 15px; font-size: 11px; font-style: italic;}
.journey-year main article ul li:nth-child(3) p{ font-size: 11px; font-style: italic; line-height: 15px;}
.journey-year main article ul li:nth-child(3) a{ display: block; color: #d21919; display: block; padding: 5px 0; cursor: pointer;}
.journey-year main article ul li:nth-child(3) a:hover{ text-decoration: underline;}
.journey-year main article ul:after { content: ""; display: block;  display: block; background: url(https://www.arohan.in/wp-content/themes/arohan/images/year-line.png) no-repeat center bottom;  position: absolute;
bottom: -60px;  right: 29px; left: 0px;  height: 67px;  width:none; margin: 0 auto; text-align: center;}
.homeSec2 article:after{ display: none;}
.journey-year main article.no-line ul:after { display: none;}
.footer-top-bg{ background: url("https://www.arohan.in/wp-content/themes/arohan/images/bottom-bg.png") bottom center repeat-x; min-height: 123px; position: absolute; bottom: 0px; left: 0px; right: 0px;}
.pdPop h2 { padding-bottom: 10px; margin-bottom: 10px; font-size: 24px; font-weight: 900; text-align: left; color: #000; font-style: italic;}
.pdPop h2 span{ color: #e11212;}
.pdPop p{ font-size: 14px; color: #000; line-height: 20px; padding: 0 0 15px 0; text-align: left; font-style: italic;}
.mCustomScrollBox { padding-top: 25px;}
.mCSB_scrollTools {top: 45px;}
.visionMission {float: left; width: 100%; padding-top: 59px;}
.video-text{ padding: 15px 0; text-align: center; min-height: 201px;}
.video-text h3{ font-size: 14px; color: #555555;}
.video-text p{ font-size: 12px; color: #7c7c7c; font-style: normal;}
.video-text{ position: relative;}
.visionMission ul.galleryList .video-text div.play{ position: absolute;bottom: 0px; left: 0px; right: 0px; text-align: center; background: #ff611c;display: block; width: 100px; height: 20px;    margin: 0 auto; padding: 10px 0; border-radius: 25px; color: #fff; min-height: 35px;}
.video-text a {display: block; min-height: 167px;}
.certificate2 .load-img aside:after{content: "";display: block; background: url(../images/home_banner_play_mob2.png) center no-repeat; width: 80px; height: 80px; position: absolute; z-index: 0;
top: 110px; bottom: 0px; left: 0px; right: 0px; text-align: center; margin: 0 auto;}
.clr{ clear: both;}

.images-gallery ul li {width: 31%; float: left;  margin: 10px;  position: relative;  cursor: pointer; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: initial;    border-radius: 23px; min-height: inherit;}
.images-gallery ul.certificate2 li a {display: block; width: 100%; height: 100%; overflow: hidden; position: relative; min-height: auto;}

.images-part .certificate2 aside:after {content: ""; display: block; background: url(../images/zoom.png) center no-repeat; width: 80px; height: 80px; position: absolute; z-index: 0;    bottom: 0px; right: 0px; text-align: center; margin: 0 auto;}
.images-part ul.certificate2 li a img { width: 100%; display: block; border-radius: 5px; min-height: 260px;}
.images-part .certificate2 aside:before {background: rgba(0, 0, 0, 0.4); content: ""; display: block; width: 100%; height: 100%; position: absolute;border-radius: 5px;}
.filter-img{ float: right; margin: 0 0 15px 0; }
.filter-img h2 {display: inline-block; font-size: 18px; padding: 0 10px; color: #333; font-weight: 400;}
.filter-img select{ display: inline-block; font-size: 16px; padding: 8px 20px; border: 1px solid #939393; border-radius: 5px;}
.images-part .colors { text-align: center; padding: 60px 0 0 0; display: block;}
.images-part .colors h2{ font-size: 23px; padding: 0 0 20px 0; }
.images-part .colors p{ font-size: 18px; padding: 0 0 50px 0; line-height: 25px; }

@media all and (max-width:1030px){
	.image-part-journey ul li { width: 33%;}
}

@media all and (max-width:800px){
.form { width: 90%; max-width: inherit; margin: 0 auto; position: relative;}
.journey-year main article ul { width: auto; margin: 0 auto; position: relative;}
.journey-year main article {min-height: inherit; padding: 0 0 0px 0;}
.journey-year main article ul li:nth-child(1) {width: auto; font-size: 60px; font-weight: 900;}
.journey-year main article ul li {display: block; vertical-align: middle;}
.journey-year main article ul li:nth-child(2) { width: auto;}
.journey-year main article ul li:nth-child(3) { width: auto; text-align: center; padding: 0 0 15px 15px;}
.journey-year .year-box{ display: none;}
.innerSec1 .logo {float: none; vertical-align: top; margin: 0 auto; text-align: center;}
.innerSec1 .bread {float: none; padding: 10px;}
.innerSec1 .bread ul {text-align: left;}
.innerSec1 .bread h1 {font-size: 21px;color: #000; font-style: italic; font-weight: 900; display: block;}
.innerSec1 .top-panal-img {background: none; min-height: inherit;}
.journey-year main article ul:after {content: ""; display: block; display: block; background: url(https://www.arohan.in/wp-content/themes/arohan/images/year-line.png) no-repeat center bottom; position: absolute; bottom: -60px; right: 0;   left: 0px; height: 67px; width: none; margin: 0 auto; text-align: center;}
.innerSec1 .logo {float: none; vertical-align: top; margin-left: 0; margin: 0 auto; text-align: center;}
.image-part-journey ul li {width: 95% !important;}
}

@media all and (max-width:768px){
	.image-part-journey ul li { width: auto;}
	.journey {padding: 40px 0;}
}

@media all and (max-width:600px){
.image-part-journey ul li {width: auto important;}
ul.certificate2 li img {width: 100%; height: auto;}
.filter-img {float: none; margin: 0 0 0px 0; text-align: center;}
.filter-img select {display: block; font-size: 16px; width: 100%; padding: 10px; margin: 15px 0 0 0;}
}