/*===========================================================*/
/*                                                           */
/*    carousel style                                         */
/*===========================================================*/

#myCarousel .carousel-item .mask {
  position: relative;
  top: 0;
	left:0;
	height:100%;
  width: 100%;
  background-attachment: fixed;
}

#myCarousel h4{
	font-size:50px;
	margin-bottom:15px;
	color:#000;
	line-height:100%;
	letter-spacing:0.5px;
  font-weight:600;
  font-family: 'Franklin Gothic', sans-serif;
}
#myCarousel p{
	font-size:26px;
	margin-bottom:15px;
  color:#000;
  font-family: 'Franklin Gothic', sans-serif;
}

#myCarousel .carousel-item a.link-button{background:#1D3453; font-size:22px; color:#FFF; padding:13px 32px; display:inline-block; border-radius: 39px; font-family: 'Franklin Gothic',sans-serif; text-decoration: none; }
#myCarousel .carousel-item a.link-button:hover{background:#000; text-decoration:none;  }

#myCarousel .carousel-item h4{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInRight; animation-name:slideInRight; display:block; height:auto; max-width:120%;}
#myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#myCarousel .container {max-width: 1430px;  }
#myCarousel .carousel-item{height:100%; margin-top: 150px; min-height:550px; }
#myCarousel{position:relative; z-index:1; height: 90vh; background:url(../imgs/bg-grey.png) center center no-repeat; background-size:cover; }

.carousel-control-next, .carousel-control-prev{height:40px; width:40px; padding:12px; top:50%; bottom:auto; transform:translateY(-50%); background-color: #000000; }

/*===========================================================*/
/*                                                           */
/*    carousel responsive style                              */
/*===========================================================*/

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 768px) { 
  #myCarousel .carousel-item{
    height:100%;
    margin-top: 150px; 
    min-height:550px; 
  } 

    #myCarousel .carousel-item .mask img{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight;
    display:block;
    height:auto;
    max-width:100%;
  }

  #myCarousel{
    position:relative; 
    z-index:1; 
    height: 110vh; 
    background:url(../imgs/bg-grey.png) center center no-repeat; 
    background-size:cover; 
  }

  .xer{
    display:none;
  }

  .bg-lin-gra{
    background: #fff;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {    
  #myCarousel .carousel-item{
    height:100%;
    margin-top: 250px; 
    min-height:550px; 
  }
        
  #myCarousel .carousel-item .mask img{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    display: block;
    height: auto;
    max-width: 100%;    
  } 

  .xer{
    display:none;
  } 
        
  .bg-lin-gra{
     background: #fff;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {     
  #myCarousel .carousel-item{
    height:100%;
    margin-top: 150px; 
    min-height:550px; 
  } 

  #myCarousel .carousel-item .mask img{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    display: block;
    height: auto;
    max-width: 100%;
  }  

  .xer{
    display: contents;
  }
        
  .bg-lin-gra{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.31) 0%, rgba(0,0,0,0) 69%, rgba(0,0,0,0) 98%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.31) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 98%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.31) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f000000', endColorstr='#00000000',GradientType=0 );
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {    
  #myCarousel .carousel-item{
    height:100%;
    margin-top: 150px; 
    min-height:550px; 
  } 
    
  #myCarousel{
    position:relative; 
    z-index:1; 
    height: 75vh; 
    background:url(../imgs/bg-grey.png) center center no-repeat; 
    background-size:cover; 
  }
}

@media (min-width: 1500) {    
  #myCarousel .carousel-item{
    height:100%;
    margin-top: 200px; 
    min-height:550px; 
  } 
    
  #myCarousel{
    position:relative; 
    z-index:1; 
    height: 70vh; 
    background:url(../imgs/bg-grey.png) center center no-repeat; 
    background-size:cover; 
  }
}

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease,-webkit-transform .6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 500px;
}
.carousel-fade .carousel-item {
	opacity: 0;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
	opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
	opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
	.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
	}
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

/* Ana sayfa — Geçmiş dijital toplantılar */
.agih-dijital-swiper .swiper-wrapper {
  align-items: stretch;
}

.agih-dijital-swiper .swiper-slide {
  height: auto;
  align-self: stretch;
}

.agih-dijital-swiper .agih-dijital-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

.agih-dijital-swiper .agih-dijital-card__kapak {
  flex-shrink: 0;
  padding-top: 0.25rem;
}

.agih-dijital-swiper .agih-dijital-card__kapak img {
  width: 100%;
  height: auto;
  display: block;
}

.agih-dijital-swiper .agih-dijital-card__rozet {
  flex-shrink: 0;
  margin-top: 0.75rem;
}

.agih-dijital-swiper .agih-dijital-card__baslik {
  flex: 1 1 auto;
  margin-top: 1rem;
  min-height: 0;
}

.agih-dijital-swiper .agih-dijital-card__baslik .item-head-text {
  margin-bottom: 0;
}

.agih-dijital-swiper .agih-dijital-card__tarih {
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 1rem;
}

.agih-dijital-swiper .agih-dijital-card__tarih .date-text {
  margin-bottom: 0;
  padding-top: 0;
}

/* Ana sayfa etkinlikler slider */
.agih-home-events-swiper .swiper-wrapper {
  align-items: stretch;
}

.agih-home-events-swiper .swiper-slide {
  height: auto;
  align-self: stretch;
}

.agih-home-events-swiper .agih-home-events-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.agih-home-events-swiper .agih-home-events-card__kapak {
  flex-shrink: 0;
  padding-top: 0.25rem;
}

.agih-home-events-swiper .agih-home-events-card__rozet {
  flex-shrink: 0;
  margin-top: 0.75rem;
}

.agih-home-events-swiper .agih-home-events-card__baslik {
  flex: 1 1 auto;
  margin-top: 1rem;
}

.agih-home-events-swiper .agih-home-events-card__baslik .item-head-text {
  margin-bottom: 0;
}

.agih-home-events-swiper .agih-home-events-card__tarih {
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 1rem;
}

.agih-home-events-swiper .agih-home-events-card__tarih .date-text {
  margin-bottom: 0;
  padding-top: 0;
}

/* anasayfa mesajlar */
.agih-home-message {
  margin: 2.5rem 0 3rem;
}

.agih-home-message .justify-content-center {
  justify-content: flex-start !important;
}

.agih-home-message__card {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}

.agih-home-message__sep {
  margin: 1.75rem 0;
  border: 0;
  border-top: 1px solid #e2e8f0;
  opacity: 1;
}

.agih-home-message__content {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
}

.agih-home-message__author {
  flex: 0 0 auto;
  width: 200px;
  max-width: 42%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.55rem;
}

.agih-home-message__text {
  flex: 1 1 0;
  min-width: 0;
}

.agih-home-message__author img {
  width: 190px;
  height: 190px;
  object-fit: cover;
  border: 4px solid #f3f5f8;
}

.agih-home-message__author strong {
  font-size: 1rem;
  color: #1f2937;
}

.agih-home-message__author span {
  color: #6b7280;
  font-size: 0.9rem;
}

.agih-home-message__text h3 {
  margin-top: 0;
  margin-bottom: 0.75rem;
  color: #111827;
}

.agih-home-message__text p:last-child {
  margin-bottom: 0;
}

.agih-home-message__gallery {
  margin-top: 1rem;
  padding-bottom: 0.25rem;
}

.agih-home-message__gallery .swiper-slide {
  height: auto;
}

.agih-home-message__gallery a {
  display: block;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
}

.agih-home-message__gallery img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  transition: transform 0.2s ease;
}

.agih-home-message__gallery a:hover img {
  transform: scale(1.03);
}

@media (max-width: 768px) {
  .agih-home-message__author {
    width: 100%;
    max-width: none;
    align-items: flex-start;
    text-align: left;
  }

  .agih-home-message__text {
    flex: 1 1 100%;
    min-width: 0;
  }
}