body,
html {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}
header .menubar nav ul li a {
    color: #bbbbbb;
    transition: all linear 0.4s;
    font-size: 17px;
    text-transform: capitalize;
    font-family: "Rubik", sans-serif;
    padding: 25px 18px !important;
}
/* header .menufixed {
    display: none;
} */
#register-link {
    margin-top: -85px !important;
}
.font--14 {
    font-size: 14px !important;
}
.line-section {
    font-size: 22px !important;
    font-weight: 400 !important;
    margin-bottom: 35px !important;
}
.submit-btn {
    height: 43px;
    width: 24%;
    background: #0266bc !important;
    text-transform: capitalize !important;
    font-size: 19px;
    font-family: "Baloo", cursive;
    color: #fff;
    transition: all linear 0.4s;
}
.submit-btn:hover {
    text-shadow: -3px 4px 10px #19557c;
}
.border-l {
    border-left: 1px solid #eee;
    margin-bottom: 7%;
}
.footer-ml {
    margin-left: 25%;
}
.insta-bg {
    background: linear-gradient(
        45deg,
        #f09433 0%,
        #e6683c 25%,
        #dc2743 50%,
        #cc2366 75%,
        #bc1888 100%
    ) !important;
}
#contact-details .contact-bg {
    background: rgb(0, 212, 255);
    background: radial-gradient(
        circle,
        rgba(0, 212, 255, 1) 10%,
        rgba(50, 148, 208, 1) 89%
    );
    height: 683px;
    width: 49%;
}
.sub-text {
    padding: 8px !important;
    width: 17% !important;
    color: #fff !important;
    font-size: 19px !important;
    font-family: "Baloo", cursive !important;
}
.mb--75 {
    margin-bottom: 75px;
}
.banner-img {
    background-image: url("../image/banner01.jpg") !important;
    background-size: cover;
    background-size: cover;
    height: 60vh;
    background-position: center center;
}
.vbox-content {
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 20px 10px;
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
#about .about-part {
    padding: 105px 0 0;
}
#program .program-bg {
    background: url(../image/program-bg.jpg) center no-repeat;
    background-size: cover;
    height: 345px;
    margin-bottom: 510px;
}
.program-brick {
    background: url(../image/program-bgc.jpg) center no-repeat;
    background-position: top;
}
.bg-box-wb {
    background: #f5f5f5;
    text-align: center;
    padding-top: 23px !important;
}

.br-img {
    border-radius: 50%/10%;
    clip-path: inset(0% 0% 0% 0% round 8%/50%);
    width: 70%;
}
#gallery h3 {
    margin-bottom: 41px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.mr-ml {
    margin-left: 34% !important;
    margin-right: 23% !important;
    margin-bottom: 9%;
}
.ul-plan {
    font-size: 16px;
    font-family: "Rubik", sans-serif;
    line-height: 26px;
}
.plan-card {
    background: #f5f5f5;
    position: relative;
    transition: all linear 0.4s;
    border: 1px solid #e5e5e5;
}
.plan-title {
    color: #444 !important;
    transition: all linear 0.4s;
    font-family: "Baloo", cursive;
    font-size: 26px;
    text-transform: capitalize;
}
.plan-btn {
    border: 2px solid;
    padding: 5px;
    width: 73%;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 16px;
    border-radius: 7px;
    font-family: "Baloo", cursive;
    font-size: 19px;
}
.plan-btn:hover {
    border: 2px solid;
    padding: 5px;
    width: 73%;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 16px;
    border-radius: 7px;
    font-family: "Baloo", cursive;
    font-size: 19px;
}
#program .prog:hover .prog-content {
    padding-bottom: 30px;
}
#program .prog:hover {
    margin-top: auto;
    margin-bottom: unset;
}
#program .prog:hover .prog-picture {
    height: 320px;
}

#program .prog {
    margin-top: 40px;
    transition: all linear 0.4s;
    border-radius: 10px;
    margin-bottom: 0px;
    filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.07));
}

.btn-c {
    padding: 15px 25px !important;
    border-radius: 50%/18% !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}
.btn-c:hover {
    padding: 15px 25px !important;
    border-radius: 50%/18% !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}
.gallery-text {
    font-size: 32px;
    color: #0266bc;
    font-family: "Baloo", cursive;
    text-transform: capitalize;
    padding-top: 0px;
    padding-bottom: 0px;
}
.gall-img-c {
    object-fit: cover;
    border-radius: 50%/10%;
    clip-path: inset(0% 0% 0% 0% round 8%/50%);
    margin: 25px;
    width: auto;
    height: 26vh;
    margin-bottom: 0px;
    margin-top: 25px;
}
.title-color {
    color: #444444 !important;
}
.login-btn {
    padding: 12px 26px !important;
    border-radius: 50%/21% !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    margin: auto;
    display: block;
    width: 40% !important;
}
.login-btn:hover {
    padding: 12px 26px !important;
    border-radius: 50%/18% !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    margin: auto;
    display: block;
    /* width: 38% !important; */
}
.btn-ui {
    font-size: 19px;
    font-family: "Baloo", cursive;
    height: 43px;
    width: 24%;
    border-radius: 50%/15%;
}
.span-tag {
    padding: 5px 15px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-family: "Rubik", sans-serif;
    border-radius: 3px;
    line-height: 14px;
    cursor: default;
    background: #0266bc;
}
.span-tag-two {
    padding: 5px 15px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-family: "Rubik", sans-serif;
    border-radius: 3px;
    line-height: 14px;
    cursor: default;
    background: #00ae4d;
}
.span-tag-three {
    padding: 5px 15px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-family: "Rubik", sans-serif;
    border-radius: 3px;
    line-height: 14px;
    cursor: default;
    background: #0266bc;
}

.span-position {
    position: absolute !important;
    z-index: 99 !important;
    margin-left: 32px;
    margin-top: 150px;
}
a.page-link {
    height: 50px;
    width: 54px;
    border-radius: 40%/28%;
    display: inline-block;
    line-height: 2;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #00ae4d;
    margin: 12px;
    height: 57px;
    line-height: 41px;
    width: 57px;
    border-radius: 50%/10%;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 19px;
    font-family: "Baloo", cursive;
}
a.page-link:hover {
    height: 50px;
    width: 54px;
    border-radius: 40%/28%;
    display: inline-block;
    line-height: 2;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #00ae4d;
    margin: 12px;
    height: 57px;
    line-height: 34px;
    width: 57px;
    border-radius: 50%/10%;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 19px;
}
.page-item:first-child .page-link {
    /* margin-left: 0; */
    border-top-left-radius: unset;
    border-bottom-left-radius: 20p;
    border-radius: 50%/10%;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-radius: 50%/10%;
}
.plr {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: none;
}
.plr {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.ul-center {
    justify-content: center;
    display: flex;
    margin: auto !important;
    margin-top: 28px !important;
}

#contact-details .contact-form button:hover {
    /* height: 60px; */
    width: 100%;
    background: #0266bc;
    text-transform: capitalize;
    font-size: 24px;
    font-family: "Baloo", cursive;
    color: #fff;
    transition: all linear 0.4s;
}
.vm-btn {
    background: #0266bc;
    margin: auto;
    text-align: center;
    display: block;
    margin-bottom: 55px;
}
.plan-btn-n {
    background: #0266bc;
    padding: 7px 29px !important;
    border-radius: 50%/23% !important;
    margin-top: 19px !important;
    margin-bottom: 6px !important;
    margin: 0 auto;
    display: table;
    color: #fff !important;
}
.plan-btn-n:hover {
    background: #0266bc;
    padding: 7px 29px !important;
    border-radius: 50%/23% !important;
    margin-top: 19px !important;
    margin-bottom: 6px !important;
    margin: 0 auto;
    display: table;
    color: #fff !important;
}
#about .about-text a.colorful-button {
    background: #0266bc;
    filter: drop-shadow(0 5px 10px rgba(81, 191, 161, 0.3));
    color: #fff !important;
}
#service .colorful-button {
    background: #0266bc;
    filter: drop-shadow(0 5px 10px rgba(132, 194, 235, 0.3));
    color: #fff !important;
}
a:hover {
    color: #fff;
    text-decoration: none;
}

#program .prog2 .prog-date .prog-date-top,
#program .prog2 .prog-date .prog-date-top::before {
    background: #f97d1d;
}
.text-color {
    color: #0056b3 !important;
}
.page-link:before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: -2px;
    right: -2px;
    background: inherit;
    border-radius: 6%/75%;
    z-index: -1;
}

#about-bread .about-bread-overlay {
    background: rgb(255 240 237 / 0%);
}
#program-bread .program-bread-overlay {
    background: rgb(255 240 237 / 0%);
    padding: 75px 0;
}

#blog-details-bread .blog-details-bread-overlay {
    background: rgb(255 240 237 / 0%);
    padding: 75px 0;
}
#contact-bread .contact-bread-overlay {
    background: rgb(255 240 237 / 0%);
    padding: 75px 0;
}
.card-left {
    background: #f5f5f500;
    padding: 0;
    position: relative;
    transition: all linear 0.4s;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: none;
    margin-top: 77px;
    font-family: "Baloo", cursive;
}
.card-left a {
    color: #000 !important;
}
.preview-custom {
    background-color: #f1f1f1;
    color: #000000a8;
    font-size: 19px;
    padding: 4px 17px;
    border-radius: 58%/32%;
}
.preview-custom:hover {
    background-color: #f1f1f1;
    color: #000000a8;
    font-size: 19px;
    padding: 4px 17px;
    border-radius: 58%/32%;
}

.li-manual {
    margin-bottom: 11px;
    border-bottom: 1px solid #99999963;
}
.qodef-grid-item:before {
    display: block;
    content: "";
    position: absolute;
    top: 18px;
    left: 34px;
    width: 2px;
    height: 9%;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(transparent),
            color-stop(50%, transparent),
            color-stop(50%, #cecbc8),
            to(#cecbc8)
        ),
        -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background-image: -o-linear-gradient(
            bottom,
            transparent,
            transparent 50%,
            #cecbc8 50%,
            #cecbc8 100%
        ),
        -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-image: linear-gradient(
            0deg,
            transparent,
            transparent 50%,
            #cecbc8 50%,
            #cecbc8 100%
        ),
        linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 12px 12px, 100% 3px;
    z-index: 50;
}
.qodef-woo-results:after {
    display: block;
    content: "";
    position: absolute;
    top: 63px;
    left: 0px;
    width: calc(100% + 43px);
    height: 2px;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#cecbc8),
        color-stop(75%, #cecbc8),
        color-stop(75%, transparent),
        to(transparent)
    );
    background-image: -o-linear-gradient(
        left,
        #cecbc8,
        #cecbc8 75%,
        transparent 75%,
        transparent 100%
    );
    background-image: linear-gradient(
        90deg,
        #cecbc8,
        #cecbc8 75%,
        transparent 75%,
        transparent 100%
    );
    background-size: 10px 10px, 100% 3px;
    z-index: 50;
}

.view-center {
    margin: auto;
    display: block;
    text-align: center;
    margin-bottom: 37px;
}
.view-center:hover {
    margin: auto;
    display: block;
    text-align: center;
    margin-bottom: 37px;
}
#program .prog3 .prog-date .prog-date-top,
#program .prog3 .prog-date .prog-date-top::before {
    background: #00ae4d;
}
.top-about {
    display: inline-block;
    position: absolute;
    bottom: unset;
    left: 50%;
    transform: translateX(-50%);
    color: #9f495d !important;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
    -webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 89px;
    text-align: center;
    font-size: 26px;
    cursor: pointer;
    z-index: 99;
    overflow: hidden;
    margin-top: -3% !important;
}
.set-lg-sm {
    margin-top: 33px !important;
    color: #0266bc !important;
}
#foot .fo-co-3 i {
    background: #0266bc;
    filter: drop-shadow(0 0 10px rgba(219, 154, 188, 0.3));
    -webkit-filter: drop-shadow(0 0 10px rgba(219, 154, 188, 0.3));
}

#foot a {
    display: inline-block;
    padding-top: 5px;
    color: inherit;
    font-size: 18px;
    padding-left: 12px;
    font-family: "Rubik", sans-serif;
    color: #444;
}
.page-position {
    float: right;
    font-family: "Baloo", cursive;
}
#program-bread .program-bread-overlay a,
#program-bread .program-bread-overlay i {
    color: #f97d1d !important;
}
#foot p {
    color: #444;
    font-family: "Rubik", sans-serif;
    line-height: 26px;
    font-size: 16px;
    color: #444 !important;
}
.mtl-plan {
    margin-left: 17%;
}
.d--lg {
    display: block;
}
.d--sm {
    display: none;
}
.pb--200 {
    margin-bottom: 200px !important;
}
.mb--50 {
    margin-bottom: 50px !important;
}
.zomm-box {
    display: flex;
    justify-content: center;
    width: 100%;
    /* height: 430px; */
    overflow-y: auto;
    padding-left: 47px;
}
.span-back {
    display: flex;
    color: #000000a8;
    font-size: 19px;
    padding: 0px 15px;
    border-radius: 58%/32%;
}
.span-i {
    padding-top: 7px;
    padding-right: 7px;
    font-size: 13px;
}
.sub-btn {
    padding: 14px 32px !important;
    border-radius: 44%/22% !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    width: 27% !important;
    background: #0266bc !important;
    margin-left: 0;
    font-size: 20px;
}
.sub-btn:hover {
    padding: 14px 32px !important;
    border-radius: 44%/22% !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    width: 27% !important;
    background: #0266bc !important;
    margin-left: 0;
    font-size: 20px;
}
.read-more {
    padding: 13px !important;
    border-radius: 62%/58% !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    width: 52% !important;
    background: #0266bc !important;
    margin-left: 0;
    font-size: 18px;
    font-family: "Baloo", cursive;
}
.read-more:hover {
    padding: 13px !important;
    border-radius: 62%/58% !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    width: 52% !important;
    background: #0266bc !important;
    margin-left: 0;
    font-size: 18px;
    font-family: "Baloo", cursive;
}
#about .about-text h3 {
    width: 100%;
    padding-top: 3px;
}
h3 {
    font-size: 27px;
    font-family: "Baloo", cursive;
    color: #444444;
    text-transform: capitalize;
    margin-top: 3px;
}
#program {
    position: relative;
    border-bottom: none;
}
.lg-mr-17 {
    margin-right: 17px;
}
.lg-ml-24 {
    margin-left: 24px;
}
.lg-mr-17:hover {
    margin-right: 17px;
}
.lg-ml-24:hover {
    margin-left: 24px;
}
button:focus {
    outline: none;
}
#newsletter p.co-2::before {
    content: "";
    position: absolute;
    top: -32px;
    left: 101px;
    height: 2px;
    width: 32px;
    background: rgb(2, 102, 188);
}
#newsletter p.co-2:after {
    content: "";
    position: absolute;
    top: -32px;
    right: 101px;
    height: 2px;
    width: 32px;
    background: #0266bc;
}
#newsletter p.co-3::before {
    content: "";
    position: absolute;
    top: -32px;
    left: 101px;
    height: 2px;
    width: 32px;
    background: #f97d1d;
}
#newsletter p.co-3:after {
    content: "";
    position: absolute;
    top: -32px;
    right: 101px;
    height: 2px;
    width: 32px;
    background: #f97d1d;
}
#newsletter p.co-1::before {
    content: "";
    position: absolute;
    top: -32px;
    left: 101px;
    height: 2px;
    width: 32px;
    background: #00ae4d;
}
#newsletter p.co-1:after {
    content: "";
    position: absolute;
    top: -32px;
    right: 101px;
    height: 2px;
    width: 32px;
    background: #00ae4d;
}
.logo-orange {
    color: #f97d1d !important;
}
.color-green {
    color: #00ae4d !important;
}
.index-brick-padding {
    padding: 9px 34px 15px !important;
}
.brick-master-raw {
    margin-left: 30%;
}
.mt--32 {
    margin-top: 32px;
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    border-radius: 71px;
    width: 50px;
    height: 50px;
    box-shadow: -1px -2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #000 !important;
    background: #fff;
}
.back-to-top:hover {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    border-radius: 71px;
    width: 50px;
    height: 50px;
    box-shadow: -1px -2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #000 !important;
    background: #fff;
}
.i-top {
    line-height: 31px;
    padding-right: 38px;
    padding-top: 0px;
    line-height: 32px !important;
}
.page-ui {
    margin: 0 auto !important;
    display: inline-block !important;
}
.read-more-br {
    border-radius: 40%/28%;
    display: inline-block;
    line-height: 2;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #0266bc;
    margin: 12px;
    height: 47px;
    line-height: 48px;
    width: 44%;
    border-radius: 53%/19%;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 19px;
    font-family: "Baloo", cursive;
}
.read-more-br::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: -5px;
    right: -5px;
    background: inherit;
    border-radius: 7%/62%;
    z-index: -1;
}
.img-fix {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
h3 {
    font-size: 40px;
    font-family: "Baloo", cursive;
    color: #444444;
    text-transform: capitalize;
    margin-top: 3px;
}
#program .prog:hover {
    margin-top: 20px;
    margin-bottom: 0px;
}
.text-c {
    width: 29%;
    margin: auto;
}
::placeholder {
    font-family: "Baloo", cursive;
    color: #0000006b;
}
.login-span {
    font-family: "Baloo", cursive !important;
}
#contact-details .contact-form textarea,
#contact-details .contact-form input {
    width: 100%;
    border: 1px solid #dddddd;
    padding: 10px;
    font-size: 15px;
    font-family: "Baloo", cursive !important;
}
#foot a {
    display: inline-block;
    padding-top: 5px;
    color: inherit;
    font-size: 18px;
    padding-left: 12px;
    color: #444444c9 !important;
    font-family: "Baloo", cursive !important;
    font-weight: normal;
}
#foot p {
    color: #444;
    line-height: 26px;
    font-size: 11px;
    color: #444444c9 !important;
    font-family: "Baloo", cursive;
}
header .menubar nav ul li a {
    color: #444444c9;
    transition: all linear 0.4s;
    font-size: 17px;
    text-transform: capitalize;
    font-family: "Baloo", cursive;
    padding: 20px 4px !important;
    padding-bottom: 16px !important;
}
header .menubar nav ul li a:hover {
    color: #f97d1d;
}
header .head-contact ul li a {
    margin-left: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 3px solid #0266bc;
    font-size: 16px;
    font-family: "Baloo", cursive;
    color: #444444c9;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: "Baloo", cursive;
}
label {
    font-family: "Baloo", cursive;
}
#program-bread .program-bread-overlay a {
    font-family: "Baloo", cursive;
}
#blog-details a {
    font-size: 17px;
    text-transform: capitalize;
    font-family: "Baloo", cursive;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    color: #444 !important;
    font-family: "Baloo", cursive !important;
    font-weight: 200 !important;
}
#comments form button {
    background: #0266bc;
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    width: auto;
    padding: 22px;
    line-height: 0;
    margin: auto;
    display: block;
    margin-top: 21px;
}
#program-bread .program-bread-overlay {
    background: rgb(255 240 237 / 66%);
    padding: 75px 0;
}
#blog-details h4 {
    font-size: 32px;
    color: #343a40;
    font-family: "Baloo", cursive;
    text-transform: capitalize;
    padding-top: 60px;
    padding-bottom: 5px;
}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-float-shadow {
    margin: 0.4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e100;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 81%;
    left: 21%;
    height: 5px;
    width: 55%;
    opacity: 0;
    background: -webkit-radial-gradient(
        center,
        ellipse,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0) 80%
    );
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0) 80%
    ) !important;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.hvr-float-shadow-two {
    margin: 0.4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e100;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-float-shadow-two:hover,
.hvr-float-shadow-two:focus,
.hvr-float-shadow-two:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow-two:hover:before,
.hvr-float-shadow-two:focus:before,
.hvr-float-shadow-two:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.hvr-float-shadow-two:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 81%;
    left: 21%;
    height: 5px;
    width: 87%;
    opacity: 0;
    background: -webkit-radial-gradient(
        center,
        ellipse,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0) 80%
    );
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0) 80%
    ) !important;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.plan-title-two {
    font-size: 39px !important;
}
.plan-li {
    margin-left: 46px;
    margin-top: -29px;
    font-size: 16px;
    font-family: "Rubik", sans-serif;
    line-height: 26px;
    color: #444;
    margin-bottom: 21px;
}
.span-plan {
    font-family: "Baloo", cursive;
    padding: 15px;
    padding-top: 4px;
    height: 30px;
    width: 30px;
    background-color: #0266bc;
    border-radius: 50%;
    display: inline-block;
    padding-left: 11px;
    color: #fff;
}
.span-plan-two {
    font-family: "Baloo", cursive;
    padding: 15px;
    padding-top: 4px;
    height: 30px;
    width: 30px;
    background-color: #f97d1d;
    border-radius: 50%;
    display: inline-block;
    padding-left: 11px;
    color: #fff;
}
.span-plan-three {
    font-family: "Baloo", cursive;
    padding: 15px;
    padding-top: 4px;
    height: 30px;
    width: 30px;
    background-color: #00ae4d;
    border-radius: 50%;
    display: inline-block;
    padding-left: 11px;
    color: #fff;
}
.span-plan-four {
    font-family: "Baloo", cursive;
    padding: 15px;
    padding-top: 4px;
    height: 30px;
    width: 30px;
    background-color: #de1920;
    border-radius: 50%;
    display: inline-block;
    padding-left: 11px;
    color: #fff;
}
.colorful-button-sub {
    padding: 10px 15px;
    border-radius: 42%/21%;
}

.colorful-button-sub:hover {
    padding: 10px 15px;
    border-radius: 43%/21%;
}
.gall-img-comment {
    border-radius: 50%/10%;
    clip-path: inset(0% 0% 0% 0% round 8%/50%);
    margin: 25px;
    height: auto;
    margin-bottom: 0px;
    margin-top: -1px;
    margin-left: 6px;
}
#comments h5 {
    color: #222;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 40px;
    font-family: "Baloo", cursive;
}
.reg-hei {
    height: 310px !important;
}
.reg-hei-log {
    height: 253px !important;
}
#testimonial .slick-list {
    height: 296px;
}
#contact-details .contact-form .c-o a,
#contact-details .contact-form .c-o address {
    color: #444;
    font-size: 18px;
    font-family: "Rubik", sans-serif;
    font-family: "Baloo", cursive !important;
}
.nav-pt-39 {
    padding-top: 39px !important;
}
.lg-sm-p {
    padding-top: 25px;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 999;
    /* makes sure it stays on top */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}
.i-me {
    width: 0 !important;
    color: #000 !important;
    padding-right: 22px !important;
    font-size: 17px !important;
    height: 0 !important;
}
h2.breadcrumb-title {
    color: #fff;
    font-family: "Baloo", cursive;
    font-size: 53px;
    text-transform: capitalize;
}
.bread-overlay {
    padding: 35px 0 !important;
}
#program-bread .program-bread-overlay {
    background: rgb(255 240 237 / 0%);
}
.c-tmb {
    margin-bottom: 16px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 17px;
    display: flex;
}
.step {
    font-family: inherit;
    margin-top: 2%;
    margin-left: 42%;
}
.d-sm-none {
    display: block !important;
}
header .menufixed .menubar ul li a {
    line-height: 91px;
    padding: 0 6px !important;
}
header .menufixed .menubar ul li a {
    line-height: 62px;
    padding: 0 4px !important;
}
.fa-user-c {
    position: absolute;
    top: 20px;
    margin-left: -23px;
    font-size: 15px !important;
    width: 27px;
}
.fa-user-cc {
    position: absolute;
    top: 19px;
    margin-left: -23px;
    font-size: 17px !important;
    width: 28px;
}

.i-show {
    font-size: 18px;
    margin-top: 3px;
}
.img-fix-i {
    width: 100%;
    height: 217px;
    object-fit: cover !important;
}
.brick-card {
    height: 209px !important;
}
.brick-wh {
    height: 40px;
    line-height: 33px;
    width: auto;
    padding: 4px;
    font-size: 17px;
}
#program .prog .prog-content h5 {
    color: #444;
    transition: all linear 0.4s;
    font-family: "Baloo", cursive;
    font-size: 21px;
    text-transform: capitalize;
}
.view-m {
    padding: 9px 16px;
    border-radius: 50%/20%;
}
.mb-h {
    margin-bottom: 379px !important;
}
#program .prog .prog-content h5 {
    color: #444 !important;
}
#program .prog-date {
    width: 82px;
    height: 76px;
}
#program .prog-date:hover {
    width: 82px;
    height: 76px;
}
#program .prog-date .prog-date-top {
    width: 76px;
    height: 76px;
    padding-top: 7px;
}
#program .prog-date .prog-date-top span {
    font-size: 25px;
    text-transform: capitalize;
}
#program .prog-date .prog-date-top h4 {
    font-size: 30px;
}
.span-num {
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    color: #000 !important;
    margin-right: 3%;
}
.span-num-a {
    font-family: inherit;
    font-size: 17px;
    font-weight: 700 !important;
    color: #000 !important;
}
.item-paginantion {
    justify-content: center !important;
    display: flex !important;
    margin-bottom: 24px !important;
}
.back-h {
    font-family: "Baloo", cursive !important;
    font-weight: 200 !important;
    margin-top: 24px;
}
.fa-left-c {
    font-size: 15px;
    margin-right: 6px;
}
.br-dash {
    border-bottom: 2px dashed;
    margin: auto;
    display: block;
    width: 179px;
}
.br-dash-com {
    border-bottom: 2px dashed;
    margin: auto;
    display: block;
    width: 194px;
}
#gallery .gall-slide .slick-arrow {
    bottom: -21px !important;
}
.d--sm--flex {
    display: flex;
}
.plan-li-index {
    margin-left: 11px;
    margin-top: 2px;
    font-size: 16px;
    font-family: "Rubik", sans-serif;
    line-height: 26px;
    color: #444;
    margin-bottom: 21px;
    margin-right: 21px;
}
#foot ul.foot-menu li {
    padding: 0 11px;
    text-transform: capitalize;
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    color: #bbb;
    display: inline-block;
}
.view-more {
    height: 41px;
    line-height: 29px;
    width: auto;
}
.read-ab {
    padding: 9px 10px;
    border-radius: 52%/24%;
    font-size: 20px;
}
a.page-link {
    height: 43px !important;
    line-height: 26px !important;
    width: 42px !important;
}
a.page-link:hover {
    height: 43px;
    line-height: 26px;
    width: 42px;
}
.page-link:before {
    content: "";
    position: absolute;
    top: 2px !important;
    bottom: 2px !important;
    left: -3px !important;
    right: -3px !important;
    background: inherit;
    border-radius: 13%/58% !important;
    z-index: -1;
}
.img-fix-detail {
    width: 100% !important;
    height: 444px;
    display: block;
    object-fit: cover;
}
.tumbnail-set {
    width: 132px;
    object-fit: cover;
}

.input-checkout {
    width: 100%;
    border: 1px solid #dddddd;
    padding: 8px;
    font-size: 15px;
    font-family: "Baloo", cursive !important;
}
.font-col {
    font-family: "Baloo", cursive;
    color: #00000094;
}
.a-ico {
    background: #0266bc;
    filter: drop-shadow(0 0 20px rgba(243, 148, 141, 0.3));
    font-size: 100px;
    line-height: 165px;
    width: 155px;
    height: 165px;
    display: inline-block;
    color: #fff;
    border-radius: 50%/8%;
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-top: 30px;
}
#service .kid-icon .kid-icon-shape .a-ico::after {
    top: 11px;
    bottom: 11px;
    left: -10px;
    right: -10px;
    background: inherit;
    border-radius: 7%/50%;
    position: absolute;
    content: "";
    z-index: -1;
}
.pt--20 {
    padding-top: 20px;
}
.green-c {
    background: #00ae4d;
}
.orange-c {
    background: #f97d1d;
}
.red-c {
    background: #de1920;
}
.brick-index {
    margin-top: 698px !important;
}

#testimonial .test p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-family: "Rubik", sans-serif;
}
.pri-poli::before {
    content: "";
    border-left: 1px solid;
    padding-right: 5px;
    border-width: 2px;
}
.pri-poli::after {
    content: "";
    border-left: 1px solid;
    margin-left: 5px;
    border-width: 2px;
}
.pri-poli a {
    font-size: 16px !important;
    color: #444444c9 !important;
    font-family: "Baloo", cursive;
}
/* .w-87 {
    width: 90% !important;
} */
.logo-w {
    width: 200px;
}
.ml--100 {
    margin-left: 100px !important;
}
.search-nav {
    background: #0266bc;
    margin-left: 10px;
    padding: 6px 13px;
    font-size: 17px;
    border-radius: 56%/34% !important;
}
.search-nav::before {
    border-radius: 7%/85%;
    right: -2px !important;
    left: -2px !important;
}
.bm-com-fix {
    margin-left: 59% !important;
}
.input-nav {
    padding: 8px;
    border: 1px solid #517abf;
    border-radius: 23px;
    font-size: 14px;
    font-family: "Rubik", sans-serif;
    line-height: 10px;
    width: 60%;
}
.nav-con {
    max-width: 1236px !important;
}
.lg-mt--6 {
    margin-top: 6px;
}
.mt--7 {
    margin-top: 7px !important;
}
#contact-details .contact-bg {
    background: none;
    height: 683px;
    width: 49%;
}
.view-more-bg {
    background: #f97d1d !important;
}
.lg--mt--16 {
    margin-top: 16px;
}
.f--16--sm {
    font-size: 11px !important;
    font-family: "Baloo", cursive;
}
.read-cc {
    padding: 9px 14px;
    border-radius: 51%/28%;
    margin-top: -9px;
    padding-bottom: 9px;
}
.read-cc::before {
    right: -2px !important;
    left: -2px !important;
}
.pc-b {
    display: block;
}
.mb-b {
    display: none;
}
.con-h5 {
    height: 47px;
    transition: all linear 0.4s;
    font-family: "Baloo", cursive;
    font-size: 21px;
    text-transform: capitalize;
    color: #444 !important;
}

.my--ac {
    color: #444444c9;
    transition: all linear 0.4s;
    font-size: 17px;
    text-transform: capitalize;
    font-family: "Baloo", cursive;
}
.drop-fix {
    line-height: 41px;
    padding-left: 15px !important;
}
.search-result {
    font-family: "Baloo", cursive !important;
    font-size: 26px;
}
.not-result {
    font-family: "Baloo", cursive !important;
    font-size: 83px;
}
.gal-fix-ht {
    height: 20vh !important;
}
.abc-span {
    font-family: "Baloo", cursive !important;
    font-weight: 500 !important;
    color: #444444b0;
}
.text-w {
    word-break: break-all;
}
#comments .reply p {
    color: #444;
    font-size: 14px;
    margin-bottom: 8px;
    word-break: break-word;
}
a {
    color: #0266bc;
}

.alert-mb {
    margin-bottom: -10px;
}
.mt-foo-5 {
    margin-top: 3rem;
}
.alert-sign {
    padding: 6px 10px;
}
.autorenew-title {
    color: #00000094;
    font-size: 18px;
    font-weight: 700;
    padding-top: 16px;
}
.autorenew-checkbtn {
    margin-left: 114px;
    margin-top: -16px;
}
.foo-up-ico {
    font-size: 25px !important;
}
.work-center {
    margin: auto;
}
.show-pass-icon {
    float: right;
    margin-top: -29px;
    position: relative;
    z-index: 2;
    padding-right: 10px;
}
.carousel-control-prev-icon {
    background-image: url(../image/prev.png);
}
.carousel-control-next-icon {
    background-image: url(../image/next.png);
}
.carousel-control-next,
.carousel-control-prev {
    opacity: 1.5;
}
.carousel-control-next,
.carousel-control-next {
    opacity: 1.5;
}
.view-step-btn-mn {
    padding: 10px 15px;
    border-radius: 43%/21%;
    font-size: 17px;
}
.sitemap li {
    line-height: 2;
    font-size: 17px;
    list-style: disc;
}
.sitemap-page-title {
    font-size: 20px;
    padding-top: 45px;
}
.sitemap li a {
    color: #000;
}
.explore-center {
    margin: 0 auto;
    display: contents;
}
.whatsapp {
    position: fixed;
    width: 53px;
    height: 53px;
    bottom: 120px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    right: 26px;
}
.whatsapp-ico {
    padding-right: 33px;
    padding-top: 16px;
    line-height: 0 !important;
    font-size: 26px !important;
}
.whatsapp-ico:hover {
    margin-top: 5px !important;
    padding-right: 33px;
    padding-top: 16px;
    line-height: 0 !important;
    font-size: 26px !important;
}
#comments .poo {
    padding-bottom: 10px;
}
.premium-tag {
    background: linear-gradient(45deg, #f97d1d, #ffc107) !important;
    color: #f8f9fa;
    font-size: 15px;
    line-height: 16px;
    display: inline-block;
    padding: 9px 2px;
    border-radius: 0px 0px 0px 0;
    font-family: "Ubuntu", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.4px;
    padding-right: 13px;
}
.premium-tag:before {
    content: "";
    font-family: "Simple-Line-Icons";
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    vertical-align: middle;
}
.availability.in-stock {
    padding: 3px 0px;
    margin-bottom: 15px;
    position: absolute;
    top: 4px;
    right: 15px;
}
.plan-check-ico-colr {
    color: #00ae4d;
}
.plan-cross-ico-colr {
    color: #d4181e;
}

/* ipad */
@media only screen and (max-device-width: 991px) {
    header .menubar nav ul li a {
        color: #bbbbbb;
        transition: all linear 0.4s;
        font-size: 17px;
        text-transform: capitalize;
        font-family: "Rubik", sans-serif;
        padding: 20px 9px !important;
    }
    .logo-md {
        width: 216px !important;
    }
    .dropdown,
    .dropup {
        position: relative;
        z-index: 99;
    }
    .section-sm {
        margin-top: 2% !important;
    }
    .d-sm-none {
        display: none !important;
    }
}

/* mobile view */
@media only screen and (max-device-width: 768px) {
    .bm-com-fix {
        margin-left: 20% !important;
    }
    .logo-line {
        text-align: center;
        position: relative;
        line-height: 36px;
        background: #fff;
        height: 61px;
        width: 87%;
    }
    .program-brick {
        background: unset;
        background-position: unset;
    }
    .img-mobile-c {
        width: 380px;
    }
    .sm--pt-14 {
        padding-top: 5px !important;
    }
    .pc-b {
        display: none;
    }
    .mb-b {
        display: block;
    }

    .brick-index {
        margin-top: 37px !important;
    }
    .sm--pl--3 {
        padding-left: 1rem !important;
    }
    .sm--pr--3 {
        padding-right: 1rem !important;
    }
    .search-nav {
        background: #0266bc;
        margin-left: 10px;
        padding: 2px 16px;
        font-size: 17px;
        border-radius: 50%/33%;
    }
    .search-nav::before {
        border-radius: 7%/65%;
        right: -2px !important;
        left: -2px !important;
    }
    .sm--pt--8 {
        padding-top: 8px;
    }
    .ml--100 {
        margin-left: 0px !important;
    }
    .w-87 {
        width: 100% !important;
    }
    .sm-mt--30 {
        margin-top: 30px;
    }
    .d--sm--flex {
        display: block;
    }
    .brick-index {
        margin-top: 37px !important;
    }

    .plan-li-index {
        margin-left: 46px;
        margin-top: -29px;
        font-size: 16px;
        font-family: "Rubik", sans-serif;
        line-height: 26px;
        color: #444;
        margin-bottom: 21px;
    }
    header .menufixed .menubar ul li a {
        line-height: 53px;
        padding: 0 9px !important;
    }
    .master-b {
        max-height: 400px;
        overflow: auto;
        display: flex !important;
    }

    .img-fix-detail {
        width: 100% !important;
        height: 219px;
        display: block;
        object-fit: cover;
    }
    .span-num {
        font-family: inherit;
        font-size: 17px;
        font-weight: 500;
        color: #000 !important;
        margin-left: 32px;
    }
    .preview-custom {
        background-color: #f1f1f1;
        color: #000000a8;
        font-size: 15px;
        padding: 4px 17px;
        border-radius: 58%/32%;
    }
    #zoomfun {
        display: inline-flex;
        margin-left: -47px;
    }
    #gallery .gall-slide .slick-arrow {
        bottom: 6px !important;
    }
    .back-h {
        font-family: "Baloo", cursive !important;
        font-weight: 200 !important;
        margin-top: 24px;
        margin-left: 6%;
    }
    .brick-wh {
        height: 40px;
        line-height: 30px;
        width: auto;
        padding: 6px;
    }
    .fa-user-c {
        position: absolute;
        top: 15px;
        left: 43%;
        font-size: 15px;
    }
    .br-dash-com {
        border-bottom: 2px dashed;
        margin: auto;
        display: block;
        width: 131px;
    }
    .br-dash {
        border-bottom: 2px dashed;
        margin: auto;
        display: block;
        width: 119px;
    }

    .fa-user-cc {
        position: absolute;
        top: 15px;
        left: 31%;
        font-size: 15px;
    }
    .m-phone {
        margin: auto;
        display: block !important;
        margin-top: 8px;
    }

    .logo-line:before {
        background: linear-gradient(
            to right,
            #f97d1d 25%,
            #00ae4d 25%,
            #00ae4d 50%,
            #de1920 50%,
            #de1920 75%,
            #0266bc 75%
        );
        position: absolute;
        content: "";
        height: 3px;
        right: 0;
        left: 0;
        top: 0;
        width: 60%;
        margin: auto;
    }
    .nav-login {
        margin: auto;
        display: block !important;
        margin-top: 7px;
        padding-right: 9px !important;
    }

    .btn-c {
        padding: 10px 23px !important;
        border-radius: 50%/18% !important;
        margin-top: 7px !important;
        margin-bottom: 7px !important;
        font-size: 20px;
    }
    .left-mr {
        color: #212529;
        margin-left: 56px !important;
    }
    #testimonial .slick-list {
        height: 355px;
    }
    #testimonial .test.purple {
        width: 100%;
        margin: auto;
    }
    #blog-details h4 {
        font-size: 25px;
        color: #343a40;
        font-family: "Baloo", cursive;
        text-transform: capitalize;
        padding-top: 60px;
        padding-bottom: 5px;
    }
    .reg-hei {
        height: 354px !important;
    }
    .reg-hei-log {
        height: 315px !important;
    }

    .sm--ml--6 {
        margin-left: 6px !important;
    }
    .sm_mt--40 {
        margin-top: 40px !important;
    }
    .sm-pt--20 {
        padding-top: 20px !important;
    }
    .web-btn {
        width: 148px;
        padding: 11px 0px;
        text-align: center;
    }

    .sm--mt-0 {
        margin-top: 0 !important;
    }
    .mob-work {
        width: 125px;
    }

    .back-to-top {
        position: fixed;
        bottom: 25px;
        right: 12px;
        display: none;
        border-radius: 71px;
        width: 55px;
        height: 55px;
        box-shadow: -1px -2px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
        color: #000 !important;
        background: #fff;
        z-index: 99;
    }
    header .menubar nav ul li a {
        color: #444444c9;
        transition: all linear 0.4s;
        font-size: 17px;
        text-transform: capitalize;
        padding: 9px 9px !important;
        font-family: "Baloo", cursive;
    }
    .back-to-top {
        position: fixed;
        bottom: 25px;
        right: 22px;
        display: none;
        border-radius: 71px;
        width: 56px;
        height: 56px;
        box-shadow: -1px -2px 6px rgba(0, 0, 0, 0.16),
            0 3px 6px rgba(0, 0, 0, 0.23);
        color: #000 !important;
        background: #fff;
    }
    .back-to-top:hover {
        position: fixed;
        bottom: 25px;
        right: 22px;
        display: none;
        border-radius: 71px;
        width: 56px;
        height: 56px;
        box-shadow: -1px -2px 6px rgba(0, 0, 0, 0.16),
            0 3px 6px rgba(0, 0, 0, 0.23);
        color: #000 !important;
        background: #fff;
    }
    .i-top {
        line-height: 31px;
        padding-right: 4px;
        padding-top: 7px;
        line-height: 35px !important;
        margin-left: 3px !important;
        margin-top: 0px !important;
    }
    .i-top:hover {
        line-height: 31px;
        padding-right: 8px;
        padding-top: 7px;
        line-height: 35px !important;
        margin-left: 3px !important;
        margin-top: 0px !important;
    }
    header .menubar nav ul li {
        text-align: center;
        /* border-bottom: 1px solid #0000002b; */
        margin-left: 25px;
        margin-right: 25px;
    }
    .sm--m-auto {
        margin: 0 auto !important;
    }
    .sm--mt-43 {
        margin-top: 43px !important;
    }
    #program .prog {
        margin-top: 39px;
        transition: all linear 0.4s;
        border-radius: 10px;
        margin-bottom: 0px;
        filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.07));
    }

    .lg-mr-17 {
        margin-right: 10px;
    }
    .lg-ml-24 {
        margin-left: 10px;
    }
    .lg-mr-17:hover {
        margin-right: 10px;
    }
    .lg-ml-24:hover {
        margin-left: 10px;
    }
    .mtl-plan {
        margin-left: 0%;
    }
    .sm-pt-48 {
        padding-top: 48px !important;
    }
    .pt--00 {
        padding-top: 0 !important;
    }
    .d--lg {
        display: none;
    }
    .d--sm {
        display: block;
    }
    #service h3 {
        width: 100%;
    }

    .page-position {
        float: none !important;
        font-family: "Baloo", cursive;
    }

    .qodef-woo-results:after {
        display: block;
        content: "";
        position: absolute;
        top: 55px;
        left: 0px;
        width: calc(100% + 43px);
        height: 2px;
        background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#cecbc8),
            color-stop(75%, #cecbc8),
            color-stop(75%, transparent),
            to(transparent)
        );
        background-image: -o-linear-gradient(
            left,
            #cecbc8,
            #cecbc8 75%,
            transparent 75%,
            transparent 100%
        );
        background-image: linear-gradient(
            90deg,
            #cecbc8,
            #cecbc8 75%,
            transparent 75%,
            transparent 100%
        );
        background-size: 10px 10px, 100% 3px;
        z-index: 50;
    }
    .qodef-grid-item:before {
        display: block;
        content: "";
        position: absolute;
        top: 5px;
        left: 21px;
        width: 2px;
        height: 21%;
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                from(transparent),
                color-stop(50%, transparent),
                color-stop(50%, #cecbc8),
                to(#cecbc8)
            ),
            -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
        background-image: -o-linear-gradient(
                bottom,
                transparent,
                transparent 50%,
                #cecbc8 50%,
                #cecbc8 100%
            ),
            -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
        background-image: linear-gradient(
                0deg,
                transparent,
                transparent 50%,
                #cecbc8 50%,
                #cecbc8 100%
            ),
            linear-gradient(
                0deg,
                rgba(255, 255, 255, 0),
                rgba(255, 255, 255, 0)
            );
        background-size: 12px 12px, 100% 3px;
        z-index: 50;
    }
    .sm-mr {
        margin-right: 25px;
    }
    .mr-ml {
        margin-left: 1% !important;
        margin-right: 0% !important;
    }
    .login-btn {
        padding: 12px 26px !important;
        border-radius: 50%/21% !important;
        margin-top: 7px !important;
        margin-bottom: 7px !important;
        margin: auto;
        display: block;
        width: 42% !important;
        font-size: 18px !important;
        height: 51px !important;
    }
    .login-btn:hover {
        padding: 12px 26px !important;
        border-radius: 50%/18% !important;
        margin-top: 7px !important;
        margin-bottom: 7px !important;
        margin: auto;
        display: block;
        width: 54% !important;
    }
    .top-about {
        display: inline-block;
        position: absolute;
        bottom: unset;
        left: 50%;
        transform: translateX(-50%);
        color: #9f495d !important;
        filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
        -webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
        width: 47px;
        height: 46px;
        background: #fff;
        border-radius: 50%;
        -o-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        line-height: 110px;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        z-index: 99;
        overflow: hidden;
        margin-top: -5% !important;
    }
    .section-sm {
        margin-top: 24% !important;
    }
    .set-lg-sm {
        margin-top: 16px !important;
        color: #0266bc !important;
    }

    a.page-link {
        height: 50px;
        width: 54px;
        border-radius: 40%/28%;
        display: inline-block;
        line-height: 2;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #fff;
        margin-top: 5px;
        margin-bottom: 5px;
        background: #00ae4d;
        margin: 7px;
        height: 45px;
        line-height: 25px;
        width: 43px;
        border-radius: 50%/10%;
        margin-top: 41px;
        margin-bottom: 3px;
        font-size: 17px;
    }
    #program {
        border-top: 1px solid #f6f6f6;
        padding: 0px 0;
    }
    .btn-c {
        padding: 10px 16px !important;
        border-radius: 50%/21% !important;
        margin-top: 7px !important;
        margin-bottom: 7px !important;
        font-size: 20px;
    }
    .btn-c:hover {
        padding: 10px 16px !important;
        border-radius: 50%/21% !important;
        margin-top: 7px !important;
        margin-bottom: 7px !important;
        font-size: 20px;
    }
    #foot a {
        margin-left: 0px;
    }
    .ul-center {
        justify-content: center;
        display: flex;
        margin: auto !important;
        margin-top: 28px !important;
    }
    .mt-sm {
        margin-top: 1.5rem !important;
    }
    .span-position {
        position: absolute !important;
        top: 160px !important;
        z-index: 99 !important;
        left: 0;
    }
    .mob-img {
        height: 175px;
        object-fit: cover;
    }
    .overlay button {
        float: left;
        width: 30%;
        padding: 10px;
        border: none;
        cursor: pointer;
        background: #0266bc;
        text-transform: capitalize;
        font-size: 24px;
        font-family: "Baloo", cursive;
        color: #fff;
        transition: all linear 0.4s;
    }
    .overlay input[type="text"] {
        padding: 15px;
        font-size: 17px;
        border: none;
        float: left;
        width: 67%;
        background: white;
    }
    .overlay .closebtn {
        position: absolute;
        top: 70px;
        right: 14px;
        font-size: 60px;
        cursor: pointer;
        color: white;
    }
    .buy-btn {
        padding: 6px 16px;
    }
    .otp-btn {
        width: 52% !important;
    }
    .show-pass-icon {
        float: right;
        margin-top: -39px;
        position: relative;
        z-index: 2;
        padding-right: 10px;
    }
    .view-step-btn-mn {
        padding: 6px 7px;
        border-radius: 46%/23%;
        font-size: 17px;
        margin-right: 11px;
    }
    .invoice-acc-mob {
        padding: 0 !important;
        font-weight: 500;
    }
    .sitemap {
        padding-bottom: 40px;
    }
    .whatsapp {
        position: fixed;
        width: 57px;
        height: 57px;
        bottom: 120px;
        right: 20px;
        background-color: #25d366;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        z-index: 100;
        right: 23px;
    }
    .whatsapp-ico {
        padding-right: 0px;
        padding-top: 20px;
        line-height: 0 !important;
        font-size: 26px !important;
    }
    .gallery-mob-pb {
        padding-bottom: 34px;
    }
    .gall-pb-mob {
        padding-bottom: 67px !important;
    }
}

/* mobile screen */
@media (max-width: 575.98px) {
    .banner-img {
        background-image: url("../image/mobile-banner.jpg") !important;
        background-size: cover;
        height: 77vh;
        background-position: center center;
        margin-top: 85px;
        background-repeat: no-repeat;
    }
    .order-lastt {
        -webkit-box-ordinal-group: 14 !important;
        -ms-flex-order: 13 !important;
        order: 13 !important;
    }
    #blog-details ul.date-like {
        padding-top: 9px;
        margin-top: -29px;
    }
    .m--date-fix {
        font-size: 15px !important;
    }
    .colorful-button::before {
        right: -4px;
        left: -4px;
    }
    .colorful-button::before {
        right: -4px;
        left: -4px;
    }
    .colorful-button:hover::before {
        right: -4px;
        left: -4px;
    }

    .sm--pt-10 {
        padding-top: 10px !important;
    }
    .sm--mb--25 {
        margin-bottom: 25px;
    }
    .sm--minus-30 {
        margin-bottom: -30px;
    }
    .sm--mr--7 {
        margin-right: 7px !important;
    }
    header .menubar nav ul {
        margin-bottom: 0px;
        height: 100vh;
    }
    .sm--mb-0 {
        margin-bottom: 0 !important;
    }
    .bread-overlay {
        padding: 24px 0px;
    }
    #about-bread .about-bread-overlay {
        background: rgb(255 240 237 / 67%);
    }
    #foot a {
        padding-left: 0px;
    }

    h3 {
        font-size: 27px;
        font-family: "Baloo", cursive;
        color: #444444;
        text-transform: capitalize;
        margin-top: 3px;
    }
    .sm--mx--auto {
        margin: auto;
    }
    .sub-mob {
        padding: 9px 13px !important;
        font-size: 18px !important;
        border-radius: 54%/25% !important;
    }
    #program-bread .program-bread-overlay {
        background: rgb(255 240 237 / 67%);
        padding: 24px 0;
    }
    header .logo-small img {
        width: 228px;
        padding: 9px 0;
    }
    #contact-details {
        margin-bottom: 0%;
    }
    .sm-auto {
        margin: auto;
    }
    #service h3 {
        width: 100%;
    }
    #service .ser-details {
        padding-bottom: 0px;
    }
    #testimonial h3 {
        width: 100%;
        padding-top: 26px;
        padding-bottom: 19px;
    }
    .zomm-box {
        display: flex;
        justify-content: center;
        width: 100%;
        /* height: 350px;
    overflow-y: auto; */
    }

    .bread-overlay h2.breadcrumb-title {
        font-size: 29px;
    }
    #contact-bread .contact-bread-overlay {
        background: rgba(132, 194, 235, 0.95);
        padding: 14px 0;
    }
    .footer-ml {
        margin-left: 0%;
    }
    .imggallery {
        padding-bottom: 16px;
        object-fit: cover;
        padding-left: 7px;
    }

    .galler-add-m-view {
        width: 83% !important;
        height: 14% !important;
    }
    .setgalleryimg {
        padding: 0px;
    }
    .sub-text {
        padding: 8px !important;
        width: 50% !important;
        color: #fff !important;
        font-size: 19px !important;
        font-family: "Baloo", cursive !important;
    }
    .submit-btn {
        height: 43px;
        width: 33%;
        background: #0266bc !important;
        text-transform: capitalize !important;
        font-size: 19px;
        font-family: "Baloo", cursive;
        color: #fff;
        transition: all linear 0.4s;
    }
    #foot i {
        height: 56px;
        line-height: 56px;
        width: 56px;
        border-radius: 50%/10%;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    #foot i:hover {
        height: 56px;
        line-height: 56px;
        width: 56px;
        border-radius: 50%/10%;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .gall-img-c {
        border-radius: 50%/15%;
        clip-path: inset(0% 0% 0% 0% round 8%/50%);
        margin: 18px;
        margin-bottom: 0px;
        margin-top: 25px;
    }
    #newsletter p.co-2::before {
        content: "";
        position: absolute;
        top: -32px;
        left: 75%;
        height: 2px;
        width: 32px;
        background: rgb(2, 102, 188);
    }
    #newsletter p.co-2:after {
        content: "";
        position: absolute;
        top: -32px;
        right: 75%;
        height: 2px;
        width: 32px;
        background: #0266bc;
    }
    #newsletter p.co-3:after {
        content: "";
        position: absolute;
        top: -32px;
        right: 66%;
        height: 2px;
        width: 32px;
        background: #f97d1d;
    }
    #newsletter p.co-3::before {
        content: "";
        position: absolute;
        top: -32px;
        left: 66%;
        height: 2px;
        width: 32px;
        background: #f97d1d;
    }
    #newsletter p.co-1:after {
        content: "";
        position: absolute;
        top: -32px;
        right: 70%;
        height: 2px;
        width: 32px;
        background: #00ae4d;
    }
    #newsletter p.co-1::before {
        content: "";
        position: absolute;
        top: -32px;
        left: 70%;
        height: 2px;
        width: 32px;
        background: #00ae4d;
    }
    .sm--pb--20 {
        padding-bottom: 20px !important;
    }
    #newsletter p.co-1::before {
        content: "";
        position: absolute;
        top: -32px;
        left: 70%;
        height: 2px;
        width: 32px;
        background: #00ae4d;
    }

    #newsletter p.co-1:after {
        content: "";
        position: absolute;
        top: -32px;
        right: 70%;
        height: 2px;
        width: 32px;
        background: #00ae4d;
    }
    .i-me {
        width: 0 !important;
        color: #000 !important;
        padding-right: 22px !important;
        font-size: 17px !important;
        height: 0 !important;
        margin-top: -13px !important;
    }

    .text-c {
        width: 55%;
        margin: auto;
    }
    a.page-link:hover {
        display: inline-block;
        line-height: 2;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #fff;
        margin-top: 0px;
        margin-bottom: 0;
        background: #00ae4d;
        margin: 9px;
        height: 46px;
        line-height: 34px;
        width: 43px;
        border-radius: 50%/10%;
        margin-top: 40px;
        margin-bottom: 0px;
        font-size: 19px;
    }
    .img-w {
        margin-top: 43px;
    }
    #contact-details .contact-form {
        margin-top: 43px;
    }
    #about .inner-about {
        padding-top: 15px !important;
    }
    .img-brain {
        width: 370px !important;
        margin-top: 0 !important;
    }
    /* 15-05 */
    .sarch-navv {
        padding: 3px 15px !important;
        border-radius: 49%/27% !important;
    }
    .sarch-navv:hover {
        padding: 3px 15px !important;
        border-radius: 49%/27% !important;
    }

    .vbox-close {
        cursor: pointer;
        position: fixed;
        top: 87px;
        right: 0;
        width: 50px;
        height: 40px;
        padding: 6px;
        display: block;
        background-position: 10px center;
        overflow: hidden;
        font-size: 24px;
        line-height: 1;
        text-align: center;
        z-index: 1050;
    }
    .sm--w--50 {
        width: 50% !important;
    }
    .text-w {
        word-break: break-all;
    }
    .galler-add-m-view {
        width: 151px !important;
        height: 140px !important;
        object-fit: cover;
        border-radius: 49%/24%;
    }
    .px--s {
        padding: 5px 8px !important;
        padding: 11px 6px !important;
    }
    .lg-toolbar .lg-icon {
        position: relative;
        top: 88px;
    }
    .view-step-btn-mn {
        padding: 9px 8px;
        border-radius: 46%/23%;
        font-size: 14px;
        margin-right: 9px;
    }
}