p, h1, h2, h3, h4, h5, h6, a, li {
    font-family: Inter;
}

p, a, li {
    font-size: 15px;
}

h1 {
    color: #232827;
    font-size: 40px;
    font-weight: 500;
    word-wrap: break-word
}

.navbar {
    width: 100%; 
    height: 65px; 
    background: white; 
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px
}   

.navbar-brand span {
    color: #2A2B32;
    font-size: 24px;
    font-family: Roboto;
    font-weight: 600;
    word-wrap: break-word;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25); 
    backdrop-filter: blur(15px);
    position: relative;
    left: -30px;
    bottom: 0px;
}

.navbar-nav {
    margin-left: auto;
}

.navbar-nav .nav-item .nav-link{
    color: #2A2B32;
    font-family: Inter;
    font-weight: 600;
    word-wrap: break-word;
}

.navbar-nav .nav-item.active .nav-link{
    color: #2871E3;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.btn {
    color: black;
    font-family: Inter;
    font-size: 15px;
}

.btn.btn-primary:hover, .btn.btn-default:hover, .btn.btn-inverse:hover, .btn.btn-blue:hover {
    background-color: #232827;
    color:white;
}

.btn.btn-square:hover {
    font-size: 17px;
}

.btn.btn-sign-up:hover {
    background: linear-gradient(90deg,rgb(0, 0, 0) 0%, rgb(100, 100, 100) 90%);
    color:white;
}

a.btn:hover {
    color: white !important;
}

.btn.btn-primary {
    background-color: #2871E3;
    border-radius: 50px;

    height: 40px;
    padding: 9px 25px;
    font-weight: 500;
    color: white;
}

.btn.btn-default {
    background: #FBFCFE; 
    border: 1.50px #232827 solid;
    border-radius: 50px;
    height: 40px;
    padding: 9px 25px;
    font-weight: 500;
}

.btn.btn-inverse {
    background: none; 
    border: 1.50px white solid;
    border-radius: 50px;
    color: white;
    height: 40px;
    padding: 9px 25px;
    font-weight: 500;
}

.btn.btn-dark {
    background: linear-gradient(0deg, 0%, 100%), linear-gradient(0deg, #232827 0%, #232827 100%);
    border-radius: 50px;
    height: 40px;
    padding: 9px 25px;
    font-weight: 500;
    color: white;
}

.btn.btn-blue {
    background: none;
    color: #2871E3;
    border: 1.50px #2871E3 solid;
    border-radius: 50px;
    height: 40px;
    padding: 9px 25px;
    font-weight: 500;
}

.btn.btn-sign-up {
    background: linear-gradient(90deg,#06BBE2 0%, #6351e9 90%);
    color: white;
    border-radius: 50px;
    height: 45px;
    padding: 9px 25px;
    font-weight: 500;
    width: 150px;
}

.btn.btn-square {
    background: white; 
    border-radius: 8px;
    width: 280px;
    padding: 20px 40px;
    font-weight: 500;
    font-weight: 600;
    box-shadow: 0px 6px 10px 1px rgba(62, 95, 255, 0.25); 
    border-radius: 8px; border: 0.50px solid rgb(238, 238, 238)
}

.navbar-collapse.collapse.show {
    margin-top: -10px;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.navbar-collapse.collapse.show  .nav-item {
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.navbar .nav-item:last-child {
    margin-left: 20px;
}

#product-intro-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 40px;
}

#product-intro-wrapper .container {
    background: url('../images/custom/ocs-background-image.png') right bottom no-repeat;
    background-size: contain;
}

#product-intro-wrapper h1 {
    font-family: Inter;
    background: -webkit-linear-gradient(left, #1FD9AD, #06BBE2, #4630E3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}


#product-intro-wrapper p {
    text-align: justify;
    width: 62%;
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
}

#product-intro-wrapper ul {
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
    list-style: none;
    margin-left: -40px;
}

#product-intro-wrapper ul li {
    padding-top: 15px;
    vertical-align: middle;
}

#mcs-product-intro-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 40px;
}

#mcs-product-intro-wrapper .container {
    background: url('../images/custom/mcs-background-image.png') right bottom no-repeat;
    background-size: contain;
}

#mcs-product-intro-wrapper h1 {
    font-family: Inter;
    background: -webkit-linear-gradient(left, #1FD9AD, #06BBE2, #4630E3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}


#mcs-product-intro-wrapper p {
    text-align: justify;
    width: 62%;
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
}

#mcs-product-intro-wrapper ul {
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
    list-style: none;
    margin-left: -40px;
}

#mcs-product-intro-wrapper ul li {
    padding-top: 15px;
    vertical-align: middle;
}

#scs-product-intro-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 40px;
}

#scs-product-intro-wrapper .container {
    background: url('../images/custom/scs-background-image.png') right bottom no-repeat;
    background-size: contain;
}

#scs-product-intro-wrapper h1 {
    font-family: Inter;
    background: -webkit-linear-gradient(left, #1FD9AD, #06BBE2, #4630E3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}


#scs-product-intro-wrapper p {
    text-align: justify;
    width: 62%;
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
}

#scs-product-intro-wrapper ul {
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
    list-style: none;
    margin-left: -40px;
}

#scs-product-intro-wrapper ul li {
    padding-top: 15px;
    vertical-align: middle;
}

#whatsapp-banner-wrapper {
    height: 80px;
    background: linear-gradient(270deg, rgba(227, 114, 255, 0.50) -104.96%, rgba(162, 74, 241, 0.50) -91.94%, rgba(95, 26, 226, 0.50) -78.92%, rgba(75, 44, 230, 0.50) -65.91%, rgba(51, 65, 228, 0.50) -52.89%, rgba(25, 85, 226, 0.50) -39.87%, rgba(1, 123, 228, 0.50) -26.85%, rgba(0, 140, 232, 0.50) -13.83%, rgba(1, 159, 237, 0.50) -0.82%, rgba(0, 177, 236, 0.50) 12.2%, rgba(2, 188, 222, 0.50) 25.22%, rgba(3, 198, 203, 0.50) 38.24%, rgba(0, 207, 184, 0.50) 51.26%, rgba(33, 216, 167, 0.50) 64.28%);
}

#whatsapp-banner-wrapper span {
    color: #232827;
    text-align: center;
    text-shadow: 0px 2px 25px rgba(0, 0, 0, 0.25);
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.8px;
}

#study-plan-banner-wrapper {
    height: 80px;
    background: linear-gradient(270deg, rgba(227, 114, 255, 0.50) -104.96%, rgba(162, 74, 241, 0.50) -91.94%, rgba(95, 26, 226, 0.50) -78.92%, rgba(75, 44, 230, 0.50) -65.91%, rgba(51, 65, 228, 0.50) -52.89%, rgba(25, 85, 226, 0.50) -39.87%, rgba(1, 123, 228, 0.50) -26.85%, rgba(0, 140, 232, 0.50) -13.83%, rgba(1, 159, 237, 0.50) -0.82%, rgba(0, 177, 236, 0.50) 12.2%, rgba(2, 188, 222, 0.50) 25.22%, rgba(3, 198, 203, 0.50) 38.24%, rgba(0, 207, 184, 0.50) 51.26%, rgba(33, 216, 167, 0.50) 64.28%);
}

#study-plan-banner-wrapper span {
    color: #232827;
    text-align: center;
    text-shadow: 0px 2px 25px rgba(0, 0, 0, 0.25);
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.8px;
}

.btn-no-bg {
    background: none !important;
    background-color: none !important;
}

#product-details-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 60px;
}

.product-details-box {
    width: 100%; 
    height: 100%;
    background: white;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.25); 
    border-radius: 12px;
    padding: 40px;
}

.product-details-box #value-pack-heading {
    font-size: 27.89px;
    font-family: Inter;
    font-weight: 700;
    line-height: 31px;
    word-wrap: break-word;
    background: -webkit-linear-gradient(left, #5532EA, #DC6EFE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product-details-box #premium-pack-heading {
    font-size: 27.89px;
    font-family: Inter;
    font-weight: 700;
    line-height: 31px;
    word-wrap: break-word;
    background: -webkit-linear-gradient(left, #0025D4, #1EBEE1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p {
    font-family: Inter;
}

.product-details-box p {
    font-weight: 400;
    line-height: 25px;
    font-size: 15.12px;
}

.product-details-box .paragraph-holder {
    min-height: 100px;
}


.product-details-box #value-pack-features,  .product-details-box #premium-pack-features{
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
    list-style: none;
    padding-left: 0 !important;
}

.product-details-box #value-pack-features li,  .product-details-box #premium-pack-features li{
    color: #703EEE;
    line-height: 32px;
    letter-spacing: 0.05px;
    word-wrap: break-word
}

.product-details-box #premium-pack-features li {
    color: #0B5ED9;
}

.product-details-box #value-pack-features li.exempt, .exempt{
    color: rgba(0, 0, 0, 0.5);
}

.product-details-box .price-holder{
    justify-content: space-between; 
    align-items: center; 
    display: inline-flex;
    width: 70%;
    margin: 0 50px;
    align-self: flex-end;

}

.product-details-box  .pre-price-holder {
    text-align: center;
}

.product-details-box .price-label {
    color: #232827;
    font-size: 25px;
    font-family: Inter;
    font-weight: 800;
    line-height: 32px;
    letter-spacing: 0.05px;
    word-wrap: break-word;
    text-align: center;
}

.product-details-box .price-tagline {
    font-weight: 800;
}

.product-details-box .price-tagline .red {
    color: #EA001B;
}

.product-details-box .price-sub-tagline {
    font-size: 14px;
    font-weight: 800;
}

.product-details-box .btn {
    min-width: 150px;
}

.price-holder-container {
    display: flex;
}

#register-details-wrapper {
    padding: 80px 0px;
}

#register-details #main-col {
    background: linear-gradient(0deg, #232827 0%, #232827 100%); 
    border-radius: 25px;
}

#register-details h2 {
    color: white;
    font-size: 28px;
    font-family: Inter;
    font-weight: 400;
    word-wrap: break-word
}

#register-details h2 span.bold {
    font-weight: 700;
}

.form-control-lg {
    font-size: 16px;
    padding: 0.8rem 1rem;
    color: #626262;
}

.form-control-dark {
    background-color: #f5f5f5;
    border: none;
}

#register-details .custom-control-label {
    color: white;
}

#get-in-touch-box {
    width: 100%; 
    height: 100%; 
    background: #FFFFFF; 
    box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.10); 
    border-radius: 20px;
    padding: 40px;
}

#footer-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 80px 40px;
    padding-bottom: 40px;

}

#footer-details-box {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #232827 0%, #232827 100%);
    box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.10); 
    border-radius: 20px;
    padding: 40px;
    border-radius: 20px; border: 1.50px solid;
    color: white;
}

.footer-link {
    color: white;
}

h5 {
    font-weight: 700;
}

#footer-details-box ul {
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
    list-style: none;
    margin-left: -40px;
}

#footer-bar-wrapper {
    background: linear-gradient(270deg, rgba(227, 114, 255, 0.50) -104.96%, rgba(162, 74, 241, 0.50) -91.94%, rgba(95, 26, 226, 0.50) -78.92%, rgba(75, 44, 230, 0.50) -65.91%, rgba(51, 65, 228, 0.50) -52.89%, rgba(25, 85, 226, 0.50) -39.87%, rgba(1, 123, 228, 0.50) -26.85%, rgba(0, 140, 232, 0.50) -13.83%, rgba(1, 159, 237, 0.50) -0.82%, rgba(0, 177, 236, 0.50) 12.2%, rgba(2, 188, 222, 0.50) 25.22%, rgba(3, 198, 203, 0.50) 38.24%, rgba(0, 207, 184, 0.50) 51.26%, rgba(33, 216, 167, 0.50) 64.28%);
    filter: blur(30px);
    opacity: 0.6;
    height: 80px;
    margin-top: 80px; 
    margin-left:-40px;
    margin-right:-40px;
}

#footer-bar-offset {
    margin-top: -50px;
}

.footer-bar-link {
    color: black;
    font-size: 13px;
    font-family: Inter;
    font-weight: 400;
}

#study-plan-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 60px;
}

#study-plan-box {
    background: white; 
    border-radius: 25px;
    padding: 40px 60px;
    box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.10);
}

#study-plan-box th, #study-plan-box td {
    border: none;
    padding: 5px;
}

a {
    color: #0B5ED9;
}

.blue-italic {
    color: #2871E3;
    font-style: italic;
}

.modal.modal-fullscreen {
    padding: 0 !important;
}

.modal.modal-fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}

.modal.modal-fullscreen .modal-body {
    overflow-y: auto;

}

.modal .modal-body.center-all {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.modal.modal-fullscreen .modal-header {
    border-bottom: none;
}

.modal-link {
    color: #0B5ED9;
    font-size: 22px;
    font-weight: 500;
}

#sample-material-modal ul,  #mcs-sample-material-modal ul, #scs-sample-material-modal ul{
    list-style: none;
    margin-left: -40px; 
}

#sample-material-modal .modal-body, #mcs-sample-material-modal .modal-body, #scs-sample-material-modal .modal-body {
    padding: 180px 150px;
}

#home-intro-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 40px;
}

#home-intro-wrapper .container {
    background: url('../images/custom/home-background-image.png') right bottom no-repeat;
    background-size: contain;
}

#home-intro-wrapper h1 {
    font-family: Inter;
    background: -webkit-linear-gradient(left, #1FD9AD, #06BBE2, #4630E3, #5D1BE5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}


#home-intro-wrapper p {
    text-align: justify;
    width: 62%;
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
}

#home-intro-button-holder {
    width: 50%;
}

#home-intro-wrapper ul {
    font-family: Inter;
    font-weight: 500;
    font-size:15px;
    list-style: none;
    margin-left: -40px;
}

#home-intro-wrapper ul li {
    padding-top: 15px;
    vertical-align: middle;
}

#testimonials-details-wrapper {
    width: 100%; 
    height: 100%; 
    background: white;
    padding: 60px;
}

.testimonial-box {
    background: #EDF2F4; 
    border-radius: 25px;
    padding: 40px 60px;
    padding-bottom: 80px;
    min-height: 420px;
}

.testimonial-box .name {
    color: #2A2B32;
    font-size: 18px;
    font-family: Inter;
    font-weight: 700;
    word-wrap: break-word;
}

.testimonial-box p {
    color: #232827;
    font-size: 15px;
    font-family: Inter;
    font-weight: 500;
    line-height: 29.86px;
    word-wrap: break-word
}

.testimonial-box .green-highlight {
    color: #00B67A;
}

#testimonials-details-wrapper .carousel-indicators li.active {
    background-color: #00B67A4D;
}

#testimonials-details-wrapper .carousel-indicators li {
    background-color: #D9D9D9;
}

.testimonial-box .fixed-text {
    position: absolute;
    bottom: 24px;
    right: 60px;
}

.testimonial-box .fixed-text span {
    color: #00B67A;
    font-size: 12px;
    font-weight: 700;
}

#feature-details-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 40px;
}

.feature-details-box {
    background: white; 
    border-radius: 20px; 
    padding: 40px 60px;
    min-height: 550px;
}

.feature-details-box h4 {
    color: #232827;
    font-size: 30px;
    font-family: Inter;
    font-weight: 800;
}

.feature-details-box p, .feature-details-box li {
    color: #232827;
    font-size: 15px;
    font-family: Inter;
    font-weight: 400;
    line-height: 28px;
    word-wrap: break-word
}

span.blue {
    color: #2871E3;
}

.feature-details-box .button-holder {
    position: absolute;
    bottom: 30px;
    margin-left: auto; 
    margin-right: auto; 
    left: 0; 
    right: 0; 
}


#webinar-details-wrapper {
    width: 100%; 
    height: 100%; 
    background: white;
    padding: 60px;
}

#webinar-background-image-holder {
    background: url('../images/custom/webinar-background-image.png') left center no-repeat;
    background-size: contain;
}

#packages-overview-details-wrapper {    
    height: 250px;
    background: linear-gradient(90deg, rgba(227, 114, 255, 0.80) 6%, rgba(162, 74, 241, 0.80) 10%, rgba(95, 26, 226, 0.80) 18%, rgba(75, 44, 230, 0.80) 24%, rgba(51, 65, 228, 0.80) 30%, rgba(25, 85, 226, 0.80) 36%, rgba(1, 123, 228, 0.80) 42%, rgba(0, 140, 232, 0.80) 48%, rgba(1, 159, 237, 0.80) 54%, rgba(0, 177, 236, 0.80) 60%, rgba(2, 188, 222, 0.80) 66%, rgba(3, 198, 203, 0.80) 72%, rgba(0, 207, 184, 0.80) 78%, rgba(33, 216, 167, 0.80) 84%);
}

#packages-overview-details-wrapper .paragraph-holder {
    padding: 40px 350px;
    overflow: hidden;
    height: 200px;
}

#packages-overview-details-wrapper p {
    color: white;
    text-align: center;
    text-shadow: 0px 2px 25px rgba(0, 0, 0, 0.5);
    font-family: Inter;
    font-size: 24px;
}

#packages-overview-details-wrapper .button-holder {
    margin-top: 10px;
}

#packages-overview-details-wrapper .ocs-btn span {
    background: -webkit-linear-gradient(left, #5D1BE5, #4630E3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#packages-overview-details-wrapper .mcs-btn span {
    background: -webkit-linear-gradient(left, #4630E3, #06BBE2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#packages-overview-details-wrapper .scs-btn span {
    background: -webkit-linear-gradient(left, #06BBE2, #1FD9AD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#about-tcs-wrapper {
    width: 100%; 
    height: 100%; 
    background: white;
    padding: 80px;
    padding-top: 140px;
    padding-bottom: 120px;
}

#faq-wrapper {
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 60px;
}

#faq-wrapper .card {
    border-radius: 10px;
}

#faq-wrapper .card-header.collapsed {
    background: white;
    border-radius: 10px;
}

#faq-wrapper .card-header {
    background: #D9D9D9;
    color: #002C59;
    font-weight: 500;
    padding: 15px;
    cursor: pointer;
}

#faq-wrapper .card-body{
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    padding: 10px 30px;
    color: #002C59;
    font-weight: 400;
}

#faq-wrapper button.btn {
    background: none;
    background-color: none;
    color: #002C59;
    font-weight: 500;
}

.modal-body {
    padding: 60px;
    padding-top: 0px;
}

.modal-header {
    border-bottom: none;
}

@media (min-width: 576px) {
    #move-to-top-button {
        display: none;
    }
}

@media (min-width: 992px) {
    #move-to-top-button {
        display: block;
        position: fixed;
        z-index: 500;
        bottom: 20px;
        right: 20px;
        cursor: pointer;
    }
}

#purchase-summary-wrapper, #order-complete-wrapper {
    width: 100%; 
    height: 100%; 
    background: white;
    padding: 40px;
    width: 100%;

}

#order-complete-wrapper {
    margin-bottom: 280px;
}

.purchase-summary-box, .order-complete-box {
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    padding: 40px;
    border-radius: 20px
}

#order-complete-wrapper .order-complete-box {
    padding: 80px;
}

#order-complete-wrapper .left-section {
    background: url('../images/custom/order-complete-background.png') center center no-repeat;
    background-size: auto;
}

#blog-intro-wrapper {
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    height: 400px;
}

#blog-intro-wrapper .left-section {
    display: flex;
    justify-content: center;
    align-items: center; 
    height: 400px;
}

#blog-intro-wrapper .right-section {
    background: url('../images/custom/tcs-blog-background.png') center center no-repeat;
    background-size: contain;
    padding: 40px;
}

#blog-body-wrapper {
    background: white;
    padding: 40px
}

.blog-box {
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    border-radius: 20px;
    cursor: pointer;
}

.blog-box .blog-details {
    padding: 40px;
    min-height: 350px;
    color: black;
}

.blog-box .blog-details h5 {
    min-height: 70px;
}


.blog-box:hover {
    cursor: pointer;
}

.blog-box:hover img {
    opacity: 0.5;
}

#blog-post-intro-wrapper {
    height: 250px;
    opacity: 0.6;
}

.blog-post-box {
    background: linear-gradient(0deg, #EDF2F4 0%, #EDF2F4 100%);
    border-radius: 20px;
    cursor: pointer;
    padding: 40px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #2871E3;
    border-radius: 50px;
}

#sign-in-up-modal .nav-pills {
    border: 3px #2871E3 solid;
    border-radius: 50px;
}

.product-details-box.premium {
    border: 4px solid #2871E3;
}

.modal-xlg {
    max-width: 80%;
}

@media (min-width: 992px) {
    .modal-xlg {
        max-width: 1200px;
    }
}