@import "bootstrap.min.css";
@import "../fonts/icons/css/all.min.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@font-face {
    font-family: 'BPG Arial';
    src: url('../fonts/BPGArial.woff2') format('woff2'),
        url('../fonts/BBPGArial.woff') format('woff'),
        url('../fonts/BBPGArial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BPG NinoMtavruli';
    src: url('../fonts/BPGNinoMtavruli.woff2') format('woff2'),
        url('../fonts/BPGNinoMtavruli.woff') format('woff'),
        url('../fonts/BPGNinoMtavruli.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
scroll-behavior: smooth;

}
html,
body {
  height: 100%;
}

body {
    font-family: 'BPG Arial';
    background-color: #fff;
    color: #141314;
}

#page-content {
  flex: 1 0 auto;
}


a {
    color: #006a78;
    text-decoration: none;
}
.navbar {
	border-radius: 25px;
}


.slide {

  border-radius: 35px;

 
}
.card-img-top {
  border-radius: 22px
}
.bg-dark {

background-color: #1c1b1d !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.bg-primary {

background-color: #006a78 !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
color: #fff;
 border: 5px solid #FCFCFC;
}

.bg-light{
	background-color: #FCFCFC !important;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;

}

.card {

  border-radius: 25px;
  border: 5px solid #006a78;
  border: 5px solid #FCFCFC;

}

.card-club {
   background-image: url('../images/club/club.jpg');
background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}

@media (max-width: 768px) {
  .card-club {
    background-size: cover; /* ან contain თუ გინდა რომ საერთოდ არ გაიჭრას */
    background-position: center;
  }
}

.modal-content {
  border-radius: 25px !important;
}
.btn {

  border-radius: 15px
}
.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #006a78;
    --bs-btn-border-color: #047988;
	
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #047988;
    --bs-btn-hover-border-color: #047988;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #047988;
    --bs-btn-active-border-color: #047988;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6199a0;
    --bs-btn-disabled-border-color: #6199a0;
}

.btn-outline-secondary {
    --bs-btn-color: #006a78;
    --bs-btn-border-color: #006a78;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #006a78;
    --bs-btn-hover-border-color: #006a78;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #006a78;
    --bs-btn-active-border-color: #006a78;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6199a0;
    --bs-btn-disabled-border-color: #6199a0;
    --bs-gradient: none;
}
.badge {

    --bs-badge-font-weight: 200;
    border-radius: 20px;
 
}

.text-bg-secondary {
    color: #fff !important;
    background-color: #45455a!important;
}
.text-bg-danger {
    color: #fff !important;
    background-color: #d6185b !important;
}


.q_search { position: relative; margin-top: 22px; }
	.q_search > input {
		width: 100%;
		padding: 7px 72px 7px 18px;
		border-radius: 8px;
		background-color: #e2e8f0;
		display: block;
		border: 0 none;
		box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.q_search > input:focus {
		background-color: #fff;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}
	.q_search > .btn { width: 36px; padding: 0; position: absolute; right: 0; top: 18px; }
	.q_search .icon-search { position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; fill: #737373;}
	.q_search .q_search_adv {
		position: absolute;
		right: 0; top: 0;
		margin-right: 36px;
		width: 36px; height: 36px;
	}
	.q_search .icon-set {
		width: 16px; height: 16px;
		position: absolute;
		left: 50%; top: 50%;
		margin: -8px 0 0 -8px;
		fill: #737373;
	}
	.q_search .q_search_adv:hover .icon-set { fill: #0c5f7eed; }


#searchsuggestions {
	z-index: 2200;
	width: 300px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; border-color: rgba(0,0,0,0.2);
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#searchsuggestions a, #searchsuggestions span.notfound { padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
	#searchsuggestions a { color: inherit; }
	#searchsuggestions a:hover { background-color: #f7f7f7; }
	#searchsuggestions a span { display: block; cursor: pointer; }
	#searchsuggestions span.searchheading { display: block; font-weight: bold; margin-bottom: .2em; }
	#searchsuggestions span.seperator { display: block; }
	#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; }
	#searchsuggestions span.notfound { padding: 15px 25px; display: block; }
	#searchsuggestions .break { display: none; }


  .ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
	.ui-helper-clearfix { display: inline-block }
	* html .ui-helper-clearfix { height: 1% }
	.ui-helper-clearfix { display: block }
	.ui-dialog {
		text-align: left;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 370px;
		border-radius: 2px;
		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
		background-color: #f7f7f7;
		background-clip: padding-box;
		outline: none;
	}
	.ui-dialog-titlebar { 
		padding: 10px 15px; 
		position: relative;
		background-color: #517fa4 !important;
    color: #fff;

	}
	.ui-dialog-title { float: left; font-weight: 600; font-size:.9rem; text-shadow: 0 1px #333;}
	.ui-dialog-titlebar-close {
		position: absolute;
		right: 10px; top: 50%;
		margin-top: -16px !important;
		height: 23px !important;
		width: 32px;
		border: 0 none !important;
		background-color: inherit !important;
		box-shadow: none !important;
		padding: 0px !important;
	}
	.ui-dialog-titlebar-close .ui-icon {
		display: block;
    margin: 9px auto 0 auto;
    width: 12px;
    height: 12px;
    opacity: .5;
    font-weight: 600;
    font-size: 1rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	}

	.ui-dialog-titlebar-close span.ui-button-text {
    display: block;
    margin: 9px auto 0 auto;
    width: 12px;
    height: 12px;
    background-size: 10px auto;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    text-indent: -9999px;
    opacity: .5;
	}

	.ui-dialog-titlebar-close span.ui-button-text:hover {
		opacity: 1;

	}


.card-img-fixed {
width: 100%; 
height: 220px; 
object-fit: cover;
object-position: center;
display: block;
border-radius: 30px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

}


@media (max-width: 576px) {
.card-img-fixed {
height: 160px;
}
}



@media (min-width: 992px) {
.card-img-fixed {
height: 260px;
}
}


.card-text {
	font-size: 15px;
  text-wrap: balance;
  overflow-wrap: break-word;
  line-height: 1.6;
}

.notify-badge{
    position: absolute;
    background:  #232c35;
    height:25px;
    top:0.5rem;
    left:0.5rem;
    width:auto;
    text-align: center;
    margin: 10px;
	padding: 6px 7px;
    font-size: 12px;
	text-align: center;
	justify-content: center;
    border-radius: 10px;
    color:white;
    
	font-family: 'BPG NinoMtavruli';

	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

}
.notify-badge-long{
    position: absolute;
    background:  #45455a!important;
    height:25px;
    top:2.5rem;
    left:0.5rem;
    width:auto;
    text-align: center;
    margin: 10px;
	padding: 6px 7px;
    font-size: 12px;
	text-align: center;
	justify-content: center;
    border-radius: 10px;
    color:white;
    border:1px #fff;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

}



.offcanvas {

  border-radius: 20px;
opacity: 0.95;
}




@media (min-width: 992px) {
  .rounded-lg-3 { border-radius: .3rem; }
}




.rounded { border-radius: 45px; }



/* Team css*/
.team-list img {
  width: 50%;
}

.team-list .content {
  width: 50%;
}

.team-list .content .follow {
  position: absolute;
  bottom: 24px;
  
}

.team-list:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
       
}

.team, .team-list {
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
  
}

.team .content .title, .team-list .content .title {
  font-size: 18px;
}


.team .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.team .member-position, .team .team-social {
  position: absolute;
  bottom: -35px;
  right: 0;
  left: 0;
  margin: auto 10%;
  z-index: 99;
}

.team .team-social {
  bottom: 40px;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
}

.team:hover {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          border-radius: 25px;
          
}

.team:hover .overlay {
  opacity: 0.6;
  border-radius: 25px;
  
  
}

.team:hover .team-social {
  opacity: 1;
  border-radius: 25px;
}

@media (max-width: 768px) {
  .team-list img,
  .team-list .content {
    width: 100%;
    float: none !important;
  }
  .team-list img .follow,
  .team-list .content .follow {
    position: relative;
    bottom: 0;
  }
}

.social-icon.social li a {
    color: #adb5bd;
    border-color: #adb5bd;
}
.social-icon li a {
    color: #35404e;
    border: 1px solid #35404e;
    display: inline-block;
    height: 32px;
    text-align: center;
    font-size: 15px;
    width: 32px;
    line-height: 30px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
    position: relative;
}
.rounded {
    border-radius: 5px !important;
}

.para-desc {
    max-width: 600px;
}
.text-muted {
    color: #8492a6 !important;
}

.section-title .title {
    letter-spacing: 0.5px;
    font-size: 30px;
}
.alert {

  border-radius: 25px;
  border: none;
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: transparent;

    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis);
}


#topbutton {
  display: inline-block;
  background-color: #35404e;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 15px;
  position: fixed;
  bottom: 100px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#topbutton::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#topbutton:hover {
  cursor: pointer;
  background-color: #333;
}
#topbutton:active {
  background-color: #555;
}
#topbutton.show {
  opacity: 1;
  visibility: visible;
}


.snow {
  position: fixed;
  top: 0;
  left: 0;
  width: 120vw;
  height: 120vh;
  pointer-events: none;
  overflow: hidden;
  z-index: 99999;
  background-image:
    radial-gradient(2px 2px at 20px 20px, white 50%, transparent 50%),
    radial-gradient(3px 3px at 50px 50px, white 50%, transparent 50%),
    radial-gradient(2px 2px at 80px 10px, white 50%, transparent 50%),
    radial-gradient(3px 3px at 30px 70px, white 50%, transparent 50%),
    radial-gradient(2px 2px at 70px 90px, white 50%, transparent 50%);
  background-size: 120px 120px;
  animation: snow-fall 30s linear infinite; 
}

@keyframes snow-fall {
  0% { 
    background-position: 0px 0px; 
  }
  100% { 
    background-position: 0px 2000px; 
  }
}


.col-5-fix {
    flex: 0 0 20%;
    max-width: 20%;
}
/* Desktop — 5 ბლოკი */
.col-5-fix {
    flex: 0 0 20%;
    max-width: 20%;
}

/* Tablet — 3 ბლოკი */
@media (max-width: 992px) {
    .col-5-fix {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

/* Mobile — 2 ბლოკი */
@media (max-width: 768px) {
    .col-5-fix {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Very small phones — 1 ბლოკი */
@media (max-width: 480px) {
    .col-5-fix {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.pro_images-s {
    position: fixed;
    top: 50%;
    transform: translate3d(0, -50%, 0); /* Safari fix */
    z-index: 2147483647; /* მაქსიმალური */
    pointer-events: auto;
}

.pro_images-s img {
    width: 180px;
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    display: block;
}

/* მარცხენა */
.pro_images-s_l {
    left: 8px;
}

/* მარჯვენა */
.pro_images-s_r {
    right: 8px;
}

/* მობილურზე გამორთვა */
@media (max-width: 768px) {
    .pro_images-s {
        display: none;
    }
}

/* Google Form – DLE 18.1 + Bootstrap 5.3 FIX */
.gform-bs5 {
    width: 100%;
    max-width: 100%;
}

.gform-bs5 iframe {
    width: 100% !important;
    height: 1800px;   /* მთავარი FIX */
    border: 0;
    overflow: hidden;
}


@media (max-width: 576px) {
    .gform-bs5 iframe {
        height: 2900px;   /* ეს არის მთავარი FIX */
    }
	
}



.dle-skin-select select {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}













.image-box {
  position: relative;        /* მთავარი მიზეზი */
  height: 340px;             /* ქარდების გათანაბრება */
  overflow: hidden;
  border-radius: 18px 18px 0 0;
}

.image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 14px;

  background: linear-gradient(
    to top,
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.1)
  );

  color: #fff;
  z-index: 2;
}

.overlay-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.overlay-text {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.3;
}