* {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    font-family: "poppins", sans-serif;
}

.section_padding {
    padding: 120px 0px;
}

.padding_top {
    padding-top: 120px;
}

.padding_bottom {
    padding-bottom: 120px;
}

.padding-120 {
    padding: 120px 0;
}

.padding-70 {
    padding: 70px 0;
}

.padding-100 {
    padding: 100px 0;
}

.mb-7 {
    margin-bottom: 7rem;
}

a {
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "poppins", sans-serif;
}

p {
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 0px;
    color: #626467;
    font-family: "poppins", sans-serif;
}

a:focus,
.button:focus,
button:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
    -webkit-transition: 1s;
    transition: 1s;
}

/*scrollbar*/
* {
    scrollbar-width: auto;
    scrollbar-color: #fe4b7e #ffffff;
}

*::-webkit-scrollbar {
    width: 9px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: #fe4b7e;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

/*preloader*/
.preloder {
    height: 100vh;
    width: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loader {
    width: 250px;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loader--dot {
    animation-name: loader;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    border: 2px solid white;
}

.loader--dot:first-child {
    background-color: #8cc759;
    animation-delay: 0.5s;
}

.loader--dot:nth-child(2) {
    background-color: #8c6daf;
    animation-delay: 0.4s;
}

.loader--dot:nth-child(3) {
    background-color: #ef5d74;
    animation-delay: 0.3s;
}

.loader--dot:nth-child(4) {
    background-color: #f9a74b;
    animation-delay: 0.2s;
}

.loader--dot:nth-child(5) {
    background-color: #60beeb;
    animation-delay: 0.1s;
}

.loader--dot:nth-child(6) {
    background-color: #fbef5a;
    animation-delay: 0s;
}

.loader--text {
    position: absolute;
    top: 200%;
    left: 0;
    right: 0;
    width: 4rem;
    margin: auto;
}

.loader--text:after {
    content: "Loading";
    font-weight: bold;
    animation-name: loading-text;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes loader {
    15% {
        transform: translateX(0);
    }

    45% {
        transform: translateX(230px);
    }

    65% {
        transform: translateX(230px);
    }

    95% {
        transform: translateX(0);
    }
}

@keyframes loading-text {
    0% {
        content: "Loading";
    }

    25% {
        content: "Loading.";
    }

    50% {
        content: "Loading..";
    }

    75% {
        content: "Loading...";
    }
}

/******** header  *********/
/* .header_part {
    background-color: #fff;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.05);
    z-index: 1;
} */

.sub_header {
    padding: 12px 0;
    background: rgb(0, 162, 253);
    background: linear-gradient(90deg,
            rgba(0, 162, 253, 1) 0%,
            rgba(0, 221, 235, 1) 27%,
            rgba(66, 114, 223, 1) 56%,
            rgba(227, 25, 104, 1) 77%,
            rgba(199, 38, 128, 1) 100%);
    text-align: center;
}

/* .header_part .sub_header a {
    display: inline-block;
    color: #fff;
} */

/* .header_part .sub_header .header_contact_info i {
    margin-right: 5px;
} */

.sub_header .header_contact_info span {
    color: #ffffff;
    font-weight: 500;
}

.sub_header .header_contact_info span a {
    margin-left: 2px;
    font-size: 17px;
    font-weight: 400;
    color: white;
    text-decoration: underline;
}

.sub_header .header_contact_info span a:hover {
    color: black;
}

.navbar-brand {
    display: inline;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 0px;
    line-height: 0px;
    white-space: normal !important;
}

.header_part .header .navbar {
    padding: 0;
    text-transform: capitalize;
}

.header_part .header .navbar .navbar-nav {
    margin-right: 13px;
}

.navbar-brand img {
    width: 200px;
    height: auto;
}

.bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background-color: #343a40;
}

/*banner homepage*/
/* .hero-1 {
    padding-top: 140px;
    position: relative;
    background-color: #7db3fa;
}

.hero-1 .hero-1-bg {
    background: url("../img/bg-home-overlay.png");
    animation: slide_img 40s linear infinite;
    animation-delay: 1s;
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat;
}

.hero-1 .hero-1-title {
    font-family: "Bubblegum Sans", cursive;
    text-shadow: 1px 2px 2px #25252599;
} */
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 100%;
    background: #e3e8fe;
    text-align: left;
}

#hero .container-fluid {
    padding: 100px 0 100px;
    margin: 0 10%;
}

#hero h1 {
    margin: 0 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #000;
}

#hero p {
    color: #686868;
    margin-bottom: 10px;
    font-size: 17px;
}

#hero .btn-get-started,
#hero .btn-get-started:hover,
#hero .btn-get-started:focus {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 11px 28px 11px 28px;
    border-radius: 15px;
    transition: 0.5s;
    margin: 35px 0 50px 0;
    color: #fff;
    background: #92278f;
    border: 1px solid #92278f;
    outline: 0;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

#hero li:before {
    content: "\f058";
    font-family: "FontAwesome";
    float: left;
    margin-left: -1.5em;
    color: #00e15a;
}

#hero li {
    margin: 10px 10px 8px 29px;
    font-size: 20px;
}

@keyframes slide_img {
    0% {
        transform: translateX(0) translateZ(0);
    }

    50% {
        transform: translateX(-25%) translateZ(0);
    }

    100% {
        transform: translateX(-50%) translateZ(0);
    }
}

/*new design*/

.section-notch:before {
    content: "";
    position: absolute;
    background: url(../img/section_notch_top.png);
    background-repeat: repeat-x;
    display: block;
    top: 0;
    width: 100%;
    height: 7px;
    z-index: 2;
}

.achievements-section-notch:before {
    content: "";
    position: absolute;
    background: url(../img/section_notch_top.png);
    background-repeat: repeat-x;
    display: block;
    width: 100%;
    height: 7px;
    z-index: 2;
}

/* .hero-1:after, */
.section-notch:after,
.user-manual-section-notch:after {
    content: "";
    position: absolute;
    background-image: url(../img/section_notch_bottom.png);
    background-repeat: repeat-x;
    bottom: 0;
    width: 100%;
    height: 7px;
    z-index: 2;
}

/*box animation*/
/*  05  - Facility
----------------------------------------------*/
/* .facility .facility-item {
    text-align: center;
}

.facility .facility-item .icon {
    background-color: #e84b3a;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}

.facility .facility-item .icon:before {
    font-size: 40px;
    color: #fff;
    margin: 0px;
    line-height: 2.5;
    display: inline-block;
    -webkit-transition: 0.25s ease-out;
    transition: 1s ease-out;
}

.facility .facility-item:hover .icon:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.facility .facility-item h4 {
    color: #e84b3a;
    margin-bottom: 15px;
}

.facility .facility-item p {
    line-height: 26px;
    margin: 0px;
}

.facility > div > div > div:nth-child(2) .facility-item span {
    background-color: #ffc000;
}

.facility > div > div > div:nth-child(2) h4 {
    color: #ffc000;
}

.facility > div > div > div:nth-child(3) .facility-item span {
    background-color: #fc7f0c;
}

.facility > div > div > div:nth-child(3) .facility-item h4 {
    color: #fc7f0c;
}

.facility > div > div > div:nth-child(4) .facility-item span {
    background-color: #92278f;
}

.facility > div > div > div:nth-child(4) .facility-item h4 {
    color: #92278f;
}

.facility-two {
    overflow: hidden;
    margin-bottom: 10%;
}

.facility-two .facility-item {
    float: left;
    position: relative;
    width: calc(100% / 4 - 1px);
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    height: 220px;
    position: relative;
    -webkit-perspective: 800px;
    perspective: 800px;
    overflow: visible;
}

.facility-two .facility-item .icon-two:before {
    font-size: 60px;
    color: #fff;
}

.facility-two .facility-item .back-part .icon-two:before {
    font-size: 40px;
}

.facility-two .facility-item h4 {
    color: #fff !important;
    font-size: 20px;
}

.facility-two .facility-item p {
    color: #fff;
}

.facility-two .facility-item {
    position: relative;
    min-height: 250px;
}

.facility-two .facility-item .front-part {
    padding: 46px 10px;
}

.facility-two .facility-item .front-part,
.facility-two .facility-item .back-part {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 250px;
    width: 100%;
    overflow: hidden;
    background: rgb(0, 123, 255);
    background: linear-gradient(
        45deg,
        rgba(0, 123, 255, 1) 0%,
        rgba(0, 123, 255, 1) 46%,
        rgba(30, 138, 255, 1) 51%,
        rgba(79, 164, 255, 1) 100%
    );
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.facility-two .facility-item:nth-child(2) .front-part,
.facility-two .facility-item:nth-child(2) .back-part {
    background: rgb(255, 162, 216);
    background: linear-gradient(
        45deg,
        rgba(255, 162, 216, 1) 0%,
        rgba(255, 142, 208, 1) 46%,
        rgba(255, 162, 216, 1) 51%,
        rgba(255, 162, 216, 1) 100%
    );
}

.facility-two .facility-item:nth-child(3) .front-part,
.facility-two .facility-item:nth-child(3) .back-part {
    background: rgb(215, 50, 0);
    background: linear-gradient(
        45deg,
        rgba(215, 50, 0, 1) 0%,
        rgba(215, 50, 0, 1) 46%,
        rgba(232, 54, 0, 1) 51%,
        rgba(255, 69, 12, 1) 100%
    );
}

.facility-two .facility-item:nth-child(4) .front-part,
.facility-two .facility-item:nth-child(4) .back-part {
    background: rgb(255, 159, 21);
    background: linear-gradient(
        45deg,
        rgba(255, 159, 21, 1) 0%,
        rgba(246, 145, 1, 1) 46%,
        rgba(255, 159, 21, 1) 51%,
        rgba(255, 159, 21, 1) 100%
    );
}

.facility-two .facility-item .back-part {
    padding: 20px 10px;
}

.facility-two .facility-item:hover .front-part {
    opacity: 0;
    -webkit-transform: translateY(-110px) rotateX(90deg);
    -moz-transform: translateY(-110px) rotateX(90deg);
    -ms-transform: translateY(-110px) rotateX(90deg);
    -o-transform: translateY(-110px) rotateX(90deg);
    transform: translateY(-110px) rotateX(90deg);
}

.facility-two .facility-item .back-part {
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(110px) rotateX(-90deg);
    -moz-transform: translateY(110px) rotateX(-90deg);
    -ms-transform: translateY(110px) rotateX(-90deg);
    -o-transform: translateY(110px) rotateX(-90deg);
    transform: translateY(110px) rotateX(-90deg);
}

.facility-two .facility-item:hover .back-part {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}

.facility-three {
    background-image: url(../../images/background/facility-bg.jpg);
    background-size: cover;
    background-position: center;
}

.facility-item .front-part i {
    font-size: 40px;
    color: white;
    margin-bottom: 20px;
} */
/* services */
.services {
    padding-bottom: 100px;
}

.services .align-title {
    position: relative;
}

.services .title-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    animation: serviceAnim 60s linear infinite;
}

@keyframes serviceAnim {
    0% {
        transform: rotate("0deg");
    }

    100% {
        transform: rotate("360deg");
    }
}

.service-container {
    position: relative;
    margin: 16px 0;
    background: #ffffff;
    height: 440px;
    width: 100%;
    padding: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.7s;
    border-radius: 20px;
}

.service-container:hover span {
    opacity: 1;
}

.service-icon {
    position: absolute;
    font-size: 58px;
    top: 33px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
}

.service-container-inner {
    position: relative;
}

.service-image {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    transition: 0.5s;
    margin: 0 auto;
}

.service-container:hover .service-image {
    transform: rotate(45deg);
}

.service-container:hover {
    transform: translateY(-5%);
}

.service-number span {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 50px;
    color: #ffffffbd;
    transition: 0.3s;
    opacity: 0;
}

.service-container-inner {
    text-align: center;
}

.service-container-inner h5 {
    font-size: 20px;
    font-weight: 700;
    color: #25283a;
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: left;
}

.service-container-inner p {
    height: 60px;
    color: #2e2e2f;
    text-align: left;
    font-weight: 500;
}

/* services */

/*product*/
/* .best_product {
    position: relative;
    background-image: url(../img/product-bg.jpg);
    background-size: cover;
    background-position: center;
}
.best_product .overlay {
    background: #7f5decd9;
}
.best_product .card {
    background-color: transparent;
    border: 0;
}
.best_product .card-block {
    height: 100%;
    background-color: white;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 23px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    height: 300px;
}
.best_product img {
    width: 210px;
    max-width: 100%;
}
.best_product .card-content {
    background-color: transparent;
    text-align: center;
    margin-top: 24px;
}
h1.product-heading,
h1.user_manual_bnr_heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 4% 0;
    color: #fff;
    text-transform: capitalize;
}
h1.kit-heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 4% 0;
    color: #282689;
    text-transform: capitalize;
}
h1.user_manual_bnr_heading {
    margin: 0;
}
.best_product .sub-heading {
    color: #F3C55B;
    font-size: 18px;
    font-family: "Metal", cursive;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}
.regular_price {
    color: #ECEC31;
    font-weight: 400;
    font-size: 16px;
    text-decoration: line-through;
}
.offer_price {
    color: #ECEC31;
    font-weight: 400;
    font-size: 18px;
}
.best_product .card-title {
    font-size: 20px;
}
small.tax-text {
    font-size: 13px;
    font-style: italic;
} */
/*new css*/
/*  08  - .best_product
----------------------------------------------*/
.best_product {
    position: relative;
    background: rgb(223, 227, 254);
    background: linear-gradient(43deg,
            rgba(223, 227, 254, 1) 0%,
            rgba(202, 254, 234, 1) 25%,
            rgba(202, 206, 254, 1) 51%,
            rgba(254, 221, 228, 1) 76%,
            rgba(246, 183, 246, 1) 100%);
}

section.best_product.best_product-in.section-notch {
    position: relative;
    background: #181f4f;
}

/* h1.product-heading, */
h1.user_manual_bnr_heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 4% 0;
    color: #fff;
    text-transform: capitalize;
}

.best_product .card {
    background-color: transparent;
    border: 0;
}

.best_product .card .card-body {
    padding-top: 0;
    padding-bottom: 10px;
    text-align: center;
}

.best_product .card .card-title {
    height: 35px;
    color: #1a0f5f;
    font-weight: 600;
    font-size: 22px;
    margin-top: 16px;
}

.best_product .card button {
    background: #18a3ed;
    width: 150px;
    max-width: 100%;
    color: white;
    padding: 9px;
    text-align: center;
    margin: 0 auto;
    border-radius: 25px;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.best_product img {
    width: 100%;
    max-width: 100%;
}

h1.user_manual_bnr_heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 4% 0;
    color: #fff;
    text-transform: capitalize;
}

h1.kit-heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 4% 0;
    color: #282689;
    text-transform: capitalize;
}

h1.user_manual_bnr_heading {
    margin: 0;
}

.regular_price {
    color: #fbe021;
    font-weight: 400;
    font-size: 16px;
    text-decoration: line-through;
}

.offer_price {
    color: #fbe021;
    font-weight: 400;
    font-size: 18px;
}

small.tax-text {
    font-size: 13px;
    font-style: italic;
}

/*  13  - Testimonial
----------------------------------------------*/
.testimonial .testimonial-item {
    position: relative;
}

.testimonial .testimonial-details {
    position: relative;
    padding: 25px;
    border-radius: 24px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.testimonial .testimonial-item:nth-child(3n + 1) .testimonial-details {
    background-color: #fd8a8a;
}

.testimonial .testimonial-item:nth-child(3n + 2) .testimonial-details {
    background-color: #9ea1d4;
}

.testimonial .testimonial-item:nth-child(3n) .testimonial-details {
    background-color: #a8d1d1;
}

.testimonial .testimonial-details p {
    margin: 15px 0px 5px;
    height: 165px;
    color: white;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-style: italic;
}

.testimonial .testimonial-details .scroll-text {
    overflow-y: scroll;
    padding: 1px;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
.testimonial .testimonial-details .scroll-text {
    scrollbar-width: none;
    scrollbar-color: #ff297e #e2b6b6;
}

/* Chrome, Edge, and Safari */
.testimonial .testimonial-details .scroll-text::-webkit-scrollbar {
    width: 8px;
}

.testimonial .testimonial-details .scroll-text::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.4);
}

.testimonial .testimonial-details .scroll-text::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    border: 3px solid #fff;
}

.testimonial .testimonial-details h4 {
    font-size: 20px;
    font-weight: 600;
}

.testimonial .testimonial-details span {
    margin: 10px 0;
    font-weight: 600;
    font-size: 14px;
}

.testimonial .testimonial-item:nth-child(3n + 1) .testimonial-details h4 {
    color: #aa0101;
}

.testimonial .testimonial-item:nth-child(3n + 2) .testimonial-details h4 {
    color: #5b5e97;
}

.testimonial .testimonial-item:nth-child(3n) .testimonial-details h4 {
    color: #007d7d;
}

h1.testimonial-heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    color: #1d1581;
    margin-bottom: 6%;
}

.testimonial .swiper-wrapper {
    height: 350px;
}

.swiper-pagination-bullet-active {
    background-color: #95ecfc;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 5px !important;
}

/*stars testimonial*/
/*  12  - Achievements
----------------------------------------------*/
.achievements {
    background-image: url(../img/achievements-bg.jpg);
    background-size: cover;
    background-position: center;
}

.achievements .overlay {
    background-color: #36ad51c7;
}

.achievements .achievement-item {
    text-align: center;
}

.achievements .achievement-item img {
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 100px;
    max-width: 100%;
    height: 100px;
    max-height: 100%;
}

.achievements .achievement-item span {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

.achievements .achievement-item p {
    color: #fff;
    font-size: 18px;
    margin: 0px;
}

/********* Student books-blogs part ********/
/*Heading animation part*/
.section_bg {
    background-color: #f6f7fa;
}

.section_tittle {
    text-align: center;
    margin-bottom: 83px;
}

.section_tittle h5 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #797f8c;
    line-height: 12px;
    margin-bottom: 11px;
}

.section_tittle_style_02 {
    text-align: center;
    margin-bottom: 71px;
}

.section_tittle_style_02 .title {
    color: #12265a;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 22px;
    font-family: "Fredoka", sans-serif;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.title_overlay_effect {
    display: inline;
    background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#aee2f5),
            to(#daf5ff));
    background-image: -o-linear-gradient(#aee2f5, #daf5ff);
    background-image: linear-gradient(#aee2f5, #daf5ff);
    background-position: 0 70%;
    background-repeat: no-repeat;
    background-size: 0 35%;
}

.about_section .title_overlay_effect,
.books_sec .title_overlay_effect, .bmc_books_sec .title_overlay_effect {
    display: inline;
    background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#f3b8c3),
            to(#f3b8c3));
    background-image: -o-linear-gradient(#f3b8c3, #f3b8c3);
    background-image: linear-gradient(#f3b8c3, #f3b8c3);
    background-position: 0 70%;
    background-repeat: no-repeat;
    background-size: 0 35%;
}

.title_overlay_effect.text-white {
    background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#0b1c39),
            to(#0b1c39));
    background-image: -o-linear-gradient(#0b1c39, #0b1c39);
    background-image: linear-gradient(#0b1c39, #0b1c39);
}

.about_section .title_overlay_effect.text-white,
.books_sec .title_overlay_effect.text-white, .bmc_books_sec .title_overlay_effect.text-white {
    background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#0b1c39),
            to(#0b1c39));
    background-image: -o-linear-gradient(#0b1c39, #0b1c39);
    background-image: linear-gradient(#0b1c39, #0b1c39);
}

.title_overlay_effect.is_show {
    background-size: 100% 35%;
    -webkit-transition: background-size 2s cubic-bezier(0.71, 0.09, 0.74, 0.99),
        color 1s;
    -o-transition: background-size 2s cubic-bezier(0.71, 0.09, 0.74, 0.99),
        color 1s;
    transition: background-size 2s cubic-bezier(0.71, 0.09, 0.74, 0.99),
        color 1s;
    color: #4c64d8;
}

.about_section .title_overlay_effect.is_show,
.books_sec .title_overlay_effect.is_show, .bmc_books_sec .title_overlay_effect.is_show {
    background-size: 100% 35%;
    -webkit-transition: background-size 2s cubic-bezier(0.71, 0.09, 0.74, 0.99),
        color 1s;
    -o-transition: background-size 2s cubic-bezier(0.71, 0.09, 0.74, 0.99),
        color 1s;
    transition: background-size 2s cubic-bezier(0.71, 0.09, 0.74, 0.99),
        color 1s;
    color: #32355d;
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -39px 0;
    }
}

@keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -39px 0;
    }
}

/*student info content*/
.about_section .img_section {
    position: relative;
    min-height: 250px;
    z-index: 2;
}

.about_section .about_section_content .list_content {
    margin-top: 25px;
}

.about_section .about_section_content .list_content ul {
    margin: 0;
    padding: 0;
}

.about_section .about_section_content .list_content ul li {
    list-style: none;
    color: #32355d;
    font-weight: 700;
    font-size: 18px;
    width: 45%;
    padding: 8px 0;
    position: relative;
    padding-left: 30px;
}

.about_section .about_section_content .list_content ul li i {
    color: #fe4b7b;
    margin-right: 7px;
    position: absolute;
    left: 0;
    top: 12px;
}

.list_content div {
    display: flex;
    justify-content: center;
}

.about_section .about_section_content p {
    font-weight: 600;
    color: #32355d;
    font-size: 18px;
    margin: 20px 0px;
    text-align: justify;
}

/********* Book part ********/
.book-img {
    position: relative;
    /* z-index: 11111; */
    width: 363px;
    height: 342px;
    max-width: 100%;
    max-height: 100%;
}

.books:hover {
    transform: scale(1.05);
    transition: 0.5s;
}

/********* blogs part********/
.single_fetures_part {
    border-radius: 30px;
    background-color: #0da2ff;
    position: relative;
    z-index: 1;
    box-shadow: 0px 5px 20px 0px rgba(242, 238, 249, 0.1);
    padding: 35px 40px 70px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 500px;
}

.single_fetures_part .single_fetures_icon {
    margin-bottom: 20px;
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single_fetures_part h4 {
    font-size: 24px;
    margin-top: 39px;
    font-weight: 700;
    color: white;
}

.single_fetures_part p {
    color: #fff;
    margin-top: 15px;
}

.single_fetures_part.lightblue_bg {
    background-color: #695ffe;
}

.single_fetures_part.pink_bg {
    background-color: #f42478;
}

.fetures_part {
    position: relative;
    z-index: 1;
}

.fetures_part [class^="feature_animation_"],
.fetures_part [class*=" feature_animation_"] {
    position: absolute;
    z-index: -1;
}

.fetures_part .feature_animation_1 {
    left: 10%;
    top: 10%;
}

.fetures_part .feature_animation_2 {
    right: 5%;
    top: 5%;
}

.fetures_part .feature_animation_3 {
    left: 5%;
    bottom: 20%;
}

.fetures_part .feature_animation_4 {
    right: 5%;
    bottom: 17%;
}

.fetures_part .feature_animation_5 {
    right: 5%;
    bottom: 160%;
}

.fetures_part .feature_animation_6 {
    right: 10%;
    top: 15%;
}

.fetures_part .feature_animation_7 {
    left: 5%;
    bottom: 132%;
}

.fetures_part .feature_animation_8 {
    left: 5%;
    bottom: 10%;
}

/*contact icon*/
.contact-form-wrapper {
    position: relative;
    z-index: 1;
}

.contact-form-wrapper [class^="feature_animation_"],
.contact-form-wrapper [class*=" feature_animation_"] {
    position: absolute;
    z-index: -1;
}

.contact-form-wrapper .feature_animation_7 {
    left: -36%;
    bottom: 46%;
}

.contact-form-wrapper .feature_animation_8 {
    right: -24%;
    bottom: 91%;
}

/*blog read-button */
.read-button {
    display: inline-flex;
    height: 40px;
    width: 150px;
    border: 2px solid #ffffff;
    margin: 20px 20px 20px 20px;

    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.8em;
    letter-spacing: 1.5px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.read-button a {
    color: #ffffff;
}

.read-button:hover a {
    color: white;
}

/********* Footer part ********/
.footer_section {
    padding: 120px 0 30px;
    position: relative;
    background-color: #32355d;
    z-index: 1;
    overflow: hidden;
}

.footer_section [class^="footer_animation_"],
.footer_section [class*="footer_animation_"] {
    position: absolute;
    z-index: -1;
}

.home_two_footer {
    padding: 120px 0 350px;
    background-color: #e3f7fc;
    position: relative;
    z-index: 1;
}

.home_two_footer .footer_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    right: 0;
}

.home_two_footer .footer_bg img {
    width: 100%;
}

.home_two_footer .footer_animation_3 {
    right: 0;
    bottom: 90px;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

/*footer links*/
ul.footer-links {
    list-style-type: none;
    padding: 0;
}

ul.footer-links a {
    color: #4f4f4f;
}

.footer_sams_logo {
    width: 60px;
}

.footer-copyright .container-fluid {
    display: flex;
    justify-content: space-between;
}

.footer-copyright .company-info {
    display: flex;
    align-items: center;
}

.footer_text {
    color: #000;
}

/*blog.php*/
.main-section {
    position: relative;
    background: url("../img/blog-banner.png");
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    max-width: 100%;
    background-size: cover;
    background-position: center;
}

.main-section .section-part {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

h1.gradient-heading,
h1.info-heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    margin: 4% 0;
    color: #cb2878;
    background-image: -webkit-linear-gradient(0deg,
            #cb2878 42%,
            #00c1d6 52%,
            #5867cf 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

h1.about-kit-heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    margin: 4% 0 9%;
    color: #cb2878;
    background-image: -webkit-linear-gradient(0deg,
            #cb2878 42%,
            #00c1d6 52%,
            #5867cf 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

h1.product-heading {
    font-family: "Fredoka", cursive;
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 6%;
    color: #160a5c;
}

.product-heading-in {
    font-family: "Fredoka", cursive;
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 6%;
    color: white;
}

.kid_title {
    font-weight: bolder;
    font-size: 28px;
    text-align: center;
}

/* h1.about-kit-heading,
h1.info-heading, */
h1.user-manual-heading {
    font-family: "Fredoka", cursive;
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 4% 0;
    color: #000000;
}

h1.blog-heading {
    font-family: "Fredoka", sans-serif;
    text-shadow: 1px 2px 2px #25252599;
    font-size: 50px;
    color: white;
    margin-bottom: 5%;
}

.info-banner {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.s2_info_section,
.s4_info_section,
.s2_blog_section,
.s4_blog_section,
.s2_offline_info_section,
.s4_offline_info_section {
    background: rgb(255, 255, 255);
    background-image: linear-gradient(to right,
            #cefff3,
            #d7ffff,
            #e8fdff,
            #f8fdff,
            #ffffff);
}

.s1_offline_info_section,
.s3_offline_info_section,
.s5_offline_info_section {
    background: rgb(255, 255, 255);
    background-image: linear-gradient(to left,
            #cefff3,
            #d7ffff,
            #e8fdff,
            #f8fdff,
            #ffffff);
}

/* 
.info_section_content p,
.blog_section_content p,
.offline_info_section_content p,
.user_manual_content p {
    color: #585858d2;
    font-size: 16px;
    text-align: justify;
    font-weight: 500;
} */
.info_section_content p,
.blog_section_content p,
.offline_info_section_content p,
.user_manual_content p {
    font-size: 18px;
    text-align: justify;
    font-weight: 500;
    color: #cb2878;
    background-image: -webkit-linear-gradient(319deg,
            #cb2878 42%,
            #00c1d6 52%,
            #5867cf 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.info_section .img_section,
.blog_section .img_section,
.offline_info_section .img_section,
.user_manual_section .img_section {
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.add-new-blog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.add-new-blog h4 {
    margin-top: 0;
    padding: 0;
}

/*Contact.php*/
.map_area {
    background-color: #74ebd5;
    background-image: linear-gradient(90deg, #74ebd5 0%, #9face6 100%);
    padding: 60px 0;
}

.contact-page-wrap .contact-info-items {
    padding: 40px 0 107px;
}

.wrapper.contact-default-wrapper {
    background: #e9f6ff;
}

.contact-page-wrap .contact-info-items .contact-info-item {
    padding: 50px 12px 13px 12px;
    border-radius: 30px;
    height: 300px;
    background-color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.contact-page-wrap .contact-info-items .contact-info-item .icon {
    margin-bottom: 25px;
}

.contact-page-wrap .contact-info-items .contact-info-item h2 {
    color: #2e2e2e;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px;
    font-family: "Fredoka", sans-serif;
}

.contact-page-wrap .contact-info-items .contact-info-item .content p {
    color: #000;
    font-size: 14px;
}

.contact-page-wrap .contact-info-items .contact-info-item .content a {
    color: #000;
}

.contact-page-wrap .contact-info-items .contact-info-item .content a:hover {
    color: #f379a7;
}

.contact-map-area {
    height: 500px;
}

.contact-map-area iframe {
    height: 100%;
    width: 100%;
}

/*****Contact Form ******/
.error {
    color: red;
}

.contact-form {
    padding: 104px 0 80px;
}

.contact-form .contact-form-wrapper {
    margin-left: 20px;
    margin-right: 20px;
}

.contact-form .contact-form-wrapper .section-title {
    margin-bottom: 53px;
    text-align: center;
}

.contact-form .contact-form-wrapper .section-title .title {
    font-size: 35px;
    font-family: "Fredoka", sans-serif;
    font-weight: 600;
}

.contact-form .contact-form-wrapper .form-group .form-control {
    border-radius: 15px;
    letter-spacing: 0.15px;
}

.contact-form .contact-form-wrapper .form-group textarea.form-control {
    min-height: 200px;
}

.contact-form .contact-form-wrapper .form-group .btn-theme,
.contact-form .contact-form-wrapper .form-group .btn-theme:hover {
    color: white;
    border-radius: 6px;
    width: 350px;
    max-width: 100%;
    padding: 12px 10px;
    box-shadow: 0px 10px 14px -7px grey;
    background-image: linear-gradient(to right,
            #cb2878,
            #bd3794,
            #a649ae,
            #8659c2,
            #5867cf);
    border: 1px solid #cccccc;
    text-transform: uppercase;
    height: 50px;
}

.form-group {
    margin-bottom: 30px;
}

.contact-form-wrapper .form-group .form-control,
.contact-form-wrapper .form-group .form-control:focus,
.contact-form-wrapper .form-group .form-control:hover,
.contact-form-wrapper .form-group .form-control:active {
    border: 1px solid transparent !important;
    box-shadow: 0px 6px 14px -5px #c7c7c7;
}

.form-group .form-control {
    border-color: #d7d7d7;
    border-radius: 24.5px;
    box-shadow: none;
    color: #000;
    height: 49px;
    font-size: 14px;
    padding: 8px 17px 7px 17px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.contact-form-wrapper .form-group .form-control::placeholder {
    color: #8c88c8;
    font-style: italic;
    font-weight: 500;
}

.form-group .form-control:focus,
.billing-info-wrap .billing-info input:focus,
.billing-info select:focus {
    border-color: #f379a7 !important;
    outline: 0;
}

.form-group textarea {
    border-radius: 15px !important;
    min-height: 250px;
    padding: 25px 18px !important;
}

.form-group .btn-theme {
    border-radius: 32px;
    font-family: "Fredoka", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-top: 30px;
    height: 64px;
    padding: 10px 49.52px;
}

.g-recaptcha {
    text-align: center;
    text-align: -webkit-center;
}

/*-----------------fAQ-----------------------*/
.faq_all {
    position: relative;
    padding: 100px 0px 70px;
}

.faq_page_title {
    position: relative;
    padding: 100px;
    width: 100%;
    height: auto;
    background: url(../img/faq-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.faq_page_title .content_box {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.faq_page_title .content_box h1 {
    font-size: 45px;
    line-height: 70px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-family: "Fredoka", sans-serif;
}

.faq_page_title .bread_crumb {
    position: relative;
    margin-bottom: 10px;
}

.faq_page_title .bread_crumb li {
    display: inline-block;
    padding: 0px 15px;
    font-size: 16px;
    color: #d04083;
    position: relative;
}

.faq_page_title .bread_crumb li::before {
    position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    right: -4px;
    color: #fff;
}

.faq_page_title .bread_crumb li.active::before {
    display: none;
}

.faq_page_title .bread_crumb li a {
    color: #fff;
}

.faq_page_title .bread_crumb li .single_blog_box {
    position: relative;
    padding: 100px 0px 70px;
}

/*** 
/*FAQ*/
.faq_box_outer {
    position: relative;
    margin-left: 10px;
    margin-bottom: 30px;
}

.faq_box_outer h2 {
    margin-bottom: 30px;
    line-height: 40px;
}

.card.faq_box.type_two {
    position: relative;
    margin-bottom: 15px;
}

.faq_box.type_two .faq_btn {
    border: 0px;
    position: relative;
    width: 100%;
    display: block;
    background: transparent;
    text-align: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
    color: #187be7;
    line-height: 28px;
    background: #fff;
    font-weight: 600;
    padding: 0px 0px 10px 30px;
}

.faq_box.type_two .collapse.show {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.faq_box.type_two .card-body {
    padding: 0px 0px 0px 30px;
}

.faq_box.type_two .faq_btn .faq_icon {
    position: absolute;
    font-size: 20px;
    left: 0px;
    top: 2px;
    bottom: 0;
}

.faq_box.type_two .faq_btn.collapsed .faq_icon {
    color: #269bef;
}

.faq_box.type_two .faq_btn.collapsed {
    background: #fff;
    padding-bottom: 0px;
    font-size: 18px;
    color: #01062e;
}

/*** 

====================================================================
.faqs.type_one
====================================================================

***/

.faqs.type_one {
    position: relative;
    padding: 70px 0px 100px;
    background: #f3f9fe;
}

.faqs.type_one .heading.tp_one {
    margin-bottom: 40px;
}

.faq_box.type_one {
    position: relative;
    margin-bottom: 10px;
    border-radius: 10px;
    border: none;
}

.card.faq_box.type_one {
    background-color: transparent !important;
}

.faq_box.type_one .card-header {
    background: transparent;
    border: none;
    font-family: "poppins", sans-serif;
}

.faq_box.type_one .card-body {
    min-height: 1px;
    padding: 0.5rem 1.25rem 1.25rem 3rem;
    text-align: justify;
    font-family: "poppins", sans-serif;
}

.faq_box.type_one .faq_btn {
    border: 0px;
    position: relative;
    background: #fff;
    padding: 20px 30px 20px 80px;
    width: 100%;
    display: block;
    text-align: left;
    border-radius: 10px;
    background-image: linear-gradient(to right,
            #e718d2b3 0%,
            #8b3ad082 50%,
            #36c2f9 100%);
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    font-weight: 600;
}

.faq_box.type_one .faq_btn .faq_icon {
    position: absolute;
    font-size: 20px;
    color: #fff;
    left: 30px;
    top: 0;
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
    display: table;
}

.faq_box.type_one .faq_btn.collapsed .faq_icon {
    color: #ff3d59;
}

.faq_box.type_one .faq_btn.collapsed {
    background: #e9f6ff;
    font-size: 18px;
    color: #01062e;
}

.faq_recent {
    position: relative;
}

.faq_recent .owl-carousel .owl-nav {
    display: none;
}

.faq_recent .owl-carousel .owl-dots {
    display: block;
    position: absolute;
    top: -49px;
    right: 0;
    width: auto;
    height: auto;
    bottom: inherit;
}

.faq_recent h2.title {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
}

.recent_faq_box.type_one {
    position: relative;
    padding: 45px 40px;
    background: #fff;
    border-radius: 10px;
}

.recent_faq_box.type_one h2 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}

.recent_faq_box.type_one p {
    margin-bottom: 30px;
}

.recent_faq_box.type_one span.rec_faq_icon {
    position: absolute;
    color: #edf2f7;
    bottom: 50px;
    right: 30px;
    font-size: 60px;
}

img.about_img_2 {
    width: 354px;
    height: 354px;
    max-width: 100%;
    border-radius: 50%;
}

img.about_img_3 {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 50%;
}

/*-------- Page Title Style Css --------*/
.page-title-area,
.profile-page-title-area {
    overflow: hidden;
    position: relative;
    background: url("../img/form_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.checkout-page-title-area {
    background-color: #f5fbff;
    padding: 50px 0;
}

.profile-page-title-area,
.account-page-title-area,
.cart-page-title-area,
.checkout-page-title-area {
    padding: 50px 0;
}

.register-content,
.login-content,
.unique-code-content {
    box-shadow: rgb(232 242 255 / 57%) 0px 48px 100px 0px;
}

.page-title-area .page-title-content .title,
.profile-page-title-area .title,
.account-page-title-area .title,
.cart-page-title-area .title,
.checkout-page-title-area .title {
    color: #302f2f;
    font-weight: bold;
    font-size: 35px;
    font-family: "Fredoka", sans-serif;
    background-image: -webkit-linear-gradient(25deg,
            #cb2878 45%,
            #00c1d6 52%,
            #5867cf 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    margin-left: -14px;
    margin-top: 17px;
}

.contact-page-title-area .title {
    color: #ffffff;
    font-weight: 500;
    font-size: 35px;
    font-family: "Fredoka", sans-serif;
    margin-left: -14px;
    margin-top: 17px;
}

/*Registration*/
a.reg-guide {
    text-decoration: underline;
    color: #007bff;
}

.blog-area {
    padding: 10px 0 100px;
}

.register-area,
.login-area,
.email-verify-area,
.forgot-pass-area,
.unique-code-area {
    padding: 100px 0;
}

.register-title p,
.login-title p,
.forgot-pass-title p,
.email-verify-title p,
.unique-code-title p {
    font-weight: 500;
    line-height: 1.6;
    color: #000000;
    margin-bottom: 35px;
    font-size: 14px;
}

.register-border,
.login-border,
.forgot-pass-border .blog-border,
.email-verify-border,
.unique-code-border {
    border-right: 1px solid #e5e5e5;
}

.register-content .register-style form .register-input,
.login-content .login-style form .login-input,
.blog-content .blog-style form .blog-input,
.forgot-pass-content .forgot-pass-style form .forgot-pass-input,
.unique-code-content .unique-code-style form .unique-code-input,
.email-verify-content .email-verify-style form .email-verify-input {
    position: relative;
    margin-bottom: 10px;
}

.register-content .register-style form .register-input input,
.login-content .login-style form .login-input input,
.forgot-pass-content .forgot-pass-style form .forgot-pass-input input,
.blog-content .blog-style form .blog-input input,
.blog-content .blog-style form .blog-input textarea,
.unique-code-content .unique-code-style form .unique-code-input input,
.email-verify-content .email-verify-style form .email-verify-input input {
    color: #495057;
    width: 100%;
    height: 51px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    padding: 2px 80px 2px 16px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
}

.register-content .register-style form .register-input input::-webkit-input-placeholder,
.login-content .login-style form .login-input input::-webkit-input-placeholder,
.forgot-pass-content .forgot-pass-style form .forgot-pass-input input::-webkit-input-placeholder,
.blog-content .blog-style form .blog-input input::-webkit-input-placeholder,
.unique-code-content .unique-code-style form .unique-code-input input::-webkit-input-placeholder,
.email-verify-content .email-verify-style form .email-verify-input input::-webkit-input-placeholder {
    color: #495057;
    opacity: 1;
}

.register-content .register-style form .register-input input::-moz-input-placeholder,
.login-content .login-style form .login-input input::-moz-input-placeholder,
.forgot-pass-content .forgot-pass-style form .forgot-pass-input input::-moz-input-placeholder,
.blog-content .blog-style form .blog-input input::-moz-input-placeholder,
.unique-code-content .unique-code-style form .unique-code-input input::-moz-input-placeholder,
.email-verify-content .email-verify-style form .email-verify-input input::-moz-input-placeholder {
    color: #495057;
    opacity: 1;
}

.register-content .register-style form .register-input input:focus,
.login-content .login-style form .login-input input:focus,
.forgot-pass-content .forgot-pass-style form .forgot-pass-input input:focus,
.blog-content .blog-style form .blog-input input:focus,
.unique-code-content .unique-code-style form .unique-code-input input:focus,
.email-verify-content .email-verify-style form .email-verify-input input:focus {
    border-color: #f379a7;
    outline: none;
    box-shadow: #ffc0d71f 0px 7px 29px 0px;
}

.register-content .register-style form .btn-style-3,
.login-content .login-style form .btn-style-3,
.forgot-pass-content .forgot-pass-style form .btn-style-3,
.blog-content .blog-style form .btn-style-3,
.unique-code-content .unique-code-style form .btn-style-3,
.email-verify-content .email-verify-style form .btn-style-3 {
    margin: 21px 0 0px;
}

.register-content .register-style form .btn-style-3 button,
.login-content .login-style form .btn-style-3 button,
.forgot-pass-content .forgot-pass-style form .btn-style-3 button,
.blog-content .blog-style form .btn-style-3 button,
/* .product-summery .cart-btn .add-to_cart .btn, */
.unique-code-content .unique-code-style form .btn-style-3 button,
.email-verify-content .email-verify-style form .btn-style-3 button {
    font-family: "Fredoka", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    box-shadow: 0px 10px 14px -7px #cb287875;
    background-image: linear-gradient(to right,
            #cb2878,
            #bd3794,
            #a649ae,
            #8659c2,
            #5867cf);
    border: none;
    line-height: 1;
    width: 100%;
    text-align: center;
    padding: 12px 10px;
    text-transform: uppercase;
}

.register-content .register-style form .btn-style-3 button:hover,
.login-content .login-style form .btn-style-3 button:hover,
.forgot-pass-content .forgot-pass-style form .btn-style-3 button:hover,
.blog-content .blog-style form .btn-style-3 button:hover,
/* .product-summery .cart-btn .add-to_cart .btn:hover, */
.unique-code-content .unique-code-style form .btn-style-3 button:hover,
.email-verify-content .email-verify-style form .btn-style-3 button:hover,
.contact-form .contact-form-wrapper .form-group .btn-theme:hover {
    background-image: linear-gradient(to left,
            #cb2878,
            #bd3794,
            #a649ae,
            #8659c2,
            #5867cf);
}

.register-content .register-style form .register-input .SendOTP,
.register-content .register-style form .register-input .ResendOTP,
.register-content .register-style form .register-input .IdInfo,
.register-content .register-style form .register-input .info_icon,
.register-content .register-style form .register-input .toggle_pass,
.login-content .login-style form .login-input .forgotPass,
.login-content .login-style form .login-input .SendOTP,
.forgot-pass-content .forgot-pass-style form .forgot-pass-input .SendOTP,
.register-content .register-style form .register-input .forgot,
.login-content .login-style form .login-input .forgot,
.blog-content .blog-style form .blog-input .forgot,
.my-account-area .myaccount-content .account-details-form .single-input-item .editInfo {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.register-content .register-style form .register-input .SendOTP button#sub2,
.register-content .register-style form .register-input .SendOTP button#submob1,
.register-content .register-style form .register-input .ResendOTP button#sub3,
.register-content .register-style form .register-input .toggle_pass i,
.register-content .register-style form .register-input .info_icon i,
.login-content .login-style form .login-input .forgotPass button,
.login-content .login-style form .login-input .SendOTP button,
.forgot-pass-content .forgot-pass-style form .forgot-pass-input .SendOTP button,
.ResendOTP button,
.ResendOTP button:hover,
.my-account-area .myaccount-content .account-details-form .single-input-item .editInfo button#editData,
.resendOTP {
    color: #007bff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.resendOTP {
    text-decoration: underline;
}

.register-content .register-style form .register-input .IdInfo a i {
    font-size: 17px;
    color: #96d7ff;
}

/*registration tooltip*/
.tooltip-inner {
    background: -webkit-linear-gradient(-27deg,
            #f872b3 38%,

            #8c99ec 100%) !important;
    font-weight: bold;
}

.bs-tooltip-top .arrow::before {
    border-top-color: #d03d85;
}

/*checkout*/
.product-area.product-grid-area {
    padding: 110px 0 110px;
}

.product-area.shop-checkout-area {
    padding: 110px 0;
}

.product-area.shop-checkout-area .section-title .title {
    font-size: 40px;
}

.billing-info {
    margin-bottom: 15px;
}

.billing-info-wrap h3 {
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 23px;
}

.billing-info-wrap .billing-info label {
    color: #000;
    display: block;
    margin: 0 0 15px;
    font-size: 14px;
    font-weight: 600;
}

.billing-info-wrap .billing-info label span {
    color: #f33;
}

.billing-info-wrap .billing-info input {
    width: 100%;
    height: 55px;
    border: 1px solid #e5e5e5;
    background-color: transparent;
    color: #495057;

    font-size: 14px;
    font-weight: 400;
    padding: 2px 16px;
}

.billing-info-wrap .billing-info input::-moz-input-placeholder {
    color: #495057;
    opacity: 1;
}

.billing-info-wrap .billing-info input::-webkit-input-placeholder {
    color: #495057;
    opacity: 1;
}

.billing-info-wrap .billing-info input.billing-address {
    margin-bottom: 20px;
}

.billing-info-wrap .checkout-account input {
    border: 1px solid #e5e5e5;
    display: inline-block;

    color: #495057;
}

.billing-info-wrap .checkout-account span {
    margin: 0 0 0 3px;
    font-size: 14px;
}

.billing-info-wrap .additional-info-wrap {
    margin: 19px 0 0;
}

.billing-info-wrap .additional-info-wrap label {
    color: #000;
    display: block;
    margin: 0 0 15px;
}

.billing-info-wrap .additional-info-wrap textarea {
    width: 100%;
    min-height: 92px;
    background-color: transparent;
    padding: 12px 16px;
    color: #495057;

    font-size: 14px;
    border: 1px solid #e5e5e5;
}

.billing-info-wrap h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 23px;
}

.billing-info-wrap .billing-info input {
    width: 100%;
    height: 55px;
    border: 1px solid #e5e5e5;
    background-color: transparent;
    color: #495057;

    font-size: 14px;
    padding: 2px 16px;
}

.billing-info-wrap .billing-info input::-moz-input-placeholder {
    color: #495057;
    opacity: 1;
}

.billing-info-wrap .billing-info input::-webkit-input-placeholder {
    color: #495057;
    opacity: 1;
}

.billing-info-wrap .billing-info input.billing-address {
    margin-bottom: 20px;
}

.billing-info-wrap .additional-info-wrap {
    margin: 19px 0 0;
}

.billing-info-wrap .additional-info-wrap label {
    color: #000;
    display: block;
    margin: 0 0 15px;
}

.billing-info-wrap .additional-info-wrap textarea {
    width: 100%;
    min-height: 92px;
    background-color: transparent;
    padding: 12px 16px;
    color: #495057;

    font-size: 14px;
    border: 1px solid #e5e5e5;
}

.billing-info-wrap select {
    width: 100%;
    padding: 16px 16px;
    border: 1px solid #e5e5e5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 13px;
    border-radius: 0;
    color: #495057;
    font-size: 14px;
}

.your-order-area h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 21px;
}

.your-order-area .your-order-wrap {
    padding: 36px 36px 0px;
    font-weight: 600;
}

.your-order-area .your-order-wrap .your-order-title h4 {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 18px;
    padding: 0 0 22px;
    border-bottom: 1px solid #bebebe;
}

.your-order-area .your-order-wrap .your-order-product {
    padding-bottom: 21px;
}

.your-order-area .your-order-wrap .your-order-product ul {
    margin: 0;
    padding-left: 0;
}

.your-order-area .your-order-wrap .your-order-product ul li {
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px;
}

.your-order-area .your-order-wrap .your-order-product ul li:last-child {
    margin: 10px 0 0;
}

.your-order-area .your-order-wrap .your-order-product ul li span {
    font-size: 15px;
    color: #ff748a;
    font-weight: 600;
}

.your-order-area .your-order-wrap .your-order-subtotal {
    border-bottom: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    padding: 20px 0;
}

.your-order-area .your-order-wrap .your-order-subtotal h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.your-order-area .your-order-wrap .your-order-subtotal h3 span {
    font-size: 15px;
    font-weight: 600;
    color: #ff748a;
}

.your-order-area .your-order-wrap .your-order-shipping {
    padding-bottom: 120px;
}

.your-order-area .your-order-wrap .your-order-shipping>span {
    font-size: 15px;
    font-weight: 600;
}

.your-order-area .your-order-wrap .your-order-shipping ul {
    padding: 17px 0 0px;
    margin: 0;
}

.your-order-area .your-order-wrap .your-order-shipping ul li {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.your-order-area .your-order-wrap .your-order-shipping ul li:last-child {
    margin-bottom: 0;
}

.your-order-area .your-order-wrap .your-order-shipping ul li input {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-bottom: 10px;
}

.your-order-area .your-order-wrap .your-order-shipping ul li label {
    color: #666;
    cursor: pointer;

    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
}

.your-order-area .your-order-wrap .your-order-total {
    border-bottom: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    padding: 20px 0;
}

.your-order-area .your-order-wrap .your-order-total h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.your-order-area .your-order-wrap .your-order-total h3 span {
    font-size: 22px;
    font-weight: 600;
    color: #ff748a;
}

.your-order-area .your-order-wrap .payment-method {
    padding: 40px 0 10px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment {
    margin-bottom: 10px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment input {
    cursor: pointer;
    width: auto;
    display: inline-block;
    height: auto;
    margin-top: 7px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label {
    cursor: pointer;

    font-size: 15px;
    margin: 0px 0 0 4px;
    align-items: center;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label img {
    max-width: 140px;
    display: inline-block;
    margin: 0 5px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label a {
    color: #000;
    text-decoration: underline;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label a:hover {
    color: #f379a7;
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box {
    margin: 6px 0 0 21px;
    display: none;
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.your-order-area .your-order-wrap .payment-condition {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    margin: 0 0 30px;
}

.your-order-area .your-order-wrap .payment-condition p {
    font-size: 14px;
    line-height: 1.9;
}

.your-order-area .your-order-wrap .payment-condition p a {
    color: #f379a7;
    font-size: 14px;
}

.your-order-area .your-order-wrap .payment-condition p a:hover {
    text-decoration: underline;
}

.your-order-area .your-order-wrap .payment-checkbox {
    display: flex;
    align-items: center;
}

.your-order-area .your-order-wrap .payment-checkbox input {
    width: auto;
    height: auto;
}

.your-order-area .your-order-wrap .payment-checkbox span {
    color: #888;

    font-size: 14px;
    margin-left: 10px;
}

.your-order-area .your-order-wrap .payment-checkbox span a {
    color: #f379a7;
    font-size: 14px;
}

.your-order-area .your-order-wrap .payment-checkbox span a:hover {
    text-decoration: underline;
}

.your-order-area .checkout-btn-section {
    margin-top: 20px;
}

.your-order-area .checkout-btn-section button {
    padding: 16px 10px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    display: block;
    text-align: center;
    box-shadow: 0px 10px 14px -7px #bbbbbb;
    background: #92278f;
    text-transform: uppercase;
    width: 100%;
}

.checkout-coupon-content,
.different-address {
    display: none;
}

.billing-info-wrap .checkout-account input:checked .different-address {
    display: block;
}

.terms-condition-check span {
    font-weight: 500;
}

.terms-condition-check span a {
    text-decoration: underline;
}

/*my account*/
.my-account-area {
    padding: 20px 0 100px;
}

.myaccount-tab-menu {
    flex-direction: column;
}

.myaccount-tab-menu.nav-tabs .nav-link {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-radius: 0;
    color: #000;
    font-family: "Fredoka", sans-serif;
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
}

.myaccount-tab-menu.nav-tabs .nav-link:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.myaccount-tab-menu.nav-tabs .nav-link.active {
    background-color: #f379a7;
}

.myaccount-tab-menu.nav-tabs .nav-link:hover,
.myaccount-tab-menu.nav-tabs .nav-link.active {
    background-color: #f379a7;
    border-color: #f379a7;
    color: #fff;
}

.myaccount-content {
    border: 1px solid #eeeeee;
    padding: 30px;
    box-shadow: rgb(232 242 255 / 57%) 0px 48px 100px 0px;
}

div.notification-message {
    padding: 14px 30px;
    margin-bottom: 20px;
}

div.notification-message:nth-child(1) {
    background: #ff6161 !important;
}

div.notification-message:nth-child(2n + 1) {
    background-color: #fffcfc;
}

div.notification-message:nth-child(2n) {
    background-color: #f5f5f5;
}

div.notification-message p {
    color: white;
    font-size: 15px;
}

div.notification-message:nth-child(2n + 1) p,
div.notification-message:nth-child(2n) p {
    color: #000;
}

div.notification-message:nth-child(2n + 1) ul,
div.notification-message:nth-child(2n) ul,
div.notification-message:nth-child(2n + 1) span,
div.notification-message:nth-child(2n) span {
    color: #979797;
}

div.notification-message p a {
    text-decoration: underline;
    color: #113c9b;
}

div.notification-message ul {
    color: #feb3b3;
    font-size: 13px;
    padding: 16px;
}

div.notification-message span {
    color: #feb3b3;
    font-size: 13px;
}

.myaccount-content form {
    margin-top: -20px;
}

.myaccount-content .check-btn:hover {
    color: #95b3e0;
}

.myaccount-content h3 {
    font-family: "Fredoka", sans-serif;
    font-weight: 600;
    font-size: 24px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.myaccount-content h3 span {
    color: #f379a7;
    margin-left: 3px;
}

.myaccount-content .welcome a {
    font-family: "Fredoka", sans-serif;
}

.myaccount-content .welcome a:hover {
    color: #95b3e0;
}

.myaccount-content .welcome strong {
    font-weight: 400;
    color: #f379a7;
}

.myaccount-content p {
    line-height: 28px;
    margin-bottom: 2px;
}

.myaccount-content fieldset {
    margin-top: 20px;
}

.myaccount-content fieldset legend {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.myaccount-content .account-details-form {
    margin-top: 50px;
}

.myaccount-content .account-details-form .single-input-item {
    margin-bottom: 20px;
}

.myaccount-content .account-details-form .single-input-item label {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    margin: 0 0 5px;
}

.myaccount-content .account-details-form .single-input-item input {
    border: 1px solid #e8e8e8;
    width: 100%;
    height: 50px;
    background-color: transparent;
    padding: 2px 20px;
    color: #1f2226;
    font-size: 13px;
}

.myaccount-content .account-details-form select {
    border: 1px solid #e8e8e8;
    width: 100%;
    height: 50px;
    background-color: transparent;
    padding: 2px 20px;
    color: #1f2226;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 13px;
    border-radius: 0;
}

.myaccount-content .account-details-form .single-input-item input:focus,
.myaccount-content .account-details-form select:focus {
    border: 1px solid #f379a7;
    box-shadow: none;
    outline: none;
}

.myaccount-content .account-details-form .single-input-item .sqr-btn {
    border: none;
    box-shadow: 0px 10px 14px -7px rgba(255, 155, 198, 1);
    background: linear-gradient(rgba(255, 125, 136, 1), rgba(255, 90, 146, 1));
    width: 150px;
    font-family: "Fredoka", sans-serif;
    font-weight: 400;
    padding: 8px 8px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.myaccount-content .account-details-form .single-input-item .sqr-btn:hover {
    background: linear-gradient(rgba(255, 90, 146, 1), rgba(255, 125, 136, 1));
}

.myaccount-table {
    white-space: nowrap;
    font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
    padding: 10px;
    font-weight: 600;
    background-color: #f8f8f8;
    border-color: #ccc;
    border-bottom: 0;
    color: #1f2226;
}

.myaccount-table table td,
.myaccount-table .table td {
    padding: 10px;
    vertical-align: middle;
    border-color: #ccc;
}

.myaccount-table table td a,
.myaccount-table table td a:hover,
.myaccount-table .table td a,
.myaccount-table .table td a:hover {
    font-size: 14px;
    color: #000;
}

#account-info {
    width: 800px;
    max-width: 100%;
    margin: 50px auto;
}

.tab-content #account-info {
    width: 100%;
    margin: 0;
    padding: 0;
}

.pass_link p {
    font-size: 14px;
    font-weight: 600;
    color: black;
    display: inline;
}

.pass_link a {
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
    text-decoration: underline;
}

/*preview*/
.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 50px auto;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 30px;
    z-index: 1;
    top: 10px;
    color: white;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: linear-gradient(rgba(255, 125, 136, 1), rgba(255, 90, 146, 1));
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid rgba(255, 125, 136, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

i.fas.fa-pen {
    margin: 8px;
}

.upload-pic {
    position: absolute;
    top: 72px;
    left: 43px;
}

/*my account dashboard*/
/*acc*/
.profile-card {
    height: 320px;
    max-height: 100%;
    border-radius: 30px;
}

.profile-card.one {
    text-align: center;
}

.profile-card.two {
    background-color: #a9e6fc;
    border-bottom: 5px solid #00aae2e8;
}

.profile-card.three {
    background-color: #fdb89c;
    border-bottom: 5px solid #ee6d3a;
    display: grid;
    align-content: space-around;
}

.profile-card .card-img-top {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.profile-card .card-body {
    text-align: center;
    height: 120px;
}

.profile-card .btn {
    width: 80px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: bold;
}

.edit-btn,
.edit-btn:hover,
.edit-btn:active {
    color: black;
    background: rgb(255 255 255 / 51%);
    backdrop-filter: blur(3.5px);
    -webkit-backdrop-filter: blur(3.5px);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.delete-btn,
.delete-btn:hover,
.delete-btn:active {
    color: red;
    border: 1px solid red;
    background-color: transparent;
}

.profile-card .btn i {
    margin-right: 4px;
}

.profile-card .card-footer {
    text-align: center;
    border: 0;
    background-color: transparent;
    padding: 0.75rem 0.5rem 0rem;
}

.profile-card .card-title {
    font-family: "Fredoka", sans-serif;
    font-size: 20px;
    color: white;
}

#rememberMe {
    margin-left: 6px;
}

/*verification modal*/
#editEmailModal,
#editPhoneModal {
    z-index: 111111;
}

.deleteVerify .userInput,
.forgot-pass-otp .userInput,
.editEmail .userInput,
.editPhone .userInput {
    display: flex;
    justify-content: center;
    margin-bottom: 10%;
}

.deleteVerify .userInput input,
.forgot-pass-otp input,
.editEmail .userInput input,
.editPhone .userInput input {
    margin: 10px;
    height: 40px;
    width: 100%;
    border: none;
    text-align: center;
    font-size: 1.2rem;
    background: #eef2f3;
    border: 1px solid #e5e5e5;
}

.editEmail .userInput input,
.editPhone .userInput input {
    background: none;
    margin: 16px;
}

.deleteVerify .userInput input {
    border: 1px solid pink;
}

#editEmailModal p,
#editPhoneModal p {
    font-size: 14px;
    color: black;
    margin-left: 16px;
    display: inline;
}

#editEmailModal button.otpVerify,
#editPhoneModal button.otpVerify {
    background: none;
    color: blue;
    border: none;
    margin-left: 10px;
    font-weight: 500;
    text-decoration: underline;
    font-size: 14px;
}

.deleteVerify .modal-footer button,
.add-acc .modal-footer button,
#editEmailModal .modal-footer button,
#editPhoneModal .modal-footer button,
#editNameModal .modal-footer button {
    width: 250px;
    max-width: 100%;
    border: 1px solid rgba(255, 125, 136, 1);
    box-shadow: 0px 10px 14px -7px rgb(255 155 198);
    background: linear-gradient(rgba(255, 125, 136, 1), rgba(255, 90, 146, 1));
    padding: 7px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 3px;
    outline: none;
}

.deleteVerify input:focus,
.forgot-pass-otp input:focus,
.editEmail .userInput input:focus,
.editPhone .userInput input:focus {
    border: 1px solid #f379a7;
    outline: none;
}

.modal-header {
    border: 0;
}

.modal-title {
    font-family: "Fredoka", sans-serif;
    font-size: 25px;
    color: #f872b3;
    text-align: center !important;
}

.modal-footer>* {
    margin: 0 auto;
}

.verify-img {
    width: 150px;
}

.forgot-pass-otp input {
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 5px;
}

.forgot-pass-otp label,
.forgot-pass-input label {
    font-size: 13px;
    font-weight: 600;
    margin: 5% 0 2% 0;
}

.add-icon {
    font-size: 30px;
    color: #ffffff;
}

#deleteProfileModal .modal-content {
    background: url("../img/bamboo-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
}

#addProfileModal .modal-content {
    background: url("../img/add-acc.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
}

#deleteProfileModal,
#addProfileModal,
#editEmailModal,
#editPhoneModal,
#checkoutSuccessModal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    text-align: left;
    position: fixed;
    top: 40% !important;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 111111;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 400px;
    overflow: hidden;
    outline: 0;
    text-align: center;
    position: fixed;
    top: 00;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

#deleteProfileModal p {
    margin: 0px 0px 10px 10px;
    line-height: 21px;
    font-size: 14px;
    color: grey;
}

#deleteProfileModal p span {
    color: #f87bb8;
    font-weight: 600;
}

#deleteProfileModal h6 {
    margin-left: 10px;
    font-weight: 600;
}

.add-acc-img {
    width: 150px;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

#loginPhone,
#forgotpass_Phone {
    display: none;
}

.email-login,
.email-forgot-pass {
    display: none;
}

.blog-content .form-group textarea {
    min-height: 300px;
    color: #495057;
}

textarea:focus,
textarea:active {
    border: 1px solid #f379a7 !important;
}

.option-link {
    text-decoration: underline;
    text-decoration-color: #007bff;
    font-size: 14px;
}

.limit-msg {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

/*product page*/
.single-product-tab .nav-tabs .nav-item {
    text-align: center;
}

.single-product-tab .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    border: 1px solid #63cfe9;
    margin: 0px;
    line-height: 1;
    background-color: #63cfe9;
    border-radius: 0px;
    color: #ffffff;
    border-bottom: 0px;
}

.single-product-tab .tab-content {
    border: 1px solid #ddd;
    border-top: 0px;
}

.product-summery .product-head .product-title {
    font-family: "Fredoka", cursive;
    font-size: 32px;
    font-weight: 600;
    color: #2a4674;
}

.product-summery .price-box .regular-price {
    font-size: 24px;
    font-weight: 700;
    margin-right: 5px;
    color: #fd4f51;
    text-decoration: line-through;
}

.product-summery .price-box .offer-price {
    font-size: 24px;
    font-weight: 700;
    margin-right: 5px;
    color: #fd4f51;
}

.product-summery .prod-btn-div .add-to_cart,
.product-summery .prod-btn-div .buy_now {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.product-summery .prod-btn-div .add-to_cart a.btn {
    width: 100%;
    display: block;
    color: #007bff;
    background-color: transparent;
    border: 1px solid #007bff;
    font-weight: 500;
}

.product-summery .prod-btn-div .add-to_cart.disable-btn a.btn,
.product-summery .prod-btn-div .buy_now.disable-btn a.btn {
    background-color: #e9e8e8;
    border: 1px solid #dbdbdb;
    color: #c1c1c1;
    cursor: not-allowed;
    box-shadow: none;
}

.prod_details_section {
    background: url("../img/form_bg.png");
    background-repeat: no-repeat;
    background-position: initial;
    width: 100%;
    background-size: cover;
    height: auto;
}

.prod-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-summery .prod-btn-div .buy_now a.btn {
    width: 100%;
    display: block;
    background: #ffea28;
    font-weight: 500;
}

a.amazon,
a.amazon:hover {
    color: white;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    padding: 0;
    border-radius: 6px;
    width: 100%;
    text-align: center;
    background: black;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

input.radio-theme {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 111;
}

/*product_img_slider */
.carousel-inner img {
    width: 100%;
    height: 100%;
    /* height: 538px; */
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px;
    color: black;
}

#custCarousel .carousel-indicators>li {
    width: 100px;
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
    height: 100px;
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1;
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}

.carousel-item img {
    width: 445px;
    max-width: 100%;
}

.carousel-control-next,
.carousel-control-next:hover,
.carousel-control-prev,
.carousel-control-prev:hover {
    color: black !important;
}

.product_details_row {
    padding: 7% 0 10% 0;
}

.section-margin {
    padding: 12% 0;
}

.desc-margin {
    margin-top: 6%;
}

/*increament no*/
.quantity-field {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
}

.quantity-field .value-button {
    border: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 100%;
    padding: 0;
    background: #eee;
    outline: none;
    cursor: pointer;
    color: #000;
}

.quantity-field .decrease-button {
    margin-right: -4px;
}

.quantity-field .increase-button {
    margin-left: -4px;
}

.quantity-field .number {
    display: inline-block;
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 100%;
    line-height: 40px;
    font-size: 16px;
    box-sizing: border-box;
    background: white;
}

.quantity-field .number::selection {
    background: none;
}

.number input,
.number input:focus {
    height: 100%;
    width: 39px;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #eeeeee;
    outline: none;
}

.mt-md-17,
.mt-sm-17,
.mt-xs-17 {
    margin-top: 17%;
}

/*cart*/
.cart-table .table {
    margin: 0;
    white-space: nowrap;
}

.table-responsive {
    box-shadow: #0000001a 0px 10px 15px -3px, #0000000d 0px 4px 6px -2px;
}

img.fit-image {
    width: 60px;
}

.cart-table .table thead tr th {
    border-color: #efefef;
    border-bottom: 0 solid transparent;
    color: #ffffff;
    background: #92278f;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 20px;
    text-align: center;
    text-transform: uppercase;
}

.cart-table .table tr {
    border-color: #efefef;
}

.cart-table .table tr .pro-thumbnail,
.cart-table .table tr .pro-price,
.cart-table .table tr .pro-quantity,
.cart-table .table tr .pro-subtotal,
.cart-table .table tr .pro-remove {
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart-table .table tr .pro-thumbnail,
.cart-table .table tr .pro-price {
    width: 130px;
}

.cart-table .table tr .pro-title {
    width: 270px;
}

.cart-table .table tr .pro-quantity {
    width: 180px;
}

.cart-table .table tr .pro-quantity .quantity {
    margin-right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.cart-table .table tr .pro-quantity .quantity .cart-plus-minus {
    width: 120px;
}

.cart-table .table tr .pro-quantity .quantity .cart-plus-minus .cart-plus-minus-box {
    width: 120px;
}

.cart-table .table tr .pro-quantity .quantity .cart-plus-minus .qtybutton {
    border: 0px;
}

.cart-table .table tr .pro-subtotal {
    width: 120px;
}

.cart-table .table tr .pro-remove {
    width: 150px;
}

.cart-table .table tbody td {
    border-color: #efefef;
    text-align: center;
    vertical-align: middle;
    color: #222222;
    font-weight: 600;
    font-size: 15px;
}

.cart-table .table tbody td a {
    color: #222222;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}

.cart-table .table tbody td a:hover {
    color: #92278f;
}

.cart-table .table tbody td a.btn {
    color: #ffffff;
}

.cart-table .table tbody td a.check-btn {
    color: #ffffff;
}

.cart-table .table tbody td.pro-remove a i {
    font-size: 16px;
    color: red;
}

.cart-button-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 60px;
    justify-content: end;
}

@media only screen and (max-width: 575px) {
    .cart-button-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .navbar-brand img {
        width: 150px;
    }

    .activity-col {
        padding: 5px;
    }

    #bookSelectionModal .modal-body {
        padding: 5px;
    }

    #hero .btn-get-started,
    #hero .btn-get-started:hover,
    #hero .btn-get-started:focus {
        font-size: 16px;
    }

    #hero h1 {
        font-size: 35px;
        line-height: 42px;
    }

    #hero li {
        font-size: 18px;
    }
    .book-div #searchForm{
        margin: 0 auto;
    }

}

.cart-button-section .btn {
    margin-right: 20px;
    padding: 16px 10px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    display: block;
    text-align: center;
    box-shadow: 0px 10px 14px -7px #bbbbbb;
    background: #92278f;
    text-transform: uppercase;
}

.cart-button-section .btn:last-child {
    margin-right: 0px;
}

@media only screen and (max-width: 575px) {
    .cart-button-section .btn {
        margin-bottom: 20px;
        margin-right: 0px;
    }

    .cart-button-section .btn:last-child {
        margin-bottom: 0px;
    }

    .donation h2 {
        font-size: 42px;

    }

    .donation h4 {
        font-size: 24px;
    }

    .donation p {
        width: 92%;
        font-size: 14px;
    }

    .choose-counter .d-flex::after {
        display: none;
    }
}

.margin_section {
    margin: 5% auto;
}

.modal-backdrop.show {
    opacity: 0.8;
}

/*checkout modal*/
#checkoutSuccessModal .modal-content {
    border-radius: 38px;
    background: rgb(255, 255, 255);
    background: radial-gradient(circle,
            rgba(255, 255, 255, 1) 0%,
            rgba(209, 192, 255, 1) 100%);
    width: 420px;
    max-width: 100%;
}

#checkoutSuccessModal .modal-body h1 {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}

#checkoutFailedModal .modal-body h1 {
    color: red;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

#checkoutSuccessModal .modal-body {
    padding: 1rem 2rem 2rem;
}

#checkoutFailedModal .modal-body {
    padding: 1rem 2rem 1rem;
}

#checkoutSuccessModal .modal-body p {
    text-align: left;
    margin-bottom: 7%;
    color: black;
}

#checkoutFailedModal .modal-body p {
    text-align: center;
    color: #05062c;
}

#checkoutSuccessModal .modal-body p span {
    color: #f64f51;
}

#checkoutSuccessModal .modal-body a {
    background: linear-gradient(rgba(255, 125, 136, 1), rgba(255, 90, 146, 1));
    border: #ffffff;
    padding: 11px 46px;
    color: white;
    border-radius: 7px;
    font-size: 15px;
    margin: 0 auto;
    width: 240px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.open.hidden {
    display: none;
    pointer-events: none;
}

.box.visible {
    display: block;
    pointer-events: all;
}

.panda_modal_img {
    width: 150px;
    margin: 0 auto 0 25%;
}

.failed_panda_modal_img {
    width: 150px;
    margin: 0 auto 0 33%;
}

#checkoutFailedModal .modal-footer {
    border-top: 0;
}

#checkoutFailedModal .modal-footer {
    border-top: 0;
}

#checkoutFailedModal .modal-footer a {
    text-transform: uppercase;
    color: red;
    background: transparent;
    border: 1px solid red;
    padding: 10px 20px;
    width: 240px;
    max-width: 100%;
    font-weight: 500;
    border-radius: 10px;
}

/*error msg*/
div#message,
div#success_message,
div#success_message2,
div#messageEmail,
span.error_msg,
div#msg2,
div#msg3,
div#msg1,
#err {
    color: red;
    font-size: 14px;
}

span.required {
    color: red;
}

/*add profile modal*/

#addProfileModal .modal-body .line {
    display: flex;
    align-content: center;
    margin-left: 40px;
}

#addProfileModal .modal-body p {
    margin-bottom: 40px;
    font-size: 14px;
    text-align: start;
    margin-left: 70px;
}

@supports not (-webkit-touch-callout: none) {
    #addProfileModal .modal-body h6 {
        margin-top: 8px;
        margin-left: 10px;
    }
}

@supports (-webkit-touch-callout: none) {
    #addProfileModal .modal-body h6 {
        margin-top: -4px;
        margin-left: 10px;
    }
}

#addProfileModal input[type="checkbox"] {
    width: 20px;
}

#addProfileModal input[type="checkbox"]:checked {
    accent-color: green;
}

#addProfileModal .modal-footer .continue {
    background-image: linear-gradient(to right top,
            #7dfff6,
            #4feeff,
            #2cdbff,
            #37c5ff,
            #5daefe);
    border: 1px solid white;
    padding: 10px 20px;
    color: white;
    border-radius: 10px;
    width: 240px;
    text-transform: uppercase;
}

#addProfileModal .modal-footer {
    padding: 1.75rem;
}

#addProfileModal .modal-header h4 {
    color: rgba(255, 90, 146, 1);
    font-size: 19px;
    margin-left: 33%;
    margin-top: 3%;
}

/*membership.php*/
.banner_part .single_banner_part {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
}

.banner_style_3 .single_banner_part {
    background-image: url("../img/info-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_style_3 .single_banner_part:after,
.banner_style_4 .single_banner_part:after {
    background-image: -moz-linear-gradient(90deg, #fc3f72 0%, #fc5a86 100%);
    background-image: -webkit-linear-gradient(90deg, #fc3f72 0%, #fc5a86 100%);
    background-image: -ms-linear-gradient(90deg, #fc3f72 0%, #fc5a86 100%);
    opacity: 0.9;
}

.banner_style_3 .single_banner_part .banner_iner,
.banner_style_4 .single_banner_part .banner_iner {
    position: relative;
    z-index: 9;
    text-align: left;
}

.banner_style_3 .single_banner_part .banner_iner h2 {
    font-size: 45px;
    margin-bottom: 15px;
    line-height: 1.2;
    font-weight: 700;
    color: white;
    text-shadow: 1px 2px 2px #25252599;
}

.banner_style_4 .single_banner_part {
    background-color: #7dd4f4;
    padding: 3% 0;
}

.banner_style_4 .single_banner_part .banner_iner p {
    color: #0000009e;
    text-align: justify;
    font-family: poppins;
    font-weight: 500;
}

.banner_style_3 .single_banner_part .banner_info_img,
.banner_style_4 .single_banner_part .banner_info_img {
    position: relative;
    z-index: 9;
}

.banner_style_3 .single_banner_part .banner_info_img img,
.banner_style_4 .single_banner_part .banner_info_img img {
    border-radius: 5px;
}

.banner_style_3 .single_banner_part .banner_iner .cu_btn,
.banner_style_4 .single_banner_part .banner_iner .cu_btn {
    margin-top: 41px;
    font-family: "poppins", sans-serif;
    background-color: #ff5f5f;
    display: inline-block;
    padding: 21px 40px;
    text-transform: capitalize;
    line-height: 16px;
    font-size: 20px;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: white;
    font-weight: bold;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.05);
}

#prof_toggle img {
    width: 47px;
    height: 47px;
    border-radius: 50%;
}

.profile_select {
    display: flex;
    justify-content: center;
    align-items: center;
}

#prof_toggle li a {
    color: #000;
}

#prof_toggle .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-item:active {
    background-color: #e9ecef;
    color: #000;
}

.demo-preview {
    padding-top: 5px;
    width: 70%;
    margin: auto;
    text-align: center;
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: 114px;
}

.alert {
    padding: 0.5rem 1.071rem;
    border-radius: 2px;
    border: 1px solid transparent;
    color: #fff;
}

.alert.alert-square {
    border-radius: 0;
}

.alert .close {
    position: relative;
}

.alert.alert-dismissable,
.alert.alert-dismissible {
    padding-right: 2.5rem;
}

.alert.alert-dismissable .close,
.alert.alert-dismissible .close {
    top: -2px;
    right: -20px;
    color: inherit;
}

.alert.alert-warning {
    background-color: #ffd600;
    border-color: #ffd600;
}

.alert.alert-danger {
    background-color: #ef1c1c;
    border-color: #ef5350;
}

/*password strength*/
.admin-login-body #output {
    text-align: left;
}

ol.info-window li {
    margin: 15px 0;
    color: red;
}

ol.info-window {
    display: none;
    background: #f8fbff;
    font-size: 13px;
    padding: 5px 30px;
    text-align: left;
}

#output img {
    width: 15px;
    height: 15px;
}

/*T&C*/
/* .cs-single_post {
    font-size: 18px;
    line-height: 1.7em;
}

.cs-single_post p {
    color: #666a79;
    font-size: 16px;
    margin-bottom: 30px;
}

.cs-single_post li {
    color: #0b0145;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}
 */
.cs-page_head {
    padding: 100px 0 75px;
    position: relative;
}

.cs-page_head .cs-page_title {
    font-size: 45px;
    margin-bottom: 5px;
    font-weight: 600;
}

.cs-bg {
    background-color: #f7d047;
}

.cs-height_100 {
    height: 100px;
}

.t_c {
    background: linear-gradient(#fff, #e3f7fc);
}

/*terms new*/
.tc-div a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    color: #0b0145 !important;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
}

.tc-div a:hover,
.tc-div a:hover::after {
    cursor: pointer;
    color: #0b0145;
}

.tc-div a:hover::after {
    border: 1px solid #0b0145;
}

.tc-div a.active {
    color: #000;
    border-bottom: 1px solid transparent;
}

.tc-div a::after {
    font-family: "fontawesome";
    content: "\f067";
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 1rem;
    color: #0b0145;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #0b0145;
    text-align: center;
}

.tc-div a.active::after {
    font-family: "fontawesome";
    content: "\f068";
    color: #000;
    border: 1px solid #000;
}

.tc-div .content {
    display: none;
    padding: 1rem;
    padding-top: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.tc-div .content p {
    font-size: 16px;
    font-weight: 400;
    color: #4f4d4d;
}

.term_subtext {
    font-weight: 500;
    font-size: 18px;
    color: #0b0145;
    padding-left: 18px;
    line-height: 30px;
    margin-top: 10px;
}

/*User manual*/
.user_manual_tf_section {
    padding: 130px 0;
    background-size: cover;
}

.feature-about2 {
    position: relative;
    padding: 20px 0px 50px 0;
}

.tf-program-details2 .title-heading .sub-heading .inner-sub.st-2 {
    padding-right: 3px;
}

.title-heading .sub-heading .inner-sub.st-2 {
    padding-right: 15px;
}

.clr-pri-3 {
    color: #ff6666;
}

.title-heading .sub-heading {
    font-size: 20px;
    line-height: 2;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-weight: 600;
}

.fl-btn.st-11 {
    color: white;
    width: 225px;
    height: 50px;
    border-radius: 7px;
    padding-left: 29px;
    background-color: #f7d047;
    margin-top: 20px;
}

.fl-btn {
    font-size: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
}

.title-heading .title {
    line-height: 1.2;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    color: #2b3c6b;
    font-weight: 700;
}

.user_manual_section p {
    color: #000;
    font-size: 18px;
}

.user_manual_section .img_section img {
    border: 2px solid #2da8ad;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

/* kit_stuff */
.user_manual_tf_section.kit_stuff {
    padding: 100px 0 86px 0;
}

.home2 .user_manual_tf_section.kit_stuff {
    padding: 100px 0 86px 0;
}

.kit_stuff {
    background-color: #223668;
    background-image: url(../img/inside-kit-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.sc-fun-fact {
    text-align: center;
}

.sc-fun-fact .number-content {
    font-size: 42px;
    line-height: 50px;
}

.sc-fun-fact .box-content p {
    font-size: 16px;
    font-weight: 600;
}

.fun-fact1 {
    position: absolute;
    bottom: -140px;
    left: 33px;
    animation: move2 10s infinite linear;
}

.fun-fact2 {
    position: absolute;
    bottom: -113px;
    right: 40px;
    animation: move3 10s infinite linear;
}

.sc-fun-fact .box-icon {
    width: 123px;
    height: 117px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: url(../img/mask.png) center center no-repeat;
}

.sc-fun-fact .box-icon.style2 {
    width: 142px;
    height: 135px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: url(../img/inside-kit-bg.png) center center no-repeat;
    transform: translateY(-10px);
    margin-bottom: -17px;
}

.sc-fun-fact .box-content {
    padding: 22px 0px;
}

.sc-fun-fact.st-2 {
    padding-left: 19px;
}

.sc-fun-fact.st-3 {
    padding-right: 15px;
}

.user_manual_img img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    margin-bottom: 20px;
}

.clr-pri-1 {
    color: #fff;
}

/* user_manual_benefits */
.user_manual_tf_section.user_manual_benefits {
    padding: 126px 0 110px 0;
}

.user_manual_benefits {
    background-image: url(../img/benefits-bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

.sc-service .box-feature {
    border-radius: 7px;
}

.sc-service .box-feature img {
    width: 100%;
}

.sc-service .box-content {
    padding: 20px 0 22px 0;
}

.sc-service .title {
    text-transform: capitalize;
    margin-bottom: -6px;
    letter-spacing: -0.7px;
}

.sc-service.st-2 {
    padding-top: 20px;
}

.sc-service.st-3 {
    padding-top: 10px;
}

.sc-service.st-4 {
    padding-top: 40px;
}

p.benefits_text {
    line-height: 37px;
    color: white;
    margin: 27px 0;
}

/* steps_section */
.user_manual_tf_section.steps_section {
    padding: 120px 0 102px 0;
}

.user_manual_tf_section.steps_section .title {
    font-weight: 600;
    color: #2b3c6b;
}

.steps_section {
    background-image: url(../img/steps-bg.png);
    background-repeat: no-repeat;
}

.sc-about-1 ul {
    padding-left: 0px;
}

.sc-about-1 ul li {
    align-items: center;
    margin-bottom: 30px;
    list-style: none;
    padding-left: 20px;
}

.sc-about-1 ul li i {
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sc-about-1 ul li.st-1 i {
    background: #fc477e;
}

.sc-about-1 ul li.st-2 i {
    background: #1ab9ff;
}

.sc-about-1 ul li.st-3 i {
    background: #fab319;
}

.sc-about-1 ul li.st-4 i {
    background: #b250fe;
}

.sc-about-1 ul li.st-5 i {
    background: #28a745;
}

.sc-about-1 ul li p {
    font-size: 16px;
    padding-left: 10px;
    color: black;
}

.fx {
    display: flex;
}

.user_manual_bnr {
    position: relative;
    background-image: url(../img/title-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #020243;
}

/*track order page*/
.opacity-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.hero_single, .school_hero_single {
    width: 100%;
    position: relative;
    margin: 0;
    color: #fff;
}

.hero_single .opacity-mask, .school_hero_single .opacity-mask {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero_single .opacity-mask h1 {
    line-height: 1;
    font-size: 28px;
    margin: 0 0 12px 0;
    font-weight: 600;
    color: #395b7f;
    font-family: "Fredoka", cursive;
}

.hero_single .opacity-mask p {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-bottom: 10px;
}

.hero_single.version_1 {
    height: 587px;
    background: #faf3cc url(../img/track-web.svg) center top no-repeat;
}

.custom-search-input {
    background-color: #fff;
    padding: 5px 5px 5px 0;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    margin-top: 10px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    margin: 0px 6px;
}

.custom-search-input input {
    border: 0;
    height: 50px;
    padding: 12px 10px 10px 20px;
    font-weight: 500;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 15px;
    font-size: 0.9375rem;
}

.custom-search-input input.no_border_r {
    border: none;
    padding: 0;
}

.custom-search-input input:focus, .custom-search-input input:hover, .custom-search-input input:active {
    box-shadow: none;
    outline: none;
}

.custom-search-input .form-group {
    margin: 0;
}

.custom-search-input button[type="button"], .custom-search-input button[type="submit"] {
    height: 100%;
    width: 100%;
    margin-right: -1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
}

/*search*/
.school_list #searchResults {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    width: calc(100% - 42px);
    color: black;
}

#searchResults .search-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px;
}

#searchResults .search-item img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
}

#searchResults .search-item a {
    color: black;
}

#searchResults p {
    color: black;
    font-size: 16px;
    font-weight: normal;
    margin: 10px;
}

.btn_1.gradient:hover:before {
    opacity: 1;
}

.btn_1.gradient:active:before,
.btn_1.gradient.nice-select.open:before {
    opacity: 1;
}

.btn_1.gradient {
    background-size: 100%;
    background: #fcc705;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    color: white;
}

.btn_1.gradient:before {
    border-radius: inherit;
    background: #fcc705;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.45s ease-in-out;
    transition: opacity 0.45s ease-in-out;
}

.tracking_status h1 {
    font-family: "Fredoka", cursive;
    font-size: 24px;
    font-weight: 600;
    margin: 4% 0;
    color: #cb2878;
    background-image: -webkit-linear-gradient(88deg,
            #cb2878 21%,
            #00c1d6 44%,
            #5867cf 55%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.tracking_status ul li {
    position: relative;
    width: 100%;
}

.tracking_status ul li .tracking_id_box {
    background-color: #fffeeb;
    -webkit-box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.05);
    -moz-box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.05);
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    color: #444;
    margin-bottom: 30px;
    min-height: 130px;
    display: block;
    font-family: "poppins";
}

.tracking_status ul li a ul li .ribbon {
    position: static;
}

.ribbon.off {
    background-color: #31adff;
}

.ribbon {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 6px;
    line-height: 1;
    font-size: 12px;
    font-size: 0.75rem;
    z-index: 9;
}

.tracking_id_box b {
    font-size: 26px;
    color: #ffca0a;
}

/*tracking progress bar*/
.tracking-detail {
    padding: 3rem 0;
}

#tracking {
    margin-bottom: 1rem;
    border-radius: 10px;
    background: url("../img/map.svg");
    background-color: white;
}

[class*="tracking-status-"] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

[class*="tracking-status-"] {
    padding: 1.6rem 0;
}

.tracking-list {
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.05);
    border-radius: 10px;
}

.tracking-item {
    border-left: 4px solid #00ba0d;
    position: relative;
    padding: 2rem 1.5rem 0.5rem 2.5rem;
    font-size: 0.9rem;
    margin-left: 3rem;
    min-height: 5rem;
}

.tracking-item:last-child {
    padding-bottom: 4rem;
}

.tracking-item .tracking-date {
    margin-bottom: 0.5rem;
}

.tracking-item .tracking-date span {
    color: #888;
    font-size: 85%;
    padding-left: 0.4rem;
}

.tracking-item .tracking-content {
    padding: 0.5rem 0.8rem;
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.tracking-item .tracking-content span {
    display: block;
    color: #767676;
    font-size: 13px;
}

.tracking-item .tracking-icon {
    position: absolute;
    left: -0.7rem;
    width: 1.1rem;
    height: 1.1rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    background-color: #fff;
    color: #fff;
}

.tracking-item-pending {
    border-left: 4px solid #d6d6d6;
    position: relative;
    padding: 2rem 1.5rem 0.5rem 2.5rem;
    font-size: 0.9rem;
    margin-left: 3rem;
    min-height: 5rem;
}

.tracking-item-pending:last-child {
    padding-bottom: 4rem;
}

.tracking-item-pending .tracking-date {
    margin-bottom: 0.5rem;
}

.tracking-item-pending .tracking-date span {
    color: #888;
    font-size: 85%;
    padding-left: 0.4rem;
}

.tracking-item-pending .tracking-content {
    padding: 0.5rem 0.8rem;
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.tracking-item-pending .tracking-content span {
    display: block;
    color: #767676;
    font-size: 13px;
}

.tracking-item-pending .tracking-icon {
    line-height: 2.6rem;
    position: absolute;
    left: -0.7rem;
    width: 1.1rem;
    height: 1.1rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    color: #d6d6d6;
}

.tracking-item-pending .tracking-content {
    font-weight: 600;
    font-size: 17px;
}

.tracking-item .tracking-icon.status-current {
    width: 1.9rem;
    height: 1.9rem;
    left: -1.1rem;
}

.tracking-item .tracking-icon.status-intransit {
    color: #00ba0d;
    font-size: 0.6rem;
}

.tracking-item .tracking-icon.status-current {
    color: #00ba0d;
    font-size: 0.6rem;
}

.tracking-item .tracking-date i,
.tracking-item-pending .tracking-date i {
    font-size: 24px;
}

.tracking-item .tracking-content {
    font-weight: 600;
    font-size: 17px;
}

.tracking_status {
    display: none;
}

/*about us*/
#inner_header_post_thumb {
    background-position: center;
    background-size: cover;
    position: relative;
    background-image: url(../img/about_us_bg.png);
    background-repeat: no-repeat;
    height: 100%;
    padding: 5% 0;
}

#inner_header_post_thumb .dark_overlay {
    height: 60vh;
    max-height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#inner_header_post_thumb .dark_overlay .container .header-txt {
    color: black;
}

#inner_header_post_thumb .dark_overlay .container .header-txt h1,
.bottom-shape-center p span {
    font-size: 55px;
    line-height: 70px;
    background: #5f1996;
    background: linear-gradient(to right, #6120c9 0%, #c053ac 32%, #f5cc32 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: bold;
}

.bottom-shape-center p span {
    font-size: 20px;
    line-height: 30px;
}

#inner_header_post_thumb .dark_overlay .container .header-txt p {
    font-size: 1rem;
    font-weight: 500;
    /* width: 65%; */
    color: #1f4d88;
    text-align: justify;
}

#inner_header_post_thumb .dark_overlay .container .header-txt .small-text {
    font-size: 14px;
    text-transform: uppercase;
    color: #f5cc32;
    font-weight: 600;
}

.top-shape-center p,
.bottom-shape-center p {
    text-align: center;
    margin: 5% 0;
    font-weight: bold;
    font-size: 18px;
    color: #1f4d88;
    text-transform: uppercase;
}

/*Schedule Section Starts Here*/
.schedule-item-2 {
    padding: 170px 0 75px;
    text-align: center;
    margin-bottom: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.schedule-item-2 li {
    margin-bottom: 6px;
    list-style: none !important;
}

.schedule-item-2 li p {
    padding: 20px 75px 20px 64px;
    font-weight: 500;
    color: #000;
}

section.schedule-section.padding-top.padding-bottom {
    background: #fff8eb;
}

.orange_span {
    color: #ff7500;
}

.pink_span {
    color: #e531d3;
}

/*toggle resend send button*/
#submob_resend {
    display: none;
}

/*social media*/
.social a {
    color: #fff;
    text-decoration: none;
}

.me {
    width: 400px;
    margin: 90px auto;
}

.me p,
.me h1 {
    letter-spacing: 3px;
    text-align: center;
}

.me p {
    font-weight: 200;
}

.me span {
    font-weight: bold;
}

.social {
    position: fixed;
    bottom: 0px;
    z-index: 11;
    width: 50px;
}

.social ul {
    padding: 0px;
    transform: translate(-270px, 0);
}

.social ul li {
    display: block;
    margin: 5px;
    background: rgba(0, 0, 0, 0.36);
    width: 317px;
    text-align: right;
    padding: 10px;
    border-radius: 0 30px 30px 0;
    transition: all 1s;
}

.social ul li:hover {
    transform: translate(110px, 0);
    background: rgba(0, 0, 0, 0.36);
}

.social ul li:hover a {
    color: #ffffff;
    text-decoration: none;
}

.social ul li:hover i {
    color: #fff;
    background: rgba(0, 0, 0, 0.36);
    transform: rotate(360deg);
    transition: all 1s;
}

.social ul li i {
    margin-left: 10px;
    color: #ffffff;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    font-size: 20px;
    background: #ffffff;
    transform: rotate(0deg);
}

.social ul li i.fa-twitter {
    background-color: #00aced;
}

.social ul li i.fa-facebook-f {
    background-color: #003e9b;
}

.social ul li i.fa-instagram {
    background-color: #d600a8;
}

.social ul li i.fa-youtube {
    background-color: #ed0000;
}

/*share product icon*/
.share_container {
    width: 400px;
    max-width: 100%;
}

.share_container .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: white;
    margin-left: -3px;
    margin-right: -3px;
    transition: all 0.5s;
    cursor: pointer;
}

.share_container .icon img {
    opacity: 1;
    transition: all 0.5s;
    width: 30px;
}

.share_container .label i {
    position: relative;
    color: black;
    font-weight: bold;
    pointer-events: none;
    transition: all 0.5s;
    margin-right: 8px;
    font-size: 18px;
    color: #818181;
}

/*Video Modal*/
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#videoModal {
    height: 100%;
    top: 50%;
    z-index: 1111111111111;
}

#videoModal .modal-content {
    background-image: url("../img/panda-bg-video.png");
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

img.panda-vid {
    position: absolute;
    top: -22px;
    z-index: 111;
    text-align: center;
    margin: 0 auto;
    left: 40%;
}

#videoModal .modal-footer {
    border-top: 0;
}

/*modal skip button*/
.skip-btn {
    font-family: inherit;
    padding: 0.6rem 0.9rem;
    border: solid 1px #d8d8d8;
    outline: none;
    position: relative;
    border-radius: 0.5rem;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.4),
        0 -0.3rem 0.6rem rgba(0, 0, 0, 0.2) inset;
    transition: box-shadow 64ms ease-out;
    z-index: 1111;
    color: #fff;
    background-color: #00c853;
    border-color: #00a243;
}

.skip-btn:after {
    content: "";
    background-color: #fff;
    width: 75%;
    height: 12.5%;
    position: absolute;
    top: 0.15rem;
    left: 12.5%;
    border-radius: 50%;
    filter: blur(0.15rem);
    transition: opacity 64ms ease-out;
}

/*home page button*/
button.buy_btn {
    position: relative;
    height: 60px;
    width: 200px;
    margin: 0 35px;
    border-radius: 50px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
    cursor: pointer;
    transition: background 0.5s;
    font-family: "poppins", sans-serif;
}

button.buy_btn:first-child {
    background: linear-gradient(90deg, #03a9f4, #f441a5, #f8be0d, #4ab1e0);
    background-size: 400%;
}

button.buy_btn:last-child {
    background-size: 400%;
}

button.buy_btn:first-child:before,
button.buy_btn:last-child:before {
    content: "";
    position: absolute;
    background: inherit;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border-radius: 50px;
    filter: blur(20px);
    -webkit-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    opacity: 0;
    transition: opacity 0.5s;
}

button.buy_btn:first-child:before,
button.buy_btn:last-child:before {
    opacity: 1;
    z-index: -1;
}

button.buy_btn {
    z-index: 1;
    animation: glow 8s linear infinite;
}

@keyframes glow {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 400%;
    }
}

/*offer badges*/
.star-badge {
    background-image: url("../img/badge.svg");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transform: rotate(-10deg);
    display: table;
    margin: auto;
    /* font-size: 1.5em; */
    position: absolute;
    top: -2em;
    left: -1em;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.35));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.35));
    z-index: 1;
}

.star-badge-offer {
    background-image: url("../img/badge.svg");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transform: rotate(-10deg);
    display: table;
    margin: auto;
    /* font-size: 1.5em; */
    position: absolute;
    top: -2em;
    left: 2em;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.35));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.35));
    z-index: 1;
}

[class^="star"],
[class*=" star"] {
    width: 4em;
    height: 4em;
    float: left;
    margin: 0.5em;
}

.star-badge>*,
.star-badge-offer>* {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

/*price slash*/
del:before {
    content: " ";
    display: block;
    width: 100%;
    border-top: 2px solid rgba(255, 0, 0, 0.8);
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-7deg);
}

/*rotating text*/
.text-container {
    display: inline-flex;
    flex-direction: column;
    height: 2rem;
    overflow: hidden;
    align-items: center;
}

.text-container span {
    height: 10rem;
    color: lightcoral;
    animation: moveUp 5s linear infinite;
    font-size: 22px;
    color: white;
}

@keyframes moveUp {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2.2rem);
    }

    75% {
        transform: translateY(-2.2rem);
    }

    100% {
        transform: translateY(0);
    }
}

.manual_video {
    width: 100%;
    height: 355px;
    max-height: 100%;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 0;
}

/*callout css*/
.callout_box {
    width: 201px;
    margin: 50px auto;
    border-radius: 20px;
    background: #007bff;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-family: arial;
    position: fixed;
    bottom: 48px;
    right: 17px;
    z-index: 111;
    font-size: 15px;
    font-family: "Itim", cursive;
}

.sb4:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #007bff;
    border-top: 10px solid #007bff;
    border-bottom: 10px solid transparent;
    right: 19px;
    bottom: -19px;
}

#close_circle {
    width: 20px;
    height: 20px;
    background-color: #36363659;
    border-radius: 25px;
    margin: auto;
    box-shadow: 1px 1px 1px #565656;
    position: relative;
    transition: all 0.2s;
    position: absolute;
    right: 3px;
    top: -7px;
    cursor: pointer;
}

#close_circle .line {
    height: 15px;
    width: 3px;
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    transition: all 0.5s;
}

#close_circle .one {
    top: 2px;
    left: 9px;
    transform: rotate(45deg);
}

#close_circle .two {
    top: 2px;
    left: 9px;
    transform: rotate(-45deg);
}

/*Private Product Modal*/
#privateProductModal {
    height: 100% !important;
}

#privateProductModal .modal-content {
    border-radius: 20px;
}

#privateProductModal .modal-body {
    padding: 0rem 1rem;
}

#privateProductModal .modal-body p {
    color: black;
    font-size: 16px;
}

#privateProductModal .modal-body h1 {
    font-size: 24px;
    color: #34e6c2;
    font-weight: 600;
}

#privateProductModal .modal-footer {
    border-top: 0;
    margin-bottom: 10px;
}

#privateProductModal .modal-footer button.purchase_btn {
    font-family: "Fredoka", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: rgb(156, 230, 116);
    background: linear-gradient(17deg,
            rgba(156, 230, 116, 1) 0%,
            rgba(34, 230, 207, 1) 100%);
    border-radius: 10px;
    /* line-height: 1; */
    width: 170px;
    text-align: center;
    padding: 12px 10px;
    text-transform: uppercase;
    box-shadow: 0px 1px 5px 0px rgba(62, 252, 40, 0.51);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(62, 252, 40, 0.51);
    -moz-box-shadow: 0px 1px 5px 0px rgba(62, 252, 40, 0.51);
    margin-top: 3px;
}

#privateProductModal .modal-footer button.login_btn {
    font-family: "Fredoka", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #34e6c2;
    background: white;
    border: 1px solid #34e6c2;
    border-radius: 10px;
    /* line-height: 1; */
    width: 170px;
    text-align: center;
    padding: 12px 10px;
    text-transform: uppercase;
    margin-top: 12px;
}

/*gif shadow*/
.gif_img {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

/*scrolling theme select*/

.theme-select .content img {
    height: 130px;
    width: 130px;
    background: transparent;
    padding: 3px;
    font-family: sans-serif;
    color: #fff;
    text-align: center;
    border: 2px solid transparent;
    cursor: pointer;
}

[type="radio"]:checked~img.theme-img {
    border: 2px solid #48cdff;
}

/* [type="radio"]:checked ~ span.ticked-badge.badge {
    display: block;
} */
span.ticked-badge.badge {
    position: fixed;
    top: 0;
    left: 1px;
    background: #48cdff;
    padding: 6px;
    display: none;
    /* border-radius: 0; */
}

.theme-select .swiper-scrollbar {
    top: 150px;
}

.theme-select .swiper-slide {
    width: 350px;
}

.theme-select .swiper-scrollbar-drag {
    /* height: 40px;
    position: relative;
    background: url(../img/panda1.png) no-repeat;
    background-size: cover;
    border-radius: 50%;
    left: 0;
    top: -13px;
    background: linear-gradient(45deg, #48cdff, #374e7a);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); */
    background: orange;
    box-shadow: 0 0 5px 1px #0000003b;
}

.theme-select .swiper-container {
    height: 210px;
}

.theme-heading {
    margin-bottom: 10px;
}

.theme-heading h4 {
    color: orange;
    margin-right: 3px;
    font-weight: bold;
}

.theme-heading span {
    font-size: 16px;
    color: #272727b3;
    margin-left: 6px;
    font-weight: 500;
}

/*discount gradient text*/
.free-text {
    background: rgb(255, 215, 136);
    background: linear-gradient(17deg,
            rgba(255, 215, 136, 1) 0%,
            rgba(250, 183, 255, 1) 35%,
            rgba(187, 246, 255, 1) 67%,
            rgba(176, 159, 255, 1) 100%);
    border-radius: 4px;
    font-style: italic;
    color: #3f3c6b;
    font-weight: 600;
    padding: 2px 10px;
    font-size: 14px;
}

.exclusive-free-text {
    background: rgb(237, 208, 93);
    background: radial-gradient(circle,
            rgba(237, 208, 93, 1) 0%,
            rgba(162, 114, 48, 1) 100%);
    border-radius: 4px;
    font-style: italic;
    color: #fff;
    font-weight: 600;
    padding: 5px 10px;
    font-size: 14px;
}

.select-book-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #48cdff;
    border-radius: 4px;
    padding: 10px 16px;
    cursor: pointer;
    margin: 30px 0;
}

.page-select-div {
    border: 2px solid #9a9c9f;
    border-radius: 4px;
    padding: 14px 16px;
    cursor: pointer !important;
    margin: 24px 0 48px;
}

.page-select-div select.page-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 2px;
}

.page-select-div select.page-select,
.page-select-div select.page-select:active,
.page-select-div select.page-select:focus {
    width: 100%;
    color: #73767b;
    border: 0;
    outline: 0;
    box-shadow: none;
    cursor: pointer;
}

.page-select option {
    cursor: pointer;
}

table.exclusive-cal {
    width: 100%;
    margin: 2% 0 5%;
    font-size: 18px;
}

table.exclusive-cal tr td {
    padding: 3px 0;
    color: #5e8cb3;
}

table.exclusive-cal tr td:first-child {
    text-align: start;
}

table.exclusive-cal tr td:last-child {
    text-align: end;
}

table.exclusive-cal tfoot td {
    color: #000;
}

table.exclusive-cal tfoot tr {
    font-weight: bold;
}

.select-book-div .para {
    font-size: 16px;
    color: #344e7a;
    font-weight: 600;
}

.select-book-div .plus-icon {
    font-size: 16px;
    color: #344e7a;
    font-weight: 600;
    background-color: #48cdff;
    border-radius: 50%;
}

.select-book-div i.fas.fa-plus {
    padding: 10px;
}

#bookSelectionModal {
    height: 100%;
    z-index: 11111111111;
    overflow-y: scroll;
}

#bookSelectionModal .modal-dialog {
    max-width: 1000px !important;
    padding: 15px;
}

#bookSelectionModal .modal-content {
    background-color: #92d9f0;
    outline: 10px solid #fff;
    border-radius: 0;
    border: 0;
}

h2#bookSelectionModalLabel {
    color: white;
    font-size: 28px;
    margin-left: 21px;
    font-weight: 700;
}

h2#bookSelectionModalLabel span {
    color: #1f5668;
    font-size: 18px;
    display: block;
    font-weight: 500;
    text-align: start;
}

/*increament no*/
#bookSelectionModal .quantity-field {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    background-color: white;
    border-radius: 0px 0px 12px 12px;
}

#bookSelectionModal .quantity-field .value-button {
    border-radius: 50%;
    margin: 0px;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 32px;
    background: #fff;
    outline: none;
    cursor: pointer;
    line-height: 0;
    font-family: initial;
    font-weight: bold;
}

#bookSelectionModal .quantity-field .number {
    display: inline-block;
    text-align: center;
    border: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0px;
    width: 50%;
    height: 100%;
    line-height: 40px;
    font-size: 16px;
    box-sizing: border-box;
    background: white;
}

#bookSelectionModal .quantity-field .value-button.increase-button {
    border: 2px solid #28a745;
    color: #28a745;
}

#bookSelectionModal .quantity-field .value-button.decrease-button {
    border: 2px solid red;
    color: red;
}

#bookSelectionModal .quantity-field .number::selection {
    background: none;
}

#bookSelectionModal .number input,
#bookSelectionModal .number input:focus {
    height: 100%;
    width: 39px;
    text-align: center;
    border: 0;
    color: #007bff;
    font-size: 20px;
    font-weight: bold;
    outline: none;
}

#bookSelectionModal .mt-md-17,
#bookSelectionModal .mt-sm-17,
#bookSelectionModal .mt-xs-17 {
    margin-top: 17%;
}

/*card*/
#bookSelectionModal .card {
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

#bookSelectionModal .card .card-block {
    height: 100%;
    text-align: center;
    max-height: 100%;
}

#bookSelectionModal .order-card i {
    font-size: 26px;
}

#bookSelectionModal .f-left {
    float: left;
}

#bookSelectionModal .f-right {
    float: right;
}

#bookSelectionModal .select-book-btn {
    background: #ffc107;
    border: 2px solid white;
    font-weight: 500;
    padding: 8px 20px;
    margin-right: 20px;
}

#bookSelectionModal .book_card_img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 12px 12px 0px 0px;
}

/*kit comparison section*/
section.kit-comparison {
    margin-top: 10%;
    margin-bottom: 10%;
}

.kit-comparison .img-area {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.kit-comparison .single-img {
    padding: 0 10px 10px;
}

/*shop*/
section.shop-cards {
    background-color: #1186fe !important;
    background: url("../img/shop-bg.svg");
    width: 100%;
    height: auto;
    padding: 5% 0 10%;
}

section.shop-cards h1 {
    font-size: 45px;
    text-shadow: 3px 1px 1px #07121b;
    text-align: center;
    margin-bottom: 5%;
    font-family: "Fredoka", cursive;
    color: white;
    font-weight: 600;
}

section.shop-cards .card {
    background-color: transparent;
    border: 1px solid transparent;
    margin-bottom: 10%;
}

section.shop-cards .card .card-img-top {
    background-color: white;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
}

section.shop-cards .card .card-body {
    text-align: center;
}

section.shop-cards .card .card-body .card-title {
    font-size: 22px;
    color: white;
}

section.shop-cards .card .card-body .regular_price {
    font-size: 16px;
    color: #00437b;
}

section.shop-cards .card .card-body .offer_price {
    font-size: 20px;
    color: #f5eb5b;
    font-weight: 600;
}

section.shop-cards .card .price-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

section.shop-cards .card .push-btn-container {
    padding: 20px 0 20px 0;
    margin-top: 10px;
}

/*==========  Push Button  ==========*/
section.shop-cards .card .btn-push {
    position: relative;
    top: 0px;
    text-decoration: none;
    font-size: 18px;
    background: #f7f7f7;
    padding: 8px 20px;
    /* margin: 0 10px; */
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75) inset;
    color: #222;
    -webkit-transition: All 250ms ease;
    -moz-transition: All 250ms ease;
    -o-transition: All 250ms ease;
    -ms-transition: All 250ms ease;
    transition: All 250ms ease;
    z-index: 1;
}

/*==========  Active State  ==========*/
section.shop-cards .card .btn-push:active {
    position: relative;
    top: 5px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: All 250ms ease;
    -moz-transition: All 250ms ease;
    -o-transition: All 250ms ease;
    -ms-transition: All 250ms ease;
    transition: All 250ms ease;
}

/*==========  Navy  ==========*/
section.shop-cards .card .btn-push.navy {
    background: #fde529;
    border: 1px solid #fde529;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 0px #07121b;
    -moz-box-shadow: 0px 5px 0px #07121b;
    -ms-box-shadow: 0px 5px 0px #07121b;
    -o-box-shadow: 0px 5px 0px #07121b;
    box-shadow: 0px 5px 0px orange;
    color: #031b79;
    font-weight: 600;
}

/*compare cards*/
section.compare-cards {
    width: 100%;
    height: auto;
    padding: 5% 0 10%;
}

section.compare-cards h1 {
    font-size: 45px;
    text-align: center;
    margin-bottom: 5%;
    font-family: "Fredoka", cursive;
    color: white;
    font-weight: 600;
    color: #cb2878;
    background-image: -webkit-linear-gradient(0deg,
            #cb2878 42%,
            #00c1d6 52%,
            #5867cf 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

section.compare-cards .card {
    background-color: transparent;
    border: 1px solid transparent;
    margin-bottom: 10%;
}

section.compare-cards .card .card-body {
    text-align: center;
    padding: 1.25rem 0;
}

section.compare-cards .card .card-body .card-title {
    font-size: 20px;
    color: black;
    height: 25px;
}

section.compare-cards .card .card-body .offer_price {
    font-size: 20px;
    color: #000;
}

button.comp-btn.round {
    background: #18a3ed;
    padding: 5px 17px;
    border-radius: 21px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
}

section.compare-cards .card .card-body .learnMore-link {
    display: block;
    color: #18a3ed;
    font-size: 14px;
    margin-top: 11px;
    text-align: center;
}

section.compare-cards .card .card-body .learnMore-link:hover {
    text-decoration: underline;
}

ul.compare-list img {
    width: 200px;
    max-width: 100%;
}

ul.compare-list li {
    height: 350px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    text-align: center;
}

ul.compare-list li small {
    height: 200px;
    max-height: 100%;
}

/*bulk ordr discount message*/
.toast-wrapper {
    padding: 30px 20px;
    position: absolute;
    top: 150px;
    right: 0;
    overflow: hidden;
}

#show-toast {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: #101020;
    color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
}

#toast {
    width: 380px;
    height: 95px;
    padding: 11px 0px 12px 11px;
    /* background-color: #ffffff; */
    background-image: linear-gradient(to right,
            #2edf9c,
            #21d9c3,
            #01b9b8,
            #089baa,
            #3489a1);
    box-shadow: 0 10px 20px rgba(75, 50, 50, 0.05);
    /* border-left: 8px solid #47d764; */
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1.2fr 6fr 0.5fr;
    transform: translate(400px);
    transition: 1s;
}

.container-1,
.container-2 {
    align-self: center;
}

/* .container-1 i{
    font-size: 40px;
    color: #47d764;
} */
.container-1 img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.container-2 p:first-child {
    color: #daff19;
    font-weight: 600;
    font-size: 20px;
    margin-left: 10px;
}

.container-2 p:last-child {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    margin-left: 10px;
}

#toast button {
    align-self: flex-start;
    background-color: transparent;
    font-size: 25px;
    line-height: 0;
    margin-top: 7px;
    color: #0a6f71;
    cursor: pointer;
}


/*Get No of copies*/
.book-copies-btn button, .book-copies-btn button:hover, .book-copies-btn button:focus {
    color: white;
    padding: 8px;
    background: #F379A7;
    margin-left: 16px;
}

.price-div h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 2px;
}

p.total-price {
    color: #f379a7;
    font-weight: 600;
    font-size: 24px;
}

span.small-text {
    font-size: 12px;
    font-style: italic;
    color: grey;
}

.account-details-content strike {
    text-decoration: none;
    position: relative;
}

.account-details-content strike::before {
    top: 50%;
    background: grey;
    opacity: .7;
    content: '';
    width: 110%;
    position: absolute;
    height: .1em;
    border-radius: .1em;
    left: -5%;
    white-space: nowrap;
    display: block;
    transform: rotate(-15deg);
}

.account-details-content strike.straight::before {
    transform: rotate(0deg);
    left: -1%;
    width: 102%;
}

.account-details-content .offer-div {
    background: rgb(255, 255, 135);
    background: linear-gradient(90deg, rgba(255, 255, 135, 1) 1%, rgba(0, 212, 255, 1) 100%);
    padding: 10px 10px 10px 20px;
    border-radius: 10px;
}

.account-details-content .offer-div strike {
    font-size: 30px;
    color: white;
}

.account-details-content .offer-div strike {
    font-size: 30px;
    color: white;
    text-shadow: none;
}

.account-details-content .offer-div h4 {
    font-size: 35px;
    font-style: italic;
    font-weight: 600;
    color: #035D55;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.25);
}

.account-details-content .offer-div h4 span {
    font-size: 16px;
    font-weight: 400;
    margin-left: 15px;
    color: black;
    text-shadow: none;
}

.account-details-content small {
    display: block;
    text-align: right;
    font-size: 12px;
    color: grey;
    width: 100%;
}

.bookCount-ex {
    width: 250px;
    text-align: center;
}

.copy-example {
    border: 2px solid #84ECFA;
    border-radius: 10px;
    padding: 0px 20px;
}

table.cal-table {
    width: 450px;
    margin-bottom: 18px;
    text-align: center;
}

table.cal-table td.total {
    color: #0B9C9C;
    font-weight: bold;
}


/*donation page*/
.donation {
    width: 100%;
    height: 100vh;
    position: relative;
    color: white;
    text-align: center;
}

.donation img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

.donation .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.yellow {
    color: #f39e21;
}

.donation h2 {
    font-size: 78px;
    font-weight: 700;
}

.donation h4 {
    font-size: 33px;
    font-weight: 100;
    color: #ded7d7;
    margin-bottom: 1%;
}

.donation p {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 100;
    width: 50%;
    color: #ded7d7;
}

/**/
.about {
    padding: 120px 0;
}

.about img {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.about-left-container {
    position: relative;
}

.about-left-container::before {
    content: "";
    position: absolute;
    left: -67px;
    top: 94px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #EB9309;
    background: #EB9309;
    animation: color1 1s linear infinite alternate-reverse;
}

@keyframes color1 {
    from {
        background-color: #ffffff;
    }

    to {
        background-color: #EB9309;
    }
}

.about-left-container::after {
    content: "";
    position: absolute;
    left: -37px;
    bottom: 43px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgb(127, 180, 50);
    animation: color2 1s linear infinite alternate-reverse;
    animation-delay: 1s;
}

@keyframes color2 {
    from {
        background-color: #ffffff;
    }

    to {
        background-color: rgb(127, 180, 50)
    }
}

.about-image {
    width: 521px;
    height: 552px;
    border-radius: 50%;
}

.about-image-bottom {
    position: absolute;
    bottom: -50px;
    right: 30px;
    width: 216px;
    height: 227px;
    border-radius: 50%;
}

.round-shape {
    position: absolute;
    left: -92px;
    top: 9px;
    z-index: -1;
    animation: bannerRound 35s linear infinite;
}

.about-right-container {
    margin-left: 130px;
}

.about-right-container p {
    font-size: 18px;
    margin-top: 15px;
}

.common-title h5 {
    position: relative;
    color: #EB9309;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.imapacting-schools .common-title h5 {
    color: #ffe358;
}

@keyframes bannerRound {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.common-title h3 {
    font-weight: 600;
    font-size: 38px;
    line-height: 46px;
    color: #1F2230;

}

/* choose */
.choose {
    position: relative;
    background: #F2F0EC;
}

.choose-left-container {
    margin: 0px 100px 0px 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 60px 0px;
}

.choose-left-container .common-title {
    margin-bottom: 40px;
}

.choose-counter {
    margin-top: 50px;
    margin-bottom: 37px;
}

.count-outer span {
    font-weight: 700;
    font-size: 36px;
    line-height: 32px;
    color: #1F2230;
    margin-bottom: 10px;
}

.choose-counter .d-flex {
    position: relative;
}

.choose-counter .d-flex::after {
    content: '';
    position: absolute;
    right: 35px;
    width: 1px;
    height: 32px;
    background: rgba(0, 0, 0, 0.1);
}

.choose-counter .d-flex:last-child:after {
    display: none;
}

.choose-right-image {
    overflow: hidden;
}

.choose-right-image::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 3, 13, 0.8);
}

.choose-shape {
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
}

.choose-round-shape {
    position: absolute;
    right: -140px;
    bottom: -50px;
    animation: 35s linear 0s infinite normal none running bannerRound;
}

.choose-round-shape img {
    opacity: 0.3;
}

/* video button */
.missiom-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

div.hv-popup-link {
    position: relative;
    background: #EB9309;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
}

div.hv-popup-link:after {
    content: '';
    position: absolute;
    border: 30px solid #EB9309;
    border-radius: 50%;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    animation: anim 1.5s linear infinite;
    opacity: 0;
}

@keyframes anim {
    0% {
        transform: scale(.5);
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}

/*how can help us section */
.help-us {
    background: url('../img/help-us.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.help-us-btn, .help-us-btn:focus, .help-us-btn:hover, .help-us-btn:active {
    background: rgb(255, 209, 101);
    background: linear-gradient(202deg, rgba(255, 209, 101, 1) 0%, rgba(247, 167, 0, 1) 50%, rgba(255, 209, 101, 1) 100%);
    border-radius: 24px;
    border-style: none;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    align-items: center;
    max-width: 100%;
    padding: 2px 24px;
    text-align: center;
    margin-top: 3%;
}

/*kit donation imapacting schools*/
section.imapacting-schools {
    background-color: #9330f8;
    padding: 100px 0px;
    text-align: center;
}

.schools-logo .swiper-container {
    padding: 40px 50px;
}

.school-box {
    text-align: center;
}

.school-box img {
    width: 200px;
    max-width: 100%;
    height: 100px;
    max-height: 100%;
}

.swiper-pagination-bullet-active {
    background-color: #f5b504 !important;
}


#donateVideoModal .modal-header .close {
    margin: -1rem -1rem -1rem auto;
    color: white;
    opacity: 1;
    padding: 0;
}

#donateVideoModal .modal-dialog {
    max-width: 650px;
}

#donateVideoModal .modal-body {
    height: 371px
}

/*bmc books section*/
.bmc_books_sec {
    background: url('../img/bmc-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.school-dashboard-logo {
    width: 350px;
    max-width: 100%;
    height: 350px;
    max-height: 100%;
    border: 4px solid #057ee0;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.bmc_fetures_part .about_section_content h3 {
    font-size: 32px;
    font-weight: 600;
    color: #32355d;
}

.bmc_fetures_part .about_section_content p {
    color: grey;
    font-weight: 400;
}

.bmc_fetures_part .about_section_content p.loc {
    color: black;

}

.exc-contact {
    font-weight: 600;
    color: #2a4674;
    font-family: "Fredoka", cursive;
    font-size: 20px;
}

a.bg-gmail {
    text-decoration: underline !important;
}

/*school section*/
.school_hero_single {
    height: 587px;
    background: url('../img/school_search_bg.png') center top no-repeat;
}

.school_hero_single .opacity-mask {
    height: 400px;
}

.school_hero_single .opacity-mask h1 {
    line-height: 1;
    font-size: 40px;
    margin: 0 0 12px 0;
    font-weight: 600;
    color: #fff;
    font-family: "Fredoka", cursive;
    text-align: center;
}

.school_hero_single .opacity-mask p {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 10%;
}

.school_hero_single .custom-search-input .form-group .form-control {
    height: 42px !important;
}

.list_schools ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list_schools ul li {
    display: inline-block;
    position: relative;
    width: 100%;
}

.list_schools ul li a {
    background-color: #fff;
    -webkit-box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.05);
    -moz-box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.05);
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 15px 15px 140px;
    color: #444;
    margin-bottom: 30px;
    min-height: 147px;
    display: block;
}


.list_schools ul li a figure {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 150px;
    height: 130px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}



.list_schools ul li a figure img {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}


.list_schools ul li a .score {
    position: absolute;
    top: 10px;
    right: 20px;
}

.list_schools ul li a em {
    font-size: 12px;
    font-size: 0.75rem;
}

.list_schools ul li a h3 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.list_schools ul li a small {
    font-size: 14px;
    font-size: 14px;
    color: #777;
}

.list_schools ul li a ul {
    margin-top: 10px;
}

.list_schools ul li a ul li {
    display: inline-block;
    width: auto;
    margin: 0 5px 0 0;
}

.list_schools ul li a ul li:last-child {
    margin: 0;
    font-size: 12px;
    font-size: 0.75rem;
}

.list_schools ul li a ul li .ribbon {
    position: static;
}

.list_schools ul li a:hover {
    -webkit-box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.1);
    -moz-box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.1);
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.1);
}

.list_schools ul li a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.list_schools ul li a:hover h3 {
    color: #f69941;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main_title h4 {
    margin-bottom: 2%;
    color: #9330f8;
    font-weight: 600;
}

.school_list_bg {
    margin: 2% 0 6%;
}

.schools {
    background-color: #fdfbff;
}


/*school dashboard*/
.top-banner {
    background-color: #9330f8;
}

.school_dashboard .top-banner h1 {
    color: white;
    font-size: 30px;
    font-weight: 600;
}

.school_dashboard .top-banner img {
    background-color: white;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 10px 12px;
    width: 150px;
    height: 150px;
}

.school_dashboard .top-banner p {
    color: #00ff90;
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
}

.book-div img {
    /* width: 100%;
    height: auto; */
    width: 250px;
    height: 350px;
    border-radius: 12px;
}

.book-div .mb-6 {
    margin-bottom: 6%;
}

.book-div .content h6 {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 18px;
    margin-top: 12px;
    color: #575757;
}


.book-div .content .sub-content {
    display: flex;
    align-items: center;
    justify-content: start;
}

.book-div .content .sub-content span {
    color: #317dfe;
    font-weight: 600;
}

select#classDropdown, select#gradeDropdown, select#classDropdown:focus, select#gradeDropdown:focus, select#classDropdown:focus-visible, select#gradeDropdown:focus-visible {
    border: 1px solid grey;
    border-radius: 6px;
    padding: 6px 24px 6px 16px;
    margin: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url("../img/select-arrow.svg");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 4px;
    outline: none;
}

p#noResultMessage {
    text-align: center;
    font-size: 22px;
}

.book-div #searchForm {
    width: 300px;
    max-width: 100%;
}

.book-div #searchForm input {
    border: 1px solid grey;
    border-radius: 6px;
    padding: 10px;
}

.book-div .custom-search-input {
    box-shadow: none;
}

.book-div #searchResults {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    width: 280px;
    color: black;
    margin-left: 6px;
}

.book-div #searchResults .search-item img {
    width: 50px;
    height: 50px;
}

.book-div #searchResults .search-item span {
    font-size: 12px;
}


/*Media Queries*/
@media (min-width: 1200px) {
    .single_fetures_part:hover {
        margin-bottom: 10px;
        margin-top: -10px;
    }

    .custom_container {
        max-width: 1200px;
    }

    .profile-card .btn {
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .schools-logo .swiper-container {
        padding: 0 0 40px;
    }

    .school-box {
        padding: 0;
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .user_manual_bnr {
        background-size: cover;
        /* background-position: left; */
    }

    #inner_header_post_thumb .dark_overlay,
    #inner_header_post_thumb {
        height: 90vh;
    }

    .testimonial .testimonial-details p {
        height: 225px;
    }

    .testimonial .swiper-wrapper {
        height: 480px;
    }

    .best_product .card .card-title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .section_padding {
        padding: 100px 0px;
    }

    .padding_top {
        padding-top: 100px;
    }

    .padding_bottom {
        padding-bottom: 100px;
    }

    .section_tittle {
        margin-bottom: 50px;
    }

    .section_tittle h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .section_tittle_style_02 {
        margin-bottom: 50px;
    }

    .section_tittle_style_02 .title {
        font-size: 40px;
    }

    .sub_header .header_contact_info a {
        margin-right: 25px;
    }

    .single_fetures_part {
        padding: 35px 20px 40px;
    }

    .banner_style_4 .single_banner_part .banner_iner h4 {
        font-size: 45px;
        line-height: 55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .section_padding {
        padding: 70px 0px;
    }

    .section_tittle {
        margin-bottom: 45px;
    }

    .section_tittle h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .section_tittle_style_02 {
        margin-bottom: 45px;
    }

    .sub_header .header_contact_info a {
        margin-right: 25px;
    }

    .single_fetures_part {
        padding: 35px 20px 40px;
        margin-bottom: 30px;
    }

    .mt_100 {
        margin-top: 80px;
    }

    .banner_style_4 .single_banner_part .banner_iner h4 {
        font-size: 35px;
        line-height: 45px;
    }

    .banner_part .single_banner_part {
        height: 75vh;
    }
}

@media (max-width: 991px) {
    .padding_top {
        padding-top: 70px;
    }

    .padding_bottom {
        padding-bottom: 70px;
    }

    .section_tittle_style_02 .title {
        font-size: 35px;
    }

    .header_style_3 .navbar-toggler {
        border: 0 solid transparent;
        padding: 0;
        font-size: 27px;
        color: #fff;
    }

    .about_section .about_section_content .list_content {
        margin-top: 15px;
    }

    .about_section .about_section_content .list_content ul li {
        padding: 5px 0;
        padding-left: 30px;
    }

    .about_section .about_section_content .list_content ul li i {
        top: 9px;
    }

    .fetures_part [class^="feature_animation_"],
    .fetures_part [class*=" feature_animation_"],
    .contact-form-wrapper [class^="feature_animation_"],
    .contact-form-wrapper [class*="feature_animation_"] {
        display: none;
    }

    .footer_section .single_footer_widget {
        margin-top: 30px;
    }

    .footer_section .footer_animation_3 img {
        max-width: 80%;
    }

    .single_fetures_part h4 {
        margin-top: 30px;
    }

    .mt_100 {
        margin-top: 70px;
    }

    .second-column {
        text-align: center;
        text-align: -webkit-center;
    }

    .row.dashboard-div {
        height: 100vh;
    }

    .contact-page-wrap .contact-info-items {
        padding: 80px 0;
    }

    .contact-form {
        padding: 75px 0 52px;
    }

    .contact-form .contact-form-wrapper .form-group textarea.form-control {
        min-height: 170px;
    }

    .page-title-area .page-title-content .title {
        margin-bottom: 0;
    }

    .register-area,
    .login-area,
    .blog-area,
    .forgot-pass-area,
    .email-verify-area {
        padding: 30px 0 70px;
    }

    .product-area.shop-checkout-area {
        padding: 80px 0;
    }

    .banner_style_3 .single_banner_part .banner_iner .cu_btn,
    .banner_style_4 .single_banner_part .banner_iner .cu_btn {
        margin-top: 20px;
    }

    .cs-page_head .cs-page_title {
        font-size: 36px !important;
    }

    .hero_single.version_1 {
        background: #faf3cc url(../img/track-mobile.svg) center top no-repeat;
    }

    .hero_single.version_1 .opacity-mask, .school_hero_single .opacity-mask {
        text-align: center !important;
    }

    .custom-search-input {
        /* background: none; */
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .custom-search-input input {
        border: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        height: 60px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    }

    #inner_header_post_thumb .dark_overlay .container .header-txt p {
        width: 100%;
    }

    #inner_header_post_thumb .dark_overlay .container .header-txt h1 {
        font-size: 39px;
        line-height: 42px;
    }

    #inner_header_post_thumb {
        background-size: contain;
    }

    .custom-search-input .form-group {
        margin-bottom: 5px;
    }

    .achievements .achievement-item span {
        font-size: 40px;
    }

    .best_product .card .card-title {
        font-size: 18px;
    }

    #hero {
        text-align: center;
    }

    #hero .hero-img {
        text-align: center;
    }

    #hero li {
        text-align: -webkit-auto;
    }

    .feature-list {
        display: inline-flex;
        align-items: center;
        justify-content: left;
    }

    .about-right-container {
        margin-left: 0px;
        margin-top: 10%;
    }
}

@media (max-width: 767.98px) {
    .section_padding {
        padding: 70px 0px;
    }

    .section_tittle {
        margin-bottom: 35px;
    }

    .section_tittle h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .header_part .sub_header {
        text-align: center;
    }

    .sub_header .header_contact_info span a {
        /* margin-right: 10px;
        margin-left: 10px; */
        padding: 4px;
    }

    .single_fetures_part {
        padding: 35px 20px 30px;
        margin-bottom: 30px;
    }

    .footer_section {
        padding: 40px 0 37px;
    }

    .home_two_footer {
        padding: 70px 0 200px;
    }

    .home_two_footer .footer_animation_3 {
        max-width: 250px;
    }

    .section_tittle_style_02 {
        margin-bottom: 35px;
    }

    .cu_btn {
        padding: 15px 25px;
        font-size: 15px;
    }

    .banner_style_3 .single_banner_part .banner_iner,
    .banner_style_4 .single_banner_part .banner_iner {
        margin: 20px 0 50px;
        text-align: center;
    }

    .banner_style_3 .single_banner_part,
    .banner_style_4 .single_banner_part {
        height: auto;
    }

    .banner_style_4 .single_banner_part .banner_iner h4 {
        font-size: 40px;
        line-height: 53px;
    }

    .banner_style_3 .single_banner_part .banner_info_img,
    .banner_style_4 .single_banner_part .banner_info_img {
        margin: 150px 0 40px;
    }
}

@media screen and (max-width: 767px) {
    .footer-copyright .container-fluid {
        display: block;
    }

    .footer-copyright .company-info {
        display: inline-block;
    }

    .register-border,
    .login-border,
    .blog-border,
    .forgot-pass-border {
        border: none;
    }

    .myaccount-tab-menu {
        margin-bottom: 40px;
    }

    .single-product-tab .nav-tabs .nav-item .nav-link {
        padding: 8px 5px 8px;
    }

    .hero_single .opacity-mask h1, .school_hero_single .opacity-mask h1 {
        font-size: 36px;
        font-size: 2.25rem;
    }

    .donation h2 {
        font-size: 42px;
    }

    .donation h4 {
        font-size: 28px;
    }

    .donation p {
        width: 90%;
        font-size: 14px;
    }

}

@media (max-width: 575px) {
    .list_content div {
        display: flex;
    }

    .navbar-brand span {
        display: none;
    }

    .row.dashboard-div {
        height: 100% !important;
    }

    .v-align h2 {
        font-size: 22px;
    }

    .about_section .about_section_content {
        padding-top: 20px;
    }

    .home_two_footer {
        padding: 70px 0 220px;
    }

    /* .hero-1 {
        padding-top: 120px;
    } */

    .your-order-area .your-order-wrap {
        padding: 30px 20px;
    }

    .faq_page_title {
        padding: 55px !important;
    }

    h1.gradient-heading,
    h1.about-kit-heading,
    h1.info-heading {
        font-size: 26px;
        margin: 18% 0 4%;
    }

    #inner_header_post_thumb {
        background-size: contain;
    }

    #inner_header_post_thumb .dark_overlay,
    #inner_header_post_thumb {
        height: 100%;
    }

    #inner_header_post_thumb .dark_overlay .container .header-txt div {
        margin: 15% 0;
    }

    #videoModal .modal-dialog {
        margin: 2rem 0.5rem;
    }

    .best_product .card button {
        font-size: 14px;
    }

    .best_product .card .card-title {
        font-size: 16px;
    }

    section.shop-cards .card .card-body .card-title {
        font-size: 16px;
        height: 30px;
    }

    section.shop-cards .card .btn-push {
        font-size: 14px;
    }

    .shop-col {
        padding-left: 4px;
        padding-right: 4px;
    }

    section.shop-cards .card .card-img-top {
        padding: 10px;
    }

    .theme-select .content img {
        height: 100px;
        width: 100px;
    }

    .theme-select .swiper-scrollbar {
        top: 120px;
    }

    .manual_video {
        height: 194px;
        max-height: 100%;
    }

    .user_manual_bnr {
        background-size: cover;
        background-position: left;
    }

    .header_contact_info {
        display: block !important;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .section {
        padding: 80px 0px;
    }
}

/* @media (max-width: 1199.98px) {
    .hero-1 .hero-1-bg {
        background-size: 70% 100%;
    }

    .hero-1 .hero-1-title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .hero-1 .hero-1-bg {
        background-size: 100% 100%;
    }
} */

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

    .register-area,
    .login-area,
    .blog-area,
    .forgot-pass-area,
    .email-verify-area {
        padding: 50px 0 90px;
    }

    .your-order-area .place-order a {
        font-size: 20px;
    }

    .fun-fact2,
    .fun-fact1 {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .pricingtable-wrapper.style-1 {
        padding: 35px 30px;
    }
}

@media only screen and (max-width: 479px) {
    .product-summery .product-head .product-title {
        font-size: 22px;
    }

    .product-summery .price-box .regular-price {
        font-size: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width: 767px) {
    .product-summery {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1825px) {
    .fun-fact1 {
        left: 0;
    }
}

@media (min-width: 992px) {
    .tracking-item {
        margin-left: 10rem;
    }

    .tracking-item .tracking-date {
        position: absolute;
        left: -10rem;
        width: 7.5rem;
        text-align: right;
    }

    .tracking-item .tracking-content {
        padding: 0;
        background-color: transparent;
    }

    .tracking-item-pending {
        margin-left: 10rem;
    }

    .tracking-item-pending .tracking-date {
        position: absolute;
        left: -10rem;
        width: 7.5rem;
        text-align: right;
    }

    .tracking-item-pending .tracking-content {
        padding: 0;
        background-color: transparent;
    }
}

@media screen and (max-width: 399px) {
    .schedule-item-2 {
        background-size: 100% 100%;
        margin-bottom: 20px;
    }
}

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

    .contact-form-wrapper [class^="feature_animation_"],
    .contact-form-wrapper [class*="feature_animation_"] {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .about-image {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .common-title h3 {
        font-size: 32px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 1366px) {
    .about-image {
        /* width: 385px;
        height: 416px; */
        border-radius: 50%;
    }

    .choose-left-container {
        margin: 0px 40px 0px 40px;
    }
}




/*language translation*/
.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.header_contact_info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 100px;
    padding-left: 100px;
}

a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
    visibility: hidden;
}

.goog-te-gadget {
    font-family: arial;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    height: 35px;
}

.goog-te-gadget .goog-te-combo {
    margin: 4px 0;
    padding: 7px;
    font-size: 13px;
    font-weight: 600;
    /* background: transparent; */
    border: 0;
    /* color: white; */
    border-radius: 6pxdae;
}