@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap");

* {
    margin: 0;

    padding: 0;
}

html,
body {
    width: 100%;
}

input {
    font-family: "Roboto", sans-serif;
}

:root {
    --lightorange: #ff5800;

    --fadedorange: #fbb93b;

    --black: #000000;

    --white: #ffffff;
}

/*global css*/

* {
    transition: 0.5s ease;
}

p {
    font-family: "Poppins", sans-serif;

    font-weight: 400;
}

a {
    text-decoration: none !important;

    font-family: "Roboto", sans-serif;

    font-weight: 400;

    color: var(--black);

    text-transform: capitalize;
}

.text-justify {
    text-align: justify !important;
}

ul {
    margin-bottom: 0;

    padding-inline-start: 0;

    list-style-type: none;
}

.max-container {
    max-width: 1400px;

    width: 90%;

    margin: 0 auto;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px var(--white);
}

::-webkit-scrollbar-thumb {
    background: var(--lightorange);

    border-radius: 10px;
}

.reg-member img {
    height: 225px;
}

/* .findschool img {
    height: auto !important;
} */

.sticky-menu {
    left: 0;

    margin: auto;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

    animation-name: fadeInDown;

    animation-direction: normal;

    animation-duration: 1s;

    animation-timing-function: ease-in-out;

    background: var(--white);
}

.only-border-btn {
    border: 1px solid var(--lightorange) !important;

    background: var(--white) !important;

    color: var(--black);
}

/*for mobile menu*/

.fa-bars {
    font-size: 25px;

    padding: 15px;

    color: #ffffff;

    display: none;

    text-align: end;
}

/*owl-carousel controls*/

.owl-prev {
    width: 41px;

    height: 41px;

    font-size: 2.7em !important;

    color: var(--lightorange) !important;

    position: absolute;

    transform: translateY(-50%);

    top: 50%;

    left: -30px;
}

.owl-prev span {
    position: relative;

    top: -20px;
}

.owl-next {
    width: 41px;

    height: 41px;

    font-size: 2.7em !important;

    color: var(--lightorange) !important;

    position: absolute;

    transform: translateY(-50%);

    top: 50%;

    right: -30px;
}

.owl-next span {
    position: relative;

    top: -20px;
}

.owl-dots {
    display: flex;

    justify-content: center;
}

.owl-dots button {
    width: 20px;

    height: 20px;

    background: var(--lightteal) !important;

    border-radius: 100%;

    margin: 12px 2.5px 12px 2.5px;
}

.owl-dots .active {
    background-color: var(--darkteal) !important;
}

.click-to-top {
    position: fixed;

    bottom: 20px;

    right: 20px;

    background: var(--lightorange);

    width: 50px;

    height: 50px;

    color: #ffffff;

    border-radius: 100%;

    cursor: pointer;

    text-align: center;

    font-size: 1.8em;

    transform: scale(0) rotate(-90deg);

    transition: 0.5s ease;
}

.click-to-top:hover {
    background: transparent;

    border: 2px solid var(--lightorange);

    color: var(--lightorange);
}

main {
    background: #ebebeb;
}

.top-nav {
    display: flex;

    justify-content: end;
}

.top-nav li {
    margin-right: 10px;
}

.top-header {
    background: linear-gradient(
        90deg,
        rgba(252, 164, 0, 1) 0%,

        rgba(255, 88, 0, 1) 100%
    );

    padding: 10px 0;
}

.top-nav li {
    border-right: 2px solid #fd9300;

    padding: 0 10px;

    line-height: 15px;
}

.top-nav li:last-child {
    border: none;
}

.top-nav li a {
    color: var(--white);

    font-size: 15px;

    font-weight: 500;
}

.logo-box h2 {
    font-family: "Roboto condensed", sans-serif;

    font-weight: bolder;

    color: #e88000;

    text-transform: uppercase;
}

.search {
    float: right;

    width: 80%;

    display: flex;
}

.search input {
    width: 90%;

    padding-left: 11px;

    height: 45px;

    border: 1px solid var(--lightorange);
}

.search input:focus {
    outline: 0;

    border: 1px solid var(--lightorange);
}

.search button {
    width: fit-content;

    border: none;

    width: 10%;

    background: linear-gradient(
        -45deg,

        rgba(232, 128, 0, 1) 0%,

        rgba(219, 91, 0, 1) 100%
    );

    color: #ffffff;

    height: 45px;
}

.search button:hover {
    background: transparent;

    border: 1px solid var(--lightorange);

    color: var(--lightorange);
}

.site-nav {
    background: linear-gradient(
        180deg,
        rgba(252, 164, 0, 1) 0%,

        rgba(255, 88, 0, 1) 100%
    );

    box-shadow: 0 0 10px 1px lightgray;
}

.site-nav .site-nav-menu {
    display: flex;

    justify-content: center;
}

.site-nav .site-nav-menu li {
    border-right: 2px solid #fe9c62;

    padding: 15px 20px;

    line-height: 15px;

    position: relative;
}

.site-nav .site-nav-menu li:last-child {
    border: none;
}

.site-nav .site-nav-menu li a {
    color: var(--white);

    font-size: 14px;

    font-weight: 600;
}

.site-nav-dropdown li {
    border: none !important;

    border-bottom: 1px solid #fca400 !important;

    padding: 5px 21px !important;
}

.site-nav-dropdown li:hover {
    background: #db4c00;
}

.site-nav-dropdown {
    position: absolute;

    background: #fe7300;

    width: 204px;

    left: 0px;

    top: 40px;

    visibility: hidden;

    opacity: 0;

    z-index: 999;
}

.site-nav-dropdown li a {
    font-size: 12px !important;

    line-height: 28px;

    letter-spacing: 0.7px;
}

.site-nav-menu li:hover .site-nav-dropdown {
    visibility: visible;

    opacity: 1;

    top: 47px;
}

.middle-header {
    background: white;
}

/*banner*/

section.banner-sec {
    background: #ebebeb;
}

.color-all {
    background: #ebebeb;
}

.banner-item img {
    height: 500px;

    object-fit: cover;
}

.banner-overlay {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgb(171 171 171 / 50%);

    padding: 0 200px;
}

.banner-button {
    display: flex;

    justify-content: center;
}

.banner-overlay-content h2 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 25px;
}

.banner-button a {
    background: linear-gradient(
        -45deg,

        rgba(232, 128, 0, 1) 0%,

        rgba(219, 91, 0, 1) 100%
    );

    padding: 10px 30px;

    color: var(--white);

    font-size: 15px;

    margin: 15px 10px;

    font-weight: 500;

    transition: 0.5s ease;
}

.banner-button a:hover {
    background: linear-gradient(
        45deg,
        rgba(232, 128, 0, 1) 0%,

        rgba(219, 91, 0, 1) 100%
    );
}

.cyepr a {
    padding: 10px 5px;

    font-size: 14.5px;

    text-align: center;

    margin: 0;
}

.banner-overlay-content {
    position: relative;

    top: 50%;

    transform: translateY(-50%);
}

.main-content-m {
    padding: 45px 30px;

    position: relative;

    z-index: 5;
}

.main-content-m h6 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    padding-bottom: 10px;

    font-size: 22px;

    font-weight: 900;

    position: relative;
}

/*.main-content-m h6::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    background: var(--lightorange);

}*/

.main-content-m h6::first-letter {
    text-transform: uppercase;
}

.main-content-m p {
    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-size: 15px;

    text-align: justify;
}

.main-content-m p a {
    color: var(--lightorange);
}

.main-content-m h2 {
    font-family: "Roboto condensed", sans-serif;

    margin: 25px 0;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 26px;
}

.main-content-m span {
    font-family: "Roboto condensed", sans-serif;

    margin: 25px 0;

    font-weight: 900;

    text-transform: capitalize;

    color: var(--lightorange);

    text-align: left;
}

.uli li {
    font-size: 15px;

    margin: 10px 0;

    padding-left: 25px;

    text-align: left;

    position: relative;

    font-family: "Roboto", sans-serif;
}

.uli li::before {
    content: "\226B";

    position: absolute;

    top: 0;

    left: 0;

    color: var(--lightorange);
}

.crd {
    color: var(--lightorange);

    font-weight: 600;

    text-transform: capitalize;
}

.crd:hover {
    color: var(--fadedorange);
}

.main-content-m ul li {
    font-size: 15px;

    margin: 10px 0;

    padding-left: 25px;

    text-align: left;

    position: relative;

    font-family: "Roboto", sans-serif;
}

.main-content-m ul li a {
    color: var(--lightorange);
}

.main-content-m ul li::before {
    content: "\226B";

    position: absolute;

    top: 0;

    left: 0;

    color: var(--lightorange);
}

.main-content {
    padding: 45px 3px;

    position: relative;

    z-index: 5;
}

.main-content h6 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-size: 18px;

    font-weight: 900;

    text-transform: lowercase;

    line-height: 26px;
}

.main-content h6::first-letter {
    text-transform: uppercase;
}

.main-content p {
    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-size: 15px;
}

.content-button {
    display: flex;

    justify-content: center;
}

.content-button a {
    background: linear-gradient(
        -45deg,

        rgba(232, 128, 0, 1) 0%,

        rgba(219, 91, 0, 1) 100%
    );

    padding: 10px 10px;

    letter-spacing: 0.5px;

    color: var(--white);

    font-size: 12px;

    margin-right: 30px;

    font-weight: 600;

    transition: 0.5s ease;

    text-transform: capitalize;

    border: 1px solid transparent;
}

.content-button a::first-letter {
    text-transform: uppercase;
}

.content-button a:hover {
    background: transparent;

    color: var(--lightorange);

    border: 1px solid var(--lightorange);
}

.padd-off {
    padding-bottom: 0px;

    padding-left: 30px;

    padding-right: 30px;
}

.padd-off-1 {
    padding: 0 30px;
}

.content-button a:first-child {
    background: transparent;

    color: var(--lightorange);

    border: 1px solid var(--lightorange);
}

#color-1 {
    padding: 20px;

    background: #ffffff;

    margin: -15px 0;
}

#color-2 {
    padding: 20px;

    background: #ebebeb;

    margin: -15px 0;
}

.parallax-sec {
    margin-bottom: 15px;
}

.parallax-bg {
    background-image: url(../images/2.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    height: 400px;

    width: 100%;

    position: relative;

    margin: -15px 0;
}

.parallax-bg::after {
    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    z-index: 3;
}

.gap-adjust {
    margin: 38px 0;
}

.thin-text {
    font-family: "Roboto", sans-serif !important;

    font-size: 25px;

    font-style: oblique;
}

/*registered member*/

.reg-member {
    background: white;

    padding: 15px;

    font-family: "Roboto", sans-serif;
}

.reg-head {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 26px;

    text-align: center;
}

.reg-member h4 {
    margin: 15px 0;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 18px;
}

.teacher {
    font-size: 11px;
}

.location {
    font-size: 10px;

    width: 50%;
}

.teacher strong,
.location strong {
    display: block;
}

.teacher span,
.location span {
    font-size: 14px;
}

.reg-member a {
    display: table;

    background: linear-gradient(
        -45deg,

        rgba(232, 128, 0, 1) 0%,

        rgba(219, 91, 0, 1) 100%
    );

    color: var(--white);

    margin: 20px auto 0;

    font-size: 15px;

    font-family: "Roboto", sans-serif;

    padding: 10px 18px;

    letter-spacing: 0.5px;

    font-size: 14px;

    font-weight: 600;

    transition: 0.5s ease;

    text-transform: capitalize;

    border: 1px solid transparent;
}

.reg-member a:hover {
    background: transparent;

    border: 1px solid var(--lightorange);

    color: var(--lightorange);
}

#clients .reg-member img {
    width: 148px !important;

    height: 120px;

    margin: 0 auto;
}

#clients .reg-member {
    box-shadow: 0px 4px 5px -2px #bdbdbd;
}

/*footer*/

footer {
    background: linear-gradient(
        180deg,
        rgba(252, 164, 0, 1) 0%,

        rgba(255, 88, 0, 1) 100%
    );

    margin-top: 40px;

    font-family: "Roboto", sans-serif;
}

.newsletter {
    display: flex;

    background: var(--white);

    padding: 20px 45px;

    position: relative;

    top: -55px;

    align-items: center;
}

.newsletter h3 {
    font-family: "Roboto Condensed", sans-serif;
}

.newsletter form {
    width: 70%;

    display: flex;

    padding-left: 50px;
}

.newsletter form input {
    width: 100%;

    height: 40px;

    padding-left: 15px;

    border: 1px solid #fd8600;
}

.newsletter form input:focus {
    outline: 0;
}

.newsletter form button {
    width: fit-content;

    border: none;

    padding: 0 12px;

    background: linear-gradient(
        -45deg,

        rgba(232, 128, 0, 1) 0%,

        rgba(219, 91, 0, 1) 100%
    );

    color: #ffffff;

    font-weight: 600;

    text-transform: capitalize;
}

.newsletter form button:hover {
    background: transparent;

    border: 1px solid var(--lightorange);

    color: var(--lightorange);
}

.footer-content {
    padding-left: 25px;

    color: var(--white);
}

.footer-content address {
    font-weight: 500;
}

.footer-content p {
    font-weight: 500;
}

.ic {
    position: absolute;

    left: 0;
}

.stay-con {
    font-size: 20px;

    font-weight: 600;

    color: var(--white);

    font-family: "Roboto condensed", sans-serif;

    text-transform: capitalize;

    margin: 12px 0;
}

.social-link {
    display: flex;

    justify-content: center;
}

.social-link li {
    width: 25px;

    height: 25px;

    border-radius: 100%;

    margin-right: 10px;

    padding: 1px;

    border: 1px solid var(--white);

    background: var(--white);
}

.social-link li:hover {
    border: 1px solid var(--lightorange);

    background: var(--lightorange);

    box-shadow: 0 0 10px 1px lightgray;
}

.social-link li:hover a {
    color: var(--white);
}

.social-link li a {
    color: var(--lightorange);
}

.quick-links li {
    position: relative;

    float: left;

    width: 50%;

    margin: 0 0 10px;

    padding-left: 12px;
}

.quick-links li::before {
    content: "\203A";

    position: absolute;

    top: 0;

    left: 0;

    color: var(--white);
}

.quick-links li:hover a {
    color: var(--fadedorange);
}

.quick-links li a {
    font-weight: 500;

    color: var(--white);
}

.copyright {
    margin-bottom: 0;

    padding: 10px 0;

    color: white;

    text-align: center;

    font-size: 13px;

    font-weight: 500;
}

.copyright a {
    color: var(--white);
}

/*All pages banner*/

.all-banner-item img {
    height: 400px;

    object-fit: cover;
}

.all-banner-overlay {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgb(171 171 171 / 50%);

    padding: 0 300px 0 50px;
}

.all-banner-overlay-content h2 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 25px;

    font-weight: 600;
}

.all-banner-overlay-content p {
    font-family: "Roboto", sans-serif;

    margin-bottom: 25px;

    font-size: 15px;

    text-align: justify;
}

.all-banner-overlay-content p span {
    color: var(--fadedorange);

    font-weight: 800;
}

.all-banner-overlay-content {
    position: relative;

    top: 50%;

    transform: translateY(-50%);
}

/*become a member school*/

.school-apply-now {
    padding: 45px 40px !important;
}

.school-apply-now p {
    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-size: 15px;

    margin: 0;

    text-align: justify;
}

.school-apply-now p span {
    color: var(--fadedorange);

    font-weight: 800;
}

.common-btn {
    background: linear-gradient(
        -45deg,

        rgba(232, 128, 0, 1) 0%,

        rgba(219, 91, 0, 1) 100%
    );

    padding: 10px 50px;

    letter-spacing: 0.5px;

    color: var(--white);

    font-size: 12px;

    margin-right: 30px;

    font-weight: 600;

    transition: 0.5s ease;

    text-transform: capitalize;

    border: 1px solid transparent;
}

.common-btn:hover {
    background: transparent;

    border: 1px solid var(--lightorange);

    color: var(--lightorange);
}

.school-apply-now a {
    display: table;

    margin: 0 auto;
}

.recog {
    padding: 45px 40px !important;

    background: #f3f3f3 !important;
}

.recognization {
    padding: 0 60px 0 0;
}

.recog .padd-left {
    padding-left: 40px;
}

.rec-border {
    border-right: 1px solid lightgray;
}

.recognization h6 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 26px;

    position: relative;

    padding-bottom: 10px;
}

.recognization h6::after {
    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    background: var(--lightorange);
}

.recognization p {
    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-size: 15px;

    text-align: justify;
}

.mb {
    margin-bottom: 100px;
}

.ready-to-apply h6 {
    font-family: "Roboto", sans-serif;

    font-size: 22px;

    font-weight: 900;

    text-transform: capitalize;

    text-align: left;
}

.ready-to-apply h6 span {
    font-size: 14px;

    font-weight: 500;
}

.app-btn {
    float: right;

    width: fit-content;

    margin: 24px auto;
}

.school-support {
    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-size: 15px;

    margin: 30px 0 10px 0;
}

.ready-to-apply p a {
    color: var(--lightorange);

    font-weight: 600;

    text-transform: lowercase;
}

.box-shadow {
    box-shadow: 0px 10px 10px 1px lightgray;
}

.custom-margin {
    margin-bottom: 15px;
}

.yoga-therapy {
    margin-bottom: 25px;
}

.yoga-therapy h6 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 26px;

    position: relative;

    padding-bottom: 10px;
}

.yoga-therapy h6::after {
    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    background: var(--lightorange);
}

.ocyp-p p {
    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-size: 15px;

    margin: 0;

    text-align: justify;
}

.school-therapy h6 {
    font-family: "Roboto condensed", sans-serif;
}

.school-first-ul {
    margin-bottom: 30px;
}

.school-first-ul li {
    font-size: 15px;

    margin: 5px 0;

    padding-left: 25px;

    position: relative;

    font-family: "Roboto", sans-serif;
}

.school-first-ul li::before {
    content: "\226B";

    position: absolute;

    top: 0;

    left: 0;

    color: var(--lightorange);
}

.school-second-ul li {
    font-size: 15px;

    margin: 5px 0;

    padding-left: 25px;

    position: relative;

    font-family: "Roboto", sans-serif;
}

.school-second-ul li::before {
    content: "\226B";

    position: absolute;

    top: 0;

    left: 0;

    color: var(--lightorange);
}

.membership-fee h6 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 26px;

    position: relative;

    padding-bottom: 10px;
}

.membership-fee h6::after {
    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    background: var(--lightorange);
}

/*membership fee*/

.membership-fee .recog {
    padding: 30px 35px !important;
}

.membership-fee-teacher h3 {
    font-family: "Roboto condensed", sans-serif;

    font-weight: 900;

    text-transform: capitalize;
}

.membership-fee-teacher p {
    font-weight: 500;
}

.membership-fee-teacher p a {
    color: var(--lightorange);

    text-transform: lowercase;
}

.membership-fee table thead th {
    font-family: "Roboto condensed", sans-serif;
}

.membership-fee table tr td {
    font-family: "Roboto", sans-serif;

    font-size: 15px;
}

.membership-fee .must-have {
    font-family: "Roboto condensed", sans-serif;
}

.mem-strong {
    text-align: center;

    display: block;

    margin-bottom: 10px;
}

.membership-fee table {
    border: 1px solid rgba(252, 163, 0, 0.1);
}

.thead {
    background: #fc9f00;
}

.thead th {
    color: #fff !important;

    font-size: 15px;
}

.membership-fee .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(252, 163, 0, 0.1);
}

.membership-fee .table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: #fff;
}

.mem-note {
    font-family: "Roboto condensed", sans-serif;

    font-size: 20px;
}

.mem-note span {
    color: #fc9800;
}

.r-ed span {
    color: #b50000;
}

/*single register member*/

.register-member {
    padding: 45px 40px !important;
}

.account-reg-box {
    width: 100%;

    display: block;

    margin: -160px auto 0;

    background: var(--white);

    position: relative;

    padding: 20px 30px;

    border-top: 3px solid #fd7e00;
}

.account-reg-box h2 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-weight: 900;

    text-transform: capitalize;

    text-align: center;
}

.account-reg-box p {
    font-family: "Roboto", sans-serif;

    font-size: 15px;
}

.account-reg-box form input,
.account-reg-box form select,
.account-reg-box form textarea {
    width: 100%;

    height: 40px;

    margin-bottom: 20px;

    padding-left: 15px;

    border: 1px solid #fd8600;
}

.account-reg-box form .ch {
    height: 90px;
}

.account-reg-box form input:focus,
.account-reg-box form select:focus,
.account-reg-box form textarea:focus {
    outline: 0 !important;
}

.account-reg-box form button {
    border: none;

    padding: 10px 35px;

    display: block;

    margin: 0 auto;

    background: linear-gradient(
        -45deg,
        rgba(232, 128, 0, 1) 0%,
        rgba(219, 91, 0, 1) 100%
    );

    color: #ffffff;

    font-weight: 600;

    border: 1px solid transparent;

    text-transform: capitalize;
}

.errorSummary {
    color: var(--lightorange);
}

.account-reg-box form label {
    font-family: "Roboto", sans-serif;
}

.register-member img {
    margin-bottom: 12px;
}

.register-member h2 {
    font-family: "Roboto condensed", sans-serif;

    margin-bottom: 10px;

    font-weight: 900;

    text-transform: capitalize;

    text-align: center;
}

.register-member .common-btn {
    padding: 10px 38px;

    margin: 15px 0 0 0;
}

.register-member-border {
    border: 1px solid var(--lightorange);

    padding: 10px;
}

.single-register-member h6 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 26px;

    position: relative;

    padding-bottom: 10px;
}

.recognization h6 span {
    font-size: 15px;
}

.single-register-member h6::after {
    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    background: var(--lightorange);
}

.single-register-member table {
    border: 1px solid rgba(252, 163, 0, 0.1);

    font-family: "Roboto", sans-serif;
}

.single-register-member table a {
    color: var(--lightorange);
}

.single-register-member .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(252, 163, 0, 0.1);
}

.single-register-member .table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: #fff;
}

.si-reg-mem {
    padding: 0;
}

/*search page*/

.banner-color {
    background: linear-gradient(
        -45deg,

        rgba(252, 164, 0, 1) 0%,

        rgba(255, 88, 0, 1) 100%
    );

    padding: 50px 50px;
}

.banner-color h2 {
    font-family: "Roboto", sans-serif;

    font-weight: 600;

    color: var(--white);
}

.search-box table img {
    width: 100px;

    height: 100px;
}

.search-box form {
    float: right;

    width: 40%;

    margin-bottom: 15px;

    display: flex;
}

.search-box table th {
    font-family: "Roboto condensed";

    background: #fc9f00;
}

.search-box table th {
    color: var(--white) !important;
}

.search-box table {
    border: 1px solid rgba(252, 163, 0, 0.1) !important;

    font-family: "Roboto", sans-serif;
}

.search-box .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(252, 163, 0, 0.1);
}

.search-box .table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: #fff;
}

.event {
    margin-bottom: 25px;
}

.contact-reg-box {
    width: 70%;

    display: block;

    margin: -160px auto 0;

    background: #f3f3f3;

    position: relative;

    padding: 20px 30px;

    border-top: 3px solid #fd7e00;
}

.contact-reg-box p {
    font-family: "Roboto condensed", sans-serif;

    font-size: 18px;

    text-align: center;
}

.contact-reg-box p a {
    font-family: "Roboto condensed", sans-serif;

    color: var(--lightorange);
}

.contact-reg-box h2 {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-weight: 900;

    text-transform: capitalize;

    text-align: center;
}

.contact-reg-box form input {
    width: 100%;

    height: 40px;

    margin-bottom: 20px;

    padding-left: 15px;

    border: 1px solid #fd8600;
}

.contact-reg-box form input:focus,
.contact-reg-box form textarea:focus {
    outline: 0;
}

.contact-reg-box form textarea {
    width: 100%;

    height: 150px;

    margin-bottom: 20px;

    padding: 10px 15px;

    border: 1px solid #fd8600;
}

.contact-reg-box form button {
    border: none;

    padding: 10px 35px;

    display: block;

    margin: 0 auto;

    background: linear-gradient(
        -45deg,

        rgba(232, 128, 0, 1) 0%,

        rgba(219, 91, 0, 1) 100%
    );

    color: #ffffff;

    font-weight: 600;

    border: 1px solid transparent;

    text-transform: capitalize;
}

.contact-reg-box form button:hover {
    background: transparent;

    border: 1px solid var(--lightorange);

    color: var(--lightorange);
}

.orange {
    color: var(--lightorange);
}

.cep {
    font-family: "Roboto", sans-serif;

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 26px;

    position: relative;

    padding-bottom: 10px;
}

.cep::after {
    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    background: var(--lightorange);
}

#example thead th {
    border: none;
}

#example tbody td {
    padding: 8px 18px;
}

.table > :not(caption) > * > * {
    border-bottom-width: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #fca300 !important;

    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #fca300 !important;

    border: 1px solid #fca300 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #ff5d00 !important;
}

table.dataTable.no-footer {
    border: none !important;
}

.dataTables_wrapper .dataTables_filter input {
    width: auto;

    height: 40px;

    padding-left: 15px;

    border: 1px solid #fd8600 !important;

    background: #ffffff;
}

.dataTables_wrapper .dataTables_filter input:focus {
    outline: 0;
}

.dataTables_length,
.dataTables_filter {
    margin-bottom: 15px;
}

.event-box h6 {
    font-family: "Roboto", sans-serif;

    margin-top: 15px;

    font-size: 22px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 26px;
}

/* .event-box p

{

    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-size: 15px;

    text-align: justify;

} */

.event a:hover {
    color: var(--lightorange);
}

.event-box {
    background: white;

    padding: 15px;

    margin: 12px 0;
}

.event-box img {
    width: 100%;

    min-height: 200px;
}