/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2020 | 05:26:07 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


.owl-carousel.nav-style-two .owl-nav button.owl-prev:before,
.owl-carousel.nav-style-two .owl-nav button.owl-next:before
{
  display: block;
  margin-bottom: 2px;
}


.sahub-transparent-header .sahub-header, .sahub-transparent-header .sticky-wrapper {
    background-color: white;
}
.sahub-transparent-header .is-sticky .norml-header .default-logo {
  display: block;
}
.sahub-main-wrap.sahub-transparent-header.dark-transparent .is-sticky .sahub-navigation > ul > li > a {
  color: inherit;
}
.sahub-main-wrap.sahub-transparent-header.dark-transparent .is-sticky .sahub-navigation > ul > li.active > a, 
.sahub-main-wrap.sahub-transparent-header.dark-transparent .is-sticky .sahub-navigation > ul > li.current-menu-ancestor > a {
  color: #493266;
}

.header-button a {
   font-weight: 600 !important;
}
.header-button a, .footer-button a {
    border-radius: 8px !important;
    border-width: 2px;
    margin: 0 !important;
}

/* home page */
.home-banner {
    margin-bottom: 0 !important;
}
.home-banner .sahub-banner.banner-style-two:before {
  display: none;
}
.banner-caption #mc4wp-form-1 .hvr-forwrd {
    background-color: #f2c60f;
  	padding: 13px 30px 14px;
    font-weight: bold;
    color: #493266;
}
.challenges-box .feature-item .sahub-icon {
    position: absolute;
    right: 25px;
    top: 25px;
}
.challenges-box .feature-item {
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 0;
}

.blog-slider .owl-carousel .owl-nav.disabled {
    display: block;
    top: -65px;
}
.blog-slider .owl-carousel.nav-style-two .owl-nav button.owl-prev, 
.blog-slider .owl-carousel.nav-style-two .owl-nav button.owl-next {
    border: 2px solid #493266;
  background-color: #f6f6f6;
}
.blog-slider .owl-carousel.nav-style-two .owl-nav button.owl-next:before {
    content: "\f061";
}
.blog-slider .owl-carousel.nav-style-two .owl-nav button.owl-prev:before {
    content: "\f060"
}
.blog-slider .sahub-btn-wrap a i {
  display: none;
}
.blog-slider .blog-item .sahub-image img{
     width: 420px;
    height: 209px;
    object-fit: cover;
}
.news-bottom-wrap .sahub-btn-wrap a {
      color: #493266;
}
.news-bottom-wrap .sahub-btn-wrap .sahub-link i {
  	background-color: #493266;
}
.sahub-widget ul li:before, .sahub-widget.woocommerce.widget_product_categories ul li:before {
  background-image: url(../2020/08/imgpsh_fullsize_anim-1.png);
}


.capabilities-section .services-wrap.tab-style-two ul.nav-tabs {
  border-width: 3px;
}
.capabilities-section .sahub-tab-line {
    display: none;
}
.capabilities-section .nav-item .nav-link:before {
    display: block;
    content: '';
    height: 0;
    background-color: #f2c60f08;
    width: 6px;
    position: absolute;
    transition: all 0.3s;
    top: 0;
}
.capabilities-section .nav-item .nav-link.active:before, .capabilities-section .nav-item .nav-link:hover:before {
    height: 100%;
    background-color: #f2c60f;
}
.capabilities-section .services-wrap .nav-tabs .nav-item:after {
  content: "";
  width: 80%;
  height: 1px;
  background-color: rgb(255 255 255 / 0.43);
  position: absolute;
  bottom: 0;
  left: 0;
}
.capabilities-section .services-wrap .nav-tabs .nav-item:last-child:after {
  display: none;
}
.capabilities-section .services-wrap .nav-tabs .nav-item {
    position: relative;
   padding: 30px 0;
}
.capabilities-section .services-wrap .tab-content {
    padding-top: 125px;
}
.testimonial-slider .item .customer-item {
    border: unset;
    background-color: unset;
    box-shadow: unset;
    text-align: left;
    border-bottom: 1px solid #979797;
    padding-left: 0;
}
.testimonial-slider .customers-style-three .customer-item:after {
  display: none;
}
.testimonial-slider .owl-carousel .owl-dots {
  text-align: left;
      padding-top: 5px;
}
.testimonial-slider .customer-inner-info {
  padding-left: 0px;
}
.testimonial-slider .customers-style-three .customer-item .sahub-image {
  width: 100px;
}
.testimonial-slider .customers-style-three .customer-item .sahub-image img {
  width: 100%;
}

.our-solution-section:before, .our-solution-section:after, 
.challenges-section .elementor-container:before,
.why-elixir-section-2:before, .why-elixir-section-4:before, .why-elixir-section-6:before, .why-elixir-section-8:before,
.what-elixir-section-1:before {
    content: '';
    position: absolute;
    background-image: url(../2020/08/pattern-new.svg);
    height: 224px;
    background-repeat: no-repeat;
}
.our-solution-section:after, 
.challenges-section .elementor-container:before,
.what-elixir-section-1:before  {
    width: 224px;
}
.our-solution-section:before{
    right: 0px;
    top: 22%;
    width: 140px;
}
.our-solution-section:after {
    left: 4%;
    bottom: -13.8%;
    z-index: 1;
}
.challenges-section .elementor-container:before {
    right: -7%;
    top: 12%;
    z-index: 1;
}
.what-elixir-section-1:before {
    right: 0px;
    bottom: -16%;
    width: 224px;
}
.why-elixir-section-2:before,
.why-elixir-section-4:before,
.why-elixir-section-6:before,
.why-elixir-section-8:before {
    width: 155px;
    right: 0;
}
.why-elixir-section-2:before {
    top: -8px;
}
.why-elixir-section-4:before,
.why-elixir-section-6:before,
.why-elixir-section-8:before {
    top: -14%;
}

.what-elixir-accordion .card {
  background-color: transparent;
}
.what-elixir-tabs .elementor-tab-title.elementor-active {
    background-color: transparent !important;
}
.what-elixir-tabs .elementor-tab-content h4 {
    font-size: 20px;
    padding: 10px;
}
.what-elixir-tabs .elementor-tab-content .tab-content .tab-list .bullet-list li:before {
    background: #525253;
}
.what-elixir-tabs .elementor-tab-title {
    padding-left: 0;
}
.what-elixir-tabs .elementor-tab-content .tab-content .tab-list, 
.what-elixir-tabs .elementor-tab-content .tab-content .tab-image {
 	padding: 10px;
}


.test-drive-form-field, .contact-form-section input, .contact-form-section textarea {
    border-radius: 8px !important;
    border: unset !important;
    margin-bottom: 22px !important;
    font-family: "Open Sans" !important;
    font-size: 14px !important;
    line-height: 28px !important;
    color: #484848 !important;
}
.test-drive-form-field:focus, .contact-form-section input:focus, .contact-form-section textarea:focus {
    border-bottom: 3px solid #493266 !important;
}
.test-drive-form-field::placeholder {
    color: #484848 !important;
}
.test-drive-form-field:focus::placeholder {
    color: #48484840 !important;
}
.submit-btn, .submit-btn:hover, .contact-form-section input[type="submit"] {
    border-radius: 8px !important;
    padding: 15px 60px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: "Open Sans" !important;
    width: 340px !impoprtant;
    color: #fff !important;
    line-height: unset !important;
}
p.contact-form-label a {
    color: #493266;
}
p.contact-form-label {
    font-size: 16px;
    color: #525253;
}
p.contact-form-label a:after {
    background-color: #493266;
}
.contact-form-section a {
  color: #fff !important;
}

p.contact-phone:before, .contact-address .elementor-text-editor:before {
  font-family: FontAwesome;
}
p.contact-phone:before {
  content: "\f095";
  padding-right: 5px;
}
p.contact-phone {
    color: #fff;
  	display: flex;
    font-size: inherit;
}
.contact-address .elementor-text-editor:before {
  content: "\f041"; 
  padding-right: 15px;
  font-size: 25px;
  padding-top: 3px;
}
.contact-address .elementor-text-editor {
    display: flex;
}

/* page title bar */
.page-title-wrap .breadcrumb li a:after {
    content: "/";
    background: unset;
    width: unset;
    height: unset;
    top: 0%;
}

/* search page */
.sahub-mid-wrap.search-mid-wrap {
    padding: 120px 0 !important;
}

/* footer */
.footer-button {
  padding: 10px 0;
}
footer .col-lg-3:nth-child(2) {
    display: flex;
    justify-content: space-between;
}
footer .col-lg-3:nth-child(2) .widget_nav_menu:last-child {
    padding-top: 40px;
    padding-right: 10px;
}
.footer-contact i {
    padding-right: 5px;
}
.footer-contact:nth-child(2) i {
    font-size: 20px;
}
.footer-address:before {
  content: "\f041";font-family: FontAwesome;padding-right: 15px;font-size: 25px;padding-top: 3px;
}
.footer-address {
    display: flex;
}
h3.footer-widget-title {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 15px;
}
footer p, footer a {
    font-size: 16px !important;
    font-family: "Open Sans";
}
.sahub-copyright {
  padding: 0;
  border-top: 0px;
}
.sahub-copyright .container {
    padding: 34px 0 31px;
    border-top: 1px solid #e8e8f4;
    text-align: left;
}
.sahub-copyright .container a, .sahub-copyright .container {  
    font-family: "Open Sans";
    font-size: 14px;
}

#privacyModal .modal-title {
  padding-bottom: 0;
}


@media only screen and (max-width:767px) {
  .what-elixir-tabs .elementor-tab-content h4 {
    display: none;
  }
  .capabilities-section .nav-item .nav-link:before {
    left: -20px !important;
  }
  .what-elixir-tabs .elementor-tab-title.elementor-active {
    color: #493266 !important;
  }
}

@media only screen and (min-width: 768px ) and (max-width: 991px){
  .elementor-section-boxed .elementor-container {
    max-width: 720px !important;
  }
}
@media only screen and (min-width: 992px ) and (max-width: 1199px){
  .elementor-section-boxed .elementor-container {
    max-width: 960px !important;
  }
}

@media only screen and (min-width: 768px ) and (max-width: 1199px){
  .our-solution-section .elementor-col-25 {
    width: 50%;
  }
  .why-elixir-section-9 .more-feature-row .elementor-col-50 {
    width: 100%;
  }
}

@media only screen and (max-width:991px) {
  header.sticky {
    border-bottom: 1px solid #f6f6f6 !important;
  }
  .capabilities-section .nav-item .nav-link:before {
    left: -33px;
  }
  .blog-slider .owl-carousel.nav-style-two .owl-nav button.owl-prev:before, .blog-slider .owl-carousel.nav-style-two .owl-nav button.owl-next:before {
    position: relative;
    top: -1px;
  }
  .sahub-page-title.padding-md {
    padding: 50px 0 25px !important;
  }
  
  .search-no-results #search-2 {
    display: none;
  }
  
  .elixir-sec #gallery-1 {
    margin: inherit;
  }
}
@media only screen and (min-width: 992px) {
  .what-elixir-tabs .elementor-tab-content .tab-content {
      display: flex;
      width: 100%;
  }
  .what-elixir-tabs .elementor-tab-content .tab-content .tab-list, 
  .what-elixir-tabs .elementor-tab-content .tab-content .tab-image {
      width: 50%;
  }
  
  .capabilities-section .nav-item .nav-link:before {
    left: -33px;
  }
}

@media only screen and (max-width: 1199px) {
  header.sticky-spacer {
    display: none;
 }
  .mean-container a.meanmenu-reveal {
    background: #493266;
  }
  .sahub-page-title, .home .sahub-mid-wrap {
    margin-top: 91px;
  }
}
@media only screen and (min-width: 1200px) {
  .sahub-transparent-header .sahub-header, .sahub-transparent-header .sticky-wrapper {
    position: unset;
    top: unset !important;
  }
  .sahub-header .col-lg-7 {
    flex: 0 0 63%;
    max-width: 63%;
  }
  .sahub-header .col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .sahub-navigation ul li a {
    padding: 45px 23px;
  }
  
  .sahub-banner.banner-style-two {
    height: 1025px;
  }
  .banner-style-two .banner-caption {
      max-width: 702px;
      padding: 100px 10px 0;
  }
  .banner-style-two .banner-caption input[type="email"] {
    width: 335px;
    padding-right: 50px;
  }
  .banner-caption #mc4wp-form-1 .hvr-forwrd {
    left: 290px;
  }
  .capabilities-section .services-wrap .tab-link-text {
    width: 90%;
  }
  .contact-form-section label {
    width: 80%;
  }
  
}

@media only screen and (min-width:1920px) {
  .elementor-section-boxed .elementor-container,
  .container {
    max-width: 1366px !important;
  }
  .container {
    margin: 0 auto;
  }
}

/* changes 22-08-2020 */
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .slider-blog-info {
        padding: 20px;
    }
   .blog-slider .owl-carousel .owl-stage .owl-item .blog-item {
       min-height:530px!important;
   }
   
}
@media only screen and (max-width: 991px) and (min-width:577px) {
    .slider-blog-info {
        padding: 20px;
    }
  .blog-slider .owl-carousel .owl-stage .owl-item .blog-item {
       min-height:470px;
   }
   
}
/* changes 22-08-2020 ends here */