body {
    --heading-font        : "Open Sans", sans-serif;
    --bs-font-sans-serif: "Open Sans", sans-serif;
    background: #2c3e50 !important;
    background: #1883f5 !important;
    background: #0e54a0 !important;
    font-size: 19px;
    color: white;
}
a:hover, .nav-link:focus, .nav-link:hover{
    color: #d8d7d7;
    font-weight: 700;
}
h6, h5, h4, h3, h2, h1{
    font-family: "Rubik", sans-serif;
}

h2.subtitle, .subtitle{
    font-size: 2.5rem !important;
    color: #ffda00;
    font-weight: 700;
    font-style: bold;
}

h3{
    color: #d8d7d7;
    color: #0e54a0;
    margin-top: 40px;
}

section .container{
    padding: 6rem 0;
}
.btn{
    background-color: #e31936;
    background-color: #0e54a0;
    border-color: #0e54a0;
}
.btn-xl {
    padding: 1rem 1.75rem;
    font-size: 1.25rem;
}
.service-mark{
  position: relative;
  bottom: 0.5em;
  font-size: 0.15em;
  vertical-align: super;
}

}
/*accordian*/
.accordion-item{
    background: transparent;
    border: none;
}
.accordion-button{
    background: transparent;
    border: 2px solid #0e54a0;
    color: white;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 1.5rem;
}
.accordion-button:hover{
    background-color: #198754;
    border: 2px solid #198754;
}
.accordion-button::after{
    filter: invert(1);
}
.accordion-button:not(.collapsed){
    background-color: #198754;
    font-weight: 600;
    box-shadow: none;
    border: none;
    color: white;
}
.accordion-body{
    background: white;
    border-top: .5px solid lightgray;
    border-radius: 0 0 .25rem .25rem;
    color: #4c4c3c;
    font-size: 17px;
    line-height: 2rem;
}
.accordion-body h5{
    color: #2c3e50;
}
section#guidelines{
    /*margin-top: 5rem;*/
}
#guidelines ul { 
    list-style-type: "- " ;
}
#guidelines h4{
    color: lightgray;
    color: #0e54a0;
    margin-top: 2.25rem;
}
#guidelines .col-lg-4{
    padding-left: 6rem;
    margin-top: 2.5rem;
}
/*end accordian */

#hero-header{
    min-height: 100px;
}
header #logo{
    margin: 0 0 3rem;
    padding-top: 2rem;   
}
#hero-header .fixed-top{
    left:auto;
    right:auto;
}

#hero{
    padding: 15px 0 !important;
}

#products{
    padding-bottom: 3rem;
}

#hero h1{
    font-weight: 700 !important;
    font-size: clamp(3rem, 2vw, 3.5rem) !important;
    margin-top: 1rem;
   /* -webkit-text-stroke: medium;*/
   color: #ffda00;
   color: #2c3e50;
   color: white;
}
.font-1{
    font-size: 1rem;
}

#service .text-accent{
    color: #e31936;
    font-size: 1.5rem;
    font-weight: 700;
}
#service h2{
    font-size: 2.2rem; 
}
#service, #service .block{
    width: 100%;
}

.block{
    background-color: #1883f5;
    border-radius: 5px;
    padding: 0 50px 50px 50px;
    margin-top: 20px;
}

#smllc-price.block{
    /*background-color: #fff;
    background-color: #dcdcdc;
    background-color: #cee3f9;
    background-color: #c3defb;*/
}
/*#smllc-price p.menutitle{
    font-weight: 600;
}
#smllc-price p.menutitle, #smllc-price h1{
    color: #0e54a0 !important;
}
#smllc-price h2{
    color: gray;
}*/
#logo-smllc, #logo{
    padding: 20px;
    margin-top: -25px;
    background-color: white;
    border-radius: 0 0 2px 2px;
}
#logo-smllc{
    /*border: 5px solid #1883f5;*/
    background: none;
}
#smllc #logo-smllc{
   background: white;
   margin-bottom: 2rem;
}
#smllc #smllc-price{
    border: 2px solid #cee3f9
}
#logo-smllc h2{
    margin-top: 3rem;
}

#products{
    padding-bottom: 5rem;
}
#products .product-header h2{
    color: #ffda00;
    text-transform: uppercase;
}
/*#ptr .block, #scorp .block{
    padding-left: 0;
    padding-right: 0;
}*/

#file-steps.bg-primary{
    background-color: #2c3e50 !important; /*#087990*/
}

#file-steps ul{
    line-height: 2.5rem;
    padding-left: 0;
}

#media, #footer-menu, #guidelines{
  background-color: #1883f5;
}
#contact, #get-started{
  background-color: white;
}
#media .btn{
   background-color: transparent;
   border-width: 2px;
}
#media .btn-outline-success:hover{
    background-color: #198754;
}
#footer-menu{
    font-size: .8rem;
}

#footer-menu a{
    color: white;
    text-decoration: none;
}
#footer-logo{
    padding: 10px;
    margin-right: 20px;
    /*filter: grayscale(1) opacity(.4) invert(.8);*/
}
#smiley{
   /* filter: invert(.5);*/
}

.credit-link, .credit-link a{
    color: white;
}
a.nav-link{
    padding: 2px 0;
    color: inherit;
}
.policy{
    padding-bottom: 10rem;
}
/*pricing*/
.chewy{
    font-family: "Chewy", sans-serif;
    letter-spacing: .3rem;
}

h1.title{
    font-size: 4rem !important;
    line-height: 4rem !important;
    color: #ffda00;
    color: #bce6f4;
    color: #f3f3f3;
    font-weight: 700;
    text-align: center;
}

.subprice{
    font-size: 2rem !important;
    color: lightgray;
}
p.price{
    color:#363636;
    font-size: .8rem;
    margin-top: 10px;
}
.strikethrough-diagonal {
  position: relative; /* Position the element to be the reference for the pseudo-element */
}

.strikethrough-diagonal:before {
  content: ""; /* Required for pseudo-elements to display */
  position: absolute;
  left: 0;
  top: 50%; /* Position the line vertically in the middle */
  right: 0;
  border-top: 2px solid; /* Create the line (adjust thickness and color) */
  border-color: #6c757d; /* Inherit the text color for the line */
  transform: rotate(-5deg); /* Rotate the line diagonally (adjust angle as needed) */
}

#products .product-subheader{
    min-height: 80px;
}

@media (max-width: 1400px) {
    #products .block{
        margin-bottom: 3rem;
    }
    #product-header{
        min-height: 75px; 
    }
}

@media (max-width: 1200px) {
    #hero-image{
        background-size: cover 100% !important;
        background-position-y:center !important;
    }
   
    #start-banner .banner-image{
        background-position-y: bottom !important;
        background-size: auto 155% !important;
        background-position: right;
    }
    /*#service{
        width: 75% !important;
    }*/
    .container-lg{
        --bs-gutter-x: 1.5rem;
    }
}

@media (max-width: 1000px) {
    #guidelines .col-lg-4{
        padding-left: 1rem;
        margin-top: 2.5rem;
    }
}

@media (max-width: 900px) {
 
}


@media (max-width: 600px) {
    #hero .display-1 {
        font-size: 2.5rem;
    }
    .footer-logo{
        padding-bottom: 6rem;
    }
    #start-banner .banner-image{
        background-size: auto 125% !important;
    }
    .fixed-top{
        position: relative;
    }
    section .container{
        padding: 6rem 2rem;
    }
    #ptr.block{
        padding: 0 15px 50px 15px;
    }
    #ptr.block .ptr-text{
        padding: 0 35px;
    }
     #products .product-header h2{
        font-size: clamp(1.8rem, 2vw, 2.2rem);
    }
    
}