body {
    font-family: Poppins, sans-serif !important;
    font-weight: 400;
}
.icons_store {
    height: 40px;
}
section {
    padding-top: 50px;
}
.pulse.awesome {
    -webkit-animation: colorchange 20s infinite alternate;
}
@-webkit-keyframes colorchange {
    0% {
        color: #00f;
    }
    10% {
        color: #8e44ad;
    }
    20% {
        color: #1abc9c;
    }
    30% {
        color: #d35400;
    }
    40% {
        color: #00f;
    }
    50% {
        color: #34495e;
    }
    60% {
        color: #00f;
    }
    70% {
        color: #2980b9;
    }
    80% {
        color: #f1c40f;
    }
    90% {
        color: #2980b9;
    }
    100% {
        color: pink;
    }
}
.p_cnt input[type="text"] {
    border-bottom: 0;
    border: 1px solid #ccc;
}
.h-acievement {
    text-align: left;
}
.btn-playstore {
    display: flex;
}
.country-field {
    display: -webkit-box;
}
.form-group input[type="text"].border-mobile {
    width: 72% !important;
    position: absolute !important;
}
.c-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 100px !important;
}
.c-body1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 80px 0 140px !important;
}
.panel {
    box-shadow: 0 0 2px grey;
    border-radius: 10px;
    overflow: hidden;
    border: none !important;
}
.check-txtbx {
    text-transform: lowercase;
    color: #544848;
    font-size: 12px;
}
.input-01:active,
.input-01:focus,
.input-01:hover {
    border-color: #ced4da;
}
.f-13 {
    font-size: 13px !important;
}
.grp-txt {
    width: 100px;
}
.btn-login.btn-reg.btn-sm {
    padding: 5px 10px !important;
    font-size: 10px;
}
.p-blog h3 {
    font-size: 21px !important;
}
.p-infographic {
    padding-bottom: 40px;
}
.p-infographic h2 {
    font-size: 30px !important;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.p-infographic .panel .panel-body {
    background: #0bc1cf;
    border-color: #0bc1cf;
}
.custom-select.select-bx {
    border: 0;
    padding: 0;
}
input {
    width: 100%;
    background-color: transparent !important;
    border: 0;
    border-bottom: 1px solid #ccc;
}
input:active,
input:focus,
input:hover {
    outline: 0;
}
.form-group input[type="text"]:active,
.form-group input[type="text"]:focus,
.form-group input[type="text"]:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    outline: 0;
}
.form-group input[type="text"] {
    text-transform: capitalize;
    width: 100% !important;
    color: #6f6767;
}
#timer {
    margin-right: 50px;
    float: right;
    margin-top: -3px;
}
.w-otp {
    width: 100% !important;
    border-bottom: 2px solid #27c8d5 !important;
    border-radius: 0 !important;
    border: 0;
}
.bt-0 {
    border-top: 0 !important;
}
.otp-frm {
    border: 0 !important;
    border-bottom: 1px solid #ccc !important;
}
.btn-modal {
    background-color: #0bc1cf;
    color: #fff;
}
.modal-footer .btn-clse {
    float: right !important;
    margin: inherit !important;
}
.panel-heading {
    padding: 0;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.mid-lft h1 {
    padding-top: 10px;
    color: #fff !important;
    font-size: 34px !important;
    font-weight: 700;
    margin: 0 0 0 !important;
    letter-spacing: 2px;
}
.panel-body {
    padding: 15px;
}
.card-body .input-field {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}
.font-grp {
    color: #bbb;
    margin-left: -23px !important;
    position: absolute;
    margin-top: 14px;
    font-size: 18px;
    margin-top: 14px !important;
}
.custom-control-label.form-custom {
    top: 0 !important;
}
.inpt-chk {
    padding-left: 0 !important;
    left: -8%;
}
small {
    margin-left: 5px;
    font-size: 14px;
    color: #544848;
}
.txt-forgetpass {
    margin-top: -9px;
    padding: 0;
    font-size: 15px !important;
    color: #4d90fe !important;
    text-decoration: underline;
    cursor: pointer;
    float: right;
}
.radio-chk {
    text-transform: initial;
    color: #544848 !important;
    font-size: 13px !important;
    padding-left: 35px;
    position: absolute;
    margin-top: -10px;
}
.mid-lft-txt {
    font-size: 20px !important;
    color: #fff !important;
}
.testimonial-img {
    width: auto !important;
    margin: 0 auto;
}
h2 {
    margin: 0;
    font-size: 30px !important;
    text-shadow: none;
    color: #000 !important;
}
p {
    font-size: 14px !important;
    color: gray;
    line-height: 1.42857143 !important;
    font-weight: 400 !important;
}
.forte-heading {
    color: #000 !important;
}
.education-txt {
    margin: 0;
    padding-top: 20px !important;
    text-align: center;
}
.logo {
    width: 100px;
}
.mid-section {
    height: 600px;
    padding-top: 0;
    background-image: url(../homePage_Icons/Icons_0033_Rectangle-4.png);
}
.mid-lft {
    padding-top: 36px !important;
}
.mid-rgt {
    padding-top: 40px !important;
}
.front-images-two {
    display: none !important;
}
.front-images-one {
    display: block !important;
}
.fonts-icons {
    cursor: pointer;
    margin-top: -30px;
    float: right;
    margin-right: 12px;
}
.reg-title {
    margin-left: -22px;
    text-transform: uppercase;
    text-align: center;
}
.lft-images {
    background-image: url(../homePage_Icons/laptop.png);
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.edu-sec {
    margin: 0 auto;
}
.btn.btn-primary.btn-login {
    border-radius: 3px;
    background: #0bc1cf !important;
    border: 1px solid #0bc1cf !important;
    color: #fff;
    padding: 5px 10px;
    margin-left: -13px !important;
    margin-bottom: 30px;
    margin-top: 30px;
    margin: 0 auto !important;
    display: block !important;
}
.btn.btn-primary.btn-login:active,
.btn.btn-primary.btn-login:focus,
.btn.btn-primary.btn-login:hover {
    background: #fff !important;
    border: 1px solid #0bc1cf !important;
    color: #0bc1cf !important;
}
.slider-item {
    background-color: #0bc1cf;
}
.r-pass {
    font-size: 15px;
    color: gray;
    text-decoration: underline;
    cursor: pointer;
}
.f-pass {
    border: 0 !important;
    border-bottom: 1px solid #0bc1cf !important;
}
.mr-frm {
    margin-left: 15px !important;
}
.modal-login {
    font-size: 30px;
}
.txt-forget {
    color: #0bc1cf !important;
}
.txt-forget a {
    color: #0bc1cf !important;
}
input {
    background-color: transparent !important;
}
.select_label_two {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.select_label_one {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
.frm-selected {
    width: 100% !important;
    margin-left: 2px !important;
}
.dismis-close {
    margin-right: 10px !important;
    padding: 0 7px 7px 7px !important;
    margin-top: 0 !important;
}
.frm-radius {
    border-radius: 10px !important;
}
.btn.btn-primary.reg-btn {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    display: block;
    margin: 0 auto;
    border-radius: 3px !important;
    border: 1px solid #0bc1cf;
    background: #0bc1cf;
    padding: 10px 20px !important;
    font-size: 13px;
}
.btn.btn-primary.reg-btn:active,
.btn.btn-primary.reg-btn:focus,
.btn.btn-primary.reg-btn:hover {
    border: 1px solid #0bc1cf;
    color: #0bc1cf !important;
    background-color: #fff !important;
}
.lft-reg {
    font-size: 25px;
    color: #49c0f0;
}
@media screen and (min-device-width: 414px) and (max-device-width: 768px) {
    img.our_vision_img {
        width: 100%;
    }
    section {
        padding: 30px !important;
    }
}
@media only screen and (max-width: 414px) {
    img.our_vision_img {
        width: 100%;
    }
    .col-sm-12.newsletter_contain_col {
        height: 160px;
    }
    .view.overlay.my-4.img-responsive.center-block {
        background-image: url(../homePage_Icons/bg_arrow2.png);
        background-repeat: no-repeat;
        background: 0 0 !important;
    }
    .form-group input[type="text"].border-mobile {
        width: 50% !important;
        position: absolute !important;
    }
    .nav-scroll {
        overflow-x: hidden;
        overflow-y: auto;
        height: 500px;
        margin-top: 0;
    }
    .form-control.frm-opt {
        width: 45% !important;
    }
    .card-body .mob-field {
        width: 51% !important;
        position: absolute !important;
    }
    .zen-zeena .zen {
        display: none !important;
    }
    .zen-zeena .zeena {
        display: none !important;
    }
    section {
        padding: 20px 0 !important;
    }
    p {
        font-size: 16px !important;
    }
    .button-store > i {
        font-size: 50px !important;
    }
    .button-store.btn-store {
        margin-bottom: 20px !important;
    }
    .footer_bottom ul li a {
        font-size: 13px;
    }
    .web-btn {
        margin-top: 35px;
    }
    .page-whyus .txt-heading p {
        font-size: 22px !important;
    }
    .forte.for_txt p {
        font-size: 16px !important;
    }
    * {
        font-family: Poppins, sans-serif;
        font-weight: 400;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        background-image: url(../homePage_Icons/Icons_0033_Rectangle-4.png);
        padding: 15px;
    }
    .txt-forgetpass {
        margin-top: -15px !important;
    }
}
@media only screen and (max-width: 768px) {
    .col-sm-12.newsletter_contain_col {
        height: 188px;
    }
    .mid-lft {
        padding-top: 40px !important;
    }
    .mid-rgt {
        padding-top: 40px !important;
    }
    .mid-section {
        height: auto !important;
    }
    .navbar-ft {
        height: inherit !important;
    }
    .front-images-two {
        display: block !important;
    }
    .front-images-one {
        display: none !important;
    }
}
.tab-chk ul {
    list-style-type: none;
}
.tab-chk li {
    display: inline-block;
}
.tab-chk input[type="checkbox"][id^="myCheckbox"] {
    display: none;
}
.tab-chk label {
    border: 1px solid #fff !important;
    display: block !important;
    position: relative !important;
    margin: 10px !important;
    cursor: pointer;
}
.card-border {
    margin-bottom: 30px;
    border: 1px solid #ccc;
    outline: 1px solid #ccc;
    outline-offset: 5px;
    padding: 15px 0;
}
.tab-chk label:before {
    background-color: green;
    color: green;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: 21px;
    left: 21px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.tab-chk label img {
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
:checked + label:before {
   /*content: "\f00c";*/
    font-family: FontAwesome;
    background-color: #fff;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.card.packages-card {
    border-radius: 20px;
    border: 1px solid #17b3f1;
    background-color: #fff;
}
.packages-card .card-header h2 {
    color: #fff !important;
    padding: 0;
    margin: 0;
}
.packages-card .card-header {
    border-top-right-radius: 20px !important;
    background-color: #17b3f1;
    border-top-left-radius: 20px !important;
}
.card-bx-bdy {
    width: 218px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 10px !important;
    border: 1px solid #dee2e6;
    margin-top: 30px;
    margin-left: 15px;
}
.card-bx-bdy h6 {
    font-weight: 400;
}
.packages-card .card-body h4 {
    font-size: 20px;
    padding: 15px;
    margin: 20px 0;
}
.line-join {
    width: 100%;
    border-bottom-right-radius: 20px;
    background-color: #32c1cf;
    border-bottom-left-radius: 20px;
    height: 10px;
    margin-top: 20px;
}
.btn-success.btn-join {
    font-size: 13px;
    background-color: #17b3f1;
    color: #fff;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #17b3f1;
    border-image: initial;
    border-radius: 11px;
    margin: 0 auto;
}
.card-footer.card-bx-footer {
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
}
.available-card .card .button1 {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.available-card .card.card-1 {
    background-image: linear-gradient(to right top, #e73017, #ed5d0a, #f17f05, #f29e17, #f2bb30);
}
.available-card .card.card-2 {
    background-image: linear-gradient(to right top, #0a3667, #095488, #0473a9, #0695c8, #18b7e6);
}
.available-card .card.card-3 {
    background-image: linear-gradient(to right top, #17b9e6, #17c3dd, #3bccd1, #5ed3c4, #7fd9b8);
}
.available-card .card.card-4 {
    background-image: linear-gradient(to right top, #c0304c, #d23b6b, #e04b8c, #e95daf, #ed72d2);
}
.available-card .card.card-5 {
    background-image: linear-gradient(to right top, #6145e6, #5354eb, #4461ee, #376cf0, #2c76f1);
}
.packages-card thead {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}
.packages-card .table td,
.packages-card .table th {
    font-size: 16px;
}
.packages-card tbody tr {
    background-color: #fff;
}
.packages-card .table th {
    border-top: 1px solid transparent !important;
}
.packages-card .fa-trash {
    font-size: 25px;
    color: #32c1cf;
}
.packages-card .card-header h2 {
    color: #fff !important;
    padding: 0;
    margin: 0;
}
.packages-card .card-header {
    background-color: #17b3f1;
}
.card-bx-bdy {
    width: 218px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 10px !important;
    border: 1px solid #dee2e6;
    margin-top: 30px;
    margin-left: 15px;
}
.card-bx-bdy h6 {
    font-weight: 400;
}
.packages-card .card-body h4 {
    font-size: 20px;
    padding: 15px;
    margin: 20px 0;
}
.btn-success.btn-join {
    font-size: 13px;
    background-color: #17b3f1 !important;
    color: #fff;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #0bc1cf !important;
    padding: 7px 29px;
    border-radius: 3px;
    margin-top: 30px !important;
}
.available-card .card p {
    color: #fff;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
}
.available-card .card h5 {
    color: #fff;
    padding: 5px 0;
    font-size: 25px;
    text-transform: uppercase;
}
.available-card .card .button1 {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.available-card .card .button {
    border-radius: 6px;
    background-color: #fff;
    border: none;
    color: #000;
    padding: 7px 29px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.available-card .card {
    margin-bottom: 30px;
}
.card-footer.card-bx-footer {
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
}
.btn-country {
    padding: 10px 100px 10px 10px !important;
    border-radius: 0 !important;
    color: #000;
    background-color: #f1f1f1;
    border-color: #6c757d;
}
.btn-group.purchase {
    margin-bottom: 20px;
}
.dropdown-toggle-split {
    font-size: 25px !important;
}
.dropdown-toggle {
    padding: 10px !important;
}
.btn-country.dropdown-toggle {
    background-color: #e6e6e6;
}
.img-country {
    width: 30px;
    height: 20px;
}
button.btn.button-store.btn-store.my-4 {
    background-color: transparent;
    border: 1px solid;
    float: left;
}
img.card-img-top {
    align-self: center;
    width: 225px;
    height: auto;
    margin: 15px;
}
img.card-img-top.img-fluid.whats {
    align-self: center;
    width: auto;
    height: 225px;
    margin: 15px;
}
img.card-img-top.img-fluid {
    align-self: center;
    width: 100%;
    height: 225px;
    margin: 15px;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
hr#left-contain-education {
    float: left;
    width: 20%;
    border: 2px solid #17b3f1;
}
hr#education-txt {
    width: 10%;
    border: 2px solid #17b3f1;
}
.inst-education-stn-div {
    padding-right: 7%;
    padding-left: 7%;
    padding-top: 20px;
}
.inst-education-stn-div h1 {
    color: #fff;
}
.inst-education-stn-div .subheading {
    float: left;
    color: #3931af;
    font-size: 20px;
}
section.inst-education-stn {
    padding-top: 15px;
}
button.btn.btn-lg {
    background-color: #17b3f1;
}
.download-app-stn-div {
    padding-right: 7%;
    padding-left: 7%;
    padding-top: 20px;
}
.download-app-stn-div h1 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
}
.download-app-stn-div .subheading {
    color: #3931af;
    font-size: 20px;
}
.download-app-stn-div .row {
    margin-left: auto;
    margin-right: auto;
}
section.download-app-stn {
    padding-top: 15px;
    padding-bottom: 0;
}
button.btn.btn-lg {
    background-color: #17b3f1;
}
ul.navbar-nav.ml-auto {
    font-size: 16px;
    font-weight: 400;
    font-family: Poppins, sans-serif;
}
.card.mb-4.box-shadow {
    text-align: start;
}
section.ThefourCs {
    background-image: url(../homePage_Icons/Icons_0034_Rectangle-2-copy-4.png);
    padding-top: 15px;
    padding-bottom: 30px;
}
h2.ThefourCs-heading {
    margin-top: 20px;
    color: #fff !important;
    font-weight: 800;
}
hr.hr-fourCs {
    border: 2px solid #fff;
}
button.btn {
    background-color: #198cb9;
    color: #fff;
}
section.bottom_header_From_Stressful_Education_To_Joyful_Learning_contain {
    margin-top: 100px;
}
img.img-responsive.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
button.btn.btn-login {
    height: auto;
    margin: 5px;
}
.col-md-7.col-sm-12.left-img {
    position: static !important;
}
button.btn.btn-lg.learn-more {
    border-radius: 50px;
}
.newsletter-section {
    padding: 5px 0;
}
.newsletter-section .content {
    max-width: 525px;
    margin: -24% auto !important;
    text-align: center;
    position: relative;
    z-index: 2;
}
.newsletter-section .content h2 {
    color: #243c4f;
    margin-bottom: 40px;
    font-weight: 800;
}
.newsletter-section .content .form-control {
    height: 50px;
    border-color: #e5e5e5;
    border-radius: 0;
}
.newsletter-section .content.form-control:focus {
    box-shadow: none;
    border: 2px solid #243c4f;
}
.newsletter-section .content .btn {
    min-height: 50px;
    border-radius: 0;
    background: #ffaa30;
    color: #fff;
    font-weight: 600;
}
img.newslatter-back {
    width: 100%;
}
a.foot-link {
    font-size: 16px;
    color: #fff;
}
ul.social_media_icons {
    list-style: none;
    display: flex;
    padding: 0;
}
ul.social_media_icons > li {
    padding: 5px;
}
hr.address {
    width: auto;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    border: 0.5px solid #8b999e;
}
hr.contact_no {
    width: auto;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    border: 0.5px solid #8b999e;
}
hr.social_link {
    width: auto;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    border: 0.5px solid #8b999e;
}
img.ThefourCs-img {
    width: 100%;
}
.jumbotron.text-center {
    background-color: #f8faf9;
}
.col-md-4.highly-ita-img:hover {
    background-color: #17b3f1 !important;
}
.col-md-4.simplified-img:hover {
    background-color: #17b3f1 !important;
}
.col-md-4.analytics-img:hover {
    background-color: #17b3f1 !important;
}
.col-md-4.games-img:hover {
    background-color: #17b3f1 !important;
}
.col-md-4.video-img:hover {
    background-color: #17b3f1 !important;
}
.col-md-4.challenges-img:hover {
    background-color: #17b3f1 !important;
}
img.img-responsive.ju-ed-par:hover {
    transform: scale(1.1, 1.1);
}
img.img-responsive.ju-ed-par {
    transition: box-shadow 0.3s;
    border-radius: 200px;
    border: 1px solid #ccc;
    background: #fff;
}
button.btn.button-store.btn-store.my-4.try_free {
    border-radius: 50px;
}
h2.download_free {
    font-size: 30px !important;
    color: #fff !important;
    font-weight: 900;
}
.container.joy_learning_img {
    width: 100%;
    margin-left: auto;
    padding-left: unset;
    padding-right: unset;
    margin-right: auto;
}
.view.overlay.my-4.img-responsive.center-block {
    background-image: url(../homePage_Icons/bg_arrow2.png);
    background-repeat: no-repeat;
}
a.contact_link {
    color: #fff;
}
.col-md-5.con-left {
    background-color: #17b3f1;
    padding: 25px;
}
.con-detail {
    padding-top: 20px;
}
.col-md-7.con-right {
    background-color: #f7f6fb;
    padding: 25px;
}
.card.h-100 {
    background: 0 0;
    text-align: center;
    border: 1px solid #dedddd;
}
p.card-text.detail_p {
    color: #fff;
}
a.btn.btn-default.query-btn {
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
}
.col-lg-4.col-md-6.col-sm-12.p-3 {
    padding: 15px;
}
.heading-top {
    font-size: 16px !important;
    text-align: center !important;
}
button.button.pur_pie_btn {
    border: 1px solid #000 !important;
    border-radius: 50px !important;
}
p.pur_pie_p {
    color: #000 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
.card-body.pt-4.text-center {
    text-align: center;
}
img.img-fluid.pie-class-img {
    padding-top: 15;
}
.checkbox {
    padding-left: 90px !important;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #e6e6e6;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 4;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 12px;
    color: #555;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: FontAwesome;
    content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #17b3f1;
    border-color: #17b3f1;content: "\f00c";color:white;padding-bottom: 25px;
    
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}
img.rounded-top.img-thumbnail {
    width: 125px;
    margin: 5px;
}
@media (min-width: 320px) and (max-width: 768px) {
    .large {
        display: none !important;
    }
    img.small:hover {
        border: 1px solid #ffc107 !important;
    }
}
body {
    padding: 0;
    margin: 0;
}