@font-face {
  font-family: inter-black;
  src: url('fonts/Inter-Black.ttf');
  }
@font-face {
font-family:  inter-bold;
src: url('fonts/Inter-Bold.ttf');
}
@font-face {
  font-family: inter-extrabold;
  src: url('fonts/Inter-ExtraBold.ttf');
  }
 @font-face {
font-family:  inter-extralight;
 src: url('fonts/Inter-ExtraLight.ttf');
 }
 @font-face {
  font-family:  inter-light;
  src: url('fonts/Inter-Light.ttf');
  }
   @font-face {
   font-family:  inter-medium;
   src: url('fonts/Inter-Medium.ttf');
   }
 @font-face {
  font-family: inter-regular;
   src: url('fonts/Inter-Regular.ttf');
   }
  @font-face {
  font-family:  inter-semibold;
  src: url('fonts/Inter-SemiBold.ttf');
   }
   @font-face {
    font-family:  inter-thin;
    src: url('fonts/Inter-Thin.ttf');
    }
    @font-face {
    font-family:  satisfy-regular;
    src: url('fonts/Satisfy-Regular.ttf');
     }

.main-fluid{
  background-image: url('images/bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 526px;
}
.top-title{
  font-family: satisfy-regular;
font-style: normal;
font-weight: normal;
font-size: 34px;
line-height: 49px;
/* identical to box height */


color: #464646;

}
.top-h{
  font-family: inter-medium;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
align-items: center;
letter-spacing: 0.34em;
color: #C0C0C0;

}
.top-h-responsive{
  display: none;
  font-family: inter-medium;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
align-items: center;
letter-spacing: 0.34em;
color: #C0C0C0;
}
.inner-part-h{
  font-family: inter-medium;
font-style: normal;
font-weight: normal;
font-size: 36px;
line-height: 125.52%;
align-items: center;
letter-spacing: 0.34em;

color: #464646;

}

.innner-part-p{
  font-family: inter-regular;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 151.52%;
align-items: center;
color: #464646;

}
.inner-part-title{
  font-family: inter-semibold;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 151.52%;
align-items: center;
color: #464646;

}
.bottom-h{
  font-family: inter-medium;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: 0.34em;

color: #464646;
}
.bottom-p{
  font-family: inter-regular;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #464646;

}
/* .gallery-btn{
  font-family: inter-medium;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 125.52%;
align-items: center;

color: #464646;
} */
.ftr-title{
border-right:1px solid #464646;
padding-right:20px;

}
.ftr-part{
  
font-family: inter-regular;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;

}
.parallax {
  /* background-image: url("images/parallax.png"); */
  height: 472.98px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* object-fit: cover; */
}
.border_cls{
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    padding-left: 88px;
}
.pading-cls{
  padding-left: 190px;
}
.view-btn{
  font-family: inter-medium;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 125.52%;
 color: #464646;
  width: 159px;
  height: 62px;
  border: 1px solid #C0C0C0;
  border-radius: 51px;
  background: none;
  overflow :hidden;
  position: relative;
  text-decoration: none;
  transition: .2s transform ease-in-out;
  will-change :transform;
  z-index :0;
}
.view-btn::after{
  background-color: #464646;
  color: #FFFFFF;
content: '';
display :block;
height: 100%;
width :100%;
position: absolute;
left: 0;
top :0;
transform: translate(-100%, 0) rotate(0deg);
transform-origin :left right;
transition: .5s transform ease-out;
/* will-change: transform; */
z-index :-1;
}
.view-btn:hover::after{
transform: translate(0, 0)
}
.view-btn:hover{
color: #FFFFFF;
/* transform :scale(1.05); */
will-change :transform;
}
.view-btn:focus{
    outline:none;
}
.view-colum{
	padding:4px!important;
}

.container-glry > a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
}

.container-glry > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 2px 16px var(--shadow);
  
}

.container-glry {
  display: grid;
  /* grid-gap: 10px; */
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  /* grid-auto-rows: 120px; */
  grid-auto-flow: dense;
  overflow: hidden;

}

.horizontal {
  grid-column: span 2;
}

.vertical {
  grid-row: span 2;
}

.big {
  grid-column: span 2;
  grid-row: span 2;
}
.for-img{
  overflow: hidden; 
}

.line-cls{
  width: 566px;
  margin-bottom: 2.5rem!important;
}
.gallery-img{
  overflow: hidden;
  transition: transform .5s ease-in-out;
}
.gallery-img:hover{
  transform: scale(1.1);
  /* transition: transform .5s ease; */
  transition: transform .5s ease-in-out;
}
.viewgallery-img{
  overflow: hidden;
	object-fit:cover;
	height:333px;
  transition: transform .5s ease-in-out;
}
.viewgallery-img:hover{
  transform: scale(1.1);
  /* transition: transform .5s ease; */
  transition: transform .5s ease-in-out;
}
.modal-dialog {
  max-width: 790px!important;
  /* margin-top: 200px; */
}
#myModal{
background: rgba(0, 0, 0, 0.8);
}
.modal-header{
padding-right: 50px;
	float:right;
	padding-top:35px!important;
}
.inner-modal{
width: 540px;
width: 446px;
  margin: auto;
  margin-top:60px;
/* padding-left: 130px;
padding-right: 130px; */
}
.modal-p{
font-family: inter-regular;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 151.52%;
color: #FFFFFF;
text-align: center;
}
.share-btn{
border: none!important;
margin-left: auto;
background: none;
}
.sharebtn-first{
position: absolute;
right:144px;
}
.modal-header{
border: none!important;
}
.modal-header .close {
padding: 1rem;
/* margin: -1rem 1rem -1rem 0rem!important; */
margin-left: 1px;
/* margin-top: -7px; */
margin-top: -18px;
opacity: 1.5!important;
}
.modal-p{
width:800px;
margin: auto;
}
.close:focus{
outline: none;
}
.modal-content{
border:none!important;
background: transparent!important;
}

@media(max-width:1632px){
  .container-glry {
      grid-template-columns: repeat(auto-fit, minmax(328px, 1fr))!important;
    }
}
@media(max-width:1320px){
  .container-glry {
      grid-template-columns: repeat(auto-fit, minmax(267px, 1fr))!important;
    }
	.height-cls{
		height:420px!important;
	}
}
@media(max-width:1069px){
.container-glry {
    grid-template-columns: repeat(auto-fit, minmax(234px, 1fr))!important;
  }
  .pading-cls {
    padding-left: 140px!important;
}
}
@media(max-width:1000px){
	.viewgallery-img{
		height:100%!important;
	}
  .responsive-col{
    text-align: center!important;
}
.ftr-title{
  border:none!important;
}
.line-cls{
  width: 100%;
  margin-bottom: 0!important;
}
  .heading{
      width:100%;
  }
  .pading-cls {
    padding-left: 0px!important;
}
.border_cls {
    padding-left: 15px!important;
}
}
@media(max-width:800px)
{
.top-h-responsive{
  display:block;
}
.top-h{
  display: none;
}

  .viw-padng{
    text-align: center!important;
  }
  .inner-modal {
    width:100%;
}
.modal-header {
  padding-right: 23px;
}
.sharebtn-first{
right:112px;
}
.modal-p{
  width:100%!important;
  font-size: 16px!important;
}
  .top-h-responsive{
font-size: 16px!important;
  }
  
  .inner-part-h{
    font-size: 28px!important;
    padding-top: 0!important;
  }
  .parallax {
    background-attachment: unset!important;
    height: 251.98px;
   
    background-size: cover;
    /* min-height:400px!important; */
  }
  .container-glry {
      display: block!important;
  }
    .responsive-col{
        text-align: center!important;
        /* padding-bottom: 10px!important; */
    }
    .resp-container{
        padding-top: 0!important;
    }
    .ftr-title{
        /* padding-bottom: 15px!important; */
        border:none!important;
    }
    
}

	

@media(max-width:450px){ 
  .main-fluid{
    height:490px!important;
  }
  .hdr-img{
    width: 184px;
  }
  .modal-header {
    padding-right: 15px;
}
.sharebtn-first{
  right:108px;
}
  .inner-part-title{
    margin-bottom: 16px;
  }
  .pading-resp{
    padding-bottom: 0px!important;
  }
  .bottom-h{
    font-size: 22px!important;
  }
  .cntr-cls{
    text-align: center;
  }
  .top-h-responsive{
font-size: 14px!important;
  }
  .inner-part-h {
    font-size: 18px!important;
  }
  .innner-part-p {
    font-size: 13px;
  }
  .viw-padng{
    padding-top:2rem!important;
    margin-bottom: 0rem!important;
  }
  .view-btn {
    width: 138px;
    height: 51px;
    font-size: 14px;
  }
  .parallax {
    background-attachment: unset!important;
    height: 124.98px;
    background-size: contain;
  }
}