/* General Styles */

.cstm-text-primary {
    color: #BA0C2F !important;
}

p{
    color: #131313 !important;
}

html {
  scroll-behavior: smooth;
}

.fw-medium{
    font-weight: 500 !important;
}

.faq-accordion-item .body{
    color: #1b1b1b !important
}

/* Navbar */

.main-nav .navbar-brand img {
    width: 207px !important;
}

.main-nav .account-list li a {
    background-color: #BA0C2F !important;
}

.main-nav .cstm-language-dropdown {
    background-color: transparent !important;
    color: #131313 !important;
    font-size: large !important;
    font-weight: 500 !important;
}

.main-nav .dropdown-menu {
    min-width: 5rem !important;
}

.main-nav .dropdown-menu .dropdown-item {
    font-weight: 500 !important;
}

.main-nav .navbar-nav .nav-item .nav-link{
    font-size: 14px;
    top: 2px;
    color: #131313 !important;
}

.main-nav .navbar-nav .nav-item .nav-link:hover{
    color: #BA0C2F !important;
}

/* Footer */
.footer .footer-description img {
   width: 207px;
}

.footer .footer-widget-list ul li a, .footer-widget-list p {
    color: #000 !important;
}

.footer .footer-widget-list ul li a:hover {
    color: #BA0C2F !important;
}

.footer-description p, .footer .footer-description-social li a {
    color: #000 !important;
}

.footer .footer-description-social li a i:hover {
    color: #BA0C2F !important;
}

.footer-copyright a{
    color: #BA0C2F !important;
}

/* Home Page */

.hero-content-subtitle{
    font-weight: 700 !important;
}

.storylane-iframe{
    margin-top: -200px;
    position: relative;
}

#demo {
  scroll-margin-top: 150px;
}

/* Contact page */

.contact label{
    font-weight: 500 !important;
}

.cstm-success-message-alert{
    background-color: #d1e7dda3;
    border-radius: 20px !important;
    position: relative;
    top: 180px;
    margin-bottom: 10em;
}

/* Universal design */

.skip-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  background: rgba(220,53,69,.15);
  color: #252525;
}

.skip-container:focus-within {
  transform: translateY(0);
}

.skip-to-main-content-link {
  display: inline-block;
  padding: 0.4rem 1rem;
  text-align: center;
  text-decoration: none;
}

.skip-to-main-content-link:hover,
.skip-to-main-content-link:focus {
  color: #252525;
}

.skip-to-main-content-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(220,53,69,.5);
  border-radius: 0.375rem;  
  background-color: #f9f9f9;
}

.skip-container .col-auto {
  margin: 0.5rem 0;
}

.navbar-brand:focus-visible, .nav-link:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
    border-radius: 0.375rem;
}

.main-nav .dropdown-menu .dropdown-item:focus-visible{
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
}

.main-nav .navbar-nav:active {
    border: none !important;
    box-shadow: none !important;
    color: #BA0C2F !important;
}

.main-nav .navbar-nav:focus, .main-nav .navbar-nav:focus-visible, .main-nav .navbar-nav:focus-within {
    border: none !important;
    box-shadow: none !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
}

.service .service-item:focus-visible, .screenshots:focus-visible{
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) !important;
}

.faq-accordion-item:focus-within, ul:focus-within {
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
}

.video-iframe .video-icon:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
}

.testimonial .container:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
}

.footer-description a:focus-visible{
    outline: 0 !important;
}

.footer-description a img:focus-visible{
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
    border-radius: 0.375rem !important;
}

.footer-widget-list ul li a:focus-visible{
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
    border-radius: 0.375rem;
}

.footer-widget-list ul:focus-within{
    border: none !important;
    box-shadow: none !important;
}

.footer-description-social li a:focus-visible, .footer-copyright a:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
    border-radius: 0.375rem;
}

.footer-description-social:focus-within{
    border: none !important;
    box-shadow: none !important;
}

.screenshots-slider .slick-dots:focus-within {
    border: none !important;
    box-shadow: none !important;
}

.skip-carousel-link {
    text-decoration: none;
    position: absolute;
    left: -999px;
}

.skip-carousel-link:focus {
  position: static;
  left: 2rem;
  top: 1rem;
  background: #fff;
  color: #000;
  padding: 0.5rem 1rem;
  z-index: 1000;
}

/* Media queries */

@media (max-width: 575px) {

    .main-nav .navbar-brand img {
        width: 140px !important;
    }

    .screenshots-slider .slick-dots {
        bottom: -80px !important;
    }

    .page-header {
        margin: 168px 15px 0 !important;
    }

    .contact-form{
        margin-top: -99px !important;
    }

    .page-content-wrapper {
        margin-top: -126px !important;
        padding: 40px 25px !important;
    }

    .page-header h1{
        line-height: 1.2 !important;
        font-size: 30px !important;
    }

    .page-content {
        padding: 10px 20px 30px !important;
    }

    .screenshots-slider-item{
        padding: 0 0.8em !important;
    }

    .testimonial-slider-item p{
        font-size: 13px !important;
    }

    
    .testimonial-slider-person .thumb {
        width: 45px !important;
        height: 45px !important; 
    }

    .testimonial-slider-person .content h3 {
        line-height: revert;
    }

    .testimonial-slider-person .content p {
        line-height: normal;
    }
}

@media (min-width: 576px) and (max-width: 990px){

    .main-nav .navbar-brand img {
        width: 150px !important;
    }

    .page-header h1{
        line-height: 1.2 !important;
    }

    .screenshots-slider-item{
        padding: 0 0.7em !important;
    }
    
}

@media (max-width: 767px) {
    .storylane-iframe {
        margin: -70px auto 0;
    }
}

@media (max-width: 991px) {
    .storylane-iframe {
        margin: -100px auto 0;
    }

    .feature-content-list {
        margin-left: 10px !important;
    }
}

@media (min-width: 990px) and (max-width: 1182px) {
    .main-nav .navbar-brand img {
        width: 151px !important;
    }

    .main-nav .navbar-nav .nav-item .nav-link {
        padding-right: 2px !important;
    }

    .btn-get-started {
        padding: 9px 15px !important;
        font-size: 14px !important;
    }
    
}

@media (min-width: 1024px) and (max-width: 1400px) {

    .screenshots-slider-item{
        padding: 0 0.78em !important;
    }
}

@media (min-width: 1401px) and (max-width: 1700px) {

    .screenshots-slider-item{
        padding: 0 0.77em !important;
    }
}

@media (min-width: 1800px) and (max-width: 2300px){

    .screenshots-slider-item{
        padding: 0 0.8em !important;
    }
}

@media (min-width: 2300px) and (max-width: 2560px){

    .screenshots-slider-frame{
        left: 51.1% !important;
    }

    .screenshots-slider-item{
        padding: 0 2em !important;
    }
}