/* 
Theme Name: ArmDesign Child
Theme URI: https://armdesign.agency/
Description: ArmDesign
Author: ArmDesign
Author URI: https://armdesign.agency/
Template: armdesign
Text Domain: armdesign-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

/*
    Add your custom styles here
*/

.gumbcta
a{
 
  position: relative;
  transition: all .35s;
}

.gumbcta a span{
  position: relative;
  z-index: 2;
}

.gumbcta a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  transition: all .35s;
}

.gumbcta a:hover{
  color: #0C226A;
}

.gumbcta a:hover:after{
  width: 100%;
}


.gumbctablue
a{
 
  position: relative;
  transition: all .35s;
}

.gumbctablue a span{
  position: relative;
  z-index: 2;
}

.gumbctablue a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #0C226A;
  transition: all .35s;
}

.gumbctablue a:hover{
  color: #ffffff;
}

.gumbctablue a:hover:after{
  width: 100%;
}

.gumbcta
a{
 
  position: relative;
  transition: all .35s;
}

.gumbcta a span{
  position: relative;
  z-index: 2;
}

.gumbcta a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  transition: all .35s;
}

.gumbcta a:hover{
  color: #0C226A;
}

.gumbcta a:hover:after{
  width: 100%;
}
.elementor-tab-title.elementor-active {background-color:#0C226A; }
.elementor-tab-title {border: 1px solid #0C226A!important; margin-right: 20px!important}

.noga a:hover{ color: #FFD336; transition: 0.3s; }
.nogalinki a {color: #fff;}

.underline{
  position: relative;
}

.underline::before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #0C226A;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  .underline:hover::before{
    left: 0;
    right: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 600px) { .elementor-widget-icon-box .elementor-icon-box-wrapper { 
    text-align: left;
    display: inline-flex;
}}



@media only screen and (max-width: 600px) { .elementor-widget-icon-box .elementor-icon-box-description {
	padding-left: 20px;
	}}