/*
Theme Name: octoniontheme
Theme URI: ninfo
Author: octonion
Author URI: ninfo
Description: This is my first custom theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: <https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain: my-custom-theme
Tags: custom-background
*/

@font-face {
    font-family: "AKTIV-BOLD";
    src: url("assets/fonts/AktivGrotesk-Bold.otf") format('truetype');
    }
    @font-face {
      font-family: "AKTIV-XBOLD";
      src: url("assets/fonts/AktivGrotesk-XBold.otf") format('truetype');
      }
    @font-face {
    font-family: "AKTIV-HAIRLINE";
    src: url("assets/fonts/AktivGrotesk-Hairline.otf") format('truetype');
    }
    @font-face {
      font-family: "AKTIV-MEDIUM";
      src: url("assets/fonts/AktivGrotesk-Medium.otf") format('truetype');
      }
    @font-face {
    font-family: "AKTIV-REGULAR";
    src: url("assets/fonts/AktivGrotesk-Regular.otf") format('truetype');
    }
    @font-face {
      font-family: "AKTIV-BLACK";
      src: url("assets/fonts/AktivGrotesk-Black.otf") format('truetype');
      }
      @font-face {
        font-family: "AKTIV-LIGHT";
        src: url("assets/fonts/AktivGrotesk-Light.otf") format('truetype');
        }
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  header .bg-light{
    background-color: #ffffff !important;
  }
  .navbar-light .navbar-nav .nav-link{
    text-transform: uppercase;
    color: #666666;
    font-size: 14px;
    font-family: "AKTIV-MEDIUM";
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .navbar-nav .dropdown-menu{
    padding: 0px !important;
    border-radius: 0px !important;
    background-color: #00ADEE;
    color: #fff;
    margin-top: -6px;;
  }
  .navbar-nav .dropdown-item{
    padding: 10px 20px !important;
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #fff;
  }
  .navbar-nav .dropdown-item:focus, .dropdown-item:hover{
    color: #000;
  }
  .navbar-nav .dropdown-divider{
    margin: 0px !important;
  }
  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #00ADEE;
    border-bottom: 3px solid #00ADEE;
    /* border-bottom: 2px solid #407DC0; */
  }
  .navbar-light .navbar-nav .nav-link:hover{
    color: #00ADEE;
    /* border-bottom: 3px solid #00ADEE; */
  }
  .nav-item:hover>.dropdown-menu{
    display:block;
  } 
  .nav-item:hover>.dropdown-menu .show{
    display: block;
  }
  .navbar-nav .nav-link{
    padding: .5rem 1.5rem;
  }
  
  .swiper {
    width: 100%;
    height: 100%;
  }
  
  .swiper-slide {
    background-position: center;
    background-size: cover;
  }
  .swiper-slide img{
    width: 100%;
  }
  .slider-caption{
    position: absolute;
    top: 30%;
    left: 0;
    text-align: center;
    width: 100%;
   
    color: #fff;
  }
  .slider-caption h2{
    font-size: 60px;
    text-align: center;
    font-family: "AKTIV-BLACK";
    text-transform: capitalize;
  }
  .banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{
    bottom: 25% ;
  }
  .banner .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid #fff;
    bottom: 25%;
  }
  .banner .swiper-pagination-bullet-active{
    /* width: 12px;
    height: 8px; */
    background-color: #fff;
    background: #fff;
  }
  .ourservices .card-deck{
    margin-top: -144px;
  }
  .ourservices .servresp{
    margin-top: -144px;
  }
  
  .ourservices .servresp .card{
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 0px;
    z-index: 1;
    border:none;
    box-shadow: 5px 5px 5px #00000010;
  }
  .ourservices .card-deck .card{
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 0px;
    z-index: 1;
    border:none;
    box-shadow: 5px 5px 5px #00000010;
  }
  .ourservices .card-footer{
    background: transparent;
    border: 0;
    border-radius: 0;
    text-align: center;
  }
  .ourservices p{
    font-size: 14px;
    color:#333333;
    font-family: "AKTIV-REGULAR";
    line-height: 16px;
  }
  .ourservices .btn{
    text-transform: uppercase;
    padding: .375rem 1rem;
    border-radius: 50px;
    line-height: 1;
    font-size: 12px;
    color: #4060AC;
    font-family: "AKTIV-BOLD";
    border-color: #59C9EF;
  }
  .ourservices .btn:hover{
    color: #fff !important;
    border:none !important
  }
  .ourservices .card-title{
    text-transform: uppercase;
    font-size: 16px;
    color: #407DC0;
    font-family: "AKTIV-XBOLD";
  }
  .ourservices h2{
    color: #407DC0;
    font-family: "AKTIV-XBOLD";
    font-size: 36px;
  }
  .ourservices .card-deck .card .card-body{
    padding: 5px;
  }
  .client-box{
    border: 1px solid #ccc;
    padding: 30px;
    margin: 10px 10px;
    display: flex;
    align-items: center;
  }
  .why-choose{
    background-image: url('assets/images/whychoose.png');
    background-position: center;
    background-attachment: fixed;
  }
  .why-choose .card{
    background: transparent;
    box-shadow: none;
    border:0;
    border-radius: 0;
  }
  .section-header h2{
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 3rem;
    font-family: "AKTIV-XBOLD";
  }
  .why-choose .card img{
   max-width: 100%;
   height: auto;
  }
  .whychoose-grid .card-title{
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    font-family: "AKTIV-REGULAR";
  }
  .right-contact span{
    font-size: 16px;
    font-weight: 900;
    font-family: "AKTIV-BOLD";
    color: #000;
  }
  .right-contact .con-office span{
    color: #000;
  }
  .contact-us .btn{
    padding: .375rem 3.75rem;
    line-height: 2;
    border-radius: 0px;
    background-color: #00ADEE;
    font-family: "AKTIV-BOLD";
    border:none;
    color: #fff;
  }
  .contact-us .btn:hover{
    background-color: #407DC0;
  }
  .footer{
    background-image: url('assets/images/footer_bg.png');
    background-position: center;
    padding-top:10px ;
  }
  .exp-counter{
    background-image: url('assets/images/footer_bg.png');
    background-position: center;
  }
  .counter-box{
    font-size: 50px;
    font-family: "AKTIV-BOLD";
  }
  .exp-counter-grid .card-title{
    color: #000;
    font-size: 20px;
    margin-top: 20px;
    font-family: "AKTIV-REGULAR";
  }
  .social-links ul{
    list-style: none;
    display: flex;
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .social-links ul li{
    margin-right: 10px;
  }
  .footer ul{
    list-style: none;
    padding-left: 0px;
  }
  .footer ul li:first-child{
    color: #666666;
    font-weight: 900;
    font-size: 14px;
    font-family: "AKTIV-BOLD";
    line-height: 24px;
    text-transform: uppercase;
  }
  .footer ul li a{
    text-decoration: none;
    color: #000;
    font-size: 12px;
    color: #666666;
    font-family: "AKTIV-REGULAR";
    line-height: 24px;
  }
  .footer ul li a:hover{
    text-decoration: none;
  }
  .lin-img{
    background-image: url('assets/images/linkedin.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
.fb-img{
    background-image: url('assets/images/faceboo.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
.ins-img{
    background-image: url('assets/images/instagram.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
.twt-img{
    background-image: url('assets/images/twitter.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
.lin-img:hover{
    background-image: url('assets/images/linkedin-hover.png');
    cursor: pointer;
}
.fb-img:hover{
    background-image: url('assets/images/facebook-hover.png');
    cursor: pointer;
}
.ins-img:hover{
    background-image: url('assets/images/insta-hover.png');
    cursor: pointer;
}
.twt-img:hover{
    background-image: url('assets/images/twitter-hover.png');
    cursor: pointer;
}
  .innerbanner{
    background-image: url('assets/images/banner1.png');
    background-size: cover;
    background-position: center;
    height: 412px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .page-id-11 .innerbanner{
    background-image: url('assets/images/aboutus_banner.jpg');
    background-size: cover;
    background-position: center;
    height: 412px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .page-id-57 .innerbanner, .page-id-61 .innerbanner{
    background-image: url('assets/images/careers.jpg');
    background-size: cover;
    background-position: center;
    height: 412px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .page-id-70 .innerbanner , .page-id-72 .innerbanner ,  .page-id-74 .innerbanner, .page-id-76 .innerbanner, .page-id-78 .innerbanner, .page-id-80 .innerbanner{
    background-image: url('assets/images/employes.jpg');
    background-size: cover;
    background-position: center;
    height: 412px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .page-id-33 .innerbanner, .page-id-35 .innerbanner, .page-id-37 .innerbanner, .page-id-39 .innerbanner, .page-id-41 .innerbanner{
    background-image: url('assets/images/services_banner.jpg');
    background-size: cover;
    background-position: center;
    height: 412px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .page-id-49 .innerbanner, .page-id-51 .innerbanner, .page-id-53 .innerbanner, .page-id-55 .innerbanner{
    background-image: url('assets/images/products_banner.jpg');
    background-size: cover;
    background-position: center;
    height: 412px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .page-id-163 .innerbanner{
    background-image: url('assets/images/expertise.jpg');
    background-size: cover;
    background-position: center;
    height: 412px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .page-id-21 .innerbanner{
    background-image: url('assets/images/get_in_touch.jpg');
    background-size: cover;
    background-position: center;
    height: 412px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .innerbanner .bannertitle{
    color: #fff;
    width: 60%;
  }
  .innerbanner h5{
    font-size: 24px;
    font-family: "AKTIV-LIGHT";
  }
  .innerbanner h2{
    font-size: 52px;
    font-family: "AKTIV-BLACK";
    text-transform: capitalize;
    /* width: 93%;
    float: left; */
  }
  .bottombanner{
    display: none;
  }
  .page-id-11 .bottombanner{
    display: block;
  }
  .page-id-11 .bottombanner{
    background-image: url('assets/images/whychoose.png');
    background-size: cover;
    background-position: center;
    height: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .aboutus p , .vissionmisson p{
    font-size: 14px;
    font-family: "AKTIV-REGULAR";
    line-height: 18px;
  }
  .logo-caption span 
{
font-size:12px;
}
  
  .navbar-light .navbar-brand{
    font-size: 18px;
    color: #212529 !important;
    font-family: "AKTIV-REGULAR";
  }
 .navbar-brand img{
   border-right: 1px solid  #E6E6E6;
   padding-right: 10px;
 }
 .navbar-brand span{
   margin-left: 10px;
   font-size:12px;
 }
  .page-id-11 .bottombanner p{
    color: #fff;
    font-size: 24px;
    font-family: "AKTIV-HAIRLINE";
    line-height: 28px;
  
  }
  .innerpage-title h2{
    color: #407DC0;
    font-size: 36px;
    font-family: "AKTIV-XBOLD";
  }
  .page-content h2 , .subsection h2{
    color: #407DC0;
    font-family: "AKTIV-BOLD";
    font-size: 1.75rem;
  }
  .page-content ul , .subsection ul{
    padding-left:38px;
  }
  .innerpage-title h3{
    color: #407DC0;
    font-family: "AKTIV-BOLD";
    width: 70%;
  }
  .innerpage-title h3::before{
    background-image: url('assets/images/cloud.png');
    background-position: center;
  }
  .foo-logo{
    font-family: "AKTIV-HAIRLINE";
    color: #B3B3B3 !important;
    font-size: 18px;
  }
  .con-office span{
    color: #00ADEE;
    font-family: "AKTIV-BOLD";
    font-size: 14px;
    text-transform: uppercase;
  }
  .con-office address , .con-office h6{
    color: #666666;
    font-family: "AKTIV-REGULAR";
    font-size: 14px;
  }
  .about-box p{
    font-family: "AKTIV-REGULAR";
    font-size: 16px;
  }
  .left .card {
    font-size: 1.25em;
    border: none;
  }
  .section-header1 h2{
    font-family: "AKTIV-BOLD";
    color: #000;
    font-size: 3rem;
  }
  .contact-us .form-control{
    height: 60px;
    border-radius: 0px;
  }
  .inner-services .card{
    border: none;
    border-radius: 0px;
  }
  .inner-services .card-title {
    margin-bottom: .75rem;
    margin-top: 13px;
    font-size: 20px;
    color: #000;
    font-weight: 700;
  }
  .footer-bottom{
    color: #666666;
    font-family: "AKTIV-REGULAR";
    font-size: 14px;
    border-top: 1px solid #ccc;
    padding: 10px;
  }
  .footer-bottom a{
    text-decoration: none;
    color: #666666;
    font-family: "AKTIV-BOLD";
  }
  .topright-corner{
    position: absolute;
top: -91px;
z-index: 1;
right: -64px;
}
.bottomleft-corner{
    position: absolute;
bottom: -78px;
left: -63px;
}
.aboutus-desc{
    margin-top: 30px;
    margin-bottom: 30px;
}
.pagebanner h2{
  text-transform: capitalize !important;
}
.expertise a{
  margin-top: -22px;
    margin-bottom: 23px;
    color: #fff;
    font-size: 20px;
    font-family: "AKTIV-REGULAR";
    text-decoration: none;
    border-color: #fff;
    border-radius: 50px;
    padding: 11px 26px;
}
.our-clients a{
  color: #407DC0;
  font-size: 20px;
  font-family: "AKTIV-REGULAR";
  /* margin-top: 34px;
  margin-bottom: -56px; */
}
.contact-us .forminator-ui#forminator-module-106.forminator-design--default .forminator-input{
  height: 60px !important;
}
.contact-us .forminator-ui#forminator-module-106.forminator-design--default .forminator-button-submit{
  padding: .575rem 3.75rem;
    line-height: 2;
    border-radius: 0px;
    background-color: #00ADEE;
    font-family: "AKTIV-BOLD";
    border: none;
    color: #fff;
}
.page-id-57.inner-services , .page-id-57 .inner-services{
  display: none;
}
.customtable tr td:nth-child(1) {
  width:10%;
}
.customtable tr td:nth-child(2) {
  width:80%;
}
.customtable tr td:nth-child(3) {
  width:10%;
}
.page-id-61.customtable tr td:nth-child(2) {
  width:20%;
}
.page-id-61.customtable tr td:nth-child(3) {
  width:20%;
}
.page-id-61.customtable tr td:nth-child(4) {
  width:50%;
}
.page-id-61 .customtable tr td:nth-child(2) {
  width:20%;
}
.page-id-61 .customtable tr td:nth-child(3) {
  width:20%;
}
.page-id-61 .customtable tr td:nth-child(4) {
  width:50%;
}


.customtable td, th {
  border: 1px solid #ccc;
  padding: 10px;
}
.customtable thead {
  background: #407DC0;
  color: #fff;
}
.footer .nav-link{
  padding: 0px;
}
.about-box .card{
  padding: 3rem;
}
#page p{
  text-align: justify;
  letter-spacing: 0.5px;
  font-family: "AKTIV-REGULAR";
}
.banner .swiper-slide{
  height: 75vh;
}
.left .card-body{
  padding: 0px;
  margin-top: 16px;
}
.right-arrow{
  position: absolute;
  bottom: 7px;
  right: 0px;
}
.right-arrow img{
  width: 100%;
  height: 50px;
}


.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.services-style-one {
  position: relative;
}
.testimonials-style-one .block-title h2,.services-style-one .block-title h2{
  color: #fff;
  margin-top: 0;
}
.services-style-one:before {
  content: '';
  width: 100%;
  height: 251px;
  background: #fff url(../images/bg-curve-1-1.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}
.services-style-one .single-service-one {
  transition: all .4s ease;
  position: relative;
  overflow: hidden;
}
.services-style-one .single-service-one:before {
  content: '';
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  bottom: 25%;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  background-color: #407DC0;
  z-index: 8;
  transition: all .4s ease;
}


.services-style-one .single-service-one .main-img {
  transition: all .4s ease;
  position: relative;
  z-index: 10;
}
.services-style-one .single-service-one .hover-img {
  display: none;
}
.services-style-one .single-service-one:hover .main-img {display: none;}
.services-style-one .single-service-one:hover .hover-img {display: block;position: relative;z-index:999;}
.services-style-one .single-service-one h3 {
  color: #F49A1E;
  font-size: 22px;
  line-height: 34px;
  margin: 0;
  margin-top: 17px;
  margin-bottom: 35px;
  transition: all .4s ease;
  position: relative;
  z-index: 10;
}
.services-style-one .single-service-one p {
  color: #777B92;
  line-height: 20px;
  transition: all .4s ease;
  position: relative;
  z-index: 10;
}
.services-style-one .single-service-one .line-block {
  display: block;
  background-color: #5dda6c;
  width: 41px;
  height: 2px;
  margin-bottom: 20px;
  transition: all .4s ease;
  position: relative;
  z-index: 10;
}
.services-style-one .single-service-one a.more-link {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  color: #F49A1E;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1em;
  transition: all .4s ease;
  position: relative;
  z-index: 10;
}
.services-style-one .single-service-one:hover {
  background-color: #00ADEE;
  border-color: #00ADEE;
}
.services-style-one .single-service-one:hover i,
.services-style-one .single-service-one:hover .card-title,
.services-style-one .single-service-one:hover p,
.services-style-one .single-service-one:hover .btn {
  color: #fff;
  position: relative;
  z-index: 1051;
}
.services-style-one .single-service-one:hover .line-block {
  background-color: #fff;
}
.services-style-one .single-service-one:hover:before {
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  transition-delay: .2s;
}

.services-style-one .single-service-one .line-block {
  background-color: #F49A1E;
}
.services-style-one .single-service-one:hover .line-block {
  background-color: #fff;
}

@media (min-width: 992px) and (max-width: 1280px){

  .navbar-light .navbar-nav .nav-link{
    padding-right: .5rem !important;
    padding-left: .5rem;
  }
  .slider-caption h2{
    font-size: 50px;
  }
  .banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{
    bottom: 30%;
  }
}

@media screen and (max-width:576px) {
  .navbar-brand img{
    border:none;
    display: flex;
  }
  .right-arrow{
    display: none;
  }
  .banner .swiper-slide{
    height: 100%;
  }
  .page-content{
    padding-left: 15px;
    padding-right: 15px;
  }
  h2{
    text-align: center;
  }
  .about-box .card{
    padding: 1rem;
  }
  .about-box p{
    text-align: justify;
  }

  .ourservices .card-deck{
    margin-top: 0px;
    display: -webkit-box;
    flex-direction: row;
    overflow-x: auto;
    -webkit-box-orient: horizontal;
    -webkit-overflow-scrolling-x: touch !important;
  }
  .ourservices .card-deck .card{
    width: calc(100% - 31%) !important;
  }
  .ourservices .servresp{
    margin-top: 0px;
    display: -webkit-box;
    flex-direction: row;
    overflow-x: auto;
    -webkit-box-orient: horizontal;
    -webkit-overflow-scrolling-x: touch !important;
    flex-wrap: nowrap;
  }
  .slider-caption h2{
    font-size: 26px;
  }
  .banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{
    bottom: 0 ;
  }
  .banner .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
  }
  .right-contact{
    text-align: center;
    margin-top:20px;
  }
  .whychoose-grid .resgrid{
    display: -webkit-box;
    flex-direction: row;
    overflow-x: auto;
    -webkit-box-orient: horizontal;
    -webkit-overflow-scrolling-x: touch !important;
    flex-wrap: nowrap;
  }
  .logo-caption span{
    font-size: 15px;
    float: left;
  }
  .footer-bottom{
    text-align: center;
  }

  /* .footer{
    text-align: center;
  } */
  /* .social-links ul{
    justify-content: center;
  } */
  .con-office{
    margin-top:20px;
  }
  .topright-corner{
    display: none;
  }
  .bottomleft-corner{
    display: none;
  }
  .innerbanner h2{
    font-size: 28px;
  }
  .innerbanner .bannertitle{
    width: 100%;
  }
  .footer-bottom .container{
    flex-direction: column;
  }
  .destitle{
    margin-top:5px;
    margin-bottom: 5px;
  }
  .forminator-ui#forminator-module-106.forminator-design--default .forminator-button-submit{
    width: 100% !important;
  }
  .contact-us .btn{
    width: 100% !important;
  }
  .innerpage-title h3 {
    width: 100%;
    font-size: 20px;
}
.lgx-logo-slider-wp .lgx-logo-wrapper{
  padding: 0px !important;
}
.innerpage-title h2{
  margin-top: 18px;
}
.our-clients a{
  margin : 0px;
}
.aboutus-desc{
  margin-top: 0px;
  margin-bottom: 10px;
}
.section-header h2{
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.whychoose-grid .card-title{
  font-size: 15px;
  margin-top:11px;
}
.expertise{
  margin-top: 2rem;
}
.resfoo{
  width: 50% !important;
}
}
  

