@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

@font-face {
    font-family: "milky_niceregular";
    src: url("fonts/milkynice-webfont.eot");
    src: url("fonts/milkynice-webfont.eot?#iefix") format("embedded-opentype"),
        url("fonts/milkynice-webfont.woff2") format("woff2"),
        url("fonts/milkynice-webfont.woff") format("woff"),
        url("fonts/milkynice-webfont.svg#milky_niceregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Comic Sans MS";
    src: url("fonts/ComicSansMS.woff2") format("woff2"),
        url("fonts/ComicSansMS.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    color: #000000;
    font-size: 15px;
    line-height: 1.5;
    background-color: #fff;
}

body,
html {
    overflow-x: hidden;
}

b,
strong {
    font-weight: 700;
    display: inline-block;
}

p {
    margin: 0 0 22px 0;
}

p:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "milky_niceregular";
    font-weight: normal;
    margin: 0 0 25px 0;
    padding: 0;
    color: #000;
    font-weight: normal;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}

h1 {
    font-size: 48px;
    line-height: 1;
}

h2 {
    font-size: 36px;
    line-height: 1;
}

h3 {
    font-size: 31px;
    line-height: 1;
}

h4 {
    font-size: 26px;
    line-height: 1.2;
}

h5 {
    font-size: 20px;
    line-height: 1.2;
    /* color:#14baee;
    color:#111178;
    color:#5bcf6d;  */
}

:root {
    --main-blue-color: #14baee;
    --main-darkblue-color: #111178;
    --main-blueLight-color: #14baee;
    --main-green-color: #5bcf6d;
    --main-milky-font: "milky_niceregular";
    --comic-font-: "Comic Sans MS";
    --Montserrat-font: "Montserrat", sans-serif;
    --white-color: #ffffff;
}

a {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    outline: none !important;
    color: var(--main-blue-color);
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

a:hover {
    color: var(--main-green-color);
}

img {
    max-width: 100%;
}

input[type="date"],
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="datetime-local"],
select {
    background-color: transparent;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 7px;
    color: #000;
    border: 0;
    height: 58px;
    padding: 0.375rem 0.75rem;
    outline: none !important;
    background: #f1efef;
    font-size: 21px;
    line-height: 1.2em;
}

textarea {
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 7px;
    border: 0;
    padding: 20px 20px;
    width: 100%;
    color: #000;
    height: 133px;
    outline: none !important;
    background: #f1efef;
    resize: none;
    font-size: 21px;
    line-height: 1.2em;
}

select {
    width: 100%;
    padding: 0 11px;
    background: #f1efef url(images/sort-down.svg) no-repeat calc(100% - 16px)
        center transparent;
    background-size: 18px;
    padding-right: 40px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

input[type="submit"] {
    background: var(--main-blueLight-color);
    color: #fff;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 7px;
    cursor: pointer;
    font-size: 21px;
    font-weight: 600;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
}

input[type="submit"]:hover {
    background: var(--main-green-color);
    color: #fff;
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #000;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #000;
}

::-moz-placeholder {
    opacity: 1;
    color: #000;
}

:-moz-placeholder {
    opacity: 1;
    color: #000;
}

/* images alignment for wordpress content pages */

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    float: none;
    clear: both;
}

/* custom checkbox */

.form_input_check label {
    position: relative;
    margin: 0;
    padding-left: 40px;
    display: inline-block;
}

.form_input_check label span {
    margin: 0;
    padding: 0;
}

.form_input_check label input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.form_input_check label input[type="checkbox"] + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 22px;
    height: 22px;
    border: 1px solid #3e3e42;
    background: transparent;
}

.form_input_check label input[type="checkbox"] + span::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 22px;
    height: 22px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(images/tick.svg) no-repeat center center;
    background-size: 15px;
}

.form_input_check label input[type="checkbox"]:not(:checked) + span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* .form_input_check input[type="checkbox"]:checked + span::before {

    } */

.form_input_check label input[type="checkbox"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* custom radio */

.form_input_radio label {
    position: relative;
    margin: 0;
    padding-left: 30px;
    display: inline-block;
}

.form_input_radio label span {
    margin: 0;
    padding: 0;
}

.form_input_radio label input[type="radio"] {
    visibility: hidden;
    display: none;
}

.form_input_radio label input[type="radio"] + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border: 2px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.form_input_radio label input[type="radio"] + span::after {
    content: "";
    width: 12px;
    height: 12px;
    background: var(--main-green-color);
    position: absolute;
    top: 6px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form_input_radio label input[type="radio"]:not(:checked) + span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* .form_input_radio input[type="radio"]:checked + span::before {

    } */

.form_input_radio label input[type="radio"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* custom radio end */
/* back to top */

#scroll {
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background-color: #bdd653;
    display: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 68px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

#scroll:hover {
    background: #88a725;
}

#scroll i {
    color: #fff;
    font-size: 44px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#scroll:hover i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

ul {
    padding-left: 0;
    margin-bottom: 0;
}

ul li {
    list-style: none;
}

/* navbar*/

.navbar-brand {
    padding: 0;
    margin: 0;
    width: 300px;
    display: inline-block;
}

@media (max-width: 1300px) {
    .navbar-brand {
        width: 210px;
    }
}
@media (max-width: 667px) {
    .navbar-brand {
        width: 200px;
    }
}

@media (max-width: 667px) {
    .pink_btn {
        padding: 13px 16px;
        font-size: 10px;
    }
}

.navbar {
    background: none;
    margin: 0;
    padding: 0;
    min-height: inherit;
    height: inherit;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.navbar-nav li {
    position: relative;
    list-style: none;
}

.navbar-nav > li {
    margin: 0 18px;
    padding: 20px 0;
    position: relative;
}

.navbar-nav > li:last-child {
    margin-right: 0;
}

.navbar-nav > li:first-child {
    margin-left: 0;
}

.navbar-nav > li > a {
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
    position: relative;
    font-weight: normal;
    font-family: "milky_niceregular";
    text-transform: capitalize;
}

.navbar-nav > li > a:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    /* opacity: 0; */
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-nav > li > a:hover::after {
    background: var(--main-blue-color);
}

.navbar-nav > li > a:hover,
.navbar-nav > li.menu-item-has-children:hover > a {
    color: var(--main-blue-color);
}

.navbar-nav > li.current-menu-item > a:after,
.navbar-nav > li > a:hover:after,
.navbar-nav > li.menu-item-has-children:hover > a:after {
    width: 100%;
}

/* navbar submenu*/

.sub-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 140px;
    padding: 0;
}

.sub-menu > li > a {
    color: #000;
    display: block;
    width: 100%;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.sub-menu > li {
    width: 100%;
    display: block;
}

.sub-menu > li > a:hover,
.sub-menu > li.menu-item-has-children:hover > a,
.sub-menu > li.current-menu-item > a {
    background: var(--main-blueLight-color);
    color: #fff;
}

.parent-menu {
    display: none;
}

.navbar-nav > li:last-child > .sub-menu {
    right: 0;
    left: inherit;
    padding: 0;
}

/* 2nd level submenu */

.navbar-nav > li > .sub-menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}

/* for push-menu */

.navbar-collapse .navbar-toggler {
    display: none;
}

#navoverlay {
    display: block;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    margin: 0;
    padding: 0 !important;
    z-index: 99;
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}

.bnr_main {
    align-items: center;
}

.bnr_main_cont h1 {
    font-size: 40px;
    font-family: var(--main-milky-font);
    font-weight: 400;
    color: var(--main-blue-color);
}

.bnr_main_cont p {
    color: #fff;
    font-family: var(--main-milky-font);
    font-weight: 400;
    margin: 15px 0;
    font-size: 25px;
}

.bnr_main_cont p strong {
    display: block;
    font-size: 40px;
    font-weight: 400;
    color: var(--main-green-color);
}

.pink_btn {
    background: linear-gradient(180deg, #5bcf6d 0%, #13681f 100%);
    border-radius: 45px;
    font-size: 16px;
    line-height: 1;
    font-family: var(--main-milky-font);
    font-weight: 400;
    color: #ffffff;
    padding: 13px 30px;
}

.pink_btn:where(:hover,:focus,:active) {
    background: linear-gradient(180deg, #13681f 0%, #5bcf6d 100%);
    color: #fff !important;
}

.blue_btn {
    background: linear-gradient(180deg, #14baee 0%, #067b9e 100%);
    border-radius: 45px;
    font-size: 16px;
    line-height: 1;
    font-family: var(--main-milky-font);
    font-weight: 400;
    color: #ffffff;
    padding: 13px 40px;
}

@media (max-width: 667px) {
    .blue_btn {
        padding: 13px 0px;
    }
}

.blue_btn:hover {
    background: linear-gradient(180deg, #067b9e 0%, #14baee 100%);
    color: #fff;
}

.right_info_btn {
    order: 1;
    margin: 0 10px 0 0;
}

@media (max-width: 667px) {
    .right_info_btn {
        margin: 0 0px 0 0;
    }
}

.navbar-brand img {
    max-width: 100%;
}

.main-head {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 13px 0;
}

.banner_sec {
    padding: 170px 0 220px;
    position: relative;
}

.banner_sec::before {
    position: absolute;
    content: "";
    /* background: url(images/cloud.png) no-repeat 0 bottom / contain; */
    bottom: 0;
    left: 0;
    width: 14%;
    height: 13%;
}

.bner_right_content {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.bner_right_content ul li {
    display: inline-block;
    margin-right: 10px;
}

.bner_right_content ul li:last-child {
    margin-right: 0;
}

.bottom_gap {
    padding-bottom: 80px;
}

.common_gap {
    padding: 80px 0;
}

.headline {
    text-align: center;
    max-width: 905px;
    margin: 0 auto 45px;
}

.elemt_box {
    background: #ffffff;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 12%);
    border-radius: 50%;
    text-align: left;
    padding: 100px 48px;
    border: 10px solid var(--main-green-color);
    width: 350px;
    height: 350px;
    margin: 0 auto;
}

.elemt_box:hover {
    border: 10px solid var(--main-darkblue-color);
}

.elemt_box h3 {
    margin: 0;
    font-size: 20px;
}

.elemt_box span {
    font-size: 31px;
    font-weight: 300;
    color: #000000;
    text-transform: capitalize;
    width: 45px;
    height: 45px;
    background: #faf0d6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px 10px 0 0;
    float: left;
}

.elemt_box p {
    margin: 20px 0 0 0;
    font-size: 14px;
    text-align: center;
}

.elemt_box h4 {
    text-transform: capitalize;
    color: var(--main-blue-color);
    margin: 0 0 10px 74px;
    height: 62px;
    font-size: 18px;
}

.elemtnt_main .elemtnt_main_cont:nth-child(2) span {
    background: #fdebfb;
}

.elemtnt_main .elemtnt_main_cont:nth-child(3) span {
    background: #e0ecfd;
}

.element_sec {
    position: relative;
}

.element_sec::before {
    position: absolute;
    content: "";
    /* background: url(images/cloud.png) no-repeat right bottom / contain; */
    bottom: 0;
    right: 0;
    width: 10%;
    height: 13%;
}

.pick_main_cont iframe,
.get_main_cont iframe {
    width: 100%;
    height: 370px;
    background: #fff;
    padding: 25px;
    border-radius: 28px;
}

.get_sec {
    /* background: #00c8ff; */
    background: url(images/bg-img.png) no-repeat 0 0 / cover;
    position: relative;
    padding: 300px 0 40px;
    margin: -85px 0 0 0;
    height: 950px;
    background-size: cover;
    width: 100%;
}

.get_sec::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;

    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.5;
}

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

.get_main {
    align-items: center;
}

.get_main h2 {
    color: #fff;
}

.get_main p {
    color: #fff;
    font-size: 16px;
}

.get_left {
    padding-right: 70px;
}

.outer_get {
    position: relative;
    /* margin-bottom: 50px; */
    margin: 10px 0 0 0;
}

.outer_get .get_top_shap {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.outer_get .get_btm_shap {
    position: absolute;
    bottom: -36px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.outer_get .get_top_shap1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.outer_get.footer-top {
    padding: 0px 0 45px;
    height: 860px;
    margin: 20px 0 0 0;
}

.outer_get .get_btm_shap1 {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.footer-top .get_top_shap1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.footer-top .get_btm_shap1 {
    position: absolute;
    bottom: 47px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.inner_work {
    margin: 20px 0 0 0;
}

.work_main_cont figure {
    width: 165px;
    height: 165px;
    background: var(--main-blueLight-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 5px solid #fff;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.12);
    margin: 0 auto 30px;
}

.work_main_cont {
    text-align: center;
}

.inner_work h2 {
    text-align: center;
    margin-bottom: 40px;
}

.inner_work h5 {
    color: var(--main-blueLight-color);
}

.inner_work h5 span {
    display: block;
    font-size: 19px;
}

.step_box {
    position: relative;
    padding-top: 84px;
}

.step_box .step {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.work_main .work_main_cont:nth-child(4) h5,
.work_main .work_main_cont:nth-child(2) h5 {
    color: var(--main-green-color);
}

.work_main .work_main_cont:nth-child(4) figure,
.work_main .work_main_cont:nth-child(2) figure {
    background: var(--main-green-color);
}

.work_main .work_main_cont:nth-child(3) h5 {
    color: var(--main-darkblue-color);
}

.work_main .work_main_cont:nth-child(3) figure {
    background: var(--main-darkblue-color);
}

.work_sec {
    position: relative;
    padding: 100px 0;
    margin: -159px 0 0 0;
}

.work_sec::before {
    position: absolute;
    content: "";
    /* background: url(images/cloud.png) no-repeat 0 0 / contain; */
    top: 9%;
    left: 9%;
    width: 10%;
    height: 11%;
}

.work_sec::after {
    position: absolute;
    content: "";
    /* background: url(images/cloud.png) no-repeat 0 0 / contain; */
    top: 9%;
    right: 1%;
    width: 10%;
    height: 11%;
}

.number {
    width: 128px;
    height: 128px;
    font-size: 28px;
    color: #fff;
    font-family: "milky_niceregular";
    font-weight: normal;
    z-index: 1;
    background: url(images/Polygon-1.png) no-repeat 0 0 / contain;
    background: #00c8ff;
    border-radius: 50%;
    padding: 44px 20px;
    margin: 0 0 20px 0;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -80px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.activ_box {
    align-items: center;
    position: relative;
    padding: 50px;
    text-align: center;
    background: #fff;
    /* width: 50%; */
    width: 100%;
    margin: 0 auto;
    border-radius: 50px;
}

/* .activ_box::before {
    position: absolute;
    content: "";
    background: url(images/acti_shp.png) no-repeat 0 center / cover;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
} */

.left_acti span {
    display: block;
    color: var(--main-blue-color);
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.left_acti p {
    font-family: var(--comic-font-);
    font-weight: normal;
    font-size: 18px;
    margin: 10px 0;
}

mark,
.mark {
    background: transparent;
    padding: 0;
}

.left_acti {
    padding-right: 0px;
    z-index: 1;
}

.activity_sec {
    padding: 170px 0;
}

.activity_sec::after {
    background: url(images/acti_shp.png) no-repeat 0 center / cover;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
}

.activity_sec::before {
    background: url(images/acti_shp.png) no-repeat 0 center / cover;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
}

/*
.acti_main .acti_main_cont:nth-child(even) .activ_box {
    padding: 20px 30px 20px 0;
} */

.acti_main .acti_main_cont:nth-child(even) .number {
    border-color: var(--main-green-color);
    /* color: var(--main-green-color); */
    order: 1;
}

.acti_main .acti_main_cont:nth-child(even) .left_acti {
    order: 2;
    padding-right: 30px;
    padding-left: 40px;
}

.acti_main .acti_main_cont:nth-child(even) .activ_box::before {
    background: url(images/acti_shp2.png) no-repeat 0 center / cover;
    right: 0;
    left: inherit;
}

.acti_main_cont {
    padding-bottom: 40px;
}

/*
.acti_main .acti_main_cont:nth-child(3n) {
    order: 2;
} */

.outer_work {
    position: relative;
    padding: 100px 0;
}

.outer_work::before {
    position: absolute;
    content: "";
    /* background: url(images/wrk_shp.png) no-repeat 0 bottom / contain; */
    left: 0;
    bottom: 24%;
    height: 11%;
    width: 7%;
}

.acti_main {
    margin-bottom: -40px;
}

.acti_main .acti_main_cont:not(:first-child, :nth-child(2)) .activ_box::before {
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
}

.pick_main_cont iframe {
    background: var(--main-blueLight-color);
}

.inner_pick {
    align-items: center;
}

.pick_box {
    position: relative;
}

.pick_box::before {
    position: absolute;
    content: "";
    /* background: url(images/cloud.png) no-repeat 0 bottom / contain; */
    top: -53px;
    right: -50px;
    width: 33%;
    height: 18%;
    z-index: -1;
}

.pick_box::after {
    position: absolute;
    content: "";
    background: url(images/cloud2.png) no-repeat 0 bottom / contain;
    top: 38%;
    left: -60px;
    width: 33%;
    height: 18%;
    z-index: -1;
}

.pick_sec.common_gap {
    padding: 110px 0;
}

.inner_pick h4 {
    margin-top: 20px;
    text-align: center;
    color: var(--main-blue-color);
    padding: 0;
}

.learn_sec {
    position: relative;
    background: var(--main-green-color);
    padding: 140px 0;
}

.learn_sec::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(images/learn_bg.png) no-repeat 0 0 / cover;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 1;
}

.learn_inr {
    position: relative;
    z-index: 3;
}

.learn_main_cont ul li {
    display: inline-block;
    margin-right: 5px;
}

.learn_main_cont ul li:last-child {
    margin-right: 0;
}

.learn_main_cont h2 {
    color: #fff;
    text-transform: capitalize;
}

.learn_main_cont h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 36px;
}

.learn_main {
    align-items: center;
    padding: 100px 0;
}

.learn_main_cont img {
    margin: 200px 0 0 0;
}

.fter_main_cont h4 {
    font-size: 20px;
}

.fter_main_cont ul {
    margin-bottom: 0;
}

.fter_main_cont ul li a {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.fter_main_cont ul li a:hover {
    color: var(--main-green-color);
}

.fter_main_cont ul li:not(:last-child) {
    margin-bottom: 10px;
}

.social_media ul li a {
    color: #005cb9;
    font-size: 40px;
    line-height: 1;
}

.social_media ul li {
    display: inline-block;
    margin-right: 10px;
}

.social_media ul li:last-child {
    margin-right: 0;
}

.social_media ul li a:hover {
    transform: scale(1.1);
}

.fter_details ul li span {
    display: block;
}

.fter_details ul li a {
    font-family: var(--comic-font-);
    font-weight: normal;
}

.fter {
    padding: 10px 0 80px;
    position: relative;
}

.right_learn_img {
    position: absolute;
    right: 0;
    top: -21%;
}

.copyright {
    margin-top: 60px;
}

.copyright p {
    font-weight: 500;
}

.fter::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 44%;
    background: url(images/fter_shp.png) no-repeat right bottom / contain;
    right: 0;
    bottom: 0;
}

.fter::after {
    position: absolute;
    content: "";
    width: 10%;
    height: 14%;
    background: url(images/fter_shp2.png) no-repeat 0 0 / contain;
    left: 0;
    top: 0;
}

.inner_pg_banner h1 {
    text-align: center;
    color: #fff;
}

.inner_pg_banner.banner_sec {
    padding: 170px 0 250px;
}

.inner_acti h2 {
    text-align: center;
    margin-bottom: 40px;
}

.inner_pg_banner::before {
    display: none;
}

.pick_main_cont figure {
    background: var(--main-blueLight-color);
    padding: 25px;
    border-radius: 28px;
    position: relative;
}

.pick_main_cont figure::before {
    position: absolute;
    content: "";
    background: url(images/cloud.png) no-repeat 0 bottom / contain;
    top: -53px;
    right: -50px;
    width: 33%;
    height: 18%;
    z-index: -1;
}

.pick_main_cont figure img {
    width: 100%;
    border-radius: 10px;
}

.about_pick {
    position: relative;
}

.about_pick::before {
    position: absolute;
    content: "";
    background: url(images/cloud.png) no-repeat 0 0 / contain;
    bottom: 20%;
    right: 0;
    width: 8%;
    height: 7%;
}

.inner_pg_learn .get_top_shap {
    position: static;
    width: 100%;
}

.inner_pg_learn .learn_sec {
    background: var(--main-green-color);
}

.inner_pg_learn.learn_sec::before {
    opacity: 0.4;
}

.abt_acti.outer_get {
    margin-bottom: -55px;
}

.inner_faq .accordion-button {
    font-size: 23px;
    color: #ffffff;
    background: var(--main-blueLight-color);
    border-radius: 12px !important;
    padding: 22px 30px;
}

.inner_faq .accordion-button:focus {
    box-shadow: inherit;
}

.inner_faq .accordion-item {
    border: 0;
    background: transparent;
    margin-bottom: 18px;
}

.inner_faq .accordion-item:last-child {
    margin-bottom: 0;
}

.inner_faq .accordion-body {
    background: #f5f4f4;
    border-radius: 12px;
    margin-top: 20px;
    padding: 30px;
}

.accordion-button::after {
    background: url(images/pluse.png) no-repeat;
}

.accordion-button:not(.collapsed)::after {
    background: url(images/minus.png) no-repeat 0 center;
}

.outer_shp {
    position: relative;
}

.outer_shp::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -108px;
    left: 0;
    background: url(images/faq_shp.png) no-repeat 0 10% / 7%,
        url(images/faq_shp2.png) no-repeat 90% 0% / 7%,
        url(images/faq_shp3.png) no-repeat 0% 90% / 7%,
        url(images/faq_shp4.png) no-repeat 100% 70% / 5%;
}

.accordion-button:not(.collapsed) {
    background: var(--main-green-color);
}

.info_box {
    display: flex;
    align-items: center;
}

.info_box h3 {
    margin-bottom: 6px;
}

.info_box figure {
    width: 63px;
    height: 63px;
    min-width: 63px;
    background: var(--main-blue-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.right_info {
    padding-left: 20px;
}

.right_info a {
    font-size: 27px;
    color: #000;
    line-height: 1;
}

.right_info a:hover {
    color: var(--main-blueLight-color);
}

.info_main .info_main_cont:last-child figure {
    background: var(--main-darkblue-color);
}

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

.top_info {
    max-width: 700px;
    margin: 0 auto;
}

.info_frm_cont ul li {
    margin-bottom: 13px;
}

.top_info {
    margin-bottom: 70px;
}

.info_frm_cont input[type="submit"] {
    width: 100%;
}

.contact_shp.outer_shp::before {
    background: url(images/faq_shp.png) no-repeat 0 10% / 7%,
        url(images/faq_shp2.png) no-repeat 90% 0% / 7%,
        url(images/faq_shp3.png) no-repeat 0% 90% / 7%,
        url(images/faq_shp4.png) no-repeat 100% 80% / 5%;
    top: 0;
}

.sign_box figure {
    position: relative;
    padding-top: 40px;
    min-height: 150px;
}

.sign_box figure img {
    position: relative;
    z-index: 1;
}

.sign_box figure::before {
    position: absolute;
    content: "";
    width: 159px;
    height: 159px;
    background: url(images/sign_shp.png) no-repeat 0 0 / contain;
    border-radius: 50%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.margin-top {
    margin: 120px 0 0 0 !important;
}

.gradient_btn {
    font-size: 16px;
    color: #fff;
    background: linear-gradient(180deg, #5bcf6d 0%, #117220 100%);
    border-radius: 45px;
    font-family: var(--comic-font-);
    font-weight: normal;
    padding: 14px 22px;
}

.gradient_btn:hover {
    background: linear-gradient(180deg, #117220 0%, #5bcf6d 100%);
    color: #fff;
}

.sign_box {
    text-align: center;
    background: #41a7cf;
    margin: 20px 0;
    border-radius: 20px;
    padding: 15px;
}

.sign_head {
    margin: 100px 0 0 0;
    text-align: left;
}

.sign_head h2 {
    color: #fff;
    font-size: 39px;
    line-height: 1;
}

.inner_sign > figure {
    text-align: center;
}

.sign_up {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.bg_img img {
    width: 100%;
}

.regis_frm ul li {
    margin-bottom: 13px;
}

.regis_frm {
    background: #ffffff;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.11);
    border-radius: 20px;
    max-width: 663px;
    margin: 0 auto;
    padding: 40px 50px;
}

.inner_regis figure {
    text-align: center;
    margin-bottom: 40px;
}

.regis_frm h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 30px;
}

.register_sec {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.reasone_part,
.regis_frm .dropdn {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}

.reasone_part::before,
.regis_frm .dropdn::after {
    position: absolute;
    content: "";
    width: 52px;
    height: 100%;
    background: var(--main-green-color) url(images/down-arrow2.svg) no-repeat
        center center / 20px;
    right: 0%;
    top: 0;
}

.inner_regis ul li .gradient_btn {
    font-size: 16px;
    color: #fff;
    background: linear-gradient(180deg, #14baee 0%, #067b9e 100%);
    border-radius: 45px;
    font-family: var(--comic-font-);
    font-weight: normal;
    padding: 18px 62px 20px;
}

.inner_regis ul li .gradient_btn:hover {
    background: linear-gradient(180deg, #067b9e 0%, #14baee 100%);
    color: #fff;
}
.inner_regis a img{object-fit: contain;}
.inner_regis ul li:last-child {
    margin-bottom: 0;
    margin-top: 20px;
}

.inner_regis ul li select,
.inner_regis ul li input:not(input [type="submit"]) {
    font-size: 14px;
    line-height: 1;
    /* text-transform: capitalize; */
}

.sub_btn {
    text-align: center;
}

.login .sub_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fotgot_pass {
    margin-right: 40px;
    color: #000;
}

.valid_head {
    text-align: center;
    margin-bottom: 30px;
}

.valid_head p {
    margin-bottom: 10px;
}

.valid_head h3 {
    margin-bottom: 20px;
    font-size: 23px;
}

.valid_otp ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.valid_otp ul li:not(:last-child) {
    max-width: 16.66%;
    padding: 0 5px;
}

.valid_otp .sub_btn p {
    margin-top: 10px;
}

.valid_otp .sub_btn p a {
    color: #000;
}

.valid_otp .sub_btn p a:hover {
    color: var(--main-green-color);
}

.valid_otp form {
    max-width: 400px;
    margin: 0 auto;
}

.valid_otp .inner_regis ul li input:not(input[type="submit"]) {
    padding: 10px;
}

.user_desh {
    background: var(--main-green-color);
    display: inline-flex;
    align-items: center;
    padding: 15px 20px;
    border-radius: 0 0 0 20px;
}

.right_desh p {
    color: #fff;
    margin-bottom: 10px;
    line-height: 1;
}

.right_desh a {
    background: var(--main-blueLight-color);
    color: #fff;
    font-size: 13px;
    padding: 2px 18px 5px;
    border-radius: 20px;
}

.right_desh a:hover {
    background: var(--main-blue-color);
}

.right_desh {
    padding-left: 16px;
    text-align: left;
}

.user_desh figure {
    margin-bottom: 0;
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
}

.user_desh figure img {
    width: 100%;
}

.deshbord_header {
    position: relative;
    padding: 20px 0 32px;
}

.right_user {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    padding-right: 0;
}

.desh_head {
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    background: #fff;
}

.desh_box h4,
.desh_head h4 {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.3em;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    padding: 20px 26px;
    background: var(--main-blue-color);
    color: #fff;
    text-transform: capitalize;
}

.desh_box h4 {
    background: var(--main-green-color);
}

.desh_head ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-bottom: 2px solid rgba(121, 120, 120, 0.12);
    padding: 12px 18px 12px 0;
    position: relative;
    display: block;
}

.desh_head ul li.active a {
    font-weight: 600;
}

.desh_head ul li:last-child a {
    border-bottom: 0;
}

.desh_head ul {
    padding: 20px;
    background: #fff;
}

.desh_head ul li a::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 16px;
    background: url(images/right_aro.png) no-repeat 0 0 / contain;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.container-fluid {
    max-width: 1400px;
    padding: 0 50px;
}

.right_cont_tab h4 {
    font-size: 17px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1;
    padding: 20px 26px;
    background: var(--main-green-color);
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0;
}

.desh_box {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
}

.desh_box ul li {
    margin-bottom: 14px;
}

.desh_box ul li:last-child {
    margin-bottom: 0;
    /* margin-top: 20px; */
}

.desh_box textarea {
    background: #fff;
    font-size: 14px;
    font-weight: 400;
}

.desh_box
    ul
    li
    input:not(input[type="submit"], input[type="radio"], input[type="check"]) {
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    height: 42px;
    color: #4d4d4d;
}

.student_graph_sec input[type="submit"],
.right_timeing_btn input[type="submit"],
.submit_btn input[type="submit"],
.desh_box ul li input[type="submit"] {
    font-size: 14px;
    background: var(--main-green-color);
    border-radius: 30px;
    min-width: 188px;
    margin: 5px;
}

.student_graph_sec input[type="submit"]:hover,
.right_timeing_btn input[type="submit"]:hover,
.submit_btn input[type="submit"]:hover,
.desh_box ul li input[type="submit"]:hover {
    background: var(--main-blueLight-color);
}

.desh_box input::placeholder {
    color: #4d4d4d;
}

.desh_box input::-moz-placeholder {
    color: #4d4d4d;
}

.desh_box input::-webkit-input-placeholder {
    color: #4d4d4d;
}

.desh_box .desh_content {
    background: #ebfaff;
    padding: 25px;
}

.desh_box .desh_inr_box {
    padding: 20px;
}

.desh_box label {
    display: block;
    margin-bottom: 10px;
}

.profile_part {
    display: inline-flex;
    align-items: center;
}

.profile_part figure {
    width: 102px;
    height: 102px;
    max-width: 102px;
    min-height: 102px;
    margin-bottom: 0;
    background: #c4c4c4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.camera {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 43px;
}

.profile_part figure img {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%;
}

.profile_cont {
    padding-left: 20px;
}

.profile_cont p {
    font-weight: 600;
}

.assign_students input[type="text"] {
    width: 60%;
}

.assign_students p {
    font-weight: 600;
    font-size: 16px;
}

.desh_tab h5 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-bottom: 13px;
}

.view-btn {
    margin-top: 20px;
    color: #fff;
    background: #0a98dc;
    font-size: 14px;
    width: auto;
    float: right;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 30px;
}

.view-btn:hover {
    background: var(--main-blueLight-color);
    color: #fff;
}

.edit_btn {
    padding: 8.5px 10px;
    color: #fff;
    background: var(--main-blue-color);
    line-height: 1;
    border-radius: 30px;
    text-align: center;
    /* display: block; */
    /* min-width: 104px; */
}

.edit_btn:hover {
    background: var(--main-green-color);
    color: #fff;
}

.desh_inr_box table tbody tr td:last-child span {
    border-radius: 0 20px 20px 0;
    border: 0;
    padding: 19px 14px;
}

.desh_inr_box table tbody tr td:first-child span {
    border-radius: 20px 0 0 20px;
}

.desh_inr_box table tbody tr td {
    padding: 0;
    padding-bottom: 10px;
    /* width: 100%; */
    /* max-width: 19.99%; */
}

.table > :not(caption) > * > * {
    border: 0;
}

.desh_inr_box table tbody tr td span {
    background: #ffffff;
    display: block;
    padding: 19px 15px;
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(118, 54, 139, 0.2);
}

.desh_content .table thead tr th {
    border: 0;
    border-right: 1px solid rgba(118, 54, 139, 0.2);
}

.desh_content .table thead tr th:last-child {
    border: 0;
}

.table thead tr th {
    font-weight: 400;
}

.submit_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: center;
}

.submit_btn a {
    display: flex;
    align-items: center;
    color: #000;
}

.submit_btn a:hover {
    color: var(--main-green-color);
}

.submit_btn a img {
    padding-right: 9px;
}

.submit_btn input[type="submit"],
.edit_profile .desh_box ul li input[type="submit"] {
    background: var(--main-blueLight-color);
}

.submit_btn input[type="submit"]:hover,
.edit_profile .desh_box ul li input[type="submit"]:hover {
    background: var(--main-green-color);
}

.res_tab .resp-tabs-list li {
    background: #93d99e !important;
    border: 0 !important;
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    float: none;
    padding: 20px 36px;
    border-radius: 10px 10px 0 0;
    margin: 0;
    min-width: 175px;
}

.res_tab .resp-tabs-list li.resp-tab-active {
    background: var(--main-blue-color) !important;
}

.res_tab .resp-tabs-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.res_tab .resp-tab-content {
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    border: 0;
    min-height: 220px;
    padding: 30px;
    overflow-x: scroll;
}

.desh_tab .res_tab h5 {
    font-size: 17px;
}

.desh_tab {
    background: #ebfaff;
}

.print_sec .desh_content .table thead tr th {
    border: 0 !important;
    padding: 14px 27px;
    font-weight: 600;
}

.print_sec .desh_inr_box table tbody tr td span select {
    padding: 0;
    background: url(images/dwn_arow.png) no-repeat right center / 22%;
    height: auto;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0;
    width: 53px;
}

.print_sec .desh_inr_box table tbody tr td span {
    border: 0;
    box-shadow: 17px 4px 18px rgba(0, 0, 0, 0.01);
}

.print_sec .table > thead {
    background: var(--main-blue-color);
}

.print_sec .table > thead tr th {
    color: #fff;
}

.print_sec table {
    border-radius: 10px;
    overflow: hidden;
}

.print_sec .edit_btn {
    background: var(--main-green-color);
}

.print_sec .edit_btn:hover {
    background: var(--main-blueLight-color);
}

.print_sec .desh_inr_box table tbody tr:first-child td {
    padding-top: 17px;
}

.print_sec .desh_inr_box table tbody tr td:not(:first-child) {
    text-align: center;
}

.print_sec .desh_inr_box table tbody tr td:last-child {
    text-align: right;
}

.print_sec .desh_content .table thead tr th:not(:first-child) {
    text-align: center;
}

.print_sec .desh_inr_box table tbody tr td:last-child {
    padding-right: 20px;
}

.print_sec .desh_inr_box table tbody tr td:first-child {
    padding-left: 20px;
}

.donation-new {
    padding-left: 8px !important;
}

.donation-new1 {
    padding-left: 80px !important;
}

@media (max-width: 1199px) {
    .donation-new1 {
        padding-left: 25px !important;
    }
    .navbar-brand{width: 153px;}
}

@media (max-width: 350px) {
    .donation-new1 {
        padding-left: 29px !important;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .donation-new1 {
        justify-content: center;
    }

    .banner_sec {
        padding: 128px 0;
    }
}

.print_sec .desh_box .desh_content {
    padding: 0 0 25px;
}

.print_sec .desh_inr_box table tbody tr:last-child td {
    padding-bottom: 0;
}

.print_sec .desh_box p {
    font-size: 19px;
}

.radio {
    display: flex;
    align-items: center;
}

.form_input_radio {
    position: relative;
    margin: 0;
    padding-left: 26px;
    cursor: pointer;
}

.form_input_radio span {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
}

.form_input_radio input[type="radio"] {
    visibility: hidden;
    display: none;
}

.form_input_radio input[type="radio"] + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    border: 1px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.form_input_radio input[type="radio"] + span::after {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--main-green-color);
    position: absolute;
    top: 7px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form_input_radio input[type="radio"]:not(:checked) + span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio .form_input_radio {
    margin-right: 30px;
}

.message_sec .desh_content h4 {
    background: var(--main-blue-color);
    border-radius: 20px 20px 0 0;
}

.message_sec .desh_box .desh_content {
    padding: 0;
}

.message_sec .desh_box ul {
    padding: 40px;
}

.message_sec .desh_box textarea {
    height: 188px;
}

.view_reports_sec .res_tab .resp-tabs-list {
    justify-content: flex-start;
}

.view_reports_sec .res_tab .resp-tabs-list li {
    color: var(--main-green-color);
    margin-right: 13px;
    border-radius: 15px 15px 0 0;
}

.view_reports_sec .res_tab .resp-tabs-list li.resp-tab-active {
    color: #fff;
}

.view_reports_sec .res_tab .resp-tabs-list li:last-child {
    margin-top: 0;
    margin-right: 0;
}

.filter select {
    height: 43px;
    font-size: 16px;
    background: #fff url(images/down-arrow.svg) no-repeat 97% center / 9px;
}

.filter {
    display: flex;
    align-items: center;
    width: 58%;
}

.view_reports_sec .res_tab .resp-tab-content {
    background: #ebfaff;
    box-shadow: inherit;
    border-radius: 0;
}

.view_reports_sec .desh_box .desh_content {
    padding: 0;
    background: transparent;
}

.filter span {
    text-transform: capitalize;
    padding-right: 10px;
    font-weight: 500;
}

.graph_frm figure {
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;
    margin-top: 25px;
}

.notification_sec .desh_content ul li {
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.09);
    padding: 17px 20px;
}

.notification_sec .desh_content ul li p {
    margin-bottom: 0;
}

.notification_sec .desh_box .desh_content {
    background: transparent;
    padding: 10px 20px;
}

.slider_box {
    background: #fff;
    padding: 22px;
    border-radius: 20px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
}

.blog_sider.slick-initialized .slick-slide {
    padding: 17px 12px;
}

.slider_box h5 {
    font-size: 15px;
    line-height: 1.3em;
}

.slider_box span {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-right: 21px;
}

.slider_box span::before {
    position: absolute;
    content: "";
    width: 21px;
    height: 21px;
    background: #fae3ea;
    border-radius: 50%;
    right: 0;
    top: 0px;
}

.slider_box mark {
    font-style: italic;
    font-weight: 500;
}

.slick-prev::before,
.slick-next::before {
    display: none;
}

.slick-prev,
.slick-next {
    width: 27px;
    height: 21px;
}

.blog_sider .slick-prev {
    right: 48px;
    left: inherit;
}

.blog_sider .slick-next {
    right: 14px;
}

.blog_sider .slick-arrow {
    top: -11px;
}

.promot_slide > h5 {
    margin-bottom: 0;
    padding-left: 12px;
    text-transform: capitalize;
}

.share_box {
    background: #fff;
    text-align: center;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 25px 10px;
    display: block;
}

.share_box span {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    transition: 0.4s all ease-in-out;
}

.share_box:hover figure img {
    scale: 1.1;
}

.share_box:hover span {
    color: var(--main-blueLight-color);
}

.share_box figure {
    display: inline-block;
    margin-bottom: 15px;
}

.share_box figure img {
    transition: 0.4s all ease-in-out;
}

.promot_slide {
    margin-bottom: 30px;
}

.track_filter {
    display: flex;
    justify-content: space-between;
}

.track_filter {
    background: var(--main-green-color);
}

.track-filter-new select {
    width: auto !important;
    background: url(images/dwn-arow.png) no-repeat right center / 14px;
    /* padding: 0; */
    padding: 0 20px !important;
}

.track_filter select {
    width: 70px;
    background: url(images/dwn-arow.png) no-repeat right center / 14px;
    padding: 0;
    font-size: 16px;
    padding-right: 16px;
    color: #fff;
    margin-right: 68px;
}

.trak_sec .desh_inr_box table tbody tr td span {
    padding: 10px 15px;
}

.trak_sec .desh_inr_box table tbody tr td:first-child span,
.trak_sec .desh_inr_box table tbody tr td:last-child span {
    border-radius: 0;
}

.trak_sec .desh_inr_box table tbody tr td:last-child span {
    padding: 6.4px 15px;
}

.trak_sec .edit_btn {
    font-size: 10px;
}

.trak_sec .desh_box .desh_content {
    background: #edf8ff;
}

.print_sec.trak_sec table {
    border-radius: 0;
}

.trak_sec.print_sec .table > thead {
    background: var(--main-blueLight-color);
}

.print_sec.trak_sec .desh_content .table thead tr th {
    padding: 10px 22px;
}

.support_sec .desh_inr_box textarea,
.support_sec
    .desh_inr_box
    input:not(input[type="submit"], input[type="radio"]) {
    background: #f4f4f4;
    padding: 10px 13px;
    border-radius: 0;
}

.support_sec .desh_box h4 {
    background: var(--main-blueLight-color);
}

.desh_faq h4 {
    font-size: 17px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    background: var(--main-green-color);
    padding: 20px 26px;
    color: #fff;
}

.desh_faq {
    background: #fff;
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    overflow: hidden;
}

.accordion-button {
    font-weight: 500;
    font-size: 14px;
    background: #128fb7;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.accordion-button:focus {
    box-shadow: inherit;
}

.support_sec .accordion-button:not(.collapsed) {
    background: var(--main-blueLight-color);
    color: #fff;
}

.support_sec .accordion-body {
    background: #f4f4f4;
    margin: 15px 0;
}

.support_sec .desh_faq h4 {
    margin-bottom: 0;
}

.desh_faq .accordion-button::after {
    width: 8px;
    height: 10px;
    background-size: contain !important;
}

.support_sec .accordion-body p {
    font-size: 13px;
}

.support_sec .accordion-item {
    margin-bottom: 12px;
    border: 0;
}

.support_sec .accordion-item:last-child {
    margin-bottom: 0;
}

.desh_faq #accordionExample {
    padding: 20px;
}

.profit_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.reasone_part select {
    font-size: 14px;
    background: transparent;
    border: 1px solid #d0c7c7;
    height: 36px;
}

.reasone_part {
    width: 64%;
    border-radius: 3px;
}

.reasone_part::before {
    background-size: 15px;
    width: 46px;
}

.delete_account .desh_box .desh_content {
    background: transparent;
}

.delete_account h5 {
    font-size: 15px;
}

.right-amount p span {
    display: block;
}

.artical_box h4 {
    background: var(--main-blue-color);
}

.artical_box {
    background: #fff;
    box-shadow: 0px 3px 18px rgba(0, 161, 255, 0.11);
}

.artical_inner {
    padding: 20px;
}

.range_slider input[type="range"] {
    width: 100%;
    order: 1;
}

.range_shp {
    text-align: center;
}

/* for firebox */

input[type="range"] {
    -webkit-appearance: none;
    height: 7px;
    background: #e4e1e1;
    box-shadow: 0px 20px 70px rgba(7, 132, 127, 0.07);
    border-radius: 50px;
}

input[type="range"]::-moz-range-progress {
    appearance: none;
    background: linear-gradient(90deg, #5bcf6d 2.1%, #5bcf6d 100%);
    height: 7px;
    transition-delay: 30ms;
    border-radius: 50px;
}

input[type="range"]::-moz-range-thumb {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    -webkit-appearance: none;
    cursor: ew-resize;
    background: #fff;
    border: 0;
    box-shadow: 0px 20px 70px rgba(7, 132, 127, 0.07);
}

/* end firebox */
/* for chrome  */

input[type="range"]::-webkit-slider-runnable-track {
    height: 7px;
    background: linear-gradient(90deg, #5bcf6d 2.1%, #5bcf6d 100%);
    background-size: var(--background-size, 0%) 100%;
    background-repeat: no-repeat;
    border-radius: 50px;
}

input[type="range"]::-webkit-slider-thumb {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    -webkit-appearance: none;
    cursor: ew-resize;
    background: #fff;
    box-shadow: 0px 20px 70px rgba(7, 132, 127, 0.07);
    margin-top: -5px;
}

/* end  chrome  */

.range_slider {
    background: #f6f6f6;
    padding: 17px 10px;
    box-shadow: 0px 20px 70px rgba(7, 132, 127, 0.07);
    border-radius: 12px;
}

.range-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bottm_count {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.artical_inner span {
    font-size: 12px;
    line-height: 1;
}

.artical_inner .bar-btn {
    left: inherit !important;
    position: relative;
    bottom: -10px;
}

.timeing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.left_time ul li {
    display: inline-block;
    margin: 0 !important;
}

.left_time ul li span {
    background: #faeaff;
    padding: 5px 13px;
    color: var(--main-green-color);
    display: flex;
    align-items: center;
}

.left_time ul li span img {
    padding-right: 5px;
}

.right_timeing_btn input[type="submit"] {
    min-width: auto;
    padding: 7px 20px;
}

.artical_inner p {
    font-size: 13px;
}

.hours_sec .desh_box .desh_content {
    background: transparent;
}

.student_graph_sec .desh_content h5 {
    font-size: 16px;
    font-weight: 700;
}

.price_found {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.price_found h5 {
    margin-right: 15px;
    margin-bottom: 0;
}

.view_box {
    background: #f1f6f9;
    padding: 30px 40px;
    margin-bottom: 24px;
}

.student_graph_sec .desh_box .desh_content {
    background: #fff;
}

.graph_view h5 {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 14px;
    display: flex;
    align-items: center;
}

.certificat_part {
    text-align: center;
    padding: 20px 0;
}

.certificat_part h5 img {
    position: relative;
    top: -2px;
    padding-right: 12px;
}

.certificat_part h5 {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

.certificat_part h5 span {
    color: var(--main-blueLight-color);
}

.achivement_sec .share_part h5 {
    margin-bottom: 22px;
}

.achivement_sec .share_part {
    max-width: 610px;
    margin: 0 auto;
}

.student_profile ul li {
    display: flex;
    margin: 0 !important;
}

.student_profile ul {
    display: flex;
    justify-content: space-between;
}

.student_profile ul li figure {
    width: 78px;
    height: 78px;
    min-width: 78px;
    min-height: 78px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
}

.pro_cont h5 {
    margin-bottom: 2px;
    font-size: 18px;
}

.pro_cont {
    padding-left: 15px;
}

.raise_sec ul li {
    margin: 0;
}

.raise_sec ul {
    display: flex;
    align-items: center;
}

.raise_sec ul li p {
    display: inline-block;
    margin-left: 12px;
}

.profile-v1 .raise_sec ul li {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 10px;
}

.profile-v1 .raise_sec ul li span {
    display: inline-block;
    font-weight: 600;
    color: rgb(0, 128, 0);
    margin-left: 4px;
    font-size: 16px;
}

.raise_sec ul li:last-child {
    margin-right: 0;
}

.raise_sec ul li strong {
    font-size: 35px;
    line-height: 1;
    color: rgb(0, 128, 0);
    display: inline-block;
}

.raise_sec ul li img {
    margin-right: 10px;
}

.raise_sec {
    box-shadow: 0px 4px 45px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 22px 20px;
}

.student_profile {
    margin-bottom: 30px;
}

.skyblue_btn {
    font-size: 12px;
    line-height: 1;
    background: var(--main-blue-color);
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 20px 35px;
}

.skyblue_btn:hover {
    background: var(--main-green-color);
    color: #fff;
}

.violate_btn {
    font-size: 17px;
    line-height: 1;
    background: var(--main-green-color);
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 20px 35px;
}

.violate_btn:hover {
    background: var(--main-blueLight-color);
    color: #fff;
}

.donation ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -10px;
}

.profile-v1 .donation ul li {
    width: 33.33%;
    padding: 0 10px 10px;
    margin: 0;
}

.profile-v1 .donation ul li a {
    display: block;
    text-align: center;
    padding: 20px 15px;
}

.donation {
    margin: 40px 0;
}

.donation h5 {
    margin-bottom: 25px;
}

.invite_part select {
    background: #f1efef url(images/dwn_arow.png) no-repeat 96% center / 10px;
    font-size: 14px;
    height: 40px;
}

.meterial_part h5 {
    font-size: 16px;
}

.edit_profile .meterial_part ul li {
    margin-bottom: 0;
}

.edit_profile .meterial_part ul li a {
    color: #000;
    font-size: 14px;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 15px 0;
}

.edit_profile .meterial_part ul li a:hover {
    color: var(--main-green-color);
}

.edit_profile .meterial_part ul li:last-child a {
    border-bottom: 0;
}

.edit_profile .meterial_part ul li:last-child {
    margin-top: 0;
}

.meterial_part {
    margin-top: 30px;
}

.invite_sec .desh_box .desh_content {
    background: transparent;
    max-width: 400px;
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
}

.invite_frm {
    padding: 20px;
}

.invite_part h4 {
    background: var(--main-blueLight-color);
}

.add_student.trak_sec .desh_inr_box table tbody tr td ul {
    display: none;
    margin: 0;
    text-align: center;
}

.add_student.trak_sec .desh_inr_box table tbody tr td ul li {
    margin-bottom: 0;
    margin-right: 10px;
    display: inline-block;
}

.add_student.trak_sec .desh_inr_box table tbody tr td ul li:last-child {
    margin-top: 0;
    margin-right: 0;
}

.add_student.trak_sec .desh_inr_box table tbody tr td ul li:first-child a {
    background: var(--main-blue-color);
}

.add_student.trak_sec
    .desh_inr_box
    table
    tbody
    tr
    td
    ul
    li:first-child
    a:hover {
    background: var(--main-blueLight-color);
}

.action_btn {
    background: #fff;
    padding: 6.5px 0;
    position: relative;
    min-height: 43px;
    min-width: 220px;
}

.add_student .action_btn .actn {
    padding: 10px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    z-index: 1;
    background: transparent;
    z-index: 1;
    cursor: pointer;
}

.addStudent_btn {
    text-align: right;
    margin-bottom: 15px;
}

.addStudent_btn .skyblue_btn {
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    padding: 15px 28px;
    background: var(--main-blue-color);
}

.addStudent_btn .skyblue_btn:hover {
    background: var(--main-green-color);
}

.add_session.trak_sec .desh_inr_box table tbody tr td span {
    min-height: 43px;
}

.track_donate .edit_btn {
    min-width: 71px;
}

.track_donate .action_btn {
    min-width: 71px;
}

.track_donate.add_student.trak_sec .desh_inr_box table tbody tr td ul {
    text-align: left;
}

.track_donate.add_student.trak_sec .desh_inr_box table tbody tr td ul li {
    margin-right: 2px;
}

.share_main,
.elemtnt_main {
    justify-content: center;
}

.desh_faq .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.desh_faq .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.right-amount {
    display: flex;
    align-items: center;
}

.get_dontn span {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 17px;
    color: var(--main-green-color);
}

.get_dontn {
    padding-right: 15px;
}

.menu img {
    width: 20px;
}

.menu {
    background: #fff;
    padding: 3px 6px 5px;
    border-radius: 2px;
    cursor: pointer;
    display: none;
}

.desh_head h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.get_dontn .edit_btn {
    padding: 10px 16px;
    text-transform: capitalize;
}

/* support 20-06-23 start */
.success_sliderInner {
    text-align: center;
}

.success_slider .slick-slide {
    padding: 0 30px;
}

.success_slider .slick-list {
    margin: 0 -30px;
}

.success_slider .top_img {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.success_slider .top_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.success_slider .bot_text {
    position: relative;
    margin-top: -65px;
    padding: 70px 20px 20px;
    background: var(--main-blue-color);
    color: #ffffff;
}

.success_slider .bot_text .price {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 5px;
}

.success_slider .bot_info p {
    margin-bottom: 0;
}

.success_slider .rating {
    display: inline-block;
    margin: 10px 0 5px;
    width: 100%;
}

.success_slider .rating img {
    width: 90%;
    margin: 0 auto;
}

.success_slider .slick-arrow {
    background: var(--main-green-color);
    border-radius: 100%;
    z-index: 10;
    width: 40px;
    height: 40px;
    padding: 10px;
    transition: 0.4s all ease;
}

.success_slider .slick-arrow img {
    filter: brightness(0) invert(1);
}

.success_slider .slick-arrow:hover {
    opacity: 0.8;
}

.success_slider .showBtn {
    display: flex;
    justify-content: center;
}

.success_slider .showBtn a {
    width: 40px;
}

.success_slider .showBtn a:hover {
    opacity: 0.7;
}

/* support 20-06-23 end */

/* supportcss-22-06-2023 */
.newWrap-headin {
    margin-bottom: 0;
}

.innerWrap-newCrtBox .top_img {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.innerWrap-newCrtBox .bot_text {
    position: relative;
    margin-top: -65px;
    padding: 70px 20px 20px;
    background: #5bcf6d;
    color: #ffffff;
}

.innerWrap-newCrtBox .rating {
    display: inline-block;
    margin: 10px 0 5px;
    width: 100%;
}

.innerWrap-newCrtBox .rating img {
    width: 60%;
    margin: 0 auto;
}

.innerWrap-newCrtBox .bot_text .price {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 5px;
}

.innerWrap-newCrtBox .showBtn {
    display: flex;
    justify-content: center;
}

.innerWrap-newCrtBox .showBtn a {
    width: 40px;
}

.innerWrap-newCrtBox-rw {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 30px;
}

.innerWrap-newCrtBox .first_part {
    margin-top: 15px;
}

/* supportcss-22-06-2023 */

/* .ScrollStyle {
    max-height: 150px;
    overflow-y: scroll;
} */

.ScrollStyle {
    height: 200px;
    overflow: auto;
    scrollbar-width: thin;
    /* Width of the scrollbar */
    scrollbar-color: #888888 #f0f0f0;
    /* Color of the thumb and track */
}

.ScrollStyle::-webkit-scrollbar {
    width: 8px;
    /* Width of the scrollbar */
}

.ScrollStyle::-webkit-scrollbar-thumb {
    background-color: #888888;
    /* Color of the thumb */
    border-radius: 4px;
    /* Rounded corners of the thumb */
}

.ScrollStyle::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    /* Color of the track */
    border-radius: 4px;
    /* Rounded corners of the track */
}

.add_btn {
    background-color: var(--main-blue-color);
    border: 2px solid var(--main-blue-color);
    color: #000;
    display: inline-block;
    padding: 20px 25px;
    text-align: center;
    border-radius: 20px;
    font-size: 20px;
    width: 100%;
    font-weight: 600;
}

.add_btn:hover {
    background-color: #fff;
    border: 2px solid var(--main-blue-color);
    color: var(--main-blue-color);
}

.rd_raise--modal ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.rd_raise--modal ul li:not(:last-child) {
    margin-bottom: 50px;
}

.rd_raise--modal .modal-dialog {
    max-width: 400px;
    width: 100%;
}

.rd_raise--modal .modal-body {
    padding: 30px 50px 80px;
}

.mdl__logo {
    max-width: 300px;
    display: inline-block;
    margin: 0 auto;
}

.mdl__logo img {
    width: 100%;
}

.rd_raise--modal .modal-header {
    padding-top: 40px;
    border: 0;
}

.rd_raise--modal .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

/* book-a demo-support */

.book-demo-sec {
    background-color: #041124;
}

.book-demo-sec {
    padding: 140px 0 250px;
    position: relative;
}

.book-demo-left {
    color: #fff;
    padding-right: 40px;
}

.book-demo-left h1 {
    font-family: var(--main-milky-font);
    font-weight: 700;
    font-size: 39px;
    text-transform: capitalize;
    color: var(--main-blueLight-color);
    line-height: 1.2;
}

.banner-sub-heading {
    display: block;
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 700;
}

.book-demo-left ul {
    text-align: left;
}

.book-demo-left li {
    padding-left: 15px;
    font-size: 18px;
    position: relative;
    line-height: 1;
}

.book-demo-left li:not(:last-child) {
    margin-bottom: 10px;
}

.book-demo-left li::before {
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 6px;
}

.book-vouture-wrap {
    margin-top: 37px;
}

.book-vouture {
    padding: 20px 20px;
    display: inline-block;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    color: #fff;
    background-color: var(--main-blueLight-color);
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    max-width: 525px;
    text-align: center;
}

.book-demo-form {
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 0 0 5px 10px rgba(225, 225, 225, 0.12);
}

.demo-form-wrapper {
    padding: 10px 10px;
    height: 390px;
    overflow-y: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #a1a1a1 #e6e6e6;
    scroll-behavior: smooth;
}

.demo-form-wrapper:-webkit-scrollbar {
    width: 2px;
    height: 1px;
    scrollbar-color: #a1a1a1 transparent;
    border-radius: 50px;
    background-clip: padding-box;
}

.demo-form-wrapper:-webkit-scrollbar-track {
    background: #d9d9d9;
    background: transparent;
    height: 1px;
    width: 2px;
    border-radius: 50px;
}

.demo-form-wrapper:-webkit-scrollbar-thumb {
    height: 2px;
    width: 1px;
    border-radius: 50px;
    background-clip: padding-box;
    border: 0;
    background: var(--main-blueLight-color);
}

.demo-form-wrapper::-webkit-scrollbar-thumb {
    height: 1px;
    width: 2px;
    border-radius: 50px;
    background-clip: padding-box;
    border: 0;
    background: var(--main-blueLight-color);
}

.demo-form-wrapper::-webkit-scrollbar {
    background-clip: padding-box;
    border: 0;
    background: #d9d9d9;
    border-radius: 50px;
    height: 1px;
    width: 2px;
}

.book-demo-frm-heading {
    display: block;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    color: #000000;
}

.demo-form-col:not(:last-child) {
    margin-bottom: 12px;
}

.demo-form-submit {
    margin-top: 15px;
}

.demo-form-col input[type="submit"] {
    width: 100%;
}

.demo-form-col label {
    font-weight: 700;
    margin-bottom: 5px;
}

.book-demo-form input[type="date"],
.book-demo-form input[type="text"],
.book-demo-form input[type="tel"],
.book-demo-form input[type="password"],
.book-demo-form input[type="email"],
.book-demo-form input[type="datetime-local"],
select {
    height: 45px;
    font-size: 16px;
}

/* end book-a demo-support */

/* support 16-08-2023 start */
.thanks_modal .modal-dialog {
    max-width: 660px;
}

.thanks_modal .modal-body {
    border: 22px solid #008dfb;
    padding: 38px 30px;
}

.thanks_modal .modal-body p {
    font-size: 17px;
    color: #000000;
}

.thanks_modal .modal-body p a {
    text-decoration: underline !important;
    color: #000000;
    font-weight: 500;
}

.thanks_modal .modal-body p a:hover {
    color: var(--main-blue-color);
}

.thanks_modal [data-dismiss="modal"] {
    display: table;
    margin: 0 0 0 auto;
    background: var(--main-green-color);
    border: none;
    font-weight: 600;
    font-size: 20px;
    padding: 12px 28px;
    transition: all 0.4s ease-in-out;
}

.thanks_modal [data-dismiss="modal"]:hover {
    background: var(--main-green-color);
}

/* support 16-08-2023 end  */
/* CSS Modification 21.11.23 */
.cms_tble_hldr table {
    border-spacing: 0;
    width: 100% !important;
}

.cms_tble_hldr table th,
.cms_tble_hldr table td {
    padding: 8px 12px;
}

/* CSS Modification 21.11.23 */

/* css update start RN 24-11-2023 */

.allow-cookies-popup {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: url(images/cookies-banner-img.png) no-repeat 0 top / cover;
    padding: 30px 0 20px;
    box-shadow: 0 0 30px 30px rgba(0, 0, 0, 0.05);
}

.popup-close {
    max-width: 20px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

.popup-close img {
    filter: brightness(0) invert(1);
}

.allow-cookies-popup-cont {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.875;
}

.popup-privacy button,
.deny-btn {
    background: linear-gradient(180deg, #14BAEE 0%, #1582b9 100%);
    border-radius: 45px;
    font-size: 16px;
    line-height: 1;
    font-family: var(--main-milky-font);
    font-weight: 400;
    color: #ffffff;
    padding: 10px 40px !important;
    border: none;
    margin: 0 5px;
    display: inline-flex;
}

.popup-privacy button:hover {
    background: linear-gradient(180deg, #1582b9 0%, #14BAEE 100%);
}

.deny-btn {
    background: linear-gradient(180deg, #5bcf6d 0%, #5bcf6d 100%);
}

.deny-btn:hover {
    background: linear-gradient(180deg, #5bcf6d 0%, #5bcf6d 100%);
    color: #fff;
}

/* css update end RN 24-11-2023 */

/* 09.02.24 m.m css start */
/* childs donation css satrt  */
.holiday-wrapper {
    position: relative;
    background-image: url("images/add-student-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.childs-donation-wraper {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.holiday-wrapper::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        1.81deg,
        rgba(0, 0, 0, 0.82) 1.68%,
        rgba(29, 29, 29, 0) 177.65%
    );
    z-index: 1;
}

.childs-donation-content {
    position: relative;
    max-width: 992px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
}

.childs-donation-content h1 {
    font-size: 44px;
    font-family: var(--Montserrat-font);
    font-weight: 600;
    line-height: 1.2;
    color: var(--white-color);
}

.childs-donation-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

.childs-donation-button a:not(:last-child) {
    margin-right: 13px;
    min-width: 180px;
}

.site-cmnbtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1;
    color: var(--white-color);
    background-color: var(--main-blueLight-color);
    border-radius: 100px;
    padding: 14px 25px;
}

.site-cmnbtn:hover {
    background-color: var(--main-blue-color);
    color: var(--white-color);
}

.blue-violet {
    background-color: var(--main-green-color);
}

.blue-violet:hover {
    background-color: var(--main-blue-color);
}

.sky-violet-bg {
    background-color: #edf8ff;
}

/* childs donation css end  */

/* fundraiser donated details css start */
.fundraiser-donated-details {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.fundraiser-cmn-box {
    background: var(--white-color);
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding-bottom: 44px;
}

.fundraiser-cmn-head {
    padding: 21px 42px;
    background-color: var(--main-green-color);
    border-radius: 20px 20px 0 0;
}

.fundraiser-cmn-head h1 {
    font-family: var(--Montserrat-font);
    color: var(--white-color);
    font-size: 17px;
    line-height: 1.2;
    font-weight: 600;
}

.fundraiser-donated-header {
    text-align: center;
    padding: 30px 120px;
}

.fundraiser-donated-header h2 {
    color: #000000;
    font-family: var(--Montserrat-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.fundraiser-donated-form-box {
    max-width: 617px;
    margin: 0 auto;
    background: #e4f5ff;
    border-radius: 20px;
}

.donated-form-head-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px 32px;
    background-color: #3ba0db;
    border-radius: 20px 20px 0 0;
}

.donated-form-head-wrap > * {
    width: 50%;
}

.donated-form-head h3 {
    font-size: 19px;
    color: var(--white-color);
    font-family: var(--Montserrat-font);
    line-height: 1.2;
    font-weight: 600;
}

.donated-form-input-outer {
    padding: 24px 32px 38px;
}

.donated-form-input-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--white-color);
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 17px;
}

.donated-form-input {
    position: relative;
    width: 50%;
}

.donated-form-input input {
    height: 61px;
    background: var(--white-color);
    border-radius: 0;
    padding: 5px 19px;
    font-size: 17px;
    font-weight: 500;
}

.donated-form-input input[type="tel"] {
    padding-left: 21px;
    background-image: url(images/phone-icon.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
}

.donated-form-input input::-webkit-input-placeholder {
    opacity: 0.7;
    color: #000;
}

.donated-form-input input:-ms-input-placeholder {
    opacity: 0.7;
    color: #000;
}

.donated-form-input input::-moz-placeholder {
    opacity: 0.7;
    color: #000;
}

.donated-form-input input:-moz-placeholder {
    opacity: 0.7;
    color: #000;
}

.donated-form-input-submit {
    padding-top: 19px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.donated-form-input-submit .site-cmnbtn {
    padding: 12px 35px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 100px;
}

.donated-form-input-submit .site-cmnbtn:not(:last-child) {
    margin-right: 7px;
}

.donated-form-input-submit button.site-cmnbtn.blue-violet {
    transition: all 0.3s ease-in-out;
}

.donated-form-input-submit .site-cmnbtn.blue-violet {
    border: none;
}

/* fundraiser donated details css end */

/* congratulations css start */

.congratulations-inner-wrap {
    position: relative;
    text-align: center;
    padding: 28px 50px 120px;
}

.congratulations-img {
    max-width: 500px;
    margin: 0 auto 25px;
}

.congratulations-img img {
    width: 100%;
}

.congratulations-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.congratulations-content h2 {
    font-weight: 600;
    line-height: 1.3;
    color: #000000;
    font-family: var(--Montserrat-font);
}

.congratulations-button-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 18px;
}

.congratulations-button-wrap a {
    min-width: 241px;
}

.congratulations-button-wrap a:not(:last-child) {
    margin-right: 15px;
}

/* congratulations css end */

/* parent dashboard css satrt */
.center-parcs {
    position: relative;
    padding: 27px 50px 80px 29px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
}

.center-parcs::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #191919 0%, rgba(25, 25, 25, 0) 100%);
    z-index: 2;
}

.parent-dash-middle-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.center-parcs-con {
    position: relative;
    max-width: 450px;
    z-index: 3;
}

.center-parcs-con h2 {
    color: var(--white-color);
    font-size: 32px;
    font-family: var(--Montserrat-font);
    font-weight: 400;
    line-height: 1.2;
}

.center-parcs-con h2 span {
    font-weight: 700;
}

.parcs-number {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    background: linear-gradient(135deg, #57cdff 14.64%, #0096d6 85.36%);
    border-radius: 50%;
    font-size: 22px;
    line-height: 1;
}

.center-parcs-logo {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 164px;
    z-index: 2;
}

/* parent dashboard css end */
.donated-form-input-row .text-danger {
    padding-left: 19px;
    display: block;
    padding-bottom: 10px;
}
.success-message-wrap {
    display: block;
}
.form-outer-btn-wrap button {
    margin-right: 20px;
}
.custom-button-input {
    flex: 1 0 auto;
    margin: 5px;
}
/* 09.02.24 m.m css end */

/* css update start RN 28-02-2024 */
.field-logo-upload {
    max-width: 682px;
    width: 100% !important;
    margin: 0 auto;
    font-family: "Comic Sans MS";
    text-align: center;
}

/* css update start RN 05-02-2024 */
.fundraiser-donated-header {
    padding-left: 150px;
    padding-right: 150px;
    padding-bottom: 15px;
}
.fundraiser-donated-header h2 {
    font-weight: 500;
    font-size: 20px;
}
.fundraiser-donated-header p {
    margin-bottom: 8px;
}
.donation-send-username {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.donation-send-username-1 {
    font-weight: 700;
}
.winning-holiday-banner {
    background: var(--main-blue-color);
    padding: 0 20px;
}
.winning-holiday-banner-cont a.pink_btn {
    padding: 15px 30px;
    font-size: 20px;
}
.winning-holiday-banner-cont h2 {
    line-height: 1.3;
    letter-spacing: 1px;
    font-size: 23px;
    margin-bottom: 15px;
}
.winning-holiday-banner-img img.winning-holiday-banner-img-main {
    -webkit-mask-image: url(holiday-banner-shape.png);
    mask-image: url(holiday-banner-shape.png);
    mask-mode: luminance;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.winning-holiday-banner-img {
    height: 172px;
}
.winning-holiday-banner-row {
    margin: 0;
    /* align-items: center; */
}

.winning-holiday-banner-img-wpr {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 5px 0;
}
.country-code-text-input p {
    color: rgb(237, 29, 29);
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.winning-holiday-banner-cont{
    height: 100%;
    padding: 15px 0;
}
/* css update end RN 05-02-2024 */
.btn-primary {
    color: #fff;
    background-color: var(--main-blue-color);
    border-color: var(--main-blue-color);
}
.btn-primary:where(:hover,:active){
    background-color: var(--main-green-color) !important;
    border-color: var(--main-green-color) !important;
}
/* add-a-student start */
.select2-container--default .select2-selection--single{
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    height: 42px !important;
    border-color: #fff !important;
    color: #4d4d4d !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4d4d4d !important;
    line-height: 40px !important;
    padding: 0 15px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px !important;}
/* add-a-student end */
#template-design [type="text"]{height: 50px;}
.thanks_slider_text .muns-foot {
    text-align: initial;
}
.page-item.active .page-link{
    background-color: var(--main-blue-color);
    border-color: var(--main-blue-color);
}
.page-link{color: var(--main-blue-color);}

/* support starts 26.07.2024  */
.math-img-wppr{
    width: 100%;
    height: 370px;
    background: #fff;
    padding: 25px;
    border-radius: 28px;
    border: 0;
    overflow: hidden;
}
.math-img-wppr img{
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}
.fttr-math-img{
    background-color: var(--main-blue-color);
}
/* ========== responsive css =========== */


@media (min-width: 1400px) {
    .right_learn_img {
        width: 54%;
    }
}

@media (max-width: 1366px) {
    .edit_profile .submit_btn input[type="submit"] {
        min-width: auto !important;
    }

    .desh_inr_box table tbody tr td span {
        padding: 19px 13px;
    }

    .desh_content .table thead tr th {
        font-size: 14px;
    }
}

@media(max-width: 1299px){
    .winning-holiday-banner-cont h2{
        font-size: 22px;
    }
    .winning-holiday-banner-img {
        height: 142px;
    }
}

@media (min-width: 1025px) {
    /* navbar*/
    .navbar-nav .clickD {
        display: none;
    }

    .navbar-nav li.menu-item-has-children:hover > .sub-menu {
        display: block;
    }
}

@media (max-width: 1199px) {
    .blue_btn {
        padding: 13px 18px;
    }

    .fter {
        padding: 100px 0;
    }

    h2 {
        font-size: 32px;
    }

    h4 {
        font-size: 20px;
    }

    .desh_box .desh_content {
        padding: 13px;
    }

    .submit_btn a {
        font-size: 13px;
    }

    .scroling_part {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .scroling_part .table {
        width: 100%;
    }

    .violate_btn,
    .skyblue_btn {
        font-size: 13px;
    }

    .profile-v1 .donation ul li a {
        padding: 20px 7px;
    }

    .action_btn ul li a {
        min-width: 70px;
    }

    .book-demo-left h1 {
        font-size: 35px;
    }

    .banner-sub-heading {
        font-size: 23px;
        line-height: 1.3;
    }

    /* css update start RN 24-11-2023 */
    .allow-cookies-popup-cont {
        font-size: 16px;
    }

    .popup-close {
        max-width: 15px;
        top: 5px;
    }

    /* 09.02.24 css start */
    .childs-donation-content h1 {
        font-size: 36px;
    }

    .childs-donation-content {
        max-width: 800px;
    }

    .fundraiser-donated-details {
        padding: 0px 0 70px;
    }

    .congratulations-inner-wrap {
        padding: 28px 50px 50px;
    }

    .congratulations-content {
        max-width: 700px;
    }
    .navbar-nav > li {
        margin: 0 8px;
    }
    .navbar-nav > li > a,
    .dropdown-custom .dropdown-toggle {
        font-size: 15px;
    }
    /* 09.02.24 css end */

    /* css update start RN 05-03-2024 */
    .winning-holiday-banner-img-col {
        order: 1;
        margin-bottom: 20px;
    }
    .winning-holiday-banner-cont-col {
        order: 2;
    }
    .winning-holiday-banner {
        padding: 20px 20px 35px;
    }
    .winning-holiday-banner-cont {
        padding: 0;
    }
    .winning-holiday-banner-img {
        height: 370px;
    }
    .winning-holiday-banner-cont{
        text-align: center;
    }
    .winning-holiday-banner-cont h2 {
        font-size: 25px;
    }
    /* css update end RN 05-03-2024 */
}

@media (max-width: 1024px) {
    /* navbar*/
    .navbar-nav .clickD {
        position: absolute;
        right: 0;
        top: 17px;
        width: 20px;
        height: 20px;
        background: url(images/sort-down.svg) center center no-repeat;
        display: block;
        background-size: 10px;
        cursor: pointer;
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sub-menu > li.menu-item-has-children .clickD {
        top: 8px;
        right: 5px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .sub-menu > li.menu-item-has-children .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .navbar-nav > li.menu-item-has-children {
        padding-right: 20px;
    }

    .sub-menu > li.menu-item-has-children > a {
        padding-right: 20px;
    }

    .sub-menu.show {
        display: block;
    }

    .navbar-nav > li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav > li.current-menu-item > a:after,
    .navbar-nav > li > a:after,
    .navbar-nav > li.menu-item-has-children > a:after {
        width: 100%;
        opacity: 0;
    }

    .navbar-nav > li.current-menu-item > a:after,
    .navbar-nav > li > a:hover:after,
    .navbar-nav > li.menu-item-has-children:hover > a:after {
        width: 100%;
        opacity: 1;
    }

    .right_info a {
        font-size: 22px;
    }

    .share_box {
        border-radius: 9px;
        padding: 15px 10px;
    }

    /* navbar end*/
    /* css update start RN 05-03-2024 */
    .winning-holiday-banner-img {
        height: 355px;
    }
    /* css update end RN 05-03-2024 */
}

@media (max-width: 991px) {
    /* navbar*/
    .navbar-toggler {
        position: relative;
        width: 33px;
        margin-left: auto;
        height: 28px;
        padding: 0;
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .stick,
    .stick:after,
    .stick:before {
        width: 30px;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        top: auto;
        transition: all 0.6s;
        border-radius: 5px;
    }

    .show .stick,
    .show .stick:after,
    .show .stick:before {
        background: #000;
    }

    .stick:before {
        content: "";
        top: -10px;
        left: 0;
    }

    .stick:after {
        content: "";
        top: 10px;
        left: 0;
    }

    .stick.open {
        transform: translateX(-50px);
        background: transparent;
    }

    .stick.open:before {
        transform: rotate(45deg) translate(42px, -28px);
        left: 2px;
    }

    .stick.open:after {
        transform: rotate(-45deg) translate(42px, 28px);
        left: 2px;
    }

    .navbar-nav .clickD {
        top: 14px;
        right: 10px !important;
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .sub-menu,
    .navbar-nav > li > .sub-menu .sub-menu {
        position: relative;
        width: 100%;
        left: inherit;
        top: inherit;
        border: none;
        right: inherit;
    }

    .navbar-nav > li.menu-item-has-children {
        padding-right: 0;
    }

    .navbar-nav > li {
        margin: 0;
        padding: 0;
    }

    .navbar-nav li.menu-item-has-children > a {
        padding-right: 30px !important;
    }

    .navbar-nav > li > a {
        padding: 13px 20px;
        display: inline-block;
        width: 100%;
        color: #000;
    }

    .sub-menu > li > a {
        padding-left: 40px;
    }

    .sub-menu .sub-menu > li > a {
        padding-left: 60px;
    }

    .sub-menu .sub-menu .sub-menu > li > a {
        padding-left: 80px;
    }

    .navbar-nav > li > a:after {
        bottom: 0;
    }

    /* navbar end*/
    /* push nav */
    .navbar-collapse {
        background: #fff;
        position: fixed;
        top: 0;
        height: 100% !important;
        width: 290px;
        overflow-y: auto;
        transition: inherit !important;
        right: 0;
        margin: 0;
        display: block !important;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        z-index: 100;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        display: block !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
    }

    .navbar-collapse .navbar-nav {
        margin: 80px 0 0 !important;
        padding: 0 0 40px 0;
    }

    .navbar-collapse .navbar-toggler {
        display: block;
        right: 20px;
        top: 20px;
        position: absolute;
    }

    #navoverlay.open {
        background-color: rgba(0, 0, 0, 0.4);
        pointer-events: all;
        -webkit-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

    body.open-nav,
    html.open-nav {
        height: 100%;
        overflow: hidden !important;
    }

    .navbar-toggler {
        order: 1;
        margin-left: inherit;
    }

    .bnr_main_cont figure {
        text-align: center;
    }

    .bnr_main_cont:not(:last-child) {
        margin-bottom: 20px;
    }

    .bnr_main_cont figure img {
        width: 50%;
    }

    /* .banner_sec {
        padding: 90px 0 90px;
    } */

    .bner_right_content img {
        width: 50%;
    }

    h3 {
        font-size: 27px;
    }

    .get_sec {
        padding: 100px 0;
    }

    .get_left {
        padding-right: 0;
    }

    .outer_get {
        margin-bottom: 0;
    }

    .work_sec {
        padding: 70px 0;
    }

    .acti_main .acti_main_cont:nth-child(3n) {
        order: inherit;
    }

    .activity_sec {
        padding: 110px 0;
    }

    .pick_sec.common_gap {
        padding: 90px 0;
    }

    h2 {
        font-size: 28px;
    }

    .right_learn_img {
        top: 100%;
        width: 60%;
    }

    .learn_sec {
        padding: 110px 0 240px;
    }

    .fter::before {
        width: 29%;
        height: 16%;
    }

    .fter {
        padding: 100px 0 60px;
    }

    .learn_main_cont h3 {
        font-size: 28px;
    }

    .pick_sec.common_gap {
        padding: 70px 0;
    }

    .pick_sec.about_pick.common_gap {
        padding-top: 40px;
    }

    .about_pick .pick_main_cont figure {
        margin-bottom: 0;
    }

    .outer_shp::before {
        top: 0;
    }

    .inner_faq .accordion-button {
        font-size: 20px;
        line-height: 1.3em;
    }

    .sign_head h2 {
        font-size: 30px;
    }

    .sign_main {
        justify-content: center;
    }

    .sign_up {
        height: auto;
        padding: 40px 0;
    }

    .res_tab .resp-tabs-list li {
        font-size: 14px;
        padding: 15px 14px !important;
        min-width: auto;
        text-align: center;
    }

    .res_tab h2.resp-accordion {
        display: none;
    }

    .student_graph_sec input[type="submit"],
    .right_timeing_btn input[type="submit"],
    .submit_btn input[type="submit"],
    .desh_box ul li input[type="submit"] {
        min-width: auto;
    }

    .desh_box .desh_content {
        padding: 18px;
    }

    .meterial_part h5 {
        font-size: 15px;
    }

    .meterial_part {
        margin-top: 20px;
    }

    .message_sec .desh_box ul {
        padding: 30px;
    }

    .profile_part figure {
        width: 80px;
        height: 80px;
        max-width: 80px;
        min-height: 80px;
    }

    .notification_sec .desh_box .desh_content {
        padding: 10px 0;
    }

    .share_box span {
        font-size: 11px;
    }

    .menu {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .menu.close::before {
        position: absolute;
        content: "X";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #fff;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
    }

    .desh_head ul {
        display: none;
    }

    /* push nav end */

    .view_generate_report_li li {
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .book-demo-sec {
        padding: 128px 0 345px;
    }
    .book-demo-sec .book-demo-row .book-demo-left>h1{
        text-align: center;
    }

    .book-demo-left {
        padding-right: 12px;
        margin-bottom: 35px;
    }

    /* 09.02.24 css start */
    .childs-donation-content h1 {
        font-size: 28px;
    }

    .childs-donation-content {
        max-width: 620px;
    }

    .childs-donation-button {
        padding-top: 10px;
    }

    .site-cmnbtn {
        font-size: 15px;
    }

    .fundraiser-donated-header h2 {
        font-size: 20px;
    }

    .fundraiser-donated-header {
        text-align: center;
        padding: 30px 30px;
    }

    .congratulations-inner-wrap {
        padding: 28px 40px 40px;
    }

    /* 09.02.24 css end */
    /* css update start RN 05-03-2024 */
    .winning-holiday-banner-img {
        height: 415px;
    }
    .winning-holiday-banner-cont a.pink_btn {
        font-size: 20px;
    }
    /* css update end RN 05-03-2024 */

    /* support starts 26.07.2024  */
    .math-img-wppr {
        height: 265px;
        padding: 15px;
        border-radius: 15px;
    }
    .math-img-wppr img {
        border-radius: 10px;
    }
    .get_sec {
        padding: 150px 0;
        height: 830px;
    }

}

@media (max-width: 767px) {

    .bnr_main_cont h1 {
        font-size: 20px;
        line-height: 25px;
        margin: 40px 0 25px 0;
    }

    .bnr_main_cont p {
        font-size: 18px;
    }

    .bnr_main_cont p strong {
        font-size: 20px;
        margin: 14px 0;
    }

    /* images alignment for wordpress content pages */
    .alignright,
    .alignleft,
    .aligncenter {
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clear: both;
        margin-bottom: 24px;
    }

    .navbar-brand {
        width: 220px;
    }

    .pink_btn {
        padding: 13px 30px;
        font-size: 14px;
    }

    .element_sec.common_gap {
        padding-top: 50px;
    }

    .pick_main_cont iframe,
    .get_main_cont iframe {
        height: 310px;
        padding: 13px;
    }

    .left_acti p {
        font-size: 16px;
    }

    .number {
        width: 100px;
        height: 100px;
        min-width: 100px;
        font-size: 30px;
    }

    .activity_sec {
        padding: 90px 0;
    }

    h2 {
        font-size: 25px;
    }

    .right_learn_img {
        position: static;
    }

    .learn_sec {
        padding: 100px 0 40px;
    }

    .right_learn_img {
        width: auto;
        margin-top: 30px;
    }

    .right_learn_img figure img {
        width: 80%;
    }

    .right_learn_img figure {
        text-align: center;
    }

    .fter::after {
        width: 23%;
        height: 10%;
    }

    .activity_about.activity_sec {
        padding-bottom: 120px;
    }

    h1 {
        font-size: 33px;
    }

    .inner_faq .accordion-button {
        font-size: 17px;
    }

    .right_info a {
        font-size: 16px;
    }

    .right_info h3 {
        font-size: 20px;
    }

    .common_gap {
        padding: 100px 0;
    }

    .top_info {
        margin-bottom: 50px;
    }

    .info_sec.common_gap {
        padding-top: 0;
    }

    .inner_sign figure a img {
        width: 240px;
    }

    .container-fluid {
        padding: 0 20px;
    }

    .deshbord_header .desh_main {
        align-items: center;
    }

    .user_desh figure {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }

    .right_desh {
        padding-left: 12px;
    }

    .right_desh p {
        font-size: 12px;
    }

    .right_desh a {
        padding: 2px 13px 5px;
        font-size: 12px;
    }

    .user_desh {
        border-radius: 5px;
        padding: 10px 8px;
    }

    .right_user {
        position: static;
        padding-right: 15px;
    }

    .print_sec .desh_box p {
        font-size: 15px;
    }

    .gradient_btn {
        font-size: 14px;
    }

    .sign_box figure {
        min-height: 215px;
    }

    .profile-v1 .donation ul li {
        padding: 0 4px 10px;
    }

    .donation ul {
        margin: 0 -4px -10px;
    }

    .profile-v1 .donation ul li {
        width: 49.99%;
    }

    .raise_sec ul li strong {
        font-size: 16px;
    }

    .donation {
        margin-bottom: 0;
    }

    .login figure img {
        width: 200px;
    }

    .addStudent_btn .skyblue_btn {
        padding: 12px 20px;
    }

    .track_donate .action_btn {
        min-width: 181px;
    }

    .right-amount {
        display: block;
    }

    .get_dontn {
        margin-bottom: 8px;
    }
    /* css update start RN 05-03-2024 */
    .winning-holiday-banner-img {
        height: 325px;
    }
    .winning-holiday-banner-cont h2 {
        font-size: 18px;
    }
    .winning-holiday-banner-cont a.pink_btn {
        font-size: 16px;
    }
    /* css update end RN 05-03-2024 */
}

@media (max-width: 768px) {
    .parent_second_tab .filter {
        display: flex;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
    }

    .parent_second_tab_date {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .date {
        margin: 0 0 10px;
        width: 100%;
    }

    .date input[type="date"] {
        width: 100% !important;
    }

    .book-demo-sec {
        padding: 90px 0 345px;
    }
}

@media (max-width: 575px) {
    .right_info_btn {
        margin: 6px 5px 0 0 !important;
    }
    .element_sec.common_gap {
        padding-top: 0;
    }

    .learn_main_cont h3 {
        font-size: 25px;
    }

    .pick_sec.about_pick.common_gap {
        padding-top: 0;
    }

    .pick_main_cont figure {
        padding: 13px;
        border-radius: 20px;
    }

    .learn_sec.inner_pg_learn {
        padding-top: 70px;
    }

    .faq_sec.common_gap {
        padding-top: 30px;
    }

    .regis_frm {
        padding: 30px 30px;
    }

    .sign_box figure img {
        width: 150px;
    }

    .assign_students input[type="text"] {
        width: 100%;
    }

    .delete_account .desh_box .desh_content {
        padding: 0;
    }

    .reasone_part {
        width: 100%;
    }

    .desh_tab h5 {
        font-size: 16px;
    }

    .profit_main {
        flex-wrap: wrap;
    }

    .profile_part {
        width: 100%;
        margin-bottom: 15px;
    }

    .right-amount {
        width: 100%;
    }

    .track_filter select {
        margin-right: 28px;
    }

    .view_reports_sec .res_tab .resp-tabs-list li {
        font-size: 12px;
    }

    .student_profile ul li figure {
        width: 70px;
        height: 70px;
        min-width: 70px;
        min-height: 70px;
    }

    .desh_tab h5 {
        font-size: 14px;
    }

    .view_box {
        padding: 22px 25px;
    }

    .student_graph_sec .desh_content h5 {
        font-size: 15px;
    }
    /* css update start RN 05-03-2024 */
    .winning-holiday-banner-img {
        height: 255px;
    }
    /* css update end RN 05-03-2024 */
}

@media (max-width: 767px) {
    .outer_work {
        position: relative;
        padding: 0 0 50px 0;
    }

    .main-head .pink_btn {
        padding: 9px 15px;
        font-size: 10px;
    }

    .work_sec {
        position: relative;
        padding: 0px 0 50px 0;
        margin: 0;
    }

    .navbar-brand {
        width: 160px;
    }

    .navbar-toggler {
        width: 27px;
    }

    .bnr_main_cont span {
        line-height: 1;
        display: block;
        font-size: 18px;
    }

    .bnr_main_cont p {
        margin: 7px 0;
    }

    .bnr_main_cont p strong {
        font-size: 20px;
    }

    .bner_right_content .blue_btn,
    .bner_right_content .pink_btn {
        padding: 11px 20px;
        font-size: 15px;
        font-size: 13px;
    }

    .bner_right_content ul li {
        margin-right: 4px;
    }

    .banner_sec {
        padding-top: 70px;
        padding: 90px 0;
    }

    .bnr_main_cont figure {
        margin-bottom: 0;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 23px;
    }

    h4 {
        font-size: 17px;
    }

    .elemt_box h4 br {
        display: none;
    }

    .elemt_box h4 {
        margin-bottom: 10px;
    }

    /* .get_sec {
        padding: 70px 0;
        height: 650px;
    } */

    .activ_box {
        flex-wrap: wrap;
        padding: 20px;
        background: #fff;
        text-align: center;
        width: 100%;
    }

    .activ_box::before {
        display: none;
    }

    .outer_get {
        margin-bottom: 50px;
    }

    .learn_main_cont img {
        margin: 0;
    }

    .outer_get.footer-top {
        padding: 0px 0 45px;
        height: 717px;
        margin: -60px 0 0 0;
    }

    .learn_main {
        align-items: center;
        padding: 50px 0;
    }

    .top-menu1 .navbar {
        background: #3398dc;
        width: 50px;
        padding: 16px !important;
        text-align: center;
        margin: 0 0 16px 0;
        float: right;
        width: 100% !important;
        border-radius: 17px;
        /* position: absolute; */
        /* top: 190px; */
    }

    .parent-menu {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        margin: 0;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
    }

    .left_acti {
        padding-right: 0;
    }

    .acti_main .acti_main_cont:nth-child(2n) .left_acti {
        padding: 0;
    }

    .left_acti {
        order: 1;
    }

    .number {
        margin: 0 auto 20px;
    }

    .learn_main_cont h3 {
        font-size: 24px;
    }

    .blue_btn,
    .pink_btn {
        padding: 13px 23px;
        font-size: 12px;
    }

    .fter_main .col-6 {
        width: 100%;
    }

    .inner_pg_banner.banner_sec {
        padding: 100px 0 150px;
    }

    h1 {
        font-size: 30px;
    }

    .inner_pg_learn .get_top_shap {
        position: relative;
        top: 3px;
    }

    .copyright p {
        text-align: center;
        font-size: 14px;
    }

    .fter::before {
        width: 52%;
        height: 8%;
    }

    .inner_faq .accordion-button {
        padding: 17px 14px;
    }

    .inner_faq .accordion-body {
        padding: 18px;
    }

    textarea,
    input[type="date"],
    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    select {
        font-size: 18px;
    }

    .regis_frm {
        padding: 30px 20px;
    }

    .inner_regis ul li .gradient_btn {
        padding: 17px 42px 19px;
    }

    .sign_head h2 {
        font-size: 25px;
    }

    .sign_main_cont {
        width: 100%;
    }

    .desh_main_cont {
        width: 100%;
        padding: 0 15px;
    }

    .deshbord_header .desh_main {
        text-align: center;
    }

    .user_desh {
        display: flex;
    }

    .desh_main_cont:not(:last-child) {
        margin-bottom: 20px;
    }

    .desh_main_cont .navbar-brand {
        width: 220px;
    }

    .desh_box .desh_content {
        padding: 15px;
    }

    .desh_box .desh_inr_box {
        padding: 15px;
    }

    .assign_students p {
        font-size: 14px;
    }

    h5 {
        font-size: 18px;
    }

    .student_graph_sec input[type="submit"],
    .right_timeing_btn input[type="submit"],
    .submit_btn input[type="submit"],
    .desh_box ul li input[type="submit"] {
        min-width: 148px;
        font-size: 12px;
    }

    .support_sec .accordion-button {
        padding: 10px 10px;
        line-height: 1.3em;
    }

    .desh_inr_box table tbody tr td span {
        padding: 12px 12px;
    }

    .desh_inr_box table tbody tr td:last-child span {
        padding: 6px 12px;
    }

    .message_sec .desh_box ul {
        padding: 20px;
    }

    .radio {
        display: block;
    }

    .radio .form_input_radio {
        margin-right: 0;
    }

    .notification_sec .desh_content ul li {
        position: relative;
    }

    .notification_sec .desh_content ul li span {
        position: absolute;
        top: -7px;
        right: -4px;
    }

    .slider_box {
        padding: 16px;
    }

    .blog_sider.slick-initialized .slick-slide {
        padding: 17px 6px;
    }

    .promot_slide > h5 {
        padding-left: 0;
    }

    .blog_sider .slick-arrow {
        top: -9px;
    }

    .filter {
        width: 100%;
    }

    .view_reports_sec .res_tab .resp-tabs-list {
        flex-wrap: wrap;
    }

    .view_reports_sec .res_tab .resp-tabs-list li {
        margin-right: 0;
        width: 100%;
        border-radius: 0;
    }

    .view_reports_sec .res_tab .resp-tab-content {
        padding: 15px;
    }

    .login .sub_btn {
        display: block;
    }

    .fotgot_pass {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .sign_box figure {
        min-height: auto;
    }

    .camera {
        width: 33px;
    }

    .student_profile ul {
        flex-wrap: wrap;
    }

    .desh_tab .student_profile ul li {
        width: 100%;
        margin-bottom: 15px !important;
    }

    .desh_tab .student_profile ul li:last-child {
        margin-bottom: 0 !important;
    }

    .raise_sec ul {
        flex-wrap: wrap;
    }

    .profile-v1 .raise_sec ul li {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
    }

    .profile-v1 .raise_sec ul li:last-child {
        margin-bottom: 0;
    }

    .profile-v1 .donation ul li {
        width: 100%;
    }

    .timeing {
        flex-wrap: wrap;
        justify-content: center;
    }

    .left_time {
        margin-bottom: 12px;
    }

    .price_found {
        margin: 10px 0;
    }

    .view_box {
        padding: 20px;
    }

    .valid_otp .inner_regis ul li input:not(input[type="submit"]) {
        height: 38px;
        padding: 5px;
        text-align: center;
    }
    /* support starts 26.07.2024  */
    .pick_sec.common_gap {
        padding: 0;
    }
    /* support ends 26.07.2024  */
}

.profile_image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.fter_main_cont ul li .sitemap-nav {
    color: var(--main-blue-color);
    font-weight: bold;
}

/* position: absolute;
     content: "";
     width: 21px;
     height: 21px;
     background: #FAE3EA;
     border-radius: 50%;
     right: 0;
     top: 0px;
 */

.new-custom-input {
    display: block;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.new_achive_fix {
    position: relative;
}

.new_achive_fix .slider_before::before {
    display: none;
}

.new_achive_fix figure img {
    width: 100%;
    height: 190px;
}

.custom-checkbox-sec input {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
}

/* Hide the browser's default radio button */
.new-custom-input input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.new-custom-input .checkmark {
    position: absolute;
    top: 12px;
    right: 15px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.new-custom-input:hover input ~ .checkmark {
    background-color: #e9dbed;
}

/* When the radio button is checked, add a blue background */
.new-custom-input input:checked ~ .checkmark {
    background: #fae3ea;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.new-custom-input .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.new-custom-input input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.new-custom-input .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--main-green-color);
}

.pos_rel {
    position: relative;
}

.pos_rel .col-chart {
    bottom: -4px;
    left: 4px;
    z-index: 9;
    height: 22px;
    width: 70px;
    background: #f1f6f9;
    position: absolute;
}

.submit_btn .btn-primary {
    background: var(--main-green-color);
    border: 1px solid var(--main-green-color);
    border-radius: 30px;
    padding: 8px 10px;
    font-weight: 600;
    font-size: 14px;
}

.submit_btn input[type="submit"] {
    background: var(--main-green-color);
    border: 1px solid var(--main-green-color);
    border-radius: 30px;
    padding: 10px 20px;
}

.submit_btn input[type="submit"]:hover {
    background: #00c8ff;
    border: 1px solid #00c8ff;
}

.new_btn_add-name button {
    background: var(--main-green-color);
    border: 1px solid var(--main-green-color);
    border-radius: 30px;
    padding: 8px 20px;
}

.new_btn_back .btn-primary {
    background: var(--main-green-color);
    border: 1px solid var(--main-green-color);
    border-radius: 30px;
    padding: 8px 30px;
    margin: 5px;
    font-weight: 600;
    font-size: 14px;
}
.new_btn_back .btn-primary:hover{
    background-color: var(--main-blue-color) !important;
    border-color: var(--main-blue-color) !important;
}
.new_btn_back {
    text-align: center;
}

.down_button {
    margin-top: 14px;
}

.dashboard_donation ul {
    flex-wrap: nowrap !important;
}

.get_support {
    line-height: 34px;
}

.generate_btn {
    line-height: 34px;
}

@media (max-width: 479px) {
    .dashboard_donation ul {
        display: block !important;
    }
    /* support 26.07.2024  */
    .get_sec {
        padding: 100px 0;
        height: 750px;
    }
}

.table_scroll {
    overflow: scroll;
}

.dashboard_donation li a {
    color: #fff;
    background: var(--main-blue-color);
    border-radius: 4px;
    text-transform: capitalize;
    height: 80px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.dashboard_donation li a:hover{
    background-color: var(--main-green-color);
}
.dashboard_donation li .first_btn_donation_dashboard {
    padding: 16px 10px !important;
}

.dashboard_donation li .middle_second_btn_donation_dashboard {
    padding: 5px 10px !important;
}

.dashboard_donation li .third_btn_donation_dashboard {
    padding: 27px 8px !important;
}

.dashboard_donation li .last_btn_donation_dashboard {
    padding: 15px 8px !important;
}

.table tr td span {
    min-height: 80px;
    display: flex !important;
    align-items: center;
}

.video-sec {
    width: 100%;
    height: 370px;
    background: #fff;
    padding: 25px;
    border-radius: 28px;
    background-color: var(--main-blue-color);
}

.video-sec1 {
    width: 100%;
    height: 370px;
    background: #fff;
    padding: 25px;
    border-radius: 28px;
    border: 0;
}

@media (max-width: 600px) {
    .acti_main .acti_main_cont:nth-child(even) .activ_box {
        padding: 20px;
    }

    .video-sec1 {
        height: 230px !important;
    }

    .video-sec {
        height: 230px !important;
    }
}

.new_sec_howitworks-card .inner_pick .pick_main {
    align-items: center;
}

.new_sec_howitworks-card .inner_pick .pick_main_cont .left-img-sec {
    text-align: center;
}

.new_sec_howitworks-card .inner_pick .pick_main_cont .left-img-sec img {
    width: 60%;
}

.new_sec_howitworks-card .inner_pick .right-how-it-works-txt-sec {
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
    padding: 50px 50px 50px 50px;
    border-radius: 25px;
    text-align: center;
}

.new_sec_howitworks-card
    .inner_pick
    .right-how-it-works-txt-sec
    .first-txt-pick
    h2 {
    margin-bottom: 0;
    color: #0094ff;
    font-size: 45px;
}

.new_sec_howitworks-card
    .inner_pick
    .right-how-it-works-txt-sec
    .first-txt-pick
    p {
    color: #7a7a7a;
    font-size: 16px;
    margin: 20px 0;
}

.new_sec_howitworks-card
    .inner_pick
    .right-how-it-works-txt-sec
    .last-all-pick-sec
    button:first-child {
    background: linear-gradient(180deg, #5bcf6d 0%, #5bcf6d 100%);
    border-radius: 45px;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #ffffff;
    padding: 18px 40px;
    border: 1px solid var(--main-green-color);
    transition: 0.6s all ease-in-out;
}

.new_sec_howitworks-card
    .inner_pick
    .right-how-it-works-txt-sec
    .last-all-pick-sec
    button:first-child:hover {
    box-shadow: inset 0 60px 10px #ffffff;
    color: var(--main-green-color);
    transition: 0.6s all ease;
}

.new_sec_howitworks-card
    .inner_pick
    .right-how-it-works-txt-sec
    .last-all-pick-sec
    button:last-child {
    background: #ffffff;
    color: var(--main-blue-color);
    border: 3px solid var(--main-blue-color);
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    border-radius: 45px;
    padding: 18px 40px;
    transition: 0.6s all ease-in-out;
}

.new_sec_howitworks-card
    .inner_pick
    .right-how-it-works-txt-sec
    .last-all-pick-sec
    button:last-child:hover {
    color: #fff;
    box-shadow: inset 0 60px 10px #0094ff;
    transition: 0.6s all ease;
}

.new_sec_howitworks-card
    .inner_pick
    .right-how-it-works-txt-sec
    .last-all-pick-sec
    p {
    color: #7a7a7a;
    font-size: 22px;
    margin: 15px 0;
    font-weight: 700;
}

.all-message-howitworks-sec .middle-message-sec .new_align_middle-msg {
    align-items: center;
}

.all-message-howitworks-sec .middle-message-sec .left-all-msg-img {
    text-align: center;
}

.all-message-howitworks-sec
    .middle-message-sec
    .left-all-msg-img:first-child
    img {
    width: 55%;
}

.all-message-howitworks-sec .middle-message-sec .right-all-msg-txt-sec {
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
    padding: 15px 45px;
    border-radius: 35px;
    max-width: 75%;
    margin-right: auto;
}

.all-message-howitworks-sec .middle-message-sec .right-all-msg-txt-sec ul li {
    list-style: disc;
    color: #7a7a7a;
    font-size: 16px;
    line-height: 28px;
}

.middle-message-sec .new-fixright-all-msg-txt-sec {
    margin-left: auto;
    margin-right: initial !important;
}

.all-message-howitworks-sec .middle-message-sec .col-md-3,
.col-md-9 {
    margin-bottom: 60px;
}

@media (max-width: 1400px) {
    .new_sec_howitworks-card
        .inner_pick
        .right-how-it-works-txt-sec
        .first-txt-pick
        h2 {
        font-size: 42px;
    }
}

@media (max-width: 1199px) {
    .all-message-howitworks-sec .middle-message-sec .right-all-msg-txt-sec {
        max-width: 100%;
    }

    .new_sec_howitworks-card .inner_pick .right-how-it-works-txt-sec {
        padding: 50px 35px;
    }

    .new_sec_howitworks-card
        .inner_pick
        .right-how-it-works-txt-sec
        .first-txt-pick
        h2 {
        font-size: 35px;
    }

    .view_generate_report_li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50rem;
    }

    .parent_ul_mobile {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .view_generate_report_li li {
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .all-message-howitworks-sec .middle-message-sec .right-all-msg-txt-sec {
        padding: 15px 30px;
    }

    .all-message-howitworks-sec
        .middle-message-sec
        .right-all-msg-txt-sec
        ul
        li {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .middle-message-sec .new_orderfirst_mobile-sec {
        order: 2;
    }

    .middle-message-sec .new_order-last_mobile-sec {
        order: 1;
    }
    .footer-top .get_btm_shap1 {
        bottom: -20px;
    }
}

@media (max-width: 767px) {
    .all-message-howitworks-sec
        .middle-message-sec
        .right-all-msg-txt-sec
        ul
        li {
        font-size: 12px;
    }

    .new_sec_howitworks-card
        .inner_pick
        .right-how-it-works-txt-sec
        .first-txt-pick
        h2 {
        font-size: 28px;
    }

    .new_sec_howitworks-card
        .inner_pick
        .right-how-it-works-txt-sec
        .first-txt-pick
        p {
        font-size: 12px;
    }

    .new_sec_howitworks-card .inner_pick .right-how-it-works-txt-sec {
        padding: 30px 15px;
    }

    .new_sec_howitworks-card
        .inner_pick
        .right-how-it-works-txt-sec
        .last-all-pick-sec
        button:first-child {
        width: 100%;
        font-size: 14px;
    }

    .new_sec_howitworks-card
        .inner_pick
        .right-how-it-works-txt-sec
        .last-all-pick-sec
        button:last-child {
        width: 100%;
        font-size: 14px;
    }

    .new_sec_howitworks-card
        .inner_pick
        .right-how-it-works-txt-sec
        .last-all-pick-sec
        p {
        font-size: 18px;
    }
}

.last-all-pick-sec {
    order: 3;
    text-align: center;
    margin: 20px 0 60px;
}

.last-all-pick-sec button {
    background: linear-gradient(180deg, #14baee 0%, #067b9e 100%);
    border-radius: 45px;
    font-size: 16px;
    line-height: 1;
    font-family: var(--main-milky-font);
    font-weight: 400;
    color: #ffffff;
    padding: 13px 40px;
    border: none;
}
.last-all-pick-sec button:hover{
    background: linear-gradient(180deg, #067b9e 0%, #14baee 100%);
}

.m-select {
    position: relative;
    height: 58px;
    padding: 0.375rem 0.75rem;
    outline: none !important;
    background: #f1efef;
}

.m-select select {
    background: transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
    text-overflow: ellipsis;
}

.top-menu1 li a {
    color: #000;
}

.menu:hover .top-menu {
    display: block;
}

.menu1 {
    display: none;
}

.menu1 img {
    width: 50px;
    background: #3398dc;
    padding: 10px;
}

@media (max-width: 991px) {
    .menu:hover .top-menu {
        display: block;
    }

    .menu1 {
        display: block;
    }

    .top-menu1 .navbar {
        background: #3398dc;
        width: 50px;
        padding: 10px;
        text-align: center;
        margin: 0 0 16px 0;
        float: right;
    }

    .navbar-brand {
        /* width: 77%; */
        margin: 0 auto 0 0;
    }

    @media (max-width: 667px) {
        .navbar-brand {
            margin: 0;
        }
    }

    .right_info_btn {
        order: 1;
        margin: 6px 15px 0 0;
    }

    .bnr_main_cont figure img {
        width: 50%;
        margin: 0 auto;
    }

    figure.banner-img {
        text-align: center;
        display: block;
    }
}

.profile_manage {
    justify-content: center;
}

.valid_otp .inner_regis ul li input:not(input[type="submit"]) {
    padding: 10px 16px 12px 22px;
}

.current-menu-item1 a {
    color: var(--main-blue-color) !important;
}

.current-menu-item1 a::after {
    width: 100% !important;
    display: block !important;
}

.navbar-nav li.current-menu-item1 a::after {
    background: var(--main-blue-color);
}

/* @media(min-width:1140px) {
    .logo {
        margin-left: -36px;
    }
} */

/* @media(max-width:1140px) {
    .navbar-nav>li {
        margin:0 10px;
    }
} */

.banner-new {
    padding: 55px 0 250px !important;
}

@media (max-width: 1343px) {
    .res_tab .resp-tabs-list li {
        padding: 20px 14px !important;
    }
}

@media (max-width: 1199px) {
    .desh_box h4,
    .desh_head h4 {
        padding: 15px;
        font-size: 14px;
    }

    .res_tab .resp-tabs-list li {
        padding: 15px !important;
        width: 100%;
        min-width: 1px;
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .track-filter-new h4 {
        padding: 20px 10px 10px 10px;
        font-size: 10px;
    }

    .res_tab .resp-tabs-list li {
        font-size: 10px;
    }

    .track-filter-new select {
        margin-right: 14px;
        font-size: 11px;
        padding-right: 16px;
        width: 34% !important;
    }
  
}

@media (max-width: 667px) {
    .raise_sec ul {
        display: block;
    }

    .profile-v1 .raise_sec ul li {
        margin-bottom: 15px;
    }
}

@media (max-width: 1199px) {
    .user_desh {
        padding: 13px 20px;
    }
}

@media (max-width: 1025px) {
    .user_desh {
        padding: 7.5px 20px;
    }
}

@media (max-width: 967px) {
    .user_desh {
        padding: 6px 20px;
    }
}

@media (max-width: 767px) {
    .user_desh {
        padding: 11px 20px;
    }
}

@media (max-width: 367px) {
    .submit_btn a {
        padding-left: 5px;
        font-size: 12px;
    }

    /* .track_filter select{
        width: 36% !important;
    } */
}

@media (max-width: 667px) {
    .nav-new {
        flex-wrap: nowrap !important;
    }

    .outer_get .get_btm_shap {
        position: absolute;
        bottom: -23px;
    }

    .number {
        padding: 28px 13px;
    }
}

@media (max-width: 350px) {
    /* .navbar-brand img {
        max-width: 80%;
    } */

    .main-head .pink_btn {
        padding: 8px 6px;
    }
}

.new-des li {
    padding-bottom: 0;
}

.banner-img img {
    margin: 0 auto;
    display: block;
    width: 30%;
}

.icon-box {
    background: var(--main-darkblue-color);
    border-radius: 2px;
    padding: 15px;
    width: 72px;
    float: left;
    margin: 0 10px 5px 0;
    height: 80px;
}

.icon-box span {
    background: #ffffff;
    border: 3px solid var(--main-darkblue-color);
    border-radius: 2px;
    color: #e2e2e2;
    margin: -67px 0 0 -33px;
    font-weight: 700;
}

.icon-box1 {
    background: var(--main-green-color);
    border-radius: 2px;
    padding: 15px;
    width: 72px;
    float: left;
    margin: 0 10px 5px 0;
    height: 80px;
}

.icon-box1 span {
    background: #ffffff;
    border: 3px solid var(--main-green-color);
    border-radius: 2px;
    color: #e2e2e2;
    margin: -67px 0 0 -33px;
    font-weight: 700;
}

.icon-box2 {
    background: #14BAEE;
    border-radius: 2px;
    width: 72px;
    float: left;
    padding: 15px;
    margin: 0 10px 5px 0;
    height: 80px;
}

.icon-box2 span {
    background: #ffffff;
    border: 3px solid #14BAEE;
    border-radius: 2px;
    color: #e2e2e2;
    margin: -67px 0 0 -33px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .icon-box {
        width: 64px;
        height: 64px;
    }

    .icon-box1 {
        width: 64px;
        height: 64px;
    }

    .icon-box2 {
        width: 64px;
        height: 64px;
    }

    .elemt_box {
        padding: 50px 48px;
        width: 300px;
        height: 300px;
    }

    .profile_manage {
        justify-content: center;
        margin: 10px 0 0 0;
    }

    .student_graph_sec input[type="submit"],
    .right_timeing_btn input[type="submit"],
    .submit_btn input[type="submit"],
    .desh_box ul li input[type="submit"] {
        min-width: 100%;
        font-size: 15px;
        margin: 0;
        padding: 10px;
    }

    .submit_btn .change_by {
        min-width: 66% !important;
    }

    .submit_btn .btn-primary {
        background: var(--main-green-color);
        border: 1px solid var(--main-green-color);
        border-radius: 30px;
        padding: 8px 10px;
        width: 100%;
        margin: 10px 0;
        font-weight: 600;
    }

    .new_btn_back a {
        width: 100%;
    }

    .new_btn_back .btn-primary {
        background: var(--main-green-color);
        border: 1px solid var(--main-green-color);
        border-radius: 30px;
        padding: 8px 30px;
        margin: 5px;
        width: 100%;
        font-weight: 600;
    }

    .desh_head {
        margin: 10px 0 0 0;
        box-shadow: none;
        background: transparent;
    }

    .view-btn {
        width: 100%;
        text-align: center;
    }
}

.activ_box .left_acti .number {
    border-radius: 0px !important;
}

.activ_box .left_acti .number {
    border-radius: 0px !important;
}

/* .new__design-actimain-sec .acti_main_cont .activ_box {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 0 20px 30px;
    width: 100%;
    background: transparent;
    border-radius: 0;
} */

/*
.new__design-actimain-sec .acti_main_cont .activ_box::before {
    position: absolute;
    content: "";
    background: url(images/acti_shp.png) no-repeat 0 center / cover;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
}


.new__design-actimain-sec .acti_main_cont:nth-child(even) .activ_box {
    padding: 20px 30px 20px 0;
}


.new__design-actimain-sec .acti_main_cont:nth-child(even) .activ_box::before {
    background: url(images/acti_shp2.png) no-repeat 0 center / cover;
    right: 0;
    left: inherit;
}


.new__design-actimain-sec .acti_main_cont:not(:first-child,
      :nth-child(2)) .activ_box::before {
         filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
}


@media (max-width: 479px) {
    .new__design-actimain-sec .activ_box {
        flex-wrap: wrap;
        padding: 20px;
        background: #fff;
        text-align: center;
    }
    .new__design-actimain-sec .activ_box::before {
        display: none;
    }
}



.new__design-actimain-sec .left_acti span {
    display: block;
    color: var(--main-blueLight-color);
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.new__design-actimain-sec .left_acti p {
    font-family: var(--comic-font-);
    font-weight: normal;
    font-size: 18px;
}


.new__design-actimain-sec .left_acti {
    padding-right: 40px;
    z-index: 1;
}


.new__design-actimain-sec .acti_main_cont:nth-child(even) .left_acti {
    padding-right: 0;
    padding-left: 40px;
}


@media (max-width: 767px) {
    .new__design-actimain-sec .left_acti p {
        font-size: 16px;
    }
    .new__design-actimain-sec .number {
        width: 100px;
        height: 100px;
        min-width: 100px;
        font-size: 30px;
    }
}


@media (max-width: 479px) {
    .new__design-actimain-sec .left_acti {
        padding-right: 0;
    }
    .new__design-actimain-sec .number {
        margin: 0 auto 20px;
    }
}



.new__design-actimain-sec .number {
    width: 128px;
    height: 128px;
    min-width: 128px;
    border: 5px solid var(--main-blue-color);
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: var(--main-blue-color);
    font-family: 'milky_niceregular';
    font-weight: normal;
    z-index: 3;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 10px;
    border-right: transparent;
    border-top: transparent;
    border-bottom: transparent;
    background: transparent;
}

.new__design-actimain-sec .acti_main_cont:nth-child(even) .number {
    border-color: var(--main-green-color);
    color: var(--main-green-color);
    order: 1;
}


.new__design-actimain-sec .left_acti span{
    display: block;
    color: var(--main-blueLight-color);
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 5px;
    text-align: left;
}

.new__design-actimain-sec .left_acti mark{
    background: transparent;
    padding: 0;
    text-align: left;
    display: block;
    width: 100%;
}

.new__design-actimain-sec .left_acti{
    text-align: left;
}




.new__design-actimain-sec .acti_main_cont .arrow_all_number-custom p{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 99;
    right: 0;
}

.new__design-actimain-sec .arrow_all_number-custom{
    position: relative;
}

.new__design-actimain-sec .acti_main_cont .arrow_all_number-custom p{
    font-family: 'milky_niceregular';
    font-style: normal;
    font-weight: 400;
    display: flex;
    font-size: 26px;
    text-align: center;
    line-height: 48px;
    text-transform: capitalize;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
} */

/* even odd */

/* new add all triengle css */
.new__design-actimain-sec
    .acti_main_cont:nth-child(odd)
    .arrow_all_number-custom
    .purple-img-triengle {
    display: none;
}

.new__design-actimain-sec
    .acti_main_cont:nth-child(even)
    .arrow_all_number-custom
    .blue-img-triengle {
    display: none;
}

.new__design-actimain-sec .acti_main_cont .arrow_all_number-custom {
    position: relative;
}

.new__design-actimain-sec .acti_main_cont .activ_box .left_acti {
    text-align: left;
}

.new__design-actimain-sec .acti_main_cont .arrow_all_number-custom p {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "milky_niceregular";
    font-style: normal;
    font-weight: 400;
    display: flex;
    font-size: 26px;
    text-align: center;
    line-height: 48px;
    text-transform: capitalize;
    color: #ffffff;
    align-items: center;
    justify-content: center;
}

.new__design-actimain-sec .acti_main_cont .activ_box {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 0 20px 30px;
    width: 100%;
    border-radius: 0;
    background: transparent;
    justify-content: space-between;
    min-height: 190px;
}

.new__design-actimain-sec .acti_main_cont .activ_box::before {
    position: absolute;
    content: "";
    background: url(images/acti_shp.png) no-repeat 0 center / cover;
    top: 0;
    left: 0;
    width: 82%;
    z-index: -1;
    height: 100%;
}

.new__design-actimain-sec .arrow_all_number-custom span {
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new__design-actimain-sec .arrow_all_number-custom span img {
    width: 100%;
    object-fit: cover;
}

.new__design-actimain-sec .triangle-reversed .activ_box .left_acti {
    order: 2;
}

.new__design-actimain-sec .triangle-reversed .activ_box .blue-img-triengle {
    display: none;
}

.new__design-actimain-sec .triangle-reversed .activ_box .purple-img-triengle {
    display: flex !important;
    transform: rotate(180deg);
}

.new__design-actimain-sec .triangle-right .activ_box .arrow_all_number-custom {
    order: 2;
}

.new__design-actimain-sec .triangle-reversed .activ_box {
    padding-left: 0;
}

.new__design-actimain-sec .triangle-reversed .activ_box {
    background: #fff;
    max-width: 98%;
    margin-right: auto;
    margin-left: inherit;
}

.new__design-actimain-sec .triangle-reversed .activ_box .left_acti {
    padding-left: 20px;
    padding-right: 30px;
}

.new__design-actimain-sec .triangle-right .activ_box .blue-img-triengle {
    display: flex !important;
    transform: rotate(180deg);
}

.new__design-actimain-sec .triangle-right .activ_box .purple-img-triengle {
    display: none;
}

.new__design-actimain-sec .triangle-right .activ_box {
    background: #fff;
    margin-left: auto;
    max-width: 98%;
    margin-right: inherit;
    padding-left: 30px !important;
}

.new__design-actimain-sec .triangle-right .activ_box .left_acti {
    padding-left: 0;
}

.new__design-actimain-sec .acti_main_cont:nth-child(even) .activ_box {
    padding-left: 0;
}

@media (max-width: 991px) {
    .new__design-actimain-sec .acti_main_cont .activ_box {
        background: #fff;
        max-width: 100%;
    }

    .acti_main .acti_main_cont:nth-child(even) .left_acti {
        padding-left: 20px;
    }

    .new__design-actimain-sec .triangle-right .activ_box .left_acti {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .new__design-actimain-sec .acti_main_cont .activ_box {
        justify-content: center;
    }

    .new__design-actimain-sec
        .triangle-right
        .activ_box
        .arrow_all_number-custom {
        order: 1;
    }
}

/*
.new__design-actimain-sec .acti_main_cont:nth-child() .arrow_all_number-custom{
    order: 1;
} */

/* child all */
/*
.new__design-actimain-sec .acti_main_cont:nth-child(4) .activ_box{
    background: url(images/acti_shp2.png) no-repeat 0 center / cover #fff;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
}


.new__design-actimain-sec .acti_main_cont:nth-child(5) .activ_box{
    background: url(images/acti_shp2.png) no-repeat 0 center / cover #fff;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
}


.new__design-actimain-sec .acti_main_cont:nth-child(10) .activ_box{
    background: url(images/acti_shp2.png) no-repeat 0 center / cover #fff;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
}


.new__design-actimain-sec .acti_main_cont:nth-child(3) .activ_box{
    background: url(images/acti_shp2.png) no-repeat 0 center / cover #fff;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
}


.new__design-actimain-sec .acti_main_cont:nth-child(9) .activ_box{
    background: url(images/acti_shp2.png) no-repeat 0 center / cover #fff;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
} */

/* others */
/*
.new__design-actimain-sec .acti_main_cont:nth-child(9){
 order: 1;
} */

/* others end */

/* padding */
/*
.new__design-actimain-sec .acti_main_cont:nth-child(4) .activ_box .left_acti{
    padding-left: 15px;
}


.new__design-actimain-sec .acti_main_cont:nth-child(10) .activ_box .left_acti{
    padding-left: 15px;
}


.new__design-actimain-sec .acti_main_cont:nth-child(5) .activ_box .left_acti{
    padding-right: 30px;
}


.new__design-actimain-sec .acti_main_cont:nth-child(3) .activ_box .left_acti{
    padding-right: 30px;
} */

/* filter */
/* .new__design-actimain-sec .acti_main_cont:nth-child(5) .activ_box::before{
    filter: none;
}

.new__design-actimain-sec .acti_main_cont:nth-child(10) .activ_box::before{
    filter: none;
}
.new__design-actimain-sec .acti_main_cont:nth-child(4) .activ_box::before{
   filter: none;
}

.new__design-actimain-sec .acti_main_cont:nth-child(3) .activ_box::before{
    filter: none;
}

.new__design-actimain-sec .acti_main_cont:nth-child(9) .activ_box::before{
    filter: none;
} */

/* rotate */
/*
.new__design-actimain-sec .acti_main_cont:nth-child(4) .arrow_all_number-custom .purple-img-triengle{
    transform: rotate(180deg);
}



.new__design-actimain-sec .acti_main_cont:nth-child(5) .arrow_all_number-custom .blue-img-triengle{
    transform: rotate(180deg);
}





.new__design-actimain-sec .acti_main_cont:nth-child(9) .arrow_all_number-custom .blue-img-triengle{
    transform: rotate(180deg);
}



.new__design-actimain-sec .acti_main_cont:nth-child(10) .arrow_all_number-custom .purple-img-triengle{
    transform: rotate(180deg);
}







@media (max-width: 1199px) {

    .new__design-actimain-sec .acti_main_cont .arrow_all_number-custom span img{
        height: 120px;
        width: 240px;
    }
}

@media (max-width: 991px) {
    .new__design-actimain-sec .acti_main_cont .arrow_all_number-custom span img{
        height: 130px;
        width: 160px;
    }
}

@media (max-width: 767px) {
    .new__design-actimain-sec .acti_main_cont .activ_box{
        background: #fff;
        justify-content: center;
    }

    .new__design-actimain-sec .acti_main_cont .arrow_all_number-custom span img{
        width: inherit;
        height: inherit;
    }
} */

.dropdown-custom .dropdown-toggle {
    font-size: 17px;
    line-height: 1.2;
    position: relative;
    font-weight: normal;
    font-family: "milky_niceregular";
    text-transform: capitalize;
    color: #000;
    background: url(../frontend_assets/images/sort-down.svg) no-repeat 0 0;
    padding: 0 18px;
    background-position: right;
    background-size: 12px;
}

@media (max-width: 991px) {
    .dropdown-custom .dropdown-toggle {
        padding: 13px 18px;
    }
}

.dropdown-custom .dropdown-toggle::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    border: 1px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dropdown-custom .dropdown-toggle:hover {
    color: #0a98dc;
}

.dropdown-custom .dropdown-menu {
    width: 80%;
    margin: auto;
}

.dropdown-custom .dropdown-menu li a {
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
}

.dropdown-custom .dropdown-menu li a:hover {
    background: #00c8ff;
    color: #fff;
}

.show_share-main .headline h1 {
    color: var(--main-green-color);
    font-size: 55px;
}

.show_share-main .headline h2 {
    font-size: 35px;
}

.show_share-main .headline h3 {
    font-size: 18px;
}

.show_share-main .headline h4 {
    font-size: 24px;
}

.show_share-main .elemtnt_main_cont .form-row {
    margin-bottom: 20px;
}

.show_share-main .elemtnt_main_cont .form-row .card {
    border: none;
}

.activity_sec {
    padding: 170px 0;
}

.activity_sec::after {
    background: url(images/acti_shp.png) no-repeat 0 center / cover;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
}

.activity_sec::before {
    background: url(images/acti_shp.png) no-repeat 0 center / cover;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
}

@media (max-width: 479px) {
    .new_elemt_box-fixed-font h4 {
        font-size: 15px;
    }
}

.muns-total {
    /* padding: 10px;
  border: 5px solid #000;
  margin: 20px; */
    background: #f7f7f7;
    border: 7px solid var(--main-blue-color);
}

.thanks-heading h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    /* display: none; */
}

.muns-total h4 {
    font-family: "Montserrat", sans-serif;
    text-align: right;
    font-size: 20px;
    font-weight: 600;
}

.muns-total p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin-bottom: 0;
}

.thanks_slider_wrapper {
    padding-top: 30px;
}

.muns-logo img {
    width: 100%;
}

.muns-foot {
    text-align: center;
}

.muns-foot p {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.get_sec1 {
    height: auto !important;
    padding: 100px 0 !important;
}

.google-pic {
    width: 100% !important;
    height: 100px;
    margin: 0 auto;
    padding-top: 12px;
    /* height: 100px; */
    max-width: 281px;
    object-fit: contain;
    /* height: 100px; */
}

.muns-total {
    /* width: 810px; */
    height: 264px;
    /* max-height: 260px; */
}

@media (max-width: 767px) {
    .muns-total {
        /* width: 810px; */
        height: 385px;
        /* max-height: 412px; */
    }
}

.sponsership__sec-row {
    padding-top: 25px;
}

.sponsership__sec-row .sponsership__sec {
    max-width: 85%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .sponsership__sec-row .sponsership__sec {
        max-width: 100%;
        margin: 0 auto;
    }

    .sponsership__sec-row .all__company-icon {
        margin-left: 40px;
    }
}

.sponsership__sec-row .all__company-icon {
    margin-bottom: 30px;
}

.sponsership__sec-row .all__company-icon p span {
    margin-right: 15px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsership__sec-row .all__company-icon p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    word-break: break-all;
}

/* new css for sponsership page */
.national-sponsership-main-sec .national-school-about-sec .row {
    align-items: center;
}

.national-sponsership-main-sec .national-school-about-sec .left__school-sec h2 {
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    text-transform: capitalize;
    color: #000000;
}

.national-sponsership-main-sec .national-school-about-sec .left__school-sec p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
}

.national-sponsership-main-sec .national-school-about-sec .right__school-sec {
    position: relative;
    z-index: 9;
}

.national-sponsership-main-sec
    .national-school-about-sec
    .right__school-sec::before {
    position: absolute;
    right: -20px;
    top: -5px;
    content: "";
    z-index: -1;
    width: 229px;
    height: 102px;
    background: url(../frontend_assets/images/national-img-1.png) no-repeat 0 0;
}

.national-sponsership-main-sec
    .national-school-about-sec
    .right__school-sec::after {
    position: absolute;
    right: -50px;
    z-index: -1;
    bottom: -35px;
    width: 176px;
    height: 78px;
    content: "";
    background: url(../frontend_assets/images/national-img-2.png) no-repeat 0 0;
}

.national-sponsership-main-sec
    .national-school-about-sec
    .right__school-sec
    figure {
    margin-bottom: 0;
}

.national-sponsership-main-sec
    .national-school-about-sec
    .right__school-sec
    figure
    img {
    width: 100%;
    object-fit: cover;
}

.sponsership-amount-main-sec {
    background: url(../frontend_assets/images/sponsership-amount-bg.png)
        no-repeat 0 0 #e3f9ff;
    /* background: url(../frontend_assets/images/upload-before-bg-img.png) no-repeat 0 0;
    background-size: 100%; */
    padding-top: 240px;
    position: relative;
}

.sponsership-amount-main-sec .bottom_pos-bg {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    background: url(../frontend_assets/images/national-before-img.png) no-repeat
        center center;
}

.sponsership-amount-main-sec .bottom__sponsership-bg {
    position: absolute;
    bottom: -8%;
    left: 0;
    width: 100%;
}

.sponsership-amount-main-sec .sponsership-amount-sec h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    text-transform: capitalize;
    color: #000000;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .heading-all-sponsership-amount {
    text-align: center;
    margin-bottom: 50px;
}

.sponsership-amount-main-sec .sponsership-amount-sec h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 23px;
    text-transform: capitalize;
    color: #000000;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .heading-last-sponsership-amount {
    margin: 40px 0;
    text-align: center;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .first_amount-sec
    .all-custom-select-sec {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .first_amount-sec
    .all-custom-select-sec
    .all_txt-num {
    background: #ffffff;
    box-shadow: 0px 13px 25px #c4f2ff;
    border-radius: 51px;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 27px;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
    height: 60px;
    padding: 0 45px;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .first_amount-sec
    .all-custom-select-sec
    input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/* / checked sec / */

.all-custom-select-sec .form-group input:checked ~ .all_txt-num {
    border: 2px solid #14BAEE;
}

/* / end checked sec / */

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .first_amount-sec
    .all-custom-select-sec
    .form-group {
    margin-right: 20px;
    position: relative;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .first_amount-sec
    .all-custom-select-sec
    .form-group:last-child {
    margin-right: 0;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .middle-form-sec
    .middle-form {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 40%;
    margin: 0 auto;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .middle-form-sec
    .middle-form
    input {
    background: #ffffff;
    box-shadow: 0px 13px 23px #c3f2ff;
    border-radius: 7px;
    height: 70px;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .middle-form-sec
    .middle-form
    input::placeholder {
    color: #727272;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .middle-form-sec
    .middle-form
    label {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    display: flex;
    align-items: 38px;
    align-items: center;
    justify-content: center;
    color: var(--main-darkblue-color);
    padding: 0 20px;
    height: 70px;
    background: #efefef;
    border-radius: 7px 0px 0px 7px;
}

.sponsership-amount-main-sec .sponsership-amount-sec .third-form-sec {
    padding-top: 80px;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .third-form-sec
    .form-group {
    margin-bottom: 22px;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .third-form-sec
    .form-group
    input {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
    /* text-transform: capitalize; */
    color: #000000;
    background: #ffffff;
    border-radius: 7px;
    padding-left: 20px;
    height: 60px;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .third-form-sec
    .form-text-area-sec
    textarea {
    height: 190px;
    background: #ffffff;
    border-radius: 7px;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .third-form-sec
    .form-text-area-sec {
    position: relative;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .third-form-sec
    .form-text-area-sec
    .upload-sec {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.sponsership-amount-main-sec
    .sponsership-amount-sec
    .third-form-sec
    .form-text-area-sec
    input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.sponsership-amount-main-sec .upload_sec-img {
    background: linear-gradient(180deg, #5bcf6d 0%, #5bcf6d 100%);
    border-radius: 45px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    /* text-transform: capitalize; */
    color: #ffffff;
    margin-top: 20px;
    height: 45px;
    display: flex;
    font-family: "Comic Sans MS";
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    transition: 0.6s all ease-in-out;
}

.sponsership-amount-main-sec .upload_sec-img:hover {
    background: linear-gradient(180deg, #5bcf6d 0%, #5bcf6d 100%);
    color: #fff;
}

.last-sec-card-details {
    padding-top: 60px;
    padding-bottom: 100px;
}

.last-sec-card-details .all-card-details .form-group-payment {
    margin-bottom: 22px;
}

.last-sec-card-details .all-card-details .form-group-payment label {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    color: #101828;
    margin-bottom: 10px;
}

.last-sec-card-details .all-card-details .form-group-payment input {
    background: #ffffff;
    border-radius: 7px;
    width: 100%;
    height: 60px;
    border: none;
    padding-left: 20px;
}

.last-sec-card-details .donate-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.last-sec-card-details .donate-btn .upload_sec-img {
    padding: 0 55px;
}

/* new end css for sponsership page */

/* responsive sponsership  */

@media (max-width: 1600px) {
    .sponsership-amount-main-sec .bottom__sponsership-bg {
        bottom: -5%;
    }
}

@media (max-width: 1199px) {
    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .first_amount-sec
        .all-custom-select-sec {
        overflow: auto;
        padding-bottom: 10px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .first_amount-sec
        .all-custom-select-sec::-webkit-scrollbar {
        width: 2px;
        height: 1px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .first_amount-sec
        .all-custom-select-sec {
        justify-content: flex-start;
    }
}

@media (max-width: 991px) {
    .sponsership-amount-main-sec .bottom__sponsership-bg {
        bottom: -3%;
    }

    .national-sponsership-main-sec
        .national-school-about-sec
        .left__school-sec
        h2 {
        font-size: 30px;
    }

    .national-sponsership-main-sec
        .national-school-about-sec
        .left__school-sec
        p {
        font-size: 14px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .middle-form-sec
        .middle-form {
        max-width: 80%;
    }

    .sponsership-amount-main-sec .sponsership-amount-sec h3 {
        font-size: 30px;
    }

    .last-sec-card-details .all-card-details .form-group-payment label {
        font-size: 20px;
    }

    .sponsership-amount-main-sec {
        padding-top: 180px;
    }
}

@media (max-width: 767px) {
    .national-sponsership-main-sec
        .national-school-about-sec
        .left__school-sec
        h2 {
        font-size: 25px;
    }

    .sponsership-amount-main-sec .sponsership-amount-sec h3 {
        font-size: 25px;
    }

    .sponsership-amount-main-sec .sponsership-amount-sec h5 {
        font-size: 20px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .first_amount-sec
        .all-custom-select-sec
        .all_txt-num {
        font-size: 16px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .middle-form-sec
        .middle-form
        input {
        font-size: 16px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .middle-form-sec
        .middle-form
        label {
        font-size: 20px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .third-form-sec
        .form-group
        input {
        font-size: 16px;
    }

    .last-sec-card-details .all-card-details .form-group-payment label {
        font-size: 18px;
    }

    .last-sec-card-details {
        padding-bottom: 135px;
    }

    .sponsership-amount-main-sec .bottom__sponsership-bg {
        bottom: 2%;
    }

    .sponsership-amount-main-sec {
        padding-top: 150px;
        margin-top: 50px;
    }
}

@media (max-width: 575px) {
    .book-demo-left h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .book-demo-left li {
        font-size: 17px;
    }

    .book-vouture-wrap {
        margin-top: 30px;
    }

    /* css update start RN 24-11-2023 */
    .allow-cookies-popup-cont {
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .national-sponsership-main-sec
        .national-school-about-sec
        .left__school-sec
        h2 {
        font-size: 20px;
    }

    .national-sponsership-main-sec
        .national-school-about-sec
        .left__school-sec
        p {
        font-size: 12px;
    }

    .sponsership-amount-main-sec .sponsership-amount-sec h3 {
        font-size: 20px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .first_amount-sec
        .all-custom-select-sec
        .all_txt-num {
        font-size: 14px;
    }

    .sponsership-amount-main-sec .sponsership-amount-sec h5 {
        font-size: 18px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .middle-form-sec
        .middle-form
        input {
        font-size: 14px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .third-form-sec
        .form-group
        input {
        font-size: 14px;
    }

    .sponsership-amount-main-sec .upload_sec-img {
        font-size: 12px;
        min-width: 200px;
    }

    .last-sec-card-details .all-card-details .form-group-payment label {
        font-size: 15px;
    }

    .sponsership-amount-main-sec
        .sponsership-amount-sec
        .middle-form-sec
        .middle-form {
        max-width: 100%;
    }

    .sponsership-amount-main-sec {
        padding-top: 80px;
        margin-top: 30px;
    }

    .book-demo-left h1 {
        font-size: 25px;
    }

    .banner-sub-heading {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .book-vouture {
        padding: 15px 15px;
        font-size: 16px;
    }
    /* css update start RN 05-03-2024 */
    .winning-holiday-banner-img {
        height: 175px;
    }
    .winning-holiday-banner-cont a.pink_btn {
        padding: 14px 30px;
        font-size: 16px;
    }
    /* css update end RN 05-03-2024 */
}

/* end responsive sponsership */

/* thank you page css */

.thank-you-page-company-main-sec {
    padding-top: 70px;
}

.thank-you-page-company-main-sec .thank-you-page-sec {
    text-align: center;
    background: url(../frontend_assets/images1/thank-you-bg-img.png) no-repeat 0
        0;
    background-size: cover;
    padding: 80px 80px 140px;
    position: relative;
}

.thank-you-page-company-main-sec .thank-you-page-sec .thankyou__pos-first {
    position: absolute;
    right: 0;
    top: 0;
}

.thank-you-page-company-main-sec .thank-you-page-sec .thankyou__pos-second {
    position: absolute;
    left: 0;
    top: 0;
}

.thank-you-page-company-main-sec .thank-you-page-sec::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: url(../frontend_assets/images1/thank-you-after-1.png) no-repeat
        left bottom;
    width: 176.82px;
    height: 105.58px;
}

.thank-you-page-company-main-sec .thank-you-page-sec::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    background: url(../frontend_assets/images1/thank-you-after-2.png) no-repeat
        right bottom;
    width: 152.06px;
    height: 155.93px;
}

.thank-you-page-company-main-sec .thank-you-page-sec .thank-you-page-logo {
    padding-bottom: 70px;
}

.thank-you-page-company-main-sec
    .thank-you-page-sec
    .thank-you-page-logo
    figure {
    margin-bottom: 0;
}

.thank-you-page-company-main-sec .thank-you-page-sec .heading-thankyou-page {
    padding-bottom: 70px;
    position: relative;
    z-index: 1;
}

.thank-you-page-company-main-sec .thank-you-page-sec .heading-thankyou-page h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 37px;
    line-height: 50px;
    /* text-transform: capitalize; */
    color: var(--main-green-color);
}


.thank-you-page-company-main-sec .thank-you-page-sec .company-sec-last {
    background: #f7f7f7;
    border: 7px solid var(--main-blue-color);
    padding: 40px 60px 70px;
}

.thank-you-page-company-main-sec
    .thank-you-page-sec
    .company-sec-last
    .company-logo {
    padding-bottom: 40px;
}

.thank-you-page-company-main-sec
    .thank-you-page-sec
    .company-sec-last
    .company-logo
    figure {
    margin-bottom: 0;
}

.thank-you-page-company-main-sec
    .thank-you-page-sec
    .company-sec-last
    .middle-company-sec
    .all-txt-company {
    margin-bottom: 35px;
}

.thank-you-page-company-main-sec
    .thank-you-page-sec
    .company-sec-last
    .middle-company-sec
    .col-md-6:nth-child(3)
    .all-txt-company {
    margin-bottom: 0;
}

.thank-you-page-company-main-sec
    .thank-you-page-sec
    .company-sec-last
    .middle-company-sec
    .col-md-6:last-child
    .all-txt-company {
    margin-bottom: 0;
}

.thank-you-page-company-main-sec
    .thank-you-page-sec
    .company-sec-last
    .middle-company-sec
    .all-txt-company
    p {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}

.thank-you-page-company-main-sec
    .thank-you-page-sec
    .company-sec-last
    .middle-company-sec
    .all-txt-company
    p
    span {
    margin-right: 15px;
}

.get-donation li {
    width: 25% !important;
    padding: 0 10px 10px;
    margin: 0;
}

/* thank you page css end */

/* thank you responsive */

@media (max-width: 1199px) {
    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .company-sec-last
        .middle-company-sec
        .all-txt-company
        p {
        font-size: 14px;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec .company-sec-last {
        padding: 40px 40px 70px;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec .thankyou__pos-first {
        width: 41%;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec .thankyou__pos-second {
        width: 40%;
    }

    .violate_btn,
    .skyblue_btn {
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    .violate_btn,
    .skyblue_btn {
        font-size: 11px;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec .company-sec-last {
        padding: 40px 20px 70px;
    }

    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .company-sec-last
        .middle-company-sec
        .all-txt-company
        p {
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        word-break: break-all;
    }

    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .company-sec-last
        .middle-company-sec
        .all-txt-company
        p
        span {
        margin-bottom: 15px;
        margin-right: 0;
        width: 100%;
    }

    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .heading-thankyou-page
        h3 {
        font-size: 30px;
    }

    /* CSS Modification 21.11.23 */
    .cms_tble_hldr table {
        min-width: 1000px;
    }

    .responsive_cms_table {
        overflow-x: auto;
        padding-bottom: 20px;
    }

    .cms_tble_hldr .inner_faq {
        overflow: hidden;
    }

    /* CSS Modification 21.11.23 */
}

@media (max-width: 767px) {
    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .company-sec-last
        .middle-company-sec
        .all-txt-company {
        margin-bottom: 25px !important;
    }

    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .company-sec-last
        .middle-company-sec
        .col-md-6:last-child
        .all-txt-company {
        margin-bottom: 0 !important;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec .company-sec-last {
        padding: 25px 20px 50px;
    }

    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .heading-thankyou-page
        h3 {
        font-size: 24px;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec {
        padding: 80px 35px 140px;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec::after {
        bottom: 15px;
        right: -40px;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec::before {
        bottom: 60px;
    }
}

@media (max-width: 767px) {
    .thank-you-page-company-main-sec .thank-you-page-sec {
        padding: 80px 12px 140px;
    }

    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .company-sec-last
        .middle-company-sec
        .all-txt-company
        p {
        font-size: 12px;
    }

    .thank-you-page-company-main-sec
        .thank-you-page-sec
        .heading-thankyou-page
        h3 {
        font-size: 18px;
    }

    .thank-you-page-company-main-sec .thank-you-page-sec .thankyou__pos-second {
        width: 38%;
    }

    .get-donation li {
        width: 100% !important;
        padding: 0 10px 10px;
        margin: 0;
    }
}

.date_picker_ .datepicker table tr td.today:hover:active {
    background-color: var(--main-green-color);
}

.btn_all_to:hover {
    background: #00c8ff;
    border: 1px solid #00c8ff;
}

/* end responsive thank you */

.bootstrap-timepicker-widget table td input {
    width: 100% !important;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
}

.dropdown-menu {
    width: 200px !important;
}

.bootstrap-timepicker-widget table td a {
    padding: 0px 0 !important;
}

.bootstrap-timepicker-widget table tr td a:hover {
    background: transparent;
    border: none;
    box-shadow: none;
}

.bootstrap-timepicker-widget table tr:first-child td a {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #646464;
}

.bootstrap-timepicker-widget table tr:last-child td a {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #646464;
}

.all-first-row-cmn-btn-dashboard-page {
    padding: 5px 5px !important;
}

.quick-links-all-dashboard-page-btn-center.document-btn-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.quick-links-all-dashboard-page-btn-center.document-btn-list
    .all-first-row-cmn-btn-dashboard-page {
    width: 25%;
    margin-bottom: 0px;
}

.quick-links-all-dashboard-page-btn-center.document-btn-list
    .all-first-row-cmn-btn-dashboard-page
    a {
    padding: 20px 19px;
    width: 100%;
    display: block;
    text-align: center;
}

@media (max-width: 767px) {
    .home-main-banner {
        margin: 30px 0;
    }

    .home-main-banner .banner_sec {
        padding: 90px 0;
    }

    .home-main-banner .bnr_main_cont:not(:last-child) {
        margin-bottom: 0px;
    }

    .all-first-row-cmn-btn-dashboard-page {
        width: 50% !important;
    }
}

@media (max-width: 479px) {
    .all-first-row-cmn-btn-dashboard-page {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .quick-links-all-dashboard-page-btn-center {
        justify-content: center;
    }
}

@media (max-width: 1300px) {
    .quick-links-all-dashboard-page-btn-center li .skyblue_btn {
        padding: 20px 10px !important;
    }
}

@media (max-width: 1199px) {
    .quick-links-all-dashboard-page-btn-center li .skyblue_btn {
        padding: 20px 5px !important;
        font-size: 10px;
        display: block;
        text-align: center;
    }
}

.all-cmn-btn-width-fix-dashboard-page {
    width: calc(100% / 4) !important;
    padding: 5px 5px !important;
}

@media (max-width: 767px) {
    .all-cmn-btn-width-fix-dashboard-page {
        width: 50% !important;
        padding: 5px 5px 5px !important;
    }

    /* support 20-06-23 start */
    .success_slider {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .success_slider .slick-arrow {
        order: 1;
        position: static;
        margin: 40px 5px 0;
    }

    /* support 20-06-23 end */
    /* 09.02.24 css start */
    .fundraiser-donated-form-box {
        margin: 0 20px 0;
    }

    .donated-form-input-outer {
        padding: 22px 20px 30px;
    }

    .donated-form-input input {
        height: 52px;
    }

    .congratulations-button-wrap a {
        min-width: 200px;
    }
    .center-parcs-logo {
        width: 105px;
    }
    .center-parcs-con h2 {
        font-size: 24px;
    }
    .parcs-number {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }
    /* 09.02.24 css end */
}

@media (max-width: 479px) {
    .all-cmn-btn-width-fix-dashboard-page {
        width: 100% !important;
    }

    /* css update start RN 24-11-2023 */
    .popup-privacy button,
    .deny-btn {
        padding: 10px 20px !important;
    }

    /* css update end RN 24-11-2023 */

    /* 09.02.24 css start */
    .childs-donation-content h1 {
        font-size: 20px;
    }

    .childs-donation-button {
        flex-direction: column;
    }

    .childs-donation-button a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .site-cmnbtn {
        font-size: 14px;
        padding: 12px 15px;
    }

    .fundraiser-cmn-head {
        padding: 15px;
    }

    .fundraiser-cmn-head h1 {
        font-size: 15px;
    }

    .fundraiser-donated-header {
        padding: 20px 15px;
    }

    .fundraiser-donated-header h2 {
        font-size: 17px;
    }

    .fundraiser-donated-form-box {
        margin: 0 10px 0;
    }
    .center-parcs {
        padding: 20px 10px 70px 20px;
    }
    .center-parcs-con h2 {
        font-size: 18px;
    }
    .form-outer-btn-wrap {
        text-align: center;
    }
    .form-outer-btn-wrap > * {
        width: 75%;
        margin: 0 auto;
    }
    .form-outer-btn-wrap button {
        margin-right: 0;
        margin-bottom: 15px;
    }
    /* 09.02.24 css end */
}

.view_generate_report_li li {
    font-size: 13px !important;
    padding: 20px 15px !important;
    min-width: auto !important;
}

.table-responsive {
    width: 100%;
}

@media (max-width: 768px) {
    .table_show_all_session table.table {
        width: 1000px;
    }
}

#school-donation-received-table thead > tr > th {
    font-weight: 600;
}

.filter-margin-bottom {
    margin-bottom: 12px;
}

.desh_inr_box .accordion-body table tbody tr td:last-child span {
    border-radius: 0 20px 20px 0;
    border: 0;
    padding: 0 10px;
    min-height: 0px;
}

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));

    background: -webkit-radial-gradient(
        rgba(20, 20, 20, 0.8),
        rgba(0, 0, 0, 0.8)
    );
}

/* :not(:required) hides these rules from IE9 and below test */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
        rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
        rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
        rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
        rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
        rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
        rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
        rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
        rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
        rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
        rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {
    .thanks_modal .modal-body {
        border: 12px solid #008dfb;
        padding: 26px 24px;
    }

    .thanks_modal .modal-body p {
        font-size: 16px;
    }

    .thanks_modal [data-dismiss="modal"] {
        font-size: 19px;
        padding: 9px 22px;
    }
}

@media (max-width: 575px) {
    /* 09.02.24 css start */
    .donated-form-input input {
        font-size: 16px;
    }

    .donated-form-input-row {
        border-radius: 20px;
    }

    .donated-form-input {
        width: 100%;
    }

    .donated-form-head-wrap {
        padding: 12px 15px;
        border-radius: 10px 10px 0 0;
    }

    .donated-form-head h3 {
        font-size: 16px;
    }

    .donated-form-input-outer {
        padding: 22px 10px 30px;
    }

    .donated-form-input input {
        height: 42px;
    }

    .donated-form-input-row {
        border-radius: 10px;
    }

    .donated-form-input input[type="tel"] {
        padding-left: 42px;
        background-size: 15px;
        background-position: left 21px center;
    }

    .donated-form-input-submit {
        flex-direction: column;
    }

    .donated-form-input-submit .site-cmnbtn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .donated-form-input-submit {
        padding-top: 5px;
    }

    .fundraiser-cmn-box {
        border-radius: 10px;
        padding-bottom: 10px;
    }

    .fundraiser-cmn-head {
        border-radius: 10px 10px 0 0;
    }

    .congratulations-button-wrap {
        flex-direction: column;
        padding-top: 0;
    }

    .congratulations-button-wrap a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .congratulations-inner-wrap {
        padding: 28px 15px 20px;
    }

    .fundraiser-donated-details {
        padding: 0px 0 50px;
    }
    .common_gap {
        padding: 60px 0;
    }
    .success-message-wrap {
        padding-top: 30px;
    }
    .navbar-brand {
        width: 115px;
    }
    /* 09.02.24 css end */
}
@media (max-width: 374px) {
    /* css update start RN 05-03-2024 */
    .winning-holiday-banner-img {
        height: 135px;
    }
    .winning-holiday-banner-cont h2 {
        font-size: 16px;
    }
    /* css update end RN 05-03-2024 */
}