/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* @import url("//cdn.web-fonts.ge/fonts/alk-life/css/alk-life.min.css"); */
/* ფონტის ლინკი ქართული */

/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); */
/* ფონტის ლინკი ლათინური */


 /* body{
  background-color: blanchedalmond;
  font-family: Arial, Helvetica, sans-serif;
 } */


 /* body {

  background-color: #f4f4f4;
} */

@tailwind base;
@tailwind components;
@tailwind utilities;


header{  
  background-color: rgb(228, 508, 299);  
  font-size: 22px;
  color:black;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  top: 0;
  left:0 ;  
  padding: 10px 15px; 
  z-index: 1;
   }

.logo_image{
  width: 60px;
  height: 60px;
}


ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}
li{
  font-size: 25px;
  margin-right: 55px;
}
.burger{
  position: relative;
  display: none;
  width: 40px;
  height: 30px;
  font-size: 28px;
  cursor: pointer;
  background: none;
  border: none;
}







/* posts */ 
 .overlay{
  position:fixed;
  top:30px;
  left:30px;
  width: 50%;
  height: 50%;
  background-color: #a8a4a4;
  opacity: 70%;
  color: white;
  text-align: center;
  display: none;
}
.posts{
  width: 60%;
  background-color: #7e3838;
  margin-bottom: 20px;
  padding: 20px;
}
.close{
  position:absolute;
  top:30px;
  right: 30px;
  color: #f72222;
  cursor: pointer;
  font-size: 20px;

}
.overlay.activePost{
  display: block;
}


/* header-ის hoveri */
 /* header - ს დაჰოვერება გავუკეთოთ, კურსორის მიტანისას ცვლილება, a ანქორ ტეგი იქნება რელატივი, ხოლო  ბიფორი და აფტერი აბსოლუტი
სწორია*/
/* ტექსტს ხაზები რომ მოვაშოროთ უნდა გავწეროთ text- decoration:nane; */


a{
  position: relative;
  }
    a::after{
      content: "";
      height: 3px;
      width: 2px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color:rgb(34, 0, 128) ;
      display: block;
      /* transition: width 2s linear 1s; */
    }
  
    a:hover::after{
      width: 100%;
    }
  




.Newtones_cradle{
   margin-top: 80px;
   font-size: 14px;   
 }

.imgtitle{
  width: 10px;
}


  b,strong{
   width: 30px;
   color:blue;
   width: 50px;
   height: 10px;
   font-weight: bold;
  }

  a{
   text-decoration: none;
   }
   
  

   h1{
    font-family: 'BPG Irubaqidze';  
    font-size:45px;
    color: black;
    background-color: rgb(228, 508, 299);
   }


  
   .Newtones_cradle{
     font-size: 20px;
     display: inline-block;
     
   }
   
   .maps_if{      
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 5px;
      
   }

   #exp{ 
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px;
    width: 80%;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px;
    margin-left: 175px;
    }
 .exp{
  padding: 50px;
 }
 #exsp_text{

  font-size: 40px;
  text-shadow:0 3px 15px #6200ea;
  color:#6200ea;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
 
 }
 #contact1 {
  position: relative;
  max-width: 800px;
  width: 50%;
  height: 0;
  padding-bottom: 25.25%; /* 16:9 aspect ratio */
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
}


 #contact{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    background-color: rgb(228, 508, 299); 
    -webkit-box-pack: center; 
        -ms-flex-pack: center; 
            justify-content: center; 
    font-size: 22px;
    padding: 20px;
    display: flex;
    margin-bottom: 15px;
    color: rgb(86, 48, 225);
    margin-top: 70px;
    border-radius: 30px;
 }
 
 .chat_icon{
  width: 90px;
  height: 60px;
  position: fixed;
  bottom: 60px;
  right: 60px;
  z-index: -1; 
}




 /* მთავარი გვერდი, სლაიდერი */


 /* slider */



/* slider */
#slider {
  width: 80%;
  height: 100vh;
  position: relative;
  margin: 0 auto;
}
.arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f72222), to(#5f3512));
  background-image: -o-linear-gradient(left, #f72222, #5f3512);
  background-image: linear-gradient(to right, #f72222, #5f3512);
  border-radius: 20%;
  color: white;
  cursor: pointer;
  border: none;
  font-size: 15px;
  z-index: 2;
}
.arrow-left {
  left: 80px
}
.arrow-right {
  right: 80px;
}
.arrow:hover {
  border: 2px solid white;
  background-size: 300% 100%;
}
/* .slider-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Berkshire Swash', cursive;
  font-size: 3rem;
  letter-spacing: 0.15rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.555);
  padding: 40px 70px;
  border-radius: 30px;
  text-align: center;
}
.slider-title:hover {
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.747);
} */
.dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: white;
  margin: 5px;
  opacity: 40%;
}
.dot.active {
  opacity: 100%;
}
.dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 100;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 5%;
  cursor: pointer;
}
.fade {
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}

@-webkit-keyframes fade {
  from {opacity: 30%} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 30%} 
  to {opacity: 1}
}
.key {
  max-width: 70px;
  opacity: 50%;
  position: absolute;
  bottom: 50px;
  right: 70px;
  z-index: 109;
}







 



/* footer */

/* სწორია */



.fa-facebook{
  color: blue;
  font-size: 40px;
}

.fa-youtube{
  color:red;
  font-size: 40px;
}

.fa-twitter{
  color: rgb(0, 179, 255);
  font-size: 40px;
}

.fa-linkedin{
  color: #007BFF;
  font-size: 40px;
}


#fa{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#ascot{
  display: block;
  margin: 0 auto;
  }









/* მთავარი გვერდი ვიდეო */
/* index.html */

.home2{
  padding: 40px;
  max-width: 1600px;
  width: 90%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 40px;
}

.video1{
  margin-top:40px ;
  margin: 0 auto;
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 10px 10px 10px  10px #007BFF;
  border-radius: 35px;
}

.home{
  margin: 0 auto;
  margin-top: 40px;
  font-size:30px;
  margin-bottom: 40px;
}



.bg_image2{
  background-image:url('https://upload.wikimedia.org/wikipedia/commons/6/6f/CMB_Timeline300_no_WMAP.jpg');
  min-height: 750px;
  max-width:1750px ;
  height:100%;
  width: 100%;  
  margin: 0 auto;
  background-color: rgb(218, 255, 196);
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover; 
  position: relative;
  padding: 12px;  
  border-radius: 20px;
}


/* BEM   მოდიფაიერი მეთოდოლოგია */
/* მთავარი გვერდი */

.physicsbody {
  font-family: 'BPG Irubaqidze', sans-serif;
  background-color: #f8f9fa; 
  width: 100%;
}
#physteria{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}



/* BEM   მოდიფაიერი მეთოდოლოგია */
/* მთავარი გვერდი */


#physteria{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
width: 40%;
}


/* Global Styles */
.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.container1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.container__box {
  max-width: 780px;
  width: 100%;
  padding: 20px;   
  border-radius: 20px;
  -webkit-box-shadow: 0 40px 55px rgb(102, 48, 255);
          box-shadow: 0 40px 55px rgb(102, 48, 255);
}

.container__box1 {
  max-width: 780px;
  width: 100%;
  padding: 20px;  
  border-radius: 20px;
  -webkit-box-shadow: 0 30px 45px purple;
          box-shadow: 0 30px 45px purple;
}
.container__box--primary {
  background-color: #f0f0f0;
}

.container__box--secondary {
  background-color: #e0e0e0;
}

.container__item {
  width: 100%;
  margin-bottom: 20px;
}
.container__item1{
  width: 100%;
  margin-bottom: 5px;
}

.container__image {
  max-width: 200px;
  width: 100%;
  height: auto;
  float: left;
  padding: 20px;
}

.container__text {
  font-size: 16px;
  line-height: 1.6;
}

.container__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* Quotes Section */
.container--quotes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

#container--quotes{
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  margin-left: 100px;
  gap: 200px;
}
.container__item--quote {
  width: calc(50% - 10px);
}

.container__item--quote p {
  font-style: italic;
}


#news2{
display: inline-block;
margin: 0 auto;
margin-left: 25%;
border-radius: 20px;

}
#news{
  font-family: 'BPG Irubaqidze', sans-serif;
  background-color: #f8f9fa; 
  margin: 0 auto;
  font-size: 26px;
  padding: 15px;
  margin: 0 auto;
  color: #0010ea;
  gap: 10px
  ;
  
}

html, body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}


/* ფსევდო კლასები */



.container__text::first-line{
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-weight: 700;
}
.container__text::first-letter{
  color: blue;
  font-size: 24px;
  font-weight:1000;
}
  
/* #td{
  max-width:900px;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 50px;
  margin-left: 50px;
  gap: 50px;
  margin: 0 auto;
} */

#td {
  max-width:1650px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  margin: 0 auto;
  padding: 20px;

}
#newsbody{
  width: 100%;
}

.box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-shadow: 8px 12px rgba(255, 48, 48, 0.5);
          box-shadow: 8px 12px rgba(255, 48, 48, 0.5);
  background-color: #f4f4f4;
  border: 3px solid palegreen;
  border-radius: 20px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(25% - 30px);
  min-width: 250px;
  text-align: center;
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.box1:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 10px 15px rgba(48, 207, 255, 0.7);
          box-shadow: 15px 25px rgba(48, 207, 255, 0.7);
}



#td3 {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  margin: 0 auto;
  padding: 30px;
}

.box3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-shadow: 8px 12px rgba(155, 255, 48, 0.5);
          box-shadow: 8px 12px rgba(96, 255, 48, 0.5);
  background-color: #f4f4f4;
  border: 3px solid rgb(236, 152, 251);
  border-radius: 20px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(25% - 30px);
  min-width: 250px;
  text-align: center;
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.box3:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 10px 15px rgba(255, 248, 48, 0.7);
          box-shadow: 10px 15px rgba(255, 231, 48, 0.7);
}


















/* #td1{
 
  display: -webkit-box;
 
  display: -ms-flexbox;
 
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  margin-left: 30px;
 
  
} */

#td1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  box-shadow:15px 15px 15px #7a00b3;
  margin-left: 30px;
  width: 95%;
}


#box {
  background-color: #f2f2f2;
  padding: 20px;
  border: 1px solid #ccc;
  max-width:750px;
  width: 100%;
 -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
  word-wrap: break-word; /* Break long words to fit inside the box */
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 25px;
  margin-right: 20px;
  box-shadow:15px 25px 15px #4500b3;
  margin-left: 20px;
}

.box2 {
  background-color: #f2f2f2;
  padding: 20px;
  border: 1px solid #ccc;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
  word-wrap: break-word; /* Break long words to fit inside the box */
}

 .phisic-card {  
  gap: 10px; 
  max-width:80%;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  background-color: beige;
  border-radius: 25px;
}



/* img{
  
  width: 40%;
  gap: 10px;
} */
.img1{
  width:25px ;
}
     
/* ბგ იმიჯი */


 #bg_image{
  display: block;
  margin-top:250px;
  border-radius:15px ;

  
} 

.bg_image3{
  background-image:url('https://charlius.com/wp-content/uploads/2022/04/cropped-mwskyglow_moore_2500.jpg');
  min-height: 450px;
  max-width:1600px ;
  height:100%;
  width: 100%;  
  margin: 0 auto;
  background-color: rgb(218, 255, 196);
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover; 
  margin-top: 4px;
  position: relative;
  padding: 12px;  
  margin-bottom: 35px;
  border-radius: 20px;
}
.bg_image4{
  background-image:url('https://scontent.ftbs3-1.fna.fbcdn.net/v/t39.30808-6/214532542_4029671400471598_6678748425135507492_n.jpg?_nc_cat=110&ccb=1-7&_nc_sid=2285d6&_nc_eui2=AeH5NBh64l0gcdm6SoiqphZ7uqmRqmdC9Vm6qZGqZ0L1WbvhfOEg3TttnST35Mgynf_HlL9q56Ipww0g6e2J4lCu&_nc_ohc=GQLWsw4CvRoQ7kNvwE1obtG&_nc_oc=AdmjdVdVYlsA0ssfI_1Gl9X5Flg7eqG7e2mniK8eCG24jz5pNbSdHO-UTEWmo_gn9jA&_nc_zt=23&_nc_ht=scontent.ftbs3-1.fna&_nc_gid=4xU2rIaWTfEfQfaimuLjWA&oh=00_AfGOWWDJ3pblCxvFqyUyjI4IcUmB9CceMqe6-d8WRusPmA&oe=68152C95');
  min-height: 550px;
  max-width:1750px ;
  height:100%;
  width: 100%;  
  margin: 0 auto;
  background-color: rgb(218, 255, 196);
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover; 
  position: relative;
  padding: 12px;  
  border-radius: 20px;
}


/* ტესტების სექცია */
#testtwo {
  padding: 20px;
}

.test-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  display: none;
}

/* ტესტების ბარათები */
.test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  color: black;
  padding: 12px;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 300px;
  opacity: 0;
  -webkit-animation: fadeIn 0.8s ease-in-out forwards;
          animation: fadeIn 0.8s ease-in-out forwards;
 
}

/* მაუსის ეფექტი */
.test:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* სურათის სტილი */
.smiley {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}

/* სურათის ეფექტი */
.smiley:hover {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* ტექსტი */
.test a {
  text-decoration: none;
  color: #007BFF;
  font-weight: bold;
}

.test a:hover {
  text-decoration: underline;
}

/* fade-in ეფექტი */
@-webkit-keyframes fadeIn {
  from {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
  }
  to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
  }
  to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
  }
}

/* მთავარი ბლოკი */
#root_div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  padding: 20px;
}

/* ინფორმაციული ბლოკები */
.box {
  background: white;
  color: black;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: 320px;
  opacity: 0;
  -webkit-animation: fadeIn 0.8s ease-in-out forwards;
          animation: fadeIn 0.8s ease-in-out forwards;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

/* მაუსის ეფექტი */
.box:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}


/*before ელემენტამდე
after ელემენტის შემდეგ  */








h2::before{
  content:"... ";
  color: rgb(183, 0, 255);
  font-size: 25px;
  margin: 0 auto;
}

h3::after{
  content:url();
  color: rgb(183, 0, 255);
  font-size: 25px;
}














/* 09.12.2024 */

/* გადავამოწმო სისწორე     ????????????????????????????????????? */

/* მარქაფ ვალიდატორი
შევამოწმოთ ვალიდატორში გაწერილი კოდები
url(https://validator.w3.org/) */





/*გამწვირვალე  ფონის გადაკვრა სურათზე ფსევდო ელემენტების გამოყენებეით 
responsive checker გუგლში ვწერთ გითაბის ლინკი, რეზოლუციებზე გაწერა
https://responsivetesttool.com/
სწორია*/



.bg_image2::before{
  content:url("") ;
  width: 100%;
  height: 100%;
  background-color:black;
  display: block;
  opacity: 9%;
}
.bg_image3::before{
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgb(7, 20, 20);
  display: block;
  opacity: 8%;
}
.bg_image4::before{
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgb(7, 20, 20);
  display: block;
  opacity: 1%;
}

/* css text-shadow property აქვს   3 პარამეტრი
x  ღერზზე გამოწეული  y   ღერზზე გამოწეული  ერის შეცვლა*/

h2{
  text-shadow: 1px 1px #000000;
  margin: 0 auto;
  
}


/* css box-shadow property  */
/* სწორია */

/* ფიზიკოსების გვერდი დივები */
.containerbox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px; 
  -webkit-box-pack: center; 
      -ms-flex-pack: center; 
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column; 
  gap: 15px;
  -webkit-box-shadow: 5px 10px rgb(102, 48, 255);
          box-shadow: 5px 10px rgb(102, 48, 255);
  display: inline-block;
  background-color: #f4f4f4;
  width:30%;
  height: 30%;
  margin: 0 auto;
  padding: 10px;
  border: 2px solid palegreen;
  margin-top: 25px;
  border-radius: 15px;
  margin-right: 5px;
  margin-left: 10px;
  padding: 20px;
  -webkit-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
          transform: rotate(4deg);
 }
#contbox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 100px;
}





 /* 09,02,2024 */
/* fonts */

.geo-abs{
  font-family: "ALK Life", sans-serif;
  color: black;
 }

 

.geo-rel {
  position: relative;
  float: left;
  width: 300px; /* სურათის კონტეინერის სიგანე */
}

#box2{
 font-size: 16px;
}

#h4{
  margin: 0 auto;
  font-size: 16px;
}
 .geo-text {
  max-width:80%;   /* ტექსტის მაქსიმალური სიგანე */
  width: 100%;
  padding: 5px;
  font-size: 25px;
  line-height: 1.3;
  text-align: justify;
  margin: 0 auto;
  } 

.geo-text{
  color: blue;
  text-decoration: none;
  font-weight: bold;
}

.geo-text1 {
  max-width:800px; /* ტექსტის მაქსიმალური სიგანე */
    width: 100%;
  padding: 5px;
  font-size: 17px;
  line-height: 1.3;
  text-align: justify;
  margin: 0 auto;
  } 

.geo-text1  {
  color: black;
  text-decoration: none;
  font-weight: bold;
}
.physic{
  display: block;
  float: left;
  background-color: beige;
}





/* BEM ბლოკი ელემენტი მოდიფაიერი
ფიზიკოსები, მეორე გვერდი */
/* მეცნიერთა ბლოკი */

.main__section--intro {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-align: center;
  padding: 20px;
  background-color: white;
  color: black;
  font-size:30PX;
}
#intro{
  margin: 0 auto;
  margin-top: 90px;
  border-radius: 15px;
  background-color: #f8f9fa; 
  font-family:initial;
}



/* გასარკვევი მაქვს, ვერ შევუცვალე ფერი და მდებარეობა */


#ciali{
  font-size: 50px;
  margin-bottom: 100px; 
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-shadow:0 3px 15px #6200ea;
  color:#6200ea;
  
 
}
/* ფიზიკოსების სექცია */
.scientists {
  text-align: center;
  padding: 40px 20px;
}


.scientistss {
  text-align: center;
  padding: 40px 20px;
}


.scientistsss {
  text-align: center;
  padding: 40px 20px;
}


.hidden {
  display: none;
}



.scientists_cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 სვეტი */
  gap: 30px; /* უფასო სივრცე */
}


.scientists_cardss {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 სვეტი */
  gap: 30px; /* უფასო სივრცე */
}


.scientists_cardsss {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 სვეტი */
  gap: 30px; /* უფასო სივრცე */
}


/* .scientists-card {
  border: 5px solid #ccc;
  padding: 30px;
  text-align: center;
  
} */
.scientist__bio {
  display: none;
  height: 200px; /* უფრო დიდი სიმაღლე */
  width: 300px;  /* უფრო დიდი სიგანე */
  overflow: auto; /* თუ შიგნით მეტი შინაარსი იქნება, გაგზავნის გამოტანის შესაძლებლობას */
}


.toggle-button {
  cursor: pointer;
  background-color: #0d47a1;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  margin-top: 1rem;
  text-align: center;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.toggle-button:hover {
  background-color: #1565c0;
}



.scientists__title {
  font-size: 3em;
  color: #333;
  margin-bottom: 20px;
}

/* ბარათების გალერეა */
.scientists__grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.scientists__grids {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.scientists__gridss {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}



/* ბარათის სტილები */
.scientists__card {
  background: white;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}

.scientists__card:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}


/* ქართველი ფიზიკოსები */

.scientists__grids {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}


/* ბარათის სტილები */
.scientists__cards {
  background: white;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}

.scientists__cards:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}
/* სურათის სტილი */
.scientists__image {
  width: 50%;
  height: auto;
  border-radius: 8px;
}

/* ტექსტი ბარათში */
  .scientists__info {
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: white;
  }


.scientists__card {
  background-color: #a45eff;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  overflow: visible;
  }


.scientists__bio {
  position: absolute;
  top:0;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
  padding: 15px;
  border-radius: 10px;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 10px;
}
.scientists__card:hover .scientists__bio {
  opacity: 1;
  pointer-events: auto;
}


/* 11.12.2024
ფონტები font
აბსოლიტური მისამართი ონლაინია cdn link  ვსვამთ head ტეგში ან da @import-ით  css-ში ვაკოპირებთ, რელატიური კი ლოკალური ანუ ხელით გავწერთ. web.fonts.ge online sdn  ცავსვათ სტაილის შემდეგ, რესეთამდე.  რომელ ტექსტს ან პარაგრაფს გავუწერთ ისე წაგვიკითხავს, ანუ გაისტილება ასე.*/
/*xeliT dayeneba unda CamovtvirToT */







/* transition linear, ერთი და იგივე სიჩქარით დაუბრუნდება პოზიციას
transition ease სწრაფად იწყებს ბოლოშინელდება
transition ease-in სწრაფად ბოლოში ნელდება
transition ease out სწრაფად და შენელდა
transition easein out  ნელა, სწრაფად და ნელდება */



/* სიმბოლოების შემოტანა 
საავტორო უფლების დაცვა 
some other entities supported by html  
გამზადებული კოდი კოპირებით მოგვაქვს სექციაში
ბლოკურია და ინლაინ ბლოკი გავუწეროთ ზომა არ ეცვლება არჩვეანი არ გავქვს ეს როგორც აიცონი ისე გადმოგვაქვს*/

/* background image shorthand
მაქვს ფერი, სურათი, რეპეატ განმეორება და პოზიცია, ცალკ -ცალკე გაწერილი. შეგვიძლია გავაკეთოთ ერთ ხაზზე გაწერით*/
/* body{
  background: ფერი სურათი განმეორება რიფიტ ან ნო-რიფით პოზიცია მაგალითათ რაიგთ ტოპ;

} */
/* 16.12.2024 */


.scientists--intro{
  background-color: antiquewhite;
}

.lat-abs{
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
}
.lat-rel{
  font-family: 'Playfair Display';
}
.lat-rel1{
  font-family: 'Roboto Condensed';
}


/* კონტაქტების გვერდი Radio Buttons
სარეგისტრაციო ფორმა ატრიბუტები */

#survey{ 
  display:inline-block;
  max-width:400px ;
  width:100%;
   margin-bottom: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top:100px;
  color: #000000;
  border: 5px solid rgb(122, 112, 216);
  border-radius: 15px;
  gap: 25px;
  margin-left:300px;
  padding: 15px;
  -webkit-box-shadow:20px 20px 15px rgb(86, 48, 225);
          box-shadow:20px 20px 15px rgb(86, 48, 225);
}

#survey2{ 
    display:inline-block;
    max-width: 400px;
   width:100%;
   margin-bottom: 30px;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;   
   color: #000000;
   border: 5px solid rgb(216, 112, 135);
   border-radius: 15px;
   gap: 25px;
   margin-left: 140px;
   padding: 5px;
   -webkit-box-shadow:20px 20px 15px rgb(225, 48, 48);
           box-shadow:20px 20px 15px rgb(225, 48, 48);
}


/* 18.12.2025  */




.container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 20px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}




.geo-abs{
  font-family: 'BPG Irubaqidze';
}



/* მოეხსნას ხაზები */
 input{
  outline: none;   
 }

 /* ქვედა ხაზი ჰქონდეს მარტო */


 .input_element{
 border: none;
 border-bottom:1px dotted #6200ea;
 margin-top: 20px;
 max-width: 220px;
 width: 100%;
 
 }

#if2{
  font-size: 24px;
  color: black;
  margin: 0 auto;
}
 .box_input{
  max-width: 200px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
 }


 /* 18,03,2024 */

fieldset {
  border: 4px solid #007BFF;
  border-radius: 8px;
  padding: 15px;
}
legend {
  font-size: 1.2em;
  font-weight: bold;
  color: #007BFF;
  padding: 0 10px;
}
label {
  font-weight: bold;
  display: block;
  margin-top: 10px;
}
input {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
input:focus {
  border-color: #007BFF;
  outline: none;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.5);
          box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.5);
}
input[type="submit"] {
  background-color: #007BFF;
  color: white;
  font-weight: bold;
  cursor: pointer;
  margin-top: 15px;
  border: none;
  padding: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
input[type="submit"]:hover {
  background-color: #0056b3;
}

.mainphysics1{
  width: 85%;
  margin: 0 auto;
  background-color: aliceblue;
}

/* ახალი ვერსია */
/* .container5 {
  color: #000000;
  border: 5px solid rgb(122, 112, 216);
  border-radius: 15px;
  gap: 25px;
  margin-left: 20PX;
  padding: 15PX;
  box-shadow:20px 20px 15px rgb(86, 48, 225);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 50%;
  margin: auto;
} */

form {
  border-radius: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 10px;
  margin-bottom: 15px;
  background: -webkit-gradient(linear, left top, right top, from(white), to(#5ee7ff));
  background: -o-linear-gradient(left, white, #5ee7ff);
  background: linear-gradient(to right, white, #5ee7ff);
  -webkit-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.2);
  color: black;
  
}

fieldset {
  border: 2px solid white;
  padding: 15px;
  border-radius: 10px;
}

legend {
  font-size: 20px;
  font-weight: bold;
}

label {
  display: block;
  margin-top: 10px;
  font-size: 16px;
}

input, textarea, select {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border-radius: 5px;
  border: none;
  outline: none;
  font-size: 14px;
}


/* input, textarea, select:focus {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border-radius: 5px;
  border: none;
  outline: none;
  font-size: 14px;
} */


input[type="submit"] {
  background-color: black;
  color: w#5ee7ff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

input[type="reset"] {
  background-color: black;
  color: w#5ee7ff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

input[type="submit"]:hover {
  background-color: white;
  color: black;
}

input::-webkit-input-placeholder{
  color:gray;
}

input::-moz-placeholder{
  color:gray;
}

input:-ms-input-placeholder{
  color:gray;
}

input::-ms-input-placeholder{
  color:gray;
}

input::placeholder{
  color:gray;
}

input[type="reset"]:hover {
  background-color: white;
  color: black;
}

/* როცა მხ. ტექსტს მინდა მივწვდე */
/* .input_text::placeholder{
  color:gray;
} */

h3 {
  margin-top: 120px;
  text-align: center;
  text-shadow: 0 5px 5px rgb(47, 255, 245);
  font-size: 30px;
  margin-top: 40px;
  margin-bottom: 50px;
}
.curvey5{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
} 
/*  რეგისტრაციის ფორმები დავასრულე */

/* footer */
#btn{
  width: 5%;
}

.physicists{
  background-color: white;
}

/* 23.12.2024 
ცხრილები https://www.w3schools.com/html/html_tables.asp */


/* div-ებზე ფორმის და სტილის მინიჭება. https://www.w3schools.com/cssref/css3_pr_transform.php */


/* CSS-ის Global ცვლადები */
/* HTML თავარი ფესვია, ანუ მთავრი ფესვია, მასში ცვლადის სახელს ვუთითებთ. სახელებს ჩვენ ვარქმევთ. შემოგვაქვს var( --primery-size) ცვლადი ან var( --primary-color)  */


/* ან div-ს მივანიჭებ class="root_div */
 /* :root{
  --primary-color: pink;
  --primery-size:16px;
} 
div{
  color: var(--primery-size);
  font-size: var(--primery-size);
  
  } 

  .root_div{
    color: var(--primery-size);
    width: 300px;
    height: 200px;
    font-size: var(--primery-size);
  } */


  /* 25.12.2024 Max Width */

  .box{
    max-width: 420px;
    width: 100%;
    height: 300px;
    background-color: white#5ee7ff;
  }

  /* git-sce.com */



  #if1{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 50px;
  }
  .ifi1{
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 25px;
    box-shadow:15px 25px 35px #0056b3;
    margin-left: 80px;
  }
  #freedom{
    width: 900px;
    height:400px;
    margin: 0 auto;
  }




   /* accordion */
 .accordion {
  height: 750px;
  max-width:1400px;
  width: 100%;
  margin: 0 auto;
}
.wraper-body {
  background-color: #524587;
  max-width:1000px;
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
}
.accordion-container {
  max-width: 870px;
  width: 100%;
  margin: 0 auto;
}


.fontColor {
  color: rgb(244, 244, 244);
}
.fontSize {
  font-size: 20px;
}
.accordion-title {
  position: relative;
  padding: 25px 0;
  cursor: pointer;
}
.accordion-title::before {
  content: " +";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  font-size: 25px;
}

.accordion h2 {
  font-size: 27px;
  padding-top: 60px;
}
.last {
  padding-bottom: 80px;
}
.accordion-description {
  width: 100%;
  font-size: 16px;
  height: 0;
  overflow: hidden;
}
.line {
  width: 100%;
  height: 1.5px;
  background-color:purple;
}
.accordion-container.active .accordion-description {
  height: 100px;
  padding: 10px;
}
.accordion-container.active .accordion-title::before {
  content: "-";
  font-size: 25px;
}
#fontcolor{
  
}
/* .li_cont{
  font-size: 20px;
  color: #6200ea;
} */

footer {
  margin-top: 100px;
  width: 100%; 
  padding: 15px; 
  background-color: rgb(228, 508, 299);
}

.sacont {
  text-align: center;
  padding: 10px;
  background: #f4f4f4;
  border-radius: 20px;
  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);  
  margin: 50px auto;
}

.li_cont {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.contact {
  text-decoration: none;
  color: #007bff;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: bold;
}

.contact:hover {
  color: #0056b3;
}

.social-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.social-box .social-link {
  font-size: 30px;
  color: #555;
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
}

.social-box .social-link:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2); /* აიქონის ზრდა */
  color: #007bff; /* ფერის შეცვლა ჰოვერზე */
}

.social-box .social-link i {
  margin: 0 10px;
}





#container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.user-card {
  background: white;
  padding: 15px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 200px;
}
.user-card:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
img {
  max-width: 110px;
  width: 100%;
  margin-left:15px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
img:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
button {
  background: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  margin: 10px;
  border-radius: 5px; 
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
button:hover {
  background: #0056b3;
}
/* .index{
  max-width: 450px;
  width: 100%;
 */

/* ფიზიკა და ყოველდღიურობა */
.max-w-7xl{
  margin-top: 120px;
}
.mb-2{
  font-size: 21px;
}
.font-bold{
  font-size: 30px;
}
.font-semibold{
  font-size: 24px;
}

.mt-2{
  font-size: 20px;
  gap: 10px;
}

.font-bold{
  font-size: 30px;
}
.bmuli{
  color: white;
}
#bmuli{
  color: white;
}

.max-w-10xl{
  margin-top:80px;
}
.bmuli1{
  color: blue;
}
.rounded-xl{
  width: 350px;
  height: 150px;
  margin:0 auto
}


/* ფიზიკა და ყოველდღიურობა */

.bmuli1 {
  @apply text-blue-600 hover:text-blue-800 transition duration-300 underline;
}


/* posteri*/



/* 2) ბაბლის (bubble) სტილი */
  /* ბაბლი: only text, no bg */
  .bubble {
    background: transparent !important;
    color: #0057b7;
    transition: color 0.3s ease;
  }
  .bubble:hover {
    color: #003366;
    cursor: pointer;
  }
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  justify-items: center;
}

/* news.html */

.grid {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(2, 2fr); 
  gap: 20px; 
  font-size: 24px;
 
} 


/* სურვილისამებრ, უფრო ლამაზად რომ გამოჩნდეს */
.container__item--quote {
  background-color: #f0f4f8; /* ღია ლურჯი ფონზე */
  padding: 15px;
  font-size: 24px;
  display: inline-block;

  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.container__text{
  font-size: 22px;

}
/* ფიზიკოსები */
.container {
  display: flex; /* ჰორიზონტალური განლაგება */
  gap: 10px;
  align-items: center;
}

.hidden {
  display: none;
}