.page-title{ margin: 0 auto;
padding: 70px 0;
background-color: transparent; }
             
.page-title .page-title-box{ text-align: center;
padding: 30px 20px; 
background-color: rgba(122, 175, 99, 0.78); }
             
.page-title .page-title-content{ -ms-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg); }
             
.page-title .page-title-header{ font-size: 36px;
    color: #ffffff;
    position: relative;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 20px; }
             
.page-title .page-title-links{ color: #ffffff;
    text-transform: uppercase; }
             
.page-title .page-title-header::before{ content: "";
    position: absolute;
    bottom: -10px;
    width: 50%;
    height: 3px;
    left: 25%;
    margin-left: -20px;
    background: #ffffff;
    text-align: center; 
    margin: auto; }
             
.page-title .page-title-header::after{ content: "";
    position: absolute;
    bottom: -10px;
    width: 50%;
    height: 3px;
    right: 25%;
    margin-right: -20px;
    background: #ffffff;
    text-align: center; 
    margin: auto; }
      
.index-section{ margin: 0 0;
padding: 200px 0;
background-color:transparent;
border-radius: 0px;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-section-header{ margin: 0 0;
padding: 0px 0;
background-color:transparent;
border-radius: 0px;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-section-title{ background-color:transparent;
font-size:30px;
font-style: normal;
text-transform: uppercase;
border-radius: 0px;
margin:20px 0;
color: #ff0000;
border-bottom: 1px dashed #ffffff;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-section-subtitle{ background-color:transparent;
font-size:25px;
font-style: normal;
text-transform: uppercase;
border-radius: 0px;
margin:30px 0;
color: inherit;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-section-more{ background-color:transparent;
font-size:13px;
font-style: normal;
text-transform: uppercase;
border-radius: 0px;
color: #ff0000;
border-bottom: 1px dashed #ffffff; }
             
.index-section .sub-title-name{ background-color:transparent;
font-size:25px;
font-style: normal;
text-transform: uppercase;
border-radius: 0px;
margin:0px 0;
color: inherit;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .sub-title-more{ background-color:transparent;
font-size:25px;
font-style: normal;
text-transform: uppercase;
border-radius: 0px;
margin:0px 0;
color: inherit;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-section-description{ font-size:13px;
color:inherit;
font-style:normal;
border-radius: 0px;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .gallery-layout{ column-gap:0px;
font-size:13px;
color:inherit;
font-style:normal;
border-radius: 0px;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-item-box{ font-size:13px;
color:inherit;
background-color: transparent;
border-radius: 0px;
font-style:normal;
border: 1px solid #cccccc;
box-shadow: none;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-item-image{ -webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(0.5) opacity(1) hue-rotate(0deg); }
             
.index-section .index-item-overlay{ font-size:13px;
color:inherit;
background-color: transparent;
border-radius: 0px;
box-shadow: 1px 1px 3px #000000;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(0.5) opacity(1) hue-rotate(0deg); }
             
.index-section .index-item-info{ font-size:13px;
color:inherit;
background-color: transparent;
border-radius: 0px;
-webkit-filter:none; }
             
.index-section .index-item-info-back{ width: 100%;
height: 100%;
overflow: hidden;
font-size:13px;
color:inherit;
background-color: transparent;
border-radius: 0px;
-webkit-filter:none; }
             
.index-section .item-caption-title{ position: absolute;
    transform: scale(1);
    transition: all 0.35s ease-in-out;
    border-radius: 0%;
    text-align: center;
   background: #ccccccaa;
   color: #ffffff;
   padding: 10px;
 
    opacity: 1;
   font-size: 1.5rem; }
             
.index-section .index-item-info::before{ position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left:  0px;
border: 1px dashed rgba(144,98,210,0.76);
content: '';
background: transparent;
-webkit-transform: scale(1.0);
transform: scale(1.0); }
             
.index-section .index-item-title{ font-size:18px;
color:inherit;
background: #FFFFFF;
font-style:normal;
display: block;
border-radius: 0px;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-item-link{ font-size:18px;
color:inherit;
background: #FFFFFF;
font-style:normal;
display: block;
border-radius: 0px;
-webkit-filter:none; }
             
.index-section .index-item-button{ font-size:13px;
color:inherit;
font-style:normal;
border-radius: 0px;
background: transparent;
border: 1px solid #ffffff;
display: -webkit-inline-flex;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
             
.index-section .index-item-detail{ font-size:13px;
color:inherit;
font-style:normal;
border-radius: 0px;
border-top: 0px solid #ffffff;
-webkit-filter:brightness(1) blur(0px) grayscale(0) invert(0) sepia(0) saturate(1) opacity(1) hue-rotate(0deg); }
.pagination-link{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0px solid #ffffff;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
   -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;

 }
.pagination-item.active .pageination-link, .pagination-item:hover .pagination-link{ 
         background: transparent;
         color: #ff0000;
         border: 0px solid #cccccc;
 }.pagination-link{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    border: 1px solid #6aa84f;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
   -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    border-radius: 50%;
 }
.pagination-item.active .pageination-link, .pagination-item:hover .pagination-link{ 
         background: #38761d;
         color: #ffffff;
         border: 0px solid #cccccc;
 }