
/** instagram-section **/

.instagram-section{
  position: relative;
}

.instagram-section .instagram-carousel{
  max-width: 1275px;
  width: 100%;
  margin: 0 auto;
}

.instagram-section .owl-carousel .owl-stage-outer{
  overflow: visible;
}

.instagram-block-one .inner-box{
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.instagram-block-one .inner-box .image-box{
  position: relative;
  display: block;
  border-radius: 10px;
}

.instagram-block-one .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
  height: 380px;
  object-fit: cover;
}

.instagram-block-one .inner-box:hover .image-box img{
  transform: scale(1.05);
}

.instagram-block-one .inner-box .text-box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(0,0);
  background: #fff;
  padding: 15px 40px;
  border-radius: 5px;
  transition: all 500ms ease;
}

.instagram-block-one .inner-box:hover .text-box{
  transform: translate(-50%,-50%) scale(1,1);
}

.instagram-block-one .inner-box .text-box a{
  position: relative;
  display: inline-block;
  padding-left: 43px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: var(--title-color);
}

.instagram-block-one .inner-box .text-box a:hover{

}

.instagram-block-one .inner-box .text-box a img{
  position: absolute;
  left: 0px;
  top: 0px;
}


/** rtl-css **/



/** responsive-css **/

@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 991px){

}

@media only screen and (max-width: 767px){

}

@media only screen and (max-width: 599px){

}

@media only screen and (max-width: 499px){

}










































