@charset "utf-8";
/* CSS Document */
.banner{height:430px; position:relative}
.tirthankar-banner{background:url(../images/banner/tirthankar-banner.jpg); background-position: 50% center !important; background-size: cover;}


.tirthankar img{ margin:0 auto; text-align:center; border-radius:15px; display: block;}
.tirthankar ol li{  list-style:decimal; line-height:30px; font-size:16px; margin-bottom:10px;}
.tirthankar ul li{  list-style:disc; line-height:30px; font-size:16px; margin-bottom:10px;}
.gujarati .tirthankar li {letter-spacing:0.1px; word-spacing: 4px;}

/*---------------show thumb style----------------------*/
.t-listing h2{ font-size:35px; font-weight:300; color:#333; line-height:42px; margin:0 0 20px 0;}

.t-listing ul li{list-style:none; }

.t-listing img{vertical-align: middle; border-style: none;}

.align-items-center{-ms-flex-align: center!important;
    align-items: center!important; display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
	
.t-listing .col-lg-6, .t-listing .col-md-6, .t-listing .col-sm-6  {-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;}	
	
.t-listing .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
	


/*-----------show list style---------------*/
.lord-list-wrapper{ background: radial-gradient(#ebbc6a, #d4883a); position:relative; z-index:5; border-radius:50px; padding:30px 30px 30px 15%; }

.gujarati .lord-list li a{ font-size:18px !important;}
.lord-list li{padding:0; margin:0!important; text-align:left; color:#542100; font-weight:600; line-height: 20px!important;}
.lord-list li a{color:#662901;}
.lord-list li a:hover{color:#000; text-decoration:underline;}
.lord-list li div{ margin:15px; padding:10px 0;}

/*-------------------*/
.tirthankar-page p, .tirthankar-page li{ color:#333 !important;}

.tirthankar-page img{margin:20px auto; text-align:center; display:block;}
.tirthankar-page h2{font-weight: 300;}
.rel-topic h2{font-weight:600;}
.tirthankar-page h2, .rel-topic h2{color: #333;font-size: 30px; line-height:40px;}
.tirthankar-page ol li, .tirthankar-page ul li {font-size:18px; line-height:35px; margin: 0 0 15px;}
.tirthankar-page ul li{ position:relative; padding-left:20px;}
.tirthankar-page ul li:before{content: ""; height:6px;width: 6px;border-radius: 10px;background: #000;display: block;position: absolute;top:15px;left: 0;}
.tirthankar-page ol {
  counter-reset: item;
  margin: 0 0 1.5em;
  padding: 0;
}
.tirthankar-page ol > li {
  counter-increment: item;
  list-style-type: none;
  padding: 0 0 0 32px;
  text-indent: -25px;
}
.tirthankar-page ol > li::before {
  content: counter(item) ".";
  display: inline-block;
  font-weight: bold;
  padding-right: 0.5rem;
  text-align: right;
  width: 1.5rem;
}
.tirthankar-page .quotes{font-family:Georgia; font-style:italic; font-weight: 400; text-align:center; padding: 40px 5%;
position: relative; margin: 45px 0 20px; border:3px solid #ebebeb; color: #e9583d; border-radius: 25px;
    font-size: 20px!important;}

/*-------gujarati--------*/
.gujarati .tirthankar-page ol li, .gujarati .tirthankar-page ul li, .gujarati .rel-topic ul li {letter-spacing: .1px; font-size:17px; }


/*-----------------------------Related Topic----------------------------------*/
.rel-topic {border: 1px solid #cdcdcd; padding:0px 20px 10px; margin-top:40px;}
.rel-topic ul li {list-style: disc; font-size:16px; line-height:30px; margin: 0 0 15px 30px; color: var(--description_color);}
.rel-topic ul li a{color: var(--description_color);}
.rel-topic ul li a:hover{color: #e9573e;}

/*-----------------Next-Previous------------------------*/
.pagination { float:right; display:inline-block; margin-right:-0.5%; margin-top:70px; }
.pagination .box{ float:left; text-align:center;  color:#333; }
.pagination .t-next{ width:11px; height:18px; background:url(../images/t-next.png)#333;}
.pagination .t-pre{ width:11px; height:18px; background:url(../images/t-previous.png)#333;margin-left: 8px;}
.box a{cursor: pointer; color:#333;  font-size:14px; text-transform:uppercase; display:flex;  padding:8px 10px; border:1px solid #333; width:125px; margin:0 10px;  border-radius:2px; align-items: center;}
.pagination .box a:hover  { border-color:#e9573e; color:#e9573e;}
.box:hover .t-next, .box:hover .t-pre { background-color:#e9573e!important;}
.pagination .next{ padding-right:8px;margin-left: 24px;}
.pagination .pre{ padding-left:8px;}



/*----------------show thumb view--------------------*/
@media (max-width: 1600px){.t-listing .even, .t-listing .odd {padding-left: 6%; padding-right: 6%;}}

	
@media (min-width: 800px){
	.t-listing .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;}
	
	.t-listing .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;}
	}
	
@media (max-width:799px){.t-listing img{ margin:0 auto; display:block;}
.t-listing ul li{padding-bottom: 3rem; padding-left: 8%; padding-right: 8%;}
.tirthankar-page h2, .rel-topic h2{font-size:26px; line-height:35px;}	
	
}	




@media (max-width:767px){
    .pagination {float: none;
    display: flex;
    margin: 40px auto 0;
    justify-content: center;}

}



@media screen and (max-width:520px){.tirthankar-page .verimg{ height:450px; object-fit: cover; object-position: center;}
/*--------/---------*/


@media screen and (max-width:1024px){
.tirthankar-banner{background:url(../images/banner/tirthankar-banner-tablet.jpg) no-repeat center bottom !important;  background-size: cover;}
.banner {height: 0; margin-top: 90px;padding-top: 34%;}
}
@media screen and (max-width:767px){
.tirthankar-banner{background:url(../images/banner/tirthankar-banner-mob.jpg) no-repeat center bottom !important; background-size:cover!important;}
.banner{ padding-top: 54%;}
}