/* Padding below the footer and lighter body text */

html   {
    scroll-behavior: smooth;
    transition-delay:1s ;
}
body {
    scroll-behavior: smooth;
    transition-delay:1s ;
    text-align: center;

    color: #5a5a5a;

}
nav ul li a {
    color: Black;
    font-family: 'Merriweather', serif;
    letter-spacing: 3px;
    font-size: 20px;
}

/* Featurettes
------------------------- */

.featurette-divider {
    margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}

.lead{
    font-weight: 300;
    font-size: 80px;
    text-align:center;
    color:#202020;
    font-family: 'Merriweather', serif;
}
.page-section {
    padding: 3%;
}
.page-section h1 {
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Lora', serif;
    transition: 0.6s ease-in;

}
.slide-center-out
{
    text-decoration:none;
    display: inline-block;
    color: #020245;
}
/* add a empty string after the elment with class .slide-center-out  */
.slide-center-out:after
{
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    -webkit-transition: width .5s ease, background-color .5s ease;
    -moz-transition: width .5s ease, background-color .5s ease;

    margin:auto; /* center the cotent so it will sliding from the midddle to the left and right */
}

/* Change the width and background on hover, aka sliding from the middle to the left and right */
.slide-center-out:hover:after
{
    width: 100%;
    background: #01013e;
}
.slide-center-out-1
{
    text-decoration:none;
    display: inline-block;
    color: #ffe294;
}
/* add a empty string after the elment with class .slide-center-out  */
.slide-center-out-1:after
{
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    -webkit-transition: width .5s ease, background-color .5s ease;
    -moz-transition: width .5s ease, background-color .5s ease;

    margin:auto; /* center the cotent so it will sliding from the midddle to the left and right */
}

/* Change the width and background on hover, aka sliding from the middle to the left and right */
.slide-center-out-1:hover:after
{
    width: 100%;
    background: #ffd977;
}
.heading1 {
    font-size: 70px;
    letter-spacing: 10px;
    color:#1b1e21;
    font-family: 'Nunito', sans-serif;
}
.heading2 {
    font-size: 15px;
    letter-spacing: 25px;
    color:darkolivegreen ;
    font-family:'Josefin Slab SemiBold';
}
.aboutpara {

    letter-spacing: 1px;
    line-height: 1.0;
    color:black ;
    font-family:'Josefin Slab SemiBold';
    text-align: center;
}
.page-section h3.section-subheading {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-bottom: 4rem;
}
.page-section ul{
    text-decoration: none;
    border: none;

}
.hero{
    max-width: 100%;
    background-image:url('../images/bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    position: relative;
    overflow: hidden;
}
.img-fluid{
    position: relative;
    overflow: hidden;
}.img-responsive{
    width: 100%;
    position: relative;
    overflow: hidden;
}
/* tabs*/
#myTab.nav-tabs a[data-bs-toggle="tab"] {
    border: none;
    font-size: 20px;
    letter-spacing: 2px;
    color: black;
    font-family: 'Alegreya SC', serif;
    font-weight: 200;
    transition: 0.6s ease-in;
    background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    #3a193f  50%,
    #743e7b);
    background-position: 100% 0;
    background-size: 200% 100%;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;

 }

#myTab.nav-tabs a[data-bs-toggle="tab"]:hover {
    border: none;
    box-shadow: none;
    font-family: 'Alegreya SC', serif;
    font-weight: 200;
    color: #ffffff;
    background-position: 0 0;
    transition: 0.6s ease-in;

}

#myTab.nav-tabs a[data-bs-toggle="tab"].active {
    border: none;
    color: #FFFFFF;
    background-color: #f1b104;
    box-shadow: none;
    font-family: 'Alegreya SC', serif;
    font-weight: 200;
    background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    #3a193f  50%,
    #743e7b);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: 0.6s ease-in;


}

#myTab.nav-tabs a[data-bs-toggle="tab"].active:hover {
    color: white;
    background-position: 0 0;
    transition: 0.6s ease-in;


}
/*!* tabs*!*/
/*#myTab1.nav-tabs a[data-bs-toggle="tab"] {*/
/*    border: none;*/

/*    color: black;*/
/*    font-family:'Josefin Slab SemiBold',sans-serif;*/
/*    font-weight: 200;*/
/*    transition: 0.2s ease-in;*/
/*    background-color: rgb(255, 255, 255);*/

/*}*/

/*#myTab1.nav-tabs a[data-bs-toggle="tab"]:hover {*/
/*    border: none;*/
/*    box-shadow: none;*/
/*    font-family:'Josefin Slab SemiBold',sans-serif;*/
/*    font-weight: 200;*/
/*    color: black;*/
/*    transition: 0.2s ease-in;*/
/*}*/

/*#myTab1.nav-tabs a[data-bs-toggle="tab"].active {*/
/*    border: none;*/
/*    color: #FFFFFF;*/
/*    background-color: #198754;*/
/*    transition: 0.1s ease-in;*/
/*    box-shadow: none;*/
/*    font-family: 'Josefin Slab SemiBold', sans-serif;*/
/*    font-weight: 200;*/


/*}*/

/*#myTab1.nav-tabs a[data-bs-toggle="tab"].active:hover {*/
/*    color: white;*/
/*    border-radius: 0px;*/
/*    transition: 0.2s ease-in;*/


/*}*/
/*#myTab1.nav-tabs .nav-item {*/
/*width: 25rem;*/
/*}*/
.benefits li{
    font-size:16px;
    font-family: 'Merriweather', serif;
    line-height: 1.9;
}
.plans-header{
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    background-image:url('../images/bg3.svg');
    background-size: cover;
    background-repeat: no-repeat;
    border:none;
    color: #ffffff;
    text-align:center ;
    transition:0.6s ease-in;
    font-family: 'Lora', serif;
}
.product-card{

    border:none;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    color: #000d23;
    text-align:left ;
    transition:0.4s ease-out;
    font-family: 'Lora', serif;
    letter-spacing: 1px;
    font-weight: bold;
}
.product-card .card-header{
    background-image:url('../images/bg2.png');
    background-size: cover;
    background-repeat: no-repeat;
    border:none;
    color: #ffffff;
    text-align:center ;
    transition:0.3s ease-in;
    font-family: 'Lora', serif;
    letter-spacing: 1px;
}

.product-card:hover{
    box-shadow: #f5d172 0px 2px 4px, #fad570 0px 7px 13px -3px, #f8d170 0px -3px 0px inset;

    /*box-shadow: rgb(214, 221, 229) -2.5px 2.5px, rgb(206, 203, 203) -5px 5px, rgb(191, 191, 193) -10px 10px, rgb(171, 171, 173) -15px 15px, rgba(240, 46, 170, 0.05) -20px 20px;*/
    /*box-shadow: rgb(182, 208, 255) -5px 5px, rgb(128, 169, 255) -10px 10px, rgb(149, 194, 246) -15px 15px, rgb(97, 170, 255) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;*/
    /*box-shadow: rgba(240, 46, 170, 0.4) 0px 5px, rgba(240, 46, 170, 0.3) 0px 10px, rgba(240, 46, 170, 0.2) 0px 15px, rgba(240, 46, 170, 0.1) 0px 20px, rgba(240, 46, 170, 0.05) 0px 25px;*/
 }
/*.product-tab {*
/*    background-color: transparent;*/
/*    position: relative;*/
/*    z-index: 10;*/
/*    overflow: hidden*/
/*}*/

/*.product-tab h2 {*/
/*    margin-top: 50px;*/
/*    margin-bottom: 30px*/
/*}*/

/*.product-tab h4 {*/
/*    font-size: 24px;*/
/*    color: #304254;*/
/*    font-weight: 300;*/
/*    margin: 0*/
/*}*/

/*.product-tab h4 span {*/
/*    background-color: #00b2ce;*/
/*    margin-right: 15px;*/
/*    margin-top: -25px;*/
/*    text-align: center;*/
/*    width: 50px;*/
/*    display: inline-block;*/
/*    padding: 50px 0 20px;*/
/*    border-radius: 0 0 25px 25px;*/
/*    -moz-border-radius: 0 0 25px 25px;*/
/*    -webkit-border-radius: 0 0 25px 25px;*/
/*    color: #fff;*/
/*    font-size: 24px*/
/*}*/

/*.product-tab p {*/
/*    font-weight: 300;*/
/*    font-size: 14px;*/
/*    color: #869294;*/
/*    line-height: 30px;*/
/*    margin-top: 30px*/
/*}*/

/*.product-tab p.tel {*/
/*    font-size: 20px*/
/*}*/

/*.product-tab p.tel span {*/
/*    font-size: 12px;*/
/*    display: block*/
/*}*/

/*.product-tab img {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    z-index: -1;*/
/*    max-width: 750px;*/
/*    width: 100%*/
/*}*/
footer {
    padding-top: 3rem;

}

footer p {
    margin-bottom: .25rem;
}