/* CUSTOM */

nav img.logo {
    height:30px !important; margin: 16px 1em !important;
}
nav img.logo-mobile {
    height:24px !important; margin: 20px 0em 0 0em !important;
}

.cc_title {
    font-family: var(--heading-font-font-family) !important; 
}

.card {
    border-radius: 1rem; overflow: hidden;
}

.cc_customer img {
    height: 100px;
    margin: 1.5em;
}

.copyRightBox {
    display: grid; grid-template-columns: 40px auto;
    font-size: 0.8em;
    background-color: #00000011;
    padding: 2em; border-radius: 1em;
    margin: 1em 0;
}

.package {
    font-size: 1rem;
    font-family: var(--font-title);
}

.package .card {
    height: 100%;
}

.package .wrap, .package.added .wrap {
    margin: 0.5rem;
}

.package .price {
    font-size: 2.5em;
    color: var(--pri-color);
    font-weight: bold;
    padding-right: 5px;
}

.package .label {
    font-weight: bold;
    padding-right: 10px;
    color: var(--pri-color);
    height: 1.5em;
}

.package label {
    color: var(--gray);
    font-size: 0.85em;
}

.package ul {
    text-align: left; padding: 1em 0 0 0; margin: 1em 0 0 0;
    border-top: 1px solid var(--gray-lite);

}
.package ul li {
    line-height: 180%;
}

.package ul li i {
    color: green; margin-right: 0.25em;
}
.package ul li .label {
    line-height: inherit; height: auto;
    font-size: inherit;
}

.package.added .con {
    display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch
}

.package.added .title {
    font-weight: bold; font-size: 1.5rem !important;
}
.package.added ul {
    border: none !important; margin: 0 !important;
    padding: 0.25em 0 !important;
}

.package.added .label, .package.added .price {
    padding:0 !important;
}

.package.added .con1 {
    text-align:left;
}

.package.added .con2 {
    text-align:right;
}

.package.added .con {
    display: grid; grid-template-columns: 75% 25%;
}

/* .col { background-color: #ccc; } */

.cc_customer_img {
    border-radius: 2em;
}

.testimonial {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 1em;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

blockquote {
    color: var(--sec-lite);
    font-family: Tahoma, sans-serif;
    width: 80%;
    padding: 1em 0 !important;
    margin: 1.5em 5% 1.5em 15% !important;
    border-left: none !important;
}

blockquote p {
    font-style: italic;
    margin-bottom: 0;
}

blockquote p::before {
    content: "“";
    font-family: Georgia;
    font-size: 8rem;
    margin: -5.5rem 0 0 -2rem;
    position: absolute;
    opacity: 0.5;
}

blockquote p::after {
    content: "”";
    margin: -1rem -4rem 0 0;
}

blockquote cite {
    font-size: 1.25rem;
    display: block;
    padding-top: 2em;
    /* background-color: #aaaaaa; */
}

blockquote cite label {
    font-size: 1rem;
}

.btn-flat {
    box-shadow: var(--shadow-lite);
}
.btn-flat:hover {
    box-shadow: var(--shadow-lite-2);
}

.btn.getStart {
    background-color: var(--sec-lite);
    color: #ffffff;
    border-radius: 0.5em;
}

.cta {
    padding: 2em 0 1em 0;
    background-color: var(--pri-color);
    background: #0a59c7;
    background: linear-gradient(0deg, #0a59c7 13%, #75aefe 100%);
}

.cta .head-title {
    color: #ffffff !important;
}

.cta .ctaContainer {
    width: 100%;
}


.cta .btn {
    background-color: #ffffff;
    color: var(--pri-lite);
    margin: 1em;
}

.home-banner {
    font-family: var(--font-title);
}

.home-banner .homeBannerText {
    text-align: left;
}

.homeBannerText li {
    margin: 0.75em 0;
}

.home-banner h1 {
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

.home-banner h1 .title {
    font-size: 1.5em; margin-bottom: 0.25em;
    line-height: 60px;
}

.gradiantFont {
    background: -webkit-linear-gradient(#aeaeae, #3A3A3A) !important;
    -webkit-text-fill-color: transparent !important;
	-webkit-background-clip: text !important;
}

.home-banner ul {
    font-weight: bold; padding-bottom: 1em; font-size: 1.1rem;
}

.home-banner ul li i {
    margin-bottom: 0.25em;
    margin-right: 0.5em;
    color: var(--sec-lite);
}

.home-banner .btn.getStart {
    background-color: var(--sec-lite);
}

.homeVdo .content {
    display:block; text-align:left; width:90%; margin:0 auto;
}


.cc-foot {
    text-align: left; color: #ffffff;
    font-family: var(--font-title);
    /* background: rgb(40,133,186);
    background: linear-gradient(0deg, rgba(40,133,186,1) 0%, rgba(233,245,250,1) 62%); */
}

.cc-foot .foot-logo {

    margin-bottom: 2em;
    
}

.cc-foot .menuhead {
    font-weight: bold; color: #ffffff;
    font-size: 1.35em; padding-bottom: 0.75em;

}
.ic_web_foot {
    background: var(--pri-color) !important; color: #ffffff;
}

.ic_web_foot .container {
    border-top:1px solid #ffffffaa; padding:1.5em 0 3em 0;
}

.ic_web_foot {
    font-family: var(--font-text);
}


@media only screen and (max-width: 993px) {


    .home-banner h1 {
        font-size: 3em;
    }
    
    .home-banner img { width: 80%; }

    .home-banner .homeBannerText {
        text-align: center !important;
    }

    .homeVdo .content {
        text-align:center; 
    }

    .cc-foot .foot-logo {
        width: 80%;
    }
    
    
    
    /* .cc_customer img { height:80px; margin:1em; } */
}

@media only screen and (max-width: 601px) {
    /* .cc_customer img { height:6px; margin:1em; } */

    section .head-title { font-size: 2em; }
    section .head-tag { font-size: 1.25em; }
    .home-banner ul { font-size: 1em; }
    .home-banner h1 { font-size: 1.5rem; }
    .home-banner img { width: 100%; }

    /* section .head-tag { font-size: 1.25rem;} */

    .homeVdo .btn { width: 100%; }

    .homeVdo .content { width: 100%; }

    .package.added .con1, .package.added .con2 {
        text-align:center;
    }
    .package.add .con {
        display: block;
    }
    .package.added ul {
        margin: 1em 0 !important;
        border-bottom: 1px solid var(--gray-lite) !important;
        padding: 1em 0 !important;
    }
    
    .package.added .con {
        display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch;
    }
    
    
}

@media only screen and (max-width: 450px) {

    nav img.logo-mobile {
        height:20px !important; margin: 22px 0em 0 0em !important;
    }
}

@media only screen and (max-width: 350px) {

    nav img.logo-mobile {
        height:16px !important; margin: 24px 0em 0 0em !important;
    }
}



#promo_modal .modal-content {
    background: var(--white); 
}
article {
    text-align: left; font-weight: 500 !important;
}
article .title { text-align: center; display: block; margin: 0.25em 0; }
article text { margin: 1em 0; display: block; }
article picture { margin: 1em 0; display: block; }

#promoreader {
    /* background-color: ; */
}


.social {
    border-radius: 20px;
    height: 40px;
    width: 40px;
    background: #000;
    margin: 5px;
    display: inline-block;
}

.social {
    border-radius: 20px; height:40px; width:40px;
    margin: 5px; display: inline-block;
}
.social:hover { background-color: var(--sec-color); }
.social img { height: 20px; margin: 10px 0; }


.gradientBg {
    color: #ffffff;
    background-color: var(--pri-color);
    background: #0a59c7;
    background: linear-gradient(0deg, #0a59c7 13%, #75aefe 100%);
}

.customerCard .content .head-tag {
    font-weight: bold; color: var(--pri-color); font-size: 1.5em;
}

.customerCard a.content{
    color: #222 !important;
}

.customerCover {
    background-color: #000;
}

.customerCover .wrap {
    
    width: 100%;
    backdrop-filter: blur(3px);
    padding:100px 2em; 
}

.customerCover .wrap h1 {
    font-size: 3em; margin: em 0;
  }

  .customerCover .wrap h4 {
}

.customerCover .wrap h1, .customerCover .wrap h4 {
      text-shadow: 1px 1px 4px #000000;
    color:#ffffff !important;
  }


/* .customerCard a:hover  {
    color: var(--pri-color) !important;
}

.customerCard a:hover .head-tag {
    color: var(--pri-color) !important;
} */

.customerCard a:hover img {

    box-shadow: var(--shadow-lite-3);

}

#LibraryReader, #LibraryReader.container {
    /* max-width: 600px !important; */
}

#lib_loadmoreBtn {
    margin: 2em;
}