.elementor-12 .elementor-element.elementor-element-2e73a7e{margin-top:50px;margin-bottom:50px;}.elementor-12 .elementor-element.elementor-element-684b253{--e-image-carousel-slides-to-show:1;}.elementor-12 .elementor-element.elementor-element-ca66a57{margin-top:-50px;margin-bottom:0px;}.elementor-12 .elementor-element.elementor-element-e925cb7{text-align:right;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-c4a51cc{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-5280acd{text-align:left;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-1571eb1 .elementor-button .elementor-align-icon-right{margin-left:16px;}.elementor-12 .elementor-element.elementor-element-1571eb1 .elementor-button .elementor-align-icon-left{margin-right:16px;}.elementor-12 .elementor-element.elementor-element-1571eb1 .elementor-button{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:500;text-shadow:0px 0px 2px rgba(0,0,0,0.3);fill:#004A86;color:#004A86;background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-1f775e9{margin-top:-50px;margin-bottom:0px;}.elementor-12 .elementor-element.elementor-element-ad445e6{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-53f0b8f{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-62eb84e{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-aa1a651 .elementor-button .elementor-align-icon-right{margin-left:16px;}.elementor-12 .elementor-element.elementor-element-aa1a651 .elementor-button .elementor-align-icon-left{margin-right:16px;}.elementor-12 .elementor-element.elementor-element-aa1a651 .elementor-button{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:500;text-shadow:0px 0px 2px rgba(0,0,0,0.3);fill:#004A86;color:#004A86;background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-92080f1{text-align:center;}.elementor-12 .elementor-element.elementor-element-92080f1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-c5359ad{margin-top:64px;margin-bottom:64px;}.elementor-12 .elementor-element.elementor-element-5e88cce .elementor-button{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:500;background-color:#004A86;border-style:solid;border-width:3px 3px 3px 3px;}.elementor-12 .elementor-element.elementor-element-5e88cce .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-5e88cce .elementor-button:focus{background-color:#FFFFFF;border-color:#004A86;}.elementor-12 .elementor-element.elementor-element-5e88cce > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-9c47b37 .elementor-button{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:500;background-color:#004A86;border-style:solid;border-width:3px 3px 3px 3px;}.elementor-12 .elementor-element.elementor-element-9c47b37 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-9c47b37 .elementor-button:focus{background-color:#FFFFFF;border-color:#004A86;}.elementor-12 .elementor-element.elementor-element-c1659a3 .elementor-button{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:500;background-color:#004A86;border-style:solid;border-width:3px 3px 3px 3px;}.elementor-12 .elementor-element.elementor-element-c1659a3 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-c1659a3 .elementor-button:focus{background-color:#FFFFFF;border-color:#004A86;}/* Start custom CSS */nav > ul:hover,li:hover,a:hover {
color: #004a86 !important;
}

.plus {
    font-size: 30px;
}


.container {
position: relative;
}

.container4 {
position: relative;
box-shadow: 4px 4px 10px #888888;
}

.container8 {
position: relative;
box-shadow: 4px 4px 10px #888888;
}

.image {
  opacity: 0.9;
  display: block;

  backface-visibility: hidden;
  transition: all .2s ease-in-out; 
}


.container:hover .image {
  opacity: 1;
  transform: scale(1.1); 
}

.image2 {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
  transition: all .2s ease-in-out; 
}


.container:hover .image2 {
  opacity: 0.7;
  transform: scale(1.1); 
}

.image3 {
  opacity: 0.7;
  display: block;
  backface-visibility: hidden;
  transition: opacity 0.6s ease-in-out,transform 0.2s ease-in-out; 
}


.container:hover .image3 {
  opacity: 1;
  transform: scale(1.1); 
}

.image4 {
  opacity: 0.9;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
  transition: all .5s ease-in-out; 
}


.container4:hover .image4 {
  opacity: 1;
  box-shadow: 4px 4px 10px #888888;
  transform: scale(1.1); 
}

.image5 {
  opacity: 0.9;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
  transition: all .2s ease-in-out; 
}


.container:hover .image5 {
  opacity: 1;
  transform: scale(1); 
}

.image6 {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
  transition: all .2s ease-in-out; 
}


.container:hover .image6 {
  opacity: 0.7;
  transform: scale(1); 
}

.image7 {
  opacity: 0.7;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
  transition: all .2s ease-in-out; 
}


.container:hover .image7 {
  opacity: 1;
  transform: scale(1); 
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


.container:hover .middle {
  opacity: 1;
}


.middle1 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


.container:hover .middle1 {
  opacity: 1;
}

.container4:hover .middle {
  opacity: 1;
}

.container8:hover .middle {
  opacity: 1;
}

.text {
  background-color: #ffffff;
  color: #004a86;
  font-size: 16px;
  padding: 16px 32px;
}



.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #1f5394;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 12px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button:hover {
    background-color: #1f5394;
}



.button:hover span {
  padding-right: 15px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}




 
 span{
  display: block;
  padding: 15px 30px;
}
.btn-6::before, .btn-6::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}

span::before, span::after{
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
.btn-6:hover::before, .btn-6:hover::after{
  width: 100%;
}
.btn-6:hover span::before, .btn-6:hover span::after{
  height: 100%;
}
    
    .btn-6{
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 10px 20px;
  background: rgba(0,0,0,0.09);
}
    
    
    .btn-6::before, .btn-6::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
    
/*----- button 6 -----*/
.btn-6::before{
  left: 50%;
  top: 0;
  transition-duration: 0.4s;
}
.btn-6::after{
  left: 50%;
  bottom: 0;
  transition-duration: 0.4s;
}
.btn-6 span::before{
  left: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.btn-6 span::after{
  right: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.btn-6:hover::before, .btn-6:hover::after{
  left: 0;
}
.btn-6:hover span::before, .btn-6:hover span::after{
  top: 0;
}




 span{
  display: block;
  padding: 10px 20px;
}
.btn-7::before, .btn-7::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}

span::before, span::after{
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
.btn-7:hover::before, .btn-7:hover::after{
  width: 100%;
}
.btn-7:hover span::before, .btn-7:hover span::after{
  height: 100%;
}
    
    .btn-7{
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 10px 20px;
  background: rgba(0,0,0,0.09);
}
    
    
    .btn-7::before, .btn-7::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
    
/*----- button 7 -----*/
.btn-7::before{
  left: 50%;
  top: 0;
  transition-duration: 0.4s;
}
.btn-7::after{
  left: 50%;
  bottom: 0;
  transition-duration: 0.4s;
}
.btn-7 span::before{
  left: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.btn-7 span::after{
  right: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.btn-7:hover::before, .btn-7:hover::after{
  left: 0;
}
.btn-7:hover span::before, .btn-7:hover span::after{
  top: 0;
}




.elementor-button-wrapper > a {
    min-width:80%
}

.elementor-button-icon > i {
    font-size:40px;
}

.elementor-button-text {
    display: inline-block;
width:150px;
    text-align: center;
}


.elementor-button-icon.elementor-align-icon-left {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.elementor-button-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

span {
margin: 0 auto !important;
}

button span a {
    color: white !important;
}

button span a:hover {
    color: white !important;
}/* End custom CSS */