:root {
--color-primary: #1c2321;
--color-secondary: #7d98a1;
--color-tertiary: #5e6572;
--color-accent: #a9b4c2;
--color-light: #eef1ef;
}

*   {
  margin: 0; 
	   padding: 0; 
		 box-sizing: border-box;
	
}

body {
  font-family: 'Ubuntu', sans-serif;
    background: #eef1ef;
  color: #1c2321;
               line-height: 1.6;
}

.stun-cattle {

    background: #ffffff;
   padding: 18px 0;
  width: 100%;
  position: relative;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	}

.lend-native {
  max-width   :        1240px;
    margin: 0 auto;
    padding   :        0 25px;

}

.stun-cattle .lend-native {
   display: flex;
   align-items: center;
  justify-content: space-between;
}

.blow-effort {
    text-align: center;
               flex: 1; 

}

.blow-effort a {
   display: inline-block;
}



.blow-effort img   {
  height: 52px;
   width: auto;
}

.dagr-porter {
   flex: 0;
   text-align: right;
}

.peak-cattle {
   background:      #7d98a1;
	 color: #fff;
  padding: 12px 32px;
  text-decoration    :     none;
   font-size: 16px;
   font-weight: 500;
   border-radius: 4px;
    transition: all .3s;
  display: inline-block;
}

.peak-cattle:hover {
                    background  :        #6a8490;
  transform: translateY(-2px);
}

.game-cattle {
  width: 100%;
    height: 50vh;
 position: relative;
  background-size: cover;
   background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
   justify-content: center;

}

.game-cattle .even-native {
    position: absolute;
	top: 0;
   left :       0;
   right: 0;
    bottom: 0;
  content: '';
  background: rgba(28,35,33,0.68);
  width: 100%;
	height: 100%;
}


.tell-porter {
    position: relative;
   z-index: 2;
  text-align: center;
         max-width: 820px;
    margin  : 0 auto;
	 padding: 0 20px;
}

.tell-porter h1 {
   font-size: 58px;
    color: #fff;
 line-height: 1.2;
   font-weight   :        700;
  text-transform: uppercase;
   letter-spacing: 2.8px;
  font-family: "Ubuntu", Arial, sans-serif;
   margin-bottom: 22px;
}

.tell-porter .blow-resign {


   font-size: 19px;
   color: #fff;
 line-height: 1.65;
    font-weight: 300;
   opacity: .92;
	}@media (max-width: 768px) {
  .tell-porter h1 {
    font-size: 36px;
    letter-spacing: 1.5px;
  }
  
  .tell-porter .blow-resign {
	font-size: 16px;
  }
}.blow-porter {
     background: #1c2321;
	padding-top: 72px;
    padding-bottom: 58px;
}

.dagr-reform {
 font-size: 18px;
   line-height: 26px;
  font-weight: bold;
  font-family: "Ubuntu", serif;
   color: #fff;
     margin-bottom: 24px;
}


.tell-native p {
   line-height: 26px;
  font-family: "Ubuntu", sans-serif;
   color: #808080;
  margin-bottom   :        0;
}

.stun-reform {

    background     :   #252b29;
	  padding:42px;
	  border-radius: 6px;
	  margin-bottom: 52px;
}

.peak-effort h3 {
  font-size: 24px;
    color: #7d98a1;
    margin-bottom  :18px;
   font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}

.tell-cattle {
                    font-size: 16px;
  line-height: 1.85;
  margin: 0;
  font-family: "Ubuntu", sans-serif;
  color: #b8b8b8;
}

.game-reform {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
    gap: 42px;
  margin-bottom :    38px;
}

.peak-resign p {
   max-width: 260px;
}

.blow-resign {
  margin-right:     -12px;
}

.blow-resign p {
   margin-bottom: 18px;
}

.blow-resign a {
    display: block;
	  color: #7d98a1;
	  font-size: 16px;
	  font-family: "Ubuntu", sans-serif;
	    font-weight: 500;
	    margin-bottom: 12px;
	  text-decoration: none;
	  transition: color .3s;}

.blow-resign a:hover {
	 color: #8fa8b0;
}

.blow-resign a + a {
    margin-bottom: 0;
}

.stun-porter .game-native li {
    margin-bottom: 14px;
}

.stun-porter .game-native li a {
   color: #808080;
	font-size    :       15px;
  font-weight: normal;
  font-family: "Ubuntu", sans-serif;
         transition: all 300ms linear;
    text-decoration: none;
}

.stun-porter .game-native li:last-child {
   margin-bottom    :  0; 

}

.stun-porter .game-native li:hover a {
   color: #fff;
}

.lend-porter {
   padding-left: 8px;
}

.even-cattle {
   display: flex;
  gap: 16px;
    flex-wrap: wrap;
  margin-top: 18px;
}

.even-cattle a
	{
   display : block;
}

.even-cattle img     {
   height: 48px;
   width: auto;
  filter: brightness(0.85);
         transition: filter .3s;
}

.even-cattle a:hover img {
  filter: brightness(1);
}

.tell-friend {


    width: 100%;
  height  :        1px;
   background: #3a3a3a;
	margin: 35px 0;

}

.blow-native {
   padding-top: 18px;
                    display: flex;
   justify-content: center;
}


.blow-native .blow-reform {
   color: #fff;
    opacity     :    .62;
  margin-bottom: 0;
    font-size: 14px;
  line-height: 28px;
    text-align: center;
}

.blow-native .blow-reform a 
 {

	  color     :      #7d98a1;
    opacity: 1;
   text-decoration: none;
	} 

.game-native {
  list-style: none;
}@media (max-width: 992px) {
    .game-reform {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }
}

@media (max-width: 768px) {
    .game-reform {
        grid-template-columns: 1fr;
    }
    
    .stun-cattle .lend-native {
		flex-direction: column;
		gap: 16px;
	}
	
	.dagr-porter {
		text-align: center;
	}
	
	.blow-effort {
		order: -1;
	}
}.about_part {
  background-color: #1c2321;
}

.about_part h4 {
  font-size: 16px;
   color: #7d98a1;
    text-transform: uppercase;
   margin-bottom :      70px;
	font-weight  :        500;
    letter-spacing: 1.2px;
}@media (max-width: 991px) {
  .about_part h4 {
    margin-bottom: 25px;
  }
}.about_part .about_text h2 {

	    font-size: 44px;
  line-height: 1.222;
   color: #eef1ef;
    font-weight: 600;
    margin-bottom  :      28px;


}

@media (max-width: 575px) {
  .about_part .about_text h2 {
    font-size: 22px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about_part .about_text h2 {
    font-size: 24px;
    line-height: 25px;
  }
}.about_part .about_text p  {
  font-family: "Ubuntu", sans-serif;
  line-height: 28px;
   font-size :   15px;
  margin-bottom  :        0;
   color: #a9b4c2;
}

.about_part .about_text .experiance {

   display: flex;
	   align-items: flex-end;
	   margin-top :  55px;


}@media (max-width: 991px) {
  .about_part .about_text .experiance {
    margin-bottom: 25px;
  }
}.about_part .about_text .experiance h2 {

		font-size: 120px;
   color: #7d98a1;
  font-weight :    700;
  display  :  inline-block;
    line-height: 84px;
    margin-bottom: 0;


}  
@media (max-width: 991px) {
  .about_part .about_text .experiance h2 {
    font-size: 80px;
    line-height: 55px;
  }
}.about_part .about_text .experiance p {
   margin-left: 18px;
  line-height: 1.4;
}

.about_part .about_text .experiance p span {
      display  :  block;

  font-size: 18px;

    color: #eef1ef;
}

.about_part .experiance_list {
  margin-top: 65px;
}

.about_part .experiance_list .experiance_list_iner {
  columns: 2;
         column-gap: 45px;
}@media (max-width: 767px) {
  .about_part .experiance_list .experiance_list_iner {
    columns: 1;
  }
}.about_part .experiance_list .experiance_list_iner .single_experiance_list {
      margin-bottom: 31px;
    break-inside: avoid;


}

.about_part .experiance_list .experiance_list_iner .single_experiance_list h5 {

    font-size: 18px;
  font-weight    :        600;
    color: #fff;
  margin-bottom:    12px;
  font-family: "Ubuntu", sans-serif;

}

.about_part .experiance_list .experiance_list_iner .single_experiance_list p {


    line-height: 1.65;
   font-size: 16px;
	color: #c5c5c5;
	}

.section_padding {
   padding: 140px 0;
}@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .section_padding {
    padding: 80px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_padding {
    padding: 70px 0;
  }
}

@media (max-width: 575px) {
  .section_padding {
    padding: 70px 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section_padding {
    padding: 70px 0;
  }
}.container {
    padding-right: 15px;
    margin-left: auto;
   padding-left :15px;
   width: 100%;
    margin-right: auto;
}@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}.row {
    margin-left: -15px;
	flex-wrap: wrap;
   display: flex;
    margin-right: -15px;
}

.col-md-5,
.col-md-6,
.col-sm-5
{
  position :       relative;
    width: 100%;
    padding-right   :     15px;
  padding-left: 15px;
}@media (min-width: 768px) {
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 576px) {
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}.align-items-center {
       align-items: center;
}

.align-items-end {
   align-items: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.d-flex {
    display: flex;
}
/* FIXME: IE11 compatibility */

.about_img img {

    width  : 100%;
   height     :        auto;
  max-width :       100%;


}

.img-fluid {
    height: auto;
    max-width: 100%; 
	
}
@media (max-width: 767px) {
  .about_img {
    margin-bottom: 35px;
  }
}.game_play_btn {
  margin-top: 38px;
}

.game_play_btn .peak-cattle  {
    background : #7d98a1;
    color: #fff;
   padding: 14px 42px;
   text-decoration: none;
   font-size: 17px;
  font-weight: 500;
    border-radius: 4px;
   transition: all .3s;
	display: inline-block;
  font-family: "Ubuntu", sans-serif;
} 

.game_play_btn .peak-cattle:hover {
     background: #6a8490;
  transform: translateY(-2px);


}

.stun-alert {
  background: #c73e3a;
   padding: 22px 0;
}

.tell-alert {
  width: 100%;
    text-align: center;
}

.tell-alert p{
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Ubuntu", sans-serif;
}

.tell-alert strong  {
   font-weight: 600;
  margin-right: 6px;


}@media (max-width: 768px) {
  .tell-alert p {
    font-size: 14px;
  }
  
  .stun-alert {
    padding: 18px 0;
  }
}.faq_part {
	background: #eef1ef;


}

.faq_header {
    text-align: center;
   margin-bottom: 65px; 
	
     }

.faq_header h4 {
   color   :  #7d98a1;
   margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
   font-weight: 500;
    font-size: 16px;
}

.faq_header h2 {
   font-size: 44px; 
		 line-height: 1.222; 
		 color:#1c2321; 
	   font-weight: 600; 
	  font-family: "Ubuntu", sans-serif;
}@media (max-width: 575px) {
  .faq_header h2 {
    font-size: 28px;
  }
}.col-12 {
   flex: 0 0 100%;
	 max-width: 100%;
  position: relative;
  width: 100%;
    padding-right: 15px;
    padding-left :    15px;
}

.col-lg-8 {
    position: relative;
       width: 100%;
    padding-right: 15px;
   padding-left: 15px;
     }@media (min-width: 992px) {
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}.faq_list    {
        margin-top: 0;
	
}

.single_faq {
   background: #fff;
	padding: 32px 38px;
  margin-bottom: 24px;
   border-left: 4px solid #7d98a1;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: all .3s;
}

.single_faq:hover

{
  box-shadow: 0 4px 18px rgba(0,0,0,0.1);
  transform: translateX(5px);
}

.single_faq:last-child {
  margin-bottom: 0;
}

.single_faq h5 {
   font-size    :       20px;
    font-weight: 600;
    color: #1c2321;
    margin-bottom:   14px;
  font-family: "Ubuntu", sans-serif;
   line-height: 1.4;
}

.single_faq p
{
    font-size: 16px;
    color: #5e6572;
   line-height: 1.7;
   margin: 0;
  font-family: "Ubuntu", sans-serif;
}@media (max-width: 767px) {
  .single_faq {
    padding: 24px 28px;
  }
  
  .single_faq h5 {
    font-size: 18px;
  }
  
  .single_faq p {
    font-size: 15px;
  }
}.cta_part {
    position  :  relative;
    padding  :  120px 0;
 background-size: cover;
    background-position: center center;
          background-repeat: no-repeat;
}@media (max-width: 768px) {
  .cta_part {
    padding: 85px 0;
  }
}.cta_overlay {
   position: absolute;

    top: 0;

  left: 0;

   right: 0;

   bottom: 0;

  background: rgba(28,35,33,0.75);

    width: 100%;

   height: 100%;
}

.cta_content {
   position: relative;
    z-index: 2;
  text-align: center;
    max-width: 780px;
	 margin :      0 auto; 

}

.cta_content h2 {
   font-size: 48px;
    color: #fff;
  font-weight: 700;
   margin-bottom: 22px;
  font-family: "Ubuntu", sans-serif;
	line-height :      1.3;
}@media (max-width: 768px) {
  .cta_content h2 {
    font-size: 32px;
  }
}.cta_content p {
    font-size: 18px;
   color: #eef1ef;
    margin-bottom: 42px;
  line-height: 1.6;
    opacity: .92;
}@media (max-width: 768px) {
  .cta_content p {
    font-size: 16px;
    margin-bottom: 32px;
  }
}.cta_buttons {
		display: flex;
        gap: 22px;
    justify-content: center;
   flex-wrap: wrap;
}

.cta_btn {
  padding: 16px 45px;
    font-size: 17px;
   font-weight: 500;
   text-decoration: none;
  border-radius: 4px;
   transition: all .3s;
	display: inline-block;
  font-family: "Ubuntu", sans-serif;
}



.cta_btn.primary  {
	background: #7d98a1;
  color: #fff;
}

.cta_btn.primary:hover {
    background: #6a8490;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(125,152,161,0.4);
}

.cta_btn.secondary {
	background: transparent;
   border   :        2px solid #fff;
     color: #fff;
}

.cta_btn.secondary:hover {
      background    :  #fff;
   color: #1c2321;
  transform: translateY(-3px);
}@media (max-width: 576px) {
  .cta_buttons {
    flex-direction: column;
    gap: 16px;
  }
  
  .cta_btn {
    width: 100%;
    max-width: 280px;
  }
}.age_verify_overlay {
    position: fixed;
   top: 0;
  left: 0;
          width: 100%;
    height: 100%;
  background: rgba(28,35,33,0.95);
   z-index: 9999;
   display: flex;
   align-items    :    center;
       justify-content: center;

}

.age_verify_box {


  background: #fff;
  padding    :      55px 45px;
    border-radius: 8px;
    text-align: center;
   max-width: 420px;
   margin: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
	}

.age_icon {

	  margin: 0 auto 28px;
   border-radius: 50%;
   width     :  85px;
  height: 85px;
    display: flex;
  font-family: "Ubuntu", sans-serif;
  align-items: center;
   background: #7d98a1;
    color: #fff;
					font-size    :    32px;
   font-weight     :   700;
    justify-content: center;
}

.age_verify_box h3 {
	  color: #1c2321;
  font-family: "Ubuntu", sans-serif;
   margin-bottom: 16px;
   font-weight: 600;
   font-size: 26px;
}

.age_verify_box p {

  font-size: 16px;
       color: #5e6572;
	 margin-bottom: 32px;
  line-height: 1.6;
}

.age_btn {
  background: #7d98a1;

	    color: #fff;

	    padding: 14px 48px;

	  font-size: 17px;

	   font-weight: 500;

	   border: none;

	   border-radius    :      4px;

	   cursor: pointer;

	   transition: all .3s;

	  font-family: "Ubuntu", sans-serif;
}

.age_btn:hover {
	background: #6a8490;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(125,152,161,0.4);
}

@media (max-width: 576px) {
  .age_verify_box {
    padding: 42px 32px;
  }
  
  .age_verify_box h3 {
    font-size: 22px;
  }
  
  .age_icon {
    width: 72px;
    height: 72px;
    font-size: 28px;
  }
}.peak-reform {
  background: #eef1ef;
    padding: 85px 0;
}

.stun-effort

{


   min-height :      60vh; 
	
	}

.game-effort {
  margin: 0 auto;
     max-width: 850px;
}

.tell-reform h2 {
	font-size: 36px;
    color: #1c2321;
  font-weight   :600;
  margin-bottom: 24px;
  margin-top: 42px;
  line-height    :       1.3;
  font-family: "Ubuntu", sans-serif;
}

.tell-reform h2:first-child {
  margin-top:   0;
}

.tell-reform h3 {
  font-size: 26px;
   color: #1c2321;
   font-weight: 600;
  margin-bottom: 18px;
   margin-top: 38px;
  line-height: 1.35;
  font-family: "Ubuntu", sans-serif;
	
}

.tell-reform p {
	font-size   :       17px;
    color :#5e6572;
       line-height: 1.8;
    margin-bottom :22px;
  font-family: "Ubuntu", sans-serif;
}

.tell-reform p:last-child {
    margin-bottom: 0;
}@media (max-width: 768px) {
  .peak-reform {
    padding: 55px 0;
  }
  
  .tell-reform h2 {
    font-size: 28px;
    margin-top: 32px;
  }
  
  .tell-reform h3 {
    font-size: 22px;
    margin-top: 28px;
  }
  
  .tell-reform p {
    font-size: 16px;
  }
}.game_container {
     background: #1c2321;
    min-height: 85vh;
    padding: 65px 0;
  display :    flex;
  align-items: center;
                    justify-content: center;
	}

.slot_machine {
	  background: linear-gradient(145deg, #252d2b, #1a201e);
		border-radius: 12px;
		 padding: 42px 38px;
	  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
	    max-width: 850px;
		 margin: 0 auto;


}


.game_header {
          display     :       flex;
   justify-content: space-between;
         align-items: center;
  margin-bottom: 35px;
   padding-bottom: 22px;
   border-bottom: 2px solid #7d98a1;
} 

.game_header h2 {


				 font-size: 32px;
  color: #7d98a1;
  margin: 0;
    font-weight:      700;
  font-family: "Ubuntu", sans-serif;
    text-transform    :        uppercase;
    letter-spacing: 2px;
	}


.points_display {
   background: #5e6572;
	 padding: 12px 28px;
   border-radius: 6px;
}

.points_display .label


{
  color: #eef1ef;
  font-size:   16px;
    margin-right: 8px;
    font-weight    :       500;
}

.points_display .points_value {
   color: #7d98a1;
  font-size: 24px;
	font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}

.slot_grid {
    display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  background: #0f1513;
   padding: 25px;
    border-radius: 8px;
    margin-bottom: 28px;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.5);
}

.slot_column {
    display     :  flex;
   flex-direction: column;
  gap: 12px;
   transition: transform 0.1s;
}

.slot_column.spinning {
       animation: spin 0.8s ease-in-out; 
	
}@keyframes spin {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
}.slot_cell {
    background: #2a3230;
    border-radius: 6px;
    padding: 8px;
  display  :   flex;
     align-items:   center;
  justify-content: center;
   aspect-ratio: 1;
  border: 2px solid #3a4442;
   transition: all .3s;
}

.slot_cell img {
  width: 100%;
    height: 100%;
    object-fit    :     contain;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.result_message {
  text-align: center;
  font-size: 28px;
   font-weight: 700;
   padding: 18px;
               margin-bottom: 22px;
    border-radius: 6px;
  font-family: "Ubuntu", sans-serif;
   display: none;
    text-transform: uppercase;
   letter-spacing: 1.5px;
}

.result_message.win     {
	    background: #2d5016;
	color: #7dff3d;
   border: 2px solid #5a8a2f;
   display: block;


}

.result_message.lose {

    background: #5a1616;
   color: #ff6b6b;
  border  : 2px solid #8a2f2f;
    display: block;


}

.game_controls {
	               display: flex;
   flex-direction: column;
         gap: 22px;
	}

.bet_controls {
  display: flex;
    align-items: center;
   justify-content: center;
   gap: 18px;
}

.bet_btn {
    background  : #5e6572;
  color: #eef1ef;
   border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
   cursor: pointer;
    transition: all .3s;
  font-family: "Ubuntu", sans-serif;
}

.bet_btn:hover {
    background: #6a7280;

	  transform: translateY(-2px);
}

.bet_btn:active

{
  transform: translateY(0);
}

.bet_display {
   background: #2a3230;
	 padding: 14px 32px;
    border-radius: 6px;
  border: 2px solid #7d98a1;
}

.bet_display .bet_label {
  color: #eef1ef;
    font-size: 16px;
   margin-right: 8px;
                    font-weight: 500;
	
}

.bet_display .bet_value {
  color: #7d98a1;
   font-size: 22px;
    font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}

.spin_btn {
  background: linear-gradient(135deg, #7d98a1, #5e7682);
  color: #fff;
  border: none;
   padding:      18px 0;
   font-size: 24px;
    font-weight: 700;
   border-radius: 8px;
    cursor    :     pointer;
	 transition: all .3s;
  font-family: "Ubuntu", sans-serif;
   text-transform: uppercase;
    letter-spacing:3px;
  box-shadow: 0 4px 15px rgba(125,152,161,0.4);
}

.spin_btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #8fa8b0, #6a8490);
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(125,152,161,0.6);
}

.spin_btn:active:not(:disabled) {
  transform: translateY(-1px);
}

.spin_btn:disabled {
   opacity: 0.6;
    cursor: not-allowed;
}@media (max-width: 768px) {
  .slot_machine {
    padding: 28px 22px;
  }
  
  .game_header {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
  
  .game_header h2 {
    font-size: 24px;
  }
  
  .slot_grid {
    gap: 8px;
    padding: 18px;
  }
  
  .bet_controls {
    flex-wrap: wrap;
  }
  
  .spin_btn {
    font-size: 20px;
    padding: 16px 0;
  }
  
  .result_message {
    font-size: 22px;
  }
}.symbols_grid {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 28px;
 margin: 45px 0;
}

.symbol_card {
    background: #fff;
  border-radius: 8px;
   padding: 28px 22px;
    text-align: center;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  transition: all .3s;
	border: 2px solid transparent;
}

.symbol_card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    border-color :        #7d98a1;
}

.symbol_img {
  width: 95px;
    height: 95px;
  margin:      0 auto 18px;
    background: #eef1ef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
                    border: 3px solid #7d98a1;
	
}

.symbol_img img {
    width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

.symbol_card h3 {
        font-size: 20px;
	color: #1c2321;
	margin-bottom: 10px;
	 font-weight: 600;
  font-family: "Ubuntu", sans-serif;
}

.symbol_card p {
    font-size: 14px;
   color: #5e6572;
   line-height: 1.5;
   margin     :     0;
}

.controls_info {

    margin :       42px 0;
  display: flex;
    flex-direction   :        column;
   gap: 24px;


}

.control_item {
    display: flex;
    gap: 22px;
   align-items: flex-start;
    background: #fff;
    padding: 24px;
    border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  transition: all .3s;
}

.control_item:hover		{
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
	  transform: translateX(5px);
}

.control_icon {

    flex-shrink: 0;
    width:  58px;
   height: 58px;
   background: #7d98a1;
  border-radius: 50%;
   display   :        flex;
    align-items: center;
   justify-content: center;
  color: #fff;
       font-size: 28px;
     }

.control_text h3 {
  font-size: 20px;
        color :     #1c2321;
   margin-bottom: 8px;
                    font-weight: 600;
  font-family: "Ubuntu", sans-serif;
    margin-top: 0;
	
}

.control_text p


{
  margin:    0; 
	    font-size: 16px; 
	   color: #5e6572; 
	    line-height: 1.6;
}@media (max-width: 768px) {
  .symbols_grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 18px;
  }
  
  .symbol_card {
    padding: 20px 16px;
  }
  
  .symbol_img {
    width: 75px;
    height: 75px;
  }
  
  .symbol_card h3 {
    font-size: 18px;
  }
  
  .symbol_card p {
    font-size: 13px;
  }
  
  .control_item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .control_icon {
    width: 52px;
    height: 52px;
    font-size: 24px;
  }
}.contact_wrapper
	{
        display: grid;
    grid-template-columns    :       1fr 1.2fr;
  gap: 55px;
    max-width: 1100px;
  margin: 0 auto;
}

.contact_info h2     {
  font-size: 36px;
   color: #1c2321;
	margin-bottom: 18px;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif;
}

.contact_info > p {
  font-size: 17px;
   color: #5e6572;
    line-height : 1.7;
   margin-bottom: 42px;
}

.info_items {
	 display: flex;
   flex-direction   :  column;
  gap: 32px;
	
}

.info_item {
  display: flex;
	    gap: 18px;
	 align-items: flex-start;
}

.info_item i {
    font-size: 28px;
    color: #7d98a1;
   flex-shrink: 0;
   margin-top: 4px;
}

.info_item h3 {
	    font-size: 18px;
    color: #1c2321;
	 margin-bottom :        6px;
               font-weight    :        600;
  font-family: "Ubuntu", sans-serif;
       margin-top: 0;
     }

.info_item p {
  font-size: 16px;
  color: #5e6572;
   line-height: 1.6;
    margin: 0;
}

.info_item a {
    color: #7d98a1;
    text-decoration: none;
   transition: color .3s;
}

.info_item a:hover {
	color: #6a8490;
}

.contact_form {
   background: #fff;
                    padding  :     42px 38px;
    border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	
}

.form_group {
   margin-bottom:24px;
}

.form_group label  {
    display: block;
   font-size: 16px;
  color: #1c2321;
   margin-bottom: 8px;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
}

.form_group input,
.form_group textarea {
  transition: border-color .3s;
  font-family: "Ubuntu", sans-serif;
    border  :        2px solid #e0e0e0;
    width     :      100%;
  font-size: 15px;
  color   :  #1c2321;
    padding: 14px 16px;
   border-radius: 6px;
  box-sizing: border-box;
}

.form_group input:focus,
.form_group textarea:focus {
    outline  :        none;
    border-color: #7d98a1;
}

.form_group textarea {
  min-height: 140px;
   resize: vertical;
}

.submit_btn {
   width: 100%;

   background: #7d98a1;

  color     :       #fff;

 padding: 16px 0;

  font-size: 18px;

	 font-weight: 600;

	border: none;

   border-radius: 6px;

   cursor: pointer;

   transition: all .3s;

  font-family: "Ubuntu", sans-serif;

  text-transform :    uppercase;

    letter-spacing: 1px;
}

.submit_btn:hover {
   background :       #6a8490;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(125,152,161,0.4);
}

.submit_btn:active {
  transform: translateY(0);


}

.thankyou_popup {
  position: fixed; 
	    top:  0; 
	      left: 0; 
	  width: 100%; 
	    height: 100%; 
	  background: rgba(28,35,33,0.92); 
		 z-index: 9999; 
		 display: none; 
	   align-items: center; 
		justify-content: center;
}

.thankyou_content
	{
   background:   #fff;
    padding: 55px 48px;
  border-radius: 12px;
    text-align    :     center;
   max-width: 480px;
  margin: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.thankyou_icon {
	width: 85px;
   height: 85px;
   background   :       #2d5016;
    color: #7dff3d;
  font-size: 48px;
   -moz-border-radius: 50%;
    border-radius: 50%;
   display: flex;
  align-items: center;
    justify-content: center;
      margin   :    0 auto 28px;
}

.thankyou_content h2		{
    font-size     : 32px;
  color: #1c2321;
    margin-bottom: 16px;
    font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}

.thankyou_content p {

		font-size: 17px;
    color: #5e6572;
  line-height: 1.6;
   margin-bottom: 32px;

}

.close_btn {
    background: #7d98a1;
    color: #fff;
    padding: 14px 42px;
        font-size: 16px;
   font-weight: 600;
    border:  none;
   border-radius: 6px;
	cursor: pointer;
    transition: all .3s;
  font-family: "Ubuntu", sans-serif;
}

.close_btn:hover {
    background: #6a8490;
  transform: translateY(-2px);}@media (max-width: 992px) {
  .contact_wrapper {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  
  .contact_info {
    text-align: center;
  }
  
  .info_items {
    align-items: center;
  }
  
  .info_item {
    flex-direction: column;
    text-align: center;
  }
  
  .info_item i {
    margin-top: 0;
  }
}

@media (max-width: 576px) {
  .contact_form {
    padding: 32px 24px;
  }
  
  .thankyou_content {
    padding: 42px 32px;
  }
  
  .thankyou_content h2 {
    font-size: 26px;
  }
  
  .thankyou_icon {
    width: 72px;
    height: 72px;
    font-size: 38px;
  }
}