@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Jost:ital,wght@0,100..900;1,100..900&display=swap);
@import url(../css/fontawesome.min.css);
.banner-poster,
.body-poster,
.common_banner,
.form_wrap,
.nav_menu a,
.rj_box,
.rj_img,
.rj_para,
.section,
.social a i {
    overflow: hidden
}

[class*=rj-btn-],
a {
    display: inline-block;
    outline: 0
}

.primary-color,
.social a:hover i::before,
.social:not(.transparent-social) a i::before,
[class*=rj-btn-],
[class*=rj-btn-]:focus,
[class*=rj-btn-]:hover {
    color: var(--white-color)
}

*,
.breadcrumb-list li,
.noList ul,
::after,
::before,
body,
form {
    margin: 0;
    padding: 0
}

.hInfo em,
.logo a,
.mini-logo a,
img,
label {
    display: block
}

h6,
label {
    margin: 0 0 6px
}

.banner-poster,
.breadcrumb-list li,
.common_banner,
.container,
.heading,
.invisible-title,
.mainFooter,
.nav_menu a,
.nav_menu ul li,
.rj_box,
.rj_img,
.rj_pulse,
.section,
[class*=rj-btn-] {
    position: relative;
    z-index: 1
}

.section::before,
.social a i::after,
[class*=rj-btn-]::before {
    z-index: -1;
    position: absolute;
    right: 0
}

:root {
    --black-color: #000000;
    --white-color: #ffffff;
    --primary-color: #2e98f5;
    --secondary-color: #935dd7;
    --hover-color: #fe66c4;
    --box-color: #f3f3f3;
    --body-color: #606060;
    --other-color: #454545;
    --nav-color: #222222;
    --heading-color: #16243e;
    --background-gradient: linear-gradient(45deg, #442cb3 0%, #814bc4 100%);
    --primary-bg: #d6eafc;
    --body-bg: #F5F5F5;
    --footer-bg: #0C1926;
    --footer-color: #d0d0d0;
    --invisible-title: #e1e1e1;
    --border-color: #a3a3a3;
    --box-border: #e6e6e6;
    --primary-font: "DM Sans", sans-serif;
    --heading-font: "Jost", sans-serif;
    --border-radius: 6px;
    --icon-font: 900 20px/1em "Font Awesome 6 Free";
    --box-shadow: 0px 4px 14px 0px #0000001f
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    overflow-x: hidden
}

body {
    font: 400 18px/1.4em var(--primary-font);
    color: var(--body-color);
    background: 0 0
}

h1,
h2 {
    line-height: 1.2em
}

h3,
h4 {
    line-height: 1.3em
}

h5,
h6 {
    line-height: 1.4em
}

::-webkit-scrollbar {
    width: 4px
}

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

::-webkit-scrollbar-track {
    background: #e1e1e1
}

::-webkit-scrollbar-thumb {
    background: var(--background-gradient)
}

::-moz-selection {
    background-color: var(--secondary-color);
    color: var(--white-color)
}

::-webkit-selection {
    background-color: var(--secondary-color);
    color: var(--white-color)
}

::selection {
    background-color: var(--secondary-color);
    color: var(--white-color)
}

.rj_editor_text ul>li:before,
[class*=rj-btn-],
[class*=rj-btn-].secondary-btn::before {
    background: var(--primary-color)
}

@-moz-document url-prefix() {
    .step-container,
    html {
        scrollbar-width: thin;
        scroll-behavior: smooth;
        scrollbar-color: var(--background-gradient) #e1e1e1
    }
}

@media only screen and (min-width:1400px) {
    .container {
        max-width: clamp(1320px, 90vw, 1470px)
    }
}

.form_wrap,
.rj_content.max-content {
    max-width: 830px
}

address,
article,
aside,
audio,
blockquote,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
menu,
nav,
section,
summary,
time,
video {
    margin: 0;
    padding: 0;
    border: 0;
    display: block
}

h1 {
    font-size: 42px;
    margin: 0 0 20px
}

h2 {
    font-size: 36px;
    margin: 0 0 16px
}

h3 {
    font-size: 32px;
    margin: 0 0 12px
}

h4 {
    font-size: 28px;
    margin: 0 0 10px
}

h5 {
    font-size: 24px;
    margin: 0 0 8px
}

h6 {
    font-size: 20px
}

.b-description_readmore_button,
.header_main,
.heading,
.headtag,
.nav_menu a::after,
.owl-dot,
.owl-nav [class*=owl-],
.page-numbers::before,
.readmore,
.readmore i,
.readmore-icon,
.readmore::before,
.responsive_nav,
.rj-popup-close,
.rj_box,
.rj_box .rj_icon,
.rj_ques,
.rj_text,
.rj_toggle .rj_ques:after,
.showIcon i,
.social a i,
.social a i::after,
.social a:hover i::before,
.subarrow,
.subheading,
.subheading span,
.subtag,
.subtitle,
.title,
.transition,
.videoLink::after,
[class*=rj-btn-],
a,
img {
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.activityBox .rj_text,
.scrollup,
.scrollup i,
.scrollup::after,
.shadowBoxEffect::after,
.sub-menu,
.transtition-5,
[class*=rj-btn-]::before {
    -moz-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.radiusBoxHover::after,
.transtition-1 {
    -moz-transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    transition: 1s ease-out
}

div:not([class]),
p {
    margin: 0 0 20px;
    line-height: 1.7em
}

.heading:last-child,
.rj_content:last-child,
.rj_para:last-child,
.subheading:last-child,
.subtag:last-child,
.subtitle:last-child,
.title:last-child,
li:last-child,
p:last-child {
    margin-bottom: 0
}

a {
    border: none;
    text-decoration: none;
    color: var(--primary-color)
}

a:focus,
a:hover {
    color: var(--hover-color);
    outline: 0
}

.actitvity-slider .center .item,
.career .form_wrap,
.step .form_wrap,
img {
    max-width: 100%
}

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

[class*=rj-btn-] {
    vertical-align: middle;
    min-width: 130px;
    text-align: center;
    border: 1px solid var(--primary-color);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: capitalize;
    font: 500 18px var(--primary-font);
    letter-spacing: .6px;
    height: 50px;
    line-height: 48px;
    padding: 0 24px;
    overflow: hidden
}

.form-control,
.subheading.secondary-subheading,
.subtitle.secondary-subtitle,
.teamList .teamBox .subtitle {
    font-family: var(--primary-font)
}

[class*=rj-btn-]::before {
    content: "";
    top: 0;
    width: 0%;
    height: 100%;
    background: var(--background-gradient)
}

.nav_menu a.active::after,
.nav_menu a:hover::after,
[class*=rj-btn-]:focus::before,
[class*=rj-btn-]:hover::before {
    width: 100%;
    left: 0
}

[class*=rj-btn-].lg {
    min-width: 160px;
    font-size: 20px;
    height: 60px;
    line-height: 58px;
    padding: 0 36px
}

[class*=rj-btn-].sm {
    min-width: 110px;
    font-size: 15px;
    height: 42px;
    line-height: 40px;
    padding: 0 16px
}

[class*=rj-btn-].secondary-btn {
    background: var(--background-gradient);
    color: var(--white-color);
    border-color: transparent
}

[class*=rj-btn-].transparent-btn {
    background: 0 0;
    color: var(--primary-color)
}

.noList ul {
    list-style: none
}

.copyright-wrapper p,
.noList li,
.rj_pulse .rj_icon {
    margin: 0
}

hr {
    border-color: var(--border-color);
    margin: 20px 0
}

.primary-bg {
    background: var(--primary-bg)
}

.body-bg,
.opened .rj_ques
/*.user-social.social a i::after*/ {
    background: var(--body-bg)
}

.secondary-bg {
    background: var(--footer-bg);
    color: var(--footer-color);
    letter-spacing: .25px
}

.secondary-color {
    color: var(--secondary-color)
}

.b-description_readmore_button.b-description_readmore_button_active,
.b-description_readmore_button:hover,
.hInfo a:hover,
.hover-color,
.rj-widget li a.active_service,
.subheading a:hover,
.subtitle a:hover,
a:hover .subheading,
a:hover .subtitle {
    color: var(--hover-color)
}

.cursor-pointer {
    cursor: pointer
}

.form_wrap {
    padding: 4vh 3vw;
    background: var(--white-color);
    box-shadow: var(--box-shadow);
    border-radius: 1vw;
    margin: 0 auto
}

label {
    font-size: 18px;
    text-align: left;
    padding: 0;
    font-weight: 600;
    line-height: 1.4em
}

.form-control {
    padding: 5px 20px;
    width: 100%;
    height: 48px;
    border: 1px solid var(--border-color);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: transparent;
    color: var(--black-color);
    caret-color: var(--primary-color);
    font-size: 15px;
    line-height: 28px;
    letter-spacing: .5px;
    position: relative;
    vertical-align: top;
    outline: 0;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

textarea.form-control {
    height: 160px
}

.secondary-form .form-control {
    border: 1px solid #898989;
    background: #4e4e4e99;
    color: var(--white-color);
    caret-color: var(--theme-color)
}

::-webkit-input-placeholder {
    opacity: 1;
    color: inherit
}

:-moz-placeholder {
    opacity: 1;
    color: inherit
}

::-moz-placeholder {
    opacity: 1;
    color: inherit
}

:-ms-input-placeholder {
    opacity: 1;
    color: inherit
}

::placeholder {
    opacity: 1;
    color: inherit
}

input[type=checkbox],
input[type=radio] {
    cursor: pointer;
    margin: 2px 5px 0 0;
    vertical-align: top
}

.form_wrap .row,
.rj-widget-blog .row {
    row-gap: 20px
}

.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    opacity: .5;
    cursor: no-drop;
    color: var(--black-color)
}

.no-shadow {
    box-shadow: none
}

.rj_pulse-shadow .rj_icon,
.shadowBox {
    box-shadow: var(--box-shadow)
}

.section {
    padding: 50px 0
}

.section.section-big {
    padding: 80px 0
}

.section::before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0
}

.heading {
    font: 700 54px/1.2em var(--heading-font);
    color: var(--heading-color);
    margin-bottom: 24px
}

.heading span,
.primary-color {
    color: var(--primary-color)
}

.invisible-title {
    font: 600 6.5vw/1.2em var(--heading-font);
    color: var(--invisible-title);
    margin: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center
}

.headtag,
.subheading,
.subtag,
.subtitle,
.title {
    color: var(--heading-color);
    z-index: 1;
    position: relative
}

.title {
    font: 700 40px/1.3em var(--heading-font);
    margin-bottom: 20px
}

.headtag {
    font: 700 32px/1.3em var(--heading-font);
    margin-bottom: 16px
}

.subheading,
.subtag,
.subtitle {
    font: 600 24px/1.3em var(--heading-font);
    margin-bottom: 8px
}

.subtitle {
    font-size: 20px;
    margin-bottom: 5px
}

.subtag {
    font-size: 18px
}

.text-white * {
    color: var(--white-color);
    letter-spacing: .4px
}

.text-white .subheading,
.text-white .subtitle {
    font-weight: 500;
    letter-spacing: .8px
}

.text-balance {
    text-wrap: balance
}

.flex-shrink {
    flex-shrink: 0
}

.career .form_wrap .formError .formErrorContent br,
.hInfo li:last-child:after,
.heading:empty,
.headtag:empty,
.nav_menu .sub-menu .sub-menu a::before,
.nav_menu .sub-menu .sub-menu::before,
.step .form_wrap .formError .formErrorContent br,
.sticky .logo,
.subheading:empty,
.title:empty,
body:not(.sticky) .headerBottom .social,
body:not(.sticky) .mini-logo,
p:empty {
    display: none
}

.underline {
    position: relative;
    z-index: 1;
    /* display: inline-block; */
    vertical-align: top
}

.underline::after {
    content: '';
    display: block;
    background: linear-gradient(90deg, #2e98f5 50%, #fff 51%);
    height: 4px;
    width: clamp(50px, 5vw, 80%);
    margin-top: 12px
}

.owl-nav [class*=owl-],
.social a i {
    width: 44px;
    height: 44px;
    place-items: center;
    text-align: center
}

.listTitle {
    display: block;
    font: 700 24px/1.3em var(--primary-font);
    color: var(--other-color);
    margin-bottom: 10px
}

.bannertext,
.blog-info,
.breadcrumbs,
.career .form_wrap label.blogName,
.highlight-text,
.owl-nav [class*=owl-],
.persent-number,
.rj-widget li a:not(:hover),
.step .form_wrap label.blogName,
.trafic-wrap/*,
.user-social.social a i::before*/ {
    color: var(--heading-color)
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999
}

.rj_content {
    margin: 0 0 40px
}

.max-content.text-center {
    margin-inline: auto
}

.layout-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw
}

.rj_editor_text ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.rj_editor_text ul li {
    position: relative;
    z-index: 1;
    padding-left: 32px
}

li {
    margin-bottom: 12px
}

.rj_editor_text ul>li:before {
    position: absolute;
    content: "\f00c";
    display: grid;
    place-items: center;
    font: var(--icon-font);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    top: 6px;
    left: 0;
    padding-top: 1px;
    color: var(--white-color)
}

.highlight-text {
    font: 600 16px/1.5em var(--primary-font);
    display: inline-block;
    vertical-align: middle;
    padding: 4px 20px;
    border: 1px solid var(--primary-color);
    border-radius: 10vw;
    text-align: center;
    margin: 0 0 20px
}

.btn_center,
.btn_left {
    margin-top: 50px
}

.btn_center.sm,
.btn_left.sm {
    margin-top: 30px
}

.btn_center {
    text-align: center
}

.btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5vw;
    margin-top: 50px
}

.social {
    display: flex;
    align-items: center;
    gap: 10px
}

.social.sm {
    gap: 8px
}

.social a {
    color: inherit;
    line-height: normal
}

.social a i {
    display: grid;
    font-size: 22px;
    border: 1px solid var(--border-color);
    position: relative;
    z-index: 1
}

.social.sm a i {
    width: 36px;
    height: 36px;
    font-size: 16px
}

.social a:hover i {
    box-shadow: 0 0 25px currentColor
}

.social.radius-social a:not(:hover) i {
    border-radius: 100%;
    border: transparent
}

.social a i::after {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    background: currentColor
}

.nav_menu>ul>li>a[aria-label="Contact Us"]::after,
.nav_menu>ul>li>a[aria-label="Contact Us"]:hover,
.sub-menu li a::after {
    background: var(--hover-color)
}

.social.transparent-social a i::after,
.social:not(.transparent-social) a:hover i::after {
    border-radius: 100%;
    transform: scale(0)
}

.social a:hover i::after {
    transform: scale(1);
    border-radius: 0
}

.social:not(.transparent-social) a:hover i::before {
    color: currentColor
}

.social a.rj_facebook i {
    color: #3b5999;
    border-color: #3b5999
}

.social .rj_twitter i {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.social .rj_linkedin i {
    color: #006fa6;
    border-color: #006fa6
}

.social .rj_google-plus i {
    color: #de5347;
    border-color: #de5347
}

.social .rj_instagram i {
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background-clip: text;
    color: transparent;
    border-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    border-image-slice: 1
}

.social a.rj_instagram i::after,
.user-social.social .rj_instagram:hover i {
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.social .rj_youtube i {
    color: #e52117;
    border-color: #e52117
}

.social .rj_pinterest i {
    color: #bd081c;
    border-color: #bd081c
}

.social .rj_rss i {
    color: #f36f24;
    border-color: #f36f24
}

.social .rj_whatsapp i {
    color: #11ba17;
    border-color: #11ba17
}

.owl-carousel {
    padding: 0 8px
}

.owl-carousel:not(.homeslider) .owl-stage {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.owl-carousel:not(.homeslider) .item {
    height: 100%
}

.owl-nav [class*=owl-] {
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    font-size: 20px;
    display: grid;
    background: var(--white-color);
    border: 1px solid var(--border-color);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 1
}

.owl-nav .owl-prev {
    left: -12px;
    padding-right: 2px
}

.owl-nav .owl-next {
    right: -12px;
    padding-left: 2px
}

.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled {
    pointer-events: none;
    opacity: .4;
    background: #dfdfdf
}

.owl-nav [class*=owl-]:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
    opacity: 1
}

.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
    line-height: 0;
    display: flex;
  align-items: center;
  justify-content: center;
}

.owl-carousel .owl-dots .owl-dot {
    min-width: auto;
    width: 10px;
    height: 10px;
    background: var(--primary-color);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px
}

.owl-carousel .owl-dots .owl-dot.active {
    background: var(--secondary-color);
    border-color: var(--secondary-color)
}

.owl-carousel:not(.homeslider) .owl-item img {
    width: auto;
    margin: 0 auto
}

.item:has(.shadowBox) {
    padding-bottom: 12px
}

.header_main {
    padding: 15px 0;
    position: relative;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    background: var(--white-color);
    -webkit-animation: 1s both fadeInUp;
    animation: 1s both fadeInUp
}

.hInfo ul {
    font-size: 18px;
    line-height: 1.4em;
    color: #8a8a8a;
    column-gap: 100px
}

.hInfo li {
    display: flex;
    align-items: center;
    column-gap: 16px;
    position: relative
}

.hInfo li::after {
    content: '';
    height: 100%;
    border-right: 1px solid var(--border-color);
    position: absolute;
    top: 0;
    right: -50px
}

.hInfo .icon {
    width: 50px;
    height: 46px;
    padding: 6px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    flex-shrink: 0
}

.author,
.hInfo em {
    font-style: normal
}

.hInfo a {
    color: var(--other-color);
    font-weight: 600;
    position: relative
}

.headerBottom {
    column-gap: 40px
}

.logo {
    max-width: 150px;
    position: absolute;
    top: -5px;
    left: 0
}

.mini-logo {
    max-width: 130px
}

.sticky .mainContainer {
    margin-top: 140px
}

.nav_menu ul {
    column-gap: clamp(20px, 3vw, 70px);
    font-size: 17px;
    line-height: normal;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--nav-color)
}

.mainFooter a:not(:hover),
.nav_menu a {
    color: inherit
}

.nav_menu>ul>li>a {
    line-height: 42px;
    text-transform: uppercase
}

.nav_menu>ul>li>a[aria-label="Contact Us"] {
    background: var(--primary-color);
    color: var(--white-color);
    padding: 0 20px;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 4px
}

.nav_menu>ul>li>a.active,
.nav_menu>ul>li>a:hover {
    text-shadow: 0 0 currentColor
}

.nav_menu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--primary-color);
    height: 2px;
    width: 0%;
    z-index: -1
}

.nav_menu .sub-menu {
    position: absolute;
    top: calc(100% + 10px);
    background: var(--primary-color);
    width: 260px;
    margin-top: 15px;
    opacity: 0;
    visibility: hidden
}

.nav_menu li:hover>.sub-menu {
    margin: 0;
    opacity: 1;
    visibility: visible
}

.nav_menu .sub-menu::before {
    content: '';
    position: absolute;
    top: -19px;
    left: 12px;
    width: 24px;
    height: 20px;
    background: var(--primary-color);
    clip-path: polygon(50% 30%, 0% 100%, 100% 100%)
}

.sub-menu li a {
    display: block;
    color: var(--white-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5em;
    padding: 8px 16px;
    border-bottom: 1px solid var(--white-color)
}

.rj_box.border-none,
.sub-menu>li:last-child>a,
.user-social.social a i {
    border: none
}

.sub-menu li a::after {
    left: 0;
    height: 100%
}

.nav_menu a:has(+ .sub-menu)::before {
    content: '\f107';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px
}

.nav_menu a:has(+ .sub-menu) {
    padding-right: 20px
}

.nav_menu li>.sub-menu a:before {
    content: '\f105';
    top: 8px;
    right: 10px
}

.nav_menu .sub-menu .sub-menu {
    left: 100%;
    top: 0;
    margin: 0 0 0 20px;
    background: var(--heading-color)
}

.sticky .header_main {
    position: fixed;
    background: var(--body-bg);
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

body:not(.sticky) .header_main .container {
    padding-left: 210px
}

body:not(.sticky) .nav_menu {
    width: 100%
}

.sticky .headerTop,
.sticky .header_main hr {
    display: none !important
}

.mainFooter {
    font-size: 18px;
    padding-top: 70px
}

.footer-content .title {
    margin: 0 0 30px;
    font-weight: 600
}

.footer-content .underline::after {
    width: 68%
}

.subheading.fTitle {
    color: var(--white-color);
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 30px
}

.fnav ul,
.rj_toggle {
    display: grid;
    row-gap: 24px
}

.contact-info ul {
    display: grid;
    row-gap: 16px
}

.contact-info ul li {
    display: flex;
    align-items: center;
    column-gap: 12px
}

.mainFooter .social a:hover i,
.mainFooter .social a:hover i::before {
    border-color: var(--white-color);
    color: var(--white-color);
    border-image: var(--white-color)
}

.contact-info .icon {
    width: 26px;
    flex-shrink: 0
}

.banner-poster::after,
.radiusBoxHover::after,
.rj_pulse::after {
    background: var(--primary-color);
    width: 100%
}

.opacity-line {
    opacity: .75
}

.copyright {
    font-size: 17px;
    padding: 50px 0 16px
}

.site-other-link {
    letter-spacing: .5px
}

.list-line li:not(:last-child):after {
    content: '';
    border-right: 1px solid var(--border-color);
    margin: 0 16px
}

.copyright-wrapper {
    column-gap: 5vw;
    color: #ffffff5e;
}

.common_banner {
    max-width: 1920px;
    width: calc(100% - 40px);
    margin: 0 auto;
    border-radius: 1.5vw;
}
.common_banner .row{height: 100%;}
.home_banner , .home_banner .banner-poster{height: 600px;}

.body-poster,
.breadcrumb-list,
.rj_pulse {
    max-width: max-content
}

.align-self-center {
    align-self: center
}

.bannertext {
    font-size: 20px;
    line-height: 1.8em
}

.owl-carousel.homeslider,
.rj-widget-blog .blogBox .rj_text {
    padding: 0
}

.homeslider .bannertext {
    max-width: clamp(300px, 50vw, 600px);
    margin-left: auto;
    padding: 30px
}

.bannertext .highlight-text {
    font-size: 18px;
    border-color: var(--secondary-color)
}

.bannertext .heading {
    font-size: 4rem
}

.homeslider .underline::after {
    background: #bfbfbf;
    width: 65%;
    height: 1px
}

.banner-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: -.8vw;
    height: 100%;
    z-index: -1;
    clip-path: ellipse(20% 50% at 24% 57%)
}

.box-overlay .rj_img::after,
.breadcrumbs,
.inner_banner::after {
    position: absolute;
    left: 0;
    right: 0
}

.banner-poster img {
    margin-left: auto;
    clip-path: ellipse(96% 100% at 100% 55%)
}

.banner-btn {
    margin-top: 24px
}

.inner_banner {
    min-height: 305px;
    padding: 80px 0 0
}

.inner_banner .bannertext .heading,
.person-details .headtag {
    font-weight: 600
}

.inner_banner::after {
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    background: #3d3d3d;
    background: linear-gradient(90deg, #3d3d3d 5%, rgba(61, 61, 61, 0) 83%);
    z-index: -1
}

.breadcrumbs {
    background: 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    font: 600 18px/1.5em var(--primary-font);
    letter-spacing: 1px;
    text-transform: capitalize;
    bottom: 30px
}

.breadcrumb-list,
.rj_box,
.rj_pulse .rj_icon,
.shadowBox {
    background: var(--white-color)
}

.rj_box,
.rj_para {
    line-height: 1.7em
}

.breadcrumb-list {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 36px;
    border-radius: 5vw
}

.breadcrumb-list li:not(:last-child)::after {
    content: '-';
    display: inline-block;
    margin: 0 12px
}

.mt40 {
    margin-top: 40px
}

.form_wrap form:not(:first-child),
.listGap,
.mt50 {
    margin-top: 10px
}

.listGap.mt60,
.mt60 {
    margin-top: 60px
}

.listGap.mt70,
.mt70 {
    margin-top: 70px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.rowGap {
    row-gap: 30px
}

[class*=gx-].rowGap {
    row-gap: 48px
}

.rj_box {
    min-height: 100%;
    font-size: 16px;
    border: 1px solid var(--box-border)
}

.rj_box.rj_box-bg {
    background: var(--box-color)
}

.shadowBoxEffect .rj_text {
    transition: none
}

.rj_box a:not(.subheading, .subtitle, [class*=rj-btn-], .readmore),
a.rj_box {
    display: block;
    color: inherit
}

.radius_rj_img {
    border-radius: .5vw
}

.rj_img img {
    -moz-transition: 3s ease-in-out;
    -webkit-transition: 3s ease-in-out;
    transition: 3s ease-in-out
}

.rj_box:has(.absolute-text) .rj_img img {
    transform: none
}

.full-img img {
    width: 100% !important;
    height: 100%;
    object-fit: cover
}

.rj_img:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.box-overlay .rj_img::after {
    content: '';
    display: block;
    background: linear-gradient(0deg, rgb(0 0 0 / 70%) 20%, rgba(0, 0, 0, 0) 60%);
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none
}

.rj_icon.text-center,
.text-center .rj_icon {
    margin: 0 auto 16px
}

.rj_icon {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    padding: 16px;
    margin: 0 0 16px
}

.socityBox,
.step .sp_radio {
    flex-direction: column
}

.rj_pulse.rj_pulse_radius,
.rj_pulse.rj_pulse_radius::after,
.rj_pulse_radius .rj_icon {
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.rj_pulse {
    margin-bottom: 16px
}

.rj_pulse-shadow .rj_icon {
    border-radius: 4px
}

.rj_pulse::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 100%;
    -webkit-animation: 1.5s ease-out infinite pulse-border;
    animation: 1.5s ease-out infinite pulse-border
}

.rj_box:not(:hover) .rj_pulse_hover::after {
    animation-play-state: paused;
    visibility: hidden
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        opacity: 0
    }
}

.rj_para {
    font-size: 16px;
    height: 84px;
    margin: auto 0 16px
}

.rj_para.rj_para-md {
    height: 114px
}

.rj_para.rj_para-big {
    height: clamp(84px, 140px, 140px)
}

.radiusImg {
    border-radius: 100%
}

.radiusImg img {
    width: 100% !important;
    aspect-ratio: 1/1
}

.radiusBox {
    border-radius: 1vw
}

.radiusBoxHover::after {
    content: '';
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-clip-path: circle(0px at 100% 100%);
    clip-path: circle(0px at 100% 100%)
}

.blogBox.showIcon-box::before,
.showIcon {
    z-index: 2
}

.radiusBoxHover:has(.showIcon:hover)::after {
    -webkit-clip-path: circle(1000px at 100% 100%);
    clip-path: circle(1000px at 100% 100%)
}

.radiusBoxHover:has(.showIcon:hover), .radiusBoxHover:has(.showIcon:hover) .subheading {
    color: var(--white-color)
}

.radiusBoxHover:has(.showIcon:hover) .rj_pulse::after {
    background: var(--white-color)
}

.rj_text.absolute-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 24px;
    z-index: 2
}

.socityBox {
    display: flex;
    padding: 40px
}

.activityBox .subheading,
.inclusive-sociaty .socityBox .subheading {
    font-size: 28px
}

.showIcon {
    position: absolute;
    bottom: 0;
    right: 0
}

.showIcon-box::before {
    content: '';
    position: absolute;
    bottom: -15px;
    right: -15px;
    background: url(../images/Vector.png) bottom right/contain no-repeat;
    width: 115px;
    height: 100px;
    z-index: 1
}

.readmore-icon,
.showIcon i {
    width: 40px;
    height: 40px;
    padding: 8px;
    display: grid;
    place-items: center;
    background: var(--primary-color);
    color: var(--white-color);
    border-radius: 100%;
    transform: rotate(-45deg)
}

.socityBox .rj_para {
    overflow-y: auto;
    padding-right: 5px
}

.socity-list-inner {
    margin-block: 40px
}

.serviceBox {
    padding: 36px 30px
}

.serviceBox .rj_text {
    position: relative;
    padding-top: 65px
}

.serviceBox .rj_pulse {
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.body-poster {
    position: relative;
    border-radius: 1vw;
    margin: 0 auto
}

.why-choose-us .rj_editor_text ul li {
    padding-left: 40px
}

.why-choose-us .rj_editor_text ul>li:before {
    width: 26px;
    height: 26px;
    font-size: 16px
}

.why-choose-us .rj_editor_text ul li:not(:last-child):after {
    content: '';
    display: block;
    border-bottom: 1px solid var(--border-color);
    width: calc(100% + 40px);
    margin: 30px 0 30px -40px;
    opacity: .4
}

.b-description_readmore_button {
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: max-content;
    font: 600 18px/1.5 var(--primary-font);
    color: var(--primary-color);
    margin: 15px 0 0;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.b-description_readmore_button::after {
    content: '\f0da';
    font: var(--icon-font);
    display: inline-block
}

.teamBox .rj_text,
.teamList .teamBox {
    padding: 30px
}

.aspect-ratio-img img {
    aspect-ratio: 1/1;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.designation {
    font-size: 17px;
    line-height: 1.4em;
    position: relative
}

.teamList>.row {
    row-gap: 8vh
}

.teamList .teamBox .rj_text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0
}

.rj_text-in {
    background: var(--body-bg);
    padding: 10px;
    border-radius: 5px 5px 0 0
}

.rj-widget-blog .blog-info,
.teamList .teamBox .designation {
    font-size: 15px;
    line-height: normal
}

.teamBox .social {
    margin-left: auto;
    padding-right: 10px
}

.rj_ques:after,
.user-social.social a:hover i::before {
    color: var(--white-color)
}

.user-social.social a:hover i {
    background: currentColor;
    border-radius: 100%
}

.person-details li:not(:last-child) {
    margin-bottom: 3vh
}

.personalExperience p:first-of-type::first-letter {
    font-size: 26px;
    font-weight: 600;
    padding: 2px 10px 2px 12px;
    color: var(--white-color);
    background: var(--heading-color);
    border-radius: 20px 20px 0;
    margin: 0 10px 10px 0
}

.testimonial-item {
    display: flex;
    gap: 1.5vw
}

.testimonial-item figure {
    overflow: visible;
    align-self: start;
    margin-left: 100px;
    max-width: 180px
}

.testimonial-item figure::before {
    content: '';
    width: 100%;
    height: 100%;
    left: -100px;
    position: absolute;
    top: 0;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    z-index: -1
}

.testimonial-item figure::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    left: -48%;
    width: 44px;
    height: 44px;
    background: url(../images/quote.png) center/contain no-repeat
}

.t_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px
}

.t_wrap .designation::before {
    content: '-';
    display: inline-block;
    margin: 0 4px 0 0
}

.rate i.fa-star {
    color: #f8b604
}

.trafic-wrap {
    gap: 20px;
    background: var(--white-color);
    padding: 6px 20px 6px 0;
    border-radius: 5vw;
    box-shadow: 0 2px 8px 0 #0000001f;
    max-width: 450px;
    margin: 40px 0 0
}

.trafic-wrap small {
    margin-left: auto;
    font: 600 16px/normal var(--primary-font);
    max-width: 150px
}

.career .form_wrap .row [class*=col-] small,
label.error {
    font-weight: 500;
    font-size: 14px
}

.rocket-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    padding: 6px;
    background: #d9d9d9;
    border-radius: 100%;
    margin: -8px 0;
    flex-shrink: 0
}

.counter-count {
    display: flex;
    align-items: center;
    gap: 2px;
    font-family: var(--heading-font);
    font-weight: 700;
    font-size: 28px
}

.testimonial-item .rj_img:hover img {
    -webkit-transform: none;
    transform: none
}

.call-to-action .rj_content {
    max-width: 870px
}

.call-to-action .heading {
    font-size: 80px
}

.heading>img,
.heading>p>img {
    max-width: 15vw;
    max-height: 90px;
    border-radius: 3vw;
    display: inline-block;
    width: 100% !important;
    height: 100% !important
}

.call-to-action .heading p {
    line-height: inherit;
    max-width: 900px;
    margin-inline: auto
}

.call-to-action .btn-wrap {
    justify-content: space-around
}

.blog-info {
    display: flex;
    align-items: center;
    margin: 0 0 6px;
    font-size: 16px;
    gap: 8px;
    font-weight: 600
}

.persent-number,
.step-box {
    font-weight: 700
}

.blog-slider .blogBox {
    background: var(--body-bg);
    overflow: visible
}

.blogBox .rj_text.absolute-text {
    bottom: 20px
}

.blogBox .rj_text {
    padding: 20px 24px
}

.text-white .blog-info {
    font-weight: 300
}

.rj-widget-blog .blogBox {
    padding: 4px;
    display: flex;
    gap: 12px;
    align-items: center;
    border-radius: .3vw
}

.rj-widget-blog .blogBox .rj_img {
    max-width: 40%;
    border-radius: .3vw
}

.rj_box.downloadBox {
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2vw
}

.download-icon {
    max-width: 50px
}

.pointer-events {
    pointer-events: none
}

.videoLink {
    position: relative;
    z-index: 1;
    padding-top: 70%
}

.videoLink video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.videoBox .rj_text.absolute-text {
    top: 0;
    display: grid;
    align-items: end;
    background: #00000080;
    transition: none
}

.videoIcon {
    justify-self: center
}

.videoIcon img {
    filter: brightness(0) invert(1)
}

.marquee-carousel::after,
.marquee-carousel::before {
    background: linear-gradient(to right, #fff 10%, #fffff000 100%);
    content: "";
    height: calc(100% + 40px);
    position: absolute;
    width: 200px;
    top: -30px;
    left: 0;
    z-index: 1
}

.marquee-carousel::after {
    left: auto;
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.rj-content-tree {
    max-width: 650px;
    margin-left: auto
}

.rj-content-tree li {
	background: #fe67c4;
	padding: 24px 36px 48px;
	border-radius: 1vw;
	display: flex;
	align-items: flex-start;
	column-gap: 2vw;
	margin: -36px 0 0 auto;
	font-size: 16px;
	color: #fff;
}
.rj-content-tree li .headtag{
    color: #fff;
}

.rj-content-tree li:first-child {
    margin-top: 0
}

.rj-content-tree li:nth-child(2) {
	background: #0f86ee;
	max-width: 95%;
}

.rj-content-tree li:nth-child(3) {
	background: #0c1926;
	max-width: 90%;
    background: var(--background-gradient);
}

.rj-content-tree li:last-child {
    padding-bottom: 30px
}

.rj-content-tree li strong {
	color: #fe66c4;
}

.rj-content-tree .headtag {
    margin: 0;
    padding-top: 10px
}

.our-actitvity::before {
    background: linear-gradient(0deg, rgb(245 245 245 / 10%) 61%, #fff 100%);
    border-radius: 100%
}

.activityBox .rj_text {
    top: 0;
    display: grid;
    align-content: center;
    background: #383838bf;
    transform: scale(0);
    text-align: center
}

.activityBox:hover .rj_text,
.center .activityBox .rj_text {
    transform: scale(1)
}

.actitvity-slider .item {
    max-width: 80%;
    margin: 0 auto
}

.actitvity-slider .owl-stage {
    align-items: center
}

.actitvity-slider .rj_text.absolute-text {
    border-radius: 100%;
    margin: 10%;
    background: #ffffffd6
}

.home-actitvity .invisible-title {
    margin: 0 0 -5vw
}

.rj-faqBox {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    font-size: 18px
}

.rj_ques {
    cursor: pointer;
    position: relative;
    padding: 16px 50px 16px 20px
}

.rj_ques:after {
    content: "\f078";
    position: absolute;
    right: 16px;
    top: 16px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: var(--primary-color);
    font: var(--icon-font);
    font-size: 14px;
    padding: 4px;
    display: grid;
    place-items: center
}

.rj-faqBox.opened>.rj_ques:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: var(--secondary-color)
}

.rj_ans {
    display: none;
    padding: 17px 20px 20px
}

.rj-widget-block {
    display: grid;
    row-gap: 4vh
}

.rj-widget.shadowBox {
    padding: 2vw 1.5vw;
    border-radius: 1vw
}

.rj-widget li:not(:last-child) {
    margin: 0 0 16px
}

.rj-widget li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
    padding: 14px 16px;
    background-color: var(--body-bg);
    border-radius: .4vw;
    font: 600 18px/1.4em var(--heading-font);
    letter-spacing: .4px;
    position: relative;
    z-index: 1
}

.rj-widget-service li a::after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--heading-color);
    border-radius: 100%;
    flex-shrink: 0
}

.download-text i::after {
    content: '|';
    display: inline-block;
    vertical-align: top;
    margin: -1px 4px 0 10px
}

.rj-widget-button {
    display: grid;
    gap: 20px
}

.rj-widget-disability-info {
    position: relative;
    z-index: 1;
    border-radius: 1vw;
    overflow: hidden
}

.disability-info-content {
    min-height: 200px;
    font-size: 16px;
    display: grid;
    align-content: center;
    padding: 1.5vw;
    position: relative;
    z-index: 1
}

.disability-info-content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #00000099
}

.disability-info-content li {
    position: relative;
    padding-left: 24px
}

.disability-info-content li::before {
    content: "\f00c";
    font: var(--icon-font);
    font-size: 14px;
    position: absolute;
    left: 2px;
    top: 6px
}

.disability-info-content li:not(:last-child) {
    margin-bottom: 6px
}

.contact-us .contact-info ul {
    font-size: 20px;
    font-weight: 600
}

label.error {
    color: red;
    margin: 4px 0 -8px
}

.rj_map {
    -webkit-cursor: grab;
    cursor: grab;
    background: var(--primary-bg);
    height: 60vh;
    position: relative
}

.rj_map iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0
}

.contactMap {
    margin: 50px 0 -50px
}

.progress-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.progress-content-outter {
    height: 12px;
    background-color: var(--body-bg)
}

.progress-content {
    height: 12px;
    background-color: var(--primary-color);
    width: 0%
}

.progress-bar:not(:last-child) {
    margin: 0 0 20px
}

.scrollup {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9;
    display: none
}

.career .form_wrap .row [class*=col-],
.drop,
.step .form_wrap [class*=col],
.step-container {
    position: relative
}

.scrollup:hover {
    transform: translate(0, -10px)
}

.scrollup i {
    display: grid;
    place-items: center;
    font-size: 26px;
    width: 60px;
    height: 60px;
    color: var(--white-color);
    background: var(--background-gradient);
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.scrollup i:hover {
    background: var(--hover-color);
    color: var(--white-color)
}

.scrollup::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    z-index: -1;
    background: var(--primary-color);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: 3s ease-out infinite pulse-border;
    animation: 3s ease-out infinite pulse-border
}

.step-container {
    text-align: center;
    flex-direction: row;
    padding: 0 0 12px;
    column-gap: clamp(16px, 1.5vw, 40px);
    list-style: none;
    overflow: hidden;
    overflow-x: auto
}

.step-container::-webkit-scrollbar {
    height: 6px
}

.step-container::-webkit-scrollbar-track {
    background: #e7e7e7
}

.step-container::-webkit-scrollbar-thumb {
    background: #858585
}

.step-box {
    width: 100%;
    height: 100%;
    font-size: 17px;
    padding: 8px 12px;
    column-gap: 8px;
    border-radius: .5vw;
    background-color: #c6c6c6;
    border: 2px solid transparent;
    color: #373131;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
    pointer-events: none;
    margin: 0
}

.step-box .step-counter {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: grid;
    place-items: center;
    background-color: var(--white-color);
    color: var(--other-color);
    flex-shrink: 0
}

.step-box.active,
.step-box.complete {
    opacity: 1;
    pointer-events: fill;
    color: var(--white-color)
}

.step-box.complete {
    border-color: var(--secondary-color);
    background-color: var(--secondary-color)
}

.step-box.active {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    cursor: pointer
}

.career .form-control,
.step .form-control {
    background-color: #f5fdff;
    border-color: #eaeaea
}

.career .row .subheading,
.step .row .subheading {
    font-size: 24px;
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 15px;
    margin-top: 30px
}

.career .required,
.step .required {
    color: red
}

.step .step_radio {
    display: flex;
    flex-wrap: wrap
}

.step .step_radio .radiobtn {
    display: flex;
    padding: 10px 15px 0 0
}

.career .step_checkbox .chkbox,
.step .step_checkbox .chkbox {
    display: flex;
    margin: 10px 0
}

.career .step_checkbox label,
.step .step_checkbox label,
.step .step_radio label {
    margin: 0 5px
}

.step input[type=checkbox],
.step input[type=radio] {
    cursor: pointer;
    margin: 0 5px 0 0;
    vertical-align: top
}

.step .step_checkbox,
.step .step_radio {
    row-gap: 4px
}

.input-group-text {
    height: 100%;
    border-radius: 0 5px 5px 0
}

input[type=file]::file-selector-button {
    background: var(--primary-color);
    color: var(--white-color);
    margin: -4px 8px 0 -16px
}

input#signature:hover::file-selector-button,
input#signature_nominee:hover::file-selector-button {
    color: var(--white-color);
    background: var(--hover-color)
}

.step .form_wrap .formError {
    top: 0 !important;
    left: 0 !important
}

.sk_table {
    border-collapse: collapse
}

.sk_table tr th:first-child {
    border-width: 0 1px 1px 0
}

.sk_table tr td:first-child,
.sk_table tr th:not(:first-child) {
    background-color: #f5fdff
}

.sk_table td,
.sk_table th {
    padding: 10px;
    border: 1px solid var(--box-border)
}

.table_subheading {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important
}

.sk_table.days input[type=checkbox] {
    margin: 3px auto !important
}

.thankyouSection {
    padding: 100px 0;
    background: #efefef;
    min-height: 70vh;
    display: grid;
    place-items: center
}

.thankyou-content {
    border: 2px dashed #ff87cf;
    padding: 60px
}

.success-img {
    max-width: 60px;
    margin: 0 auto 30px
}

.thank-you-heading {
    display: inline-block;
    vertical-align: middle;
    font-size: 3rem;
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.woocommerce-checkout #payment {
    background: 0 0 !important
}

.error_section {
    margin: 50px 0
}

.error_section .title {
    font-size: 80px;
    line-height: 1.2em;
    margin-bottom: 30px;
    overflow: hidden;
    color: #353535
}

.drop {
    display: inline-block;
    vertical-align: text-bottom;
    max-width: 120px;
    padding: 0 10px
}

.drop::after,
.drop::before {
    content: "";
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 35px;
    bottom: 0;
    left: 32px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
    box-shadow: 0 0 5px #d3d3d3;
    border-radius: 50% 1px 50% 50%;
    width: 12px;
    height: 12px;
    -webkit-animation: 4737ms cubic-bezier(.545, .08, .52, .975) infinite vertical;
    animation: 4737ms cubic-bezier(.545, .08, .52, .975) infinite vertical
}

.drop::after {
    left: auto;
    right: 32px
}

@-webkit-keyframes drip {
    0% {
        width: 0;
        height: 0;
        top: -50px
    }
    50% {
        width: 20px;
        height: 20px;
        top: -100px
    }
    100% {
        width: 20px;
        height: 20px;
        top: 10px
    }
}

@keyframes drip {
    0% {
        width: 0;
        height: 0;
        top: -50px
    }
    50% {
        width: 20px;
        height: 20px;
        top: -100px
    }
    100% {
        width: 20px;
        height: 20px;
        top: 0
    }
}

@-webkit-keyframes vertical {
    0% {
        transform: translateY(0) scale(.5) rotate(-45deg)
    }
    18% {
        transform: translateY(0) scale(1.1) rotate(-45deg)
    }
    35% {
        transform: translateY(0) scale(1) rotate(-45deg)
    }
    100% {
        transform: translateY(100px) scale(0) rotate(-45deg)
    }
}

@keyframes vertical {
    0% {
        transform: translateY(0) scale(.5) rotate(-45deg)
    }
    18% {
        transform: translateY(0) scale(1.1) rotate(-45deg)
    }
    35% {
        transform: translateY(0) scale(1) rotate(-45deg)
    }
    100% {
        transform: translateY(100px) scale(0) rotate(-45deg)
    }
}

.error_section a {
    color: #5f5f5f;
    font-weight: 700;
    text-decoration: underline
}

.career .form_wrap input[type=radio],
input[type=checkbox] {
    width: 20px;
    height: 20px
}

.career .form_wrap .row .formError {
    position: absolute;
    left: 0 !important;
    top: 100% !important;
    margin-top: 0 !important
}

.career .form_wrap .formError .formErrorContent {
    background: 0 0;
    color: red;
    border: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px
}

.sk_table td .chkbox {
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.sk_table td .chkbox .formErrorContent {
    padding: 0;
    text-align: center
}

.contact-us .subheading {
    font: 400 30px/1.2em var(--heading-font);
    color: var(--heading-color);
    position: relative;
    z-index: 1;
    margin-bottom: 24px
}

/*----------------------------Accessibility-----------------------------*/

#chcp_font_size button {
    border: none;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
}

#chcp_font_size button:hover {
    color: #FF5100;
}

#btn-decrease {
    font-size: 12px;
}

#btn-orig {
    font-size: 14px;
}

#btn-increase {
    font-size: 12px;
}

.input-group {
    text-align: center;
    width: auto;
}

.highcontrast {
    background-color: rgb(0, 0, 0);
    -moz-background-color: rgb(0, 0, 0);
    -webkit-background-color: rgb(0, 0, 0);
    color: rgb(250, 250, 250);
    -moz-color: rgb(0, 0, 0);
    -webkit-color: rgb(0, 0, 0);
    a {
        color: #ff0;
    }
}

.highcontrast .Condition {
    background-color: #000000;
}

.highcontrast .sticky .bottom-menu {
    background-color: #000;
}

.accessibility {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 20px;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    flex-direction: column;
    transition: all 300ms ease-in-out;
}

.accessibility .btn {
    min-width: auto;
    height: auto;
    background: #000;
    line-height: 30px;
    padding: 0px 10px;
}

.accessibility .dark_mode a {
    background: transparent;
    padding: 4px 6px 4px 10px;
    color: #000000;
    transition: all 300ms ease-in-out;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 2px 0;
    font-weight: 500;
}

.input-group-btn .btn::after {
    background: #000 !important;
}

/* .accessibility .dark_mode a:hover, .highcontrast .dark_mode a.button-toggle-highcontrast, body:not(.highcontrast) .dark_mode a.button-toggle-remove{
background: #ffff26;
padding: 0px 10px;
color: black;
} */

.highcontrast .breadcrumb ul li:last-child,
.breadcrumb ul li a:hover {
    color: white;
}

.highcontrast .breadcrumb ul li a,
.highcontrast .breadcrumb ul li:before {
    color: #ffff26;
}

.highcontrast .nav_menu>ul>li>a>span::after {
    background: #ffff26;
}

.highcontrast .home-about .sk_content_wrap {
    / border: 1px solid #ffff26;
    / background: #000000;
}

.highcontrast .flote-whatsapp {
    background: black;
}

.highcontrast .wp-joinchat {
    background-color: black;
}

.highcontrast .appointment .left_side {
    background: black;
    border: 1px solid #ffff26;
    padding: 60px;
    color: var(--white-color);
}

.highcontrast [type="submit"],
.highcontrast [type="reset"],
.highcontrast [type="button"],
.highcontrast .btn {
    background: black;
    border: 1px solid white;
}

.highcontrast .achievements_list {
    background: inherit !important;
}

.highcontrast :where(.heading, .subheading, .subhead) {
    color: var(--white-color);
}

.highcontrast .home_gallery {
    background: inherit;
}

.highcontrast .achievements_list .sk_box {
    background: var(--black-color) !important;
    border: 1px solid var(--white-color);
}

.highcontrast .service_list .sk_box {
    background: #343434;
}

.highcontrast .heading a:hover {
    color: #ffff26;
}
.heading a:focus,
.subheading a:hover,
.subheading a:focus,
a:hover .heading,
a:hover .subheading{
    color: var(--hover-color);
}
.highcontrast .sk_box .btn-effect {
    background: #ffff26;
}

.highcontrast .sk_box .btn:hover {
    color: var(--primary-color);
    border-color: #343434;
}

.highcontrast .ftop-wrapper {
    background: var(--black-color);
    box-shadow: 0 0 10px #707070;
}

.highcontrast .mainFooter .subheading {
    color: var(--box-color);
}

.highcontrast .mainFooter,
.highcontrast .sk_contact_bottom .subheading {
    color: #ffff26;
}

.highcontrast .form_wrap {
    background: #181818;
}

.highcontrast .step .form_wrap label.blogName {
    color: #ffff26;
}

.highcontrast input,
textarea {
    color: #ffffff;
}

.highcontrast .form_wrap-bg input,
.form_wrap-bg select,
.form_wrap-bg textarea {
    background-color: var(--black-color);
}

.highcontrast a:hover,

.highcontrast .htop a:hover {
    color: var(--box-color)
}

.highcontrast .blog_list .sk_text {
    background: #302b2b;
}

/**NEW_CODE_STARTS**/

.highcontrast .nav_menu ul li:hover>a,
.highcontrast .nav_menu ul li.active>a,
.highcontrast .nav_menu ul li.current-menu-item>a {
    /* background-color: #ffff26; */
    color: #fff !important;
}

.highcontrast .nav_menu>ul>li>a {
    color: #ffff26;
}

.highcontrast .nav_menu ul li:hover>a {
    color: #fff;
}

.highcontrast #chcp_font_size button {
    background: #ffffff;
    color: #000000;
}

.highcontrast .editor-text {
    color: #fff;
}

.highcontrast .excellent_content .editor-text {
    color: #000;
}

/* .highcontrast #chcp_font_size:hover button{
background: #ffff26;
color: #000000;
} */

.highcontrast .home-about .about-content {
    background-image: none;
}

.highcontrast .hbtn {
    box-shadow: 2px 4px 0 0px #ffffff;
    position: relative;
    top: 0;
    color: #000000 !important;
    background: #ffff26;
}

.highcontrast .hbtn:hover {
    color: #57158c;
}

.highcontrast.sticky .header_main {
    background: rgba(0, 0, 0, 0.9);
    border-bottom: 2px solid #ffffff;
    z-index: 99;
}

.highcontrast.sticky .nav_wrapper {
    display: flex;
    justify-content: end;
    / width: 77%;
    /
}

.highcontrast .hovercontent .editor-text,
.highcontrast .testimonialbox .editor-text {
    color: #000;
}

.highcontrast .how-it-works .how_it_works_repeater .how-it-works-content .title,
.highcontrast .enquery_section .formsubtitle,
.highcontrast .enquery_section select,
.highcontrast .formTitle {
    color: #ffff26;
}

.highcontrast .enquery_section select {
    background: #000;
    color: #ffff26;
}

.highcontrast.sticky .logo {
    / width: 65px;
    /
}

.highcontrast .bannertext-in .btn {
    background: #ffff26;
    color: #000000;
}

.highcontrast .form-control {
    color: #000000;
}

.highcontrast .contactdetails .subheading {
    color: #fff;
}

.highcontrast .wave_shape_after::after {
    background: url(../images/line_black_top.png);
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(0deg);
    width: 100%;
}

.highcontrast .editor_text ul>li::before {
    color: #ffff26;
}

.highcontrast .slogan-content .heading {
    color: #ffffff;
}

.highcontrast .heading {
    color: #ffff26;
}

.highcontrast .about-content .btn_group a {
    background: #ffff26;
    box-shadow: 2px 4px 0 0px #838308;
    color: #000000;
}

.highcontrast .about-content .btn_group a:hover {
    background: #ef3a4c;
    color: #ffffff;
    box-shadow: 2px 4px 0 0px #bf1022;
}

.highcontrast .section.home-about {
    padding-top: 40px;
}

.highcontrast .home-about .short-desc p {
    color: #ffffff;
    margin-bottom: 15px;
}

.highcontrast .programme-list .sk_box .sk_para {
    color: #ffffff;
}

.highcontrast .wave_shape::before {
    background: url(../images/line_black_btm.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 50px;
}

.highcontrast .philosophy_list .sk_box .sk_para {
    color: #ffffff;
}

.highcontrast .r_btn {
    color: #fff !important;
}

.highcontrast .mainfooter {
    background: #0D0D0D;
}

.highcontrast .dropdown-menu {
    background-color: #101010;
}

.highcontrast .conditionslider .condition_card {
    box-shadow: rgba(255, 255, 255, 0.562) 0px 2px 5px -1px, rgba(255, 253, 253, 0.562) 0px 1px 3px -1px;
}

.highcontrast .testimonialSlider .item,
.highcontrast .testimonialpage .item,
.testimonial-wrap {
    background: #000;
}

.highcontrast .service_page_section .scrolltext .service-title,
.highcontrast .condition_page_section .scrolltext .service-title {
    color: #FFA805;
}

.highcontrast .service_page_section .scrolltext p,
.highcontrast .condition_page_section .scrolltext p,
.highcontrast .editor_text strong,
.highcontrast .editor_text h1,
.highcontrast .editor_text h2,
.editor_text h3,
.highcontrast .condition_details .service_left .sk_box_figure .sk_text,
.highcontrast .service_details .service_left .other-service .sm-figure i,
.highcontrast .condition_details .service_left .sk_box_figure i {
    color: #FFF;
}

.highcontrast .fees-section .fees-wrapp:nth-child(2n+1),
.highcontrast .fees-section .fees-wrapp:nth-child(2n+1) .fees-text,
.highcontrast .fees-section .fees-wrapp,
.highcontrast .contactInfo article aside {
    background: #000;
}

.highcontrast .contactInfo article aside:first-child {
    background: #0b0b0b;
}

.highcontrast .contactInfo article aside .comn {
    color: #FFF
}

.highcontrast .contactInfo article aside .comn a,
.highcontrast .contactInfo article aside .socialLink a {
    color: #ff0;
    ;
}

.highcontrast .sk_ques {
    color: var(--primary-color);
}

.highcontrast .condition_details .service_left {
    background-color: #131313;
}

.highcontrast .testimonialSlider .item .sub-itm {
    border: 1px solid #fff;
}

.highcontrast .testimonialSlider .client_name,
.highcontrast .testimonial-wrap .client_name {
    color: #ffffff;
}

.highcontrast .testimonial_list .withIcon.sk_box .sk_text {
    background: #000;
    border-radius: 20px;
    box-shadow: 0 0 12px 2px #ffffff33;
}

.highcontrast .testimonial_list .sk_box .sk_text .desg {
    color: #ffffff;
}

.highcontrast .step-for-enrolment .editor_text ul li {
    color: #ffffff;
}

.highcontrast .step-for-enrolment .step-wrap .form_wrap .subheading {
    color: #ffffff;
}

.highcontrast .step-for-enrolment .form_wrap input {
    color: #000000;
}

.highcontrast .step-for-enrolment .form_wrap textarea {
    color: #000000;
}

.highcontrast .mainFooter a {
    color: #f9f925;
}

.highcontrast .page-about-us .about-us-programme {
    margin-top: 10%;
}

.highcontrast .ug-gallery-wrapper .ug-strip-panel {
    background: #000000;
}

.highcontrast .inner-form.service-form {
    background: #ff0e27;
}

.highcontrast .inner-form.service-form input {
    color: #000000;
}

.highcontrast .inner-form.service-form textarea {
    color: #000000;
}

.highcontrast .page-gallery .pagination .pagelnk {
    color: #000000;
}

.highcontrast .page-gallery .previous_pagi:before,
.next_pagi:before {
    color: #000000;
}

.highcontrast .sk_contact .sk_comm {
    background: #161616;
}

.highcontrast .page-contact-us .contact-form {
    background: #161616;
    border: 2px solid #ffffff;
}

.highcontrast .page-contact-us .contact-form input {
    color: #000000;
}

.highcontrast .page-contact-us .contact-form textarea {
    color: #000000;
}

.highcontrast .page-contact-us .contact-form .btn {
    background: #ffff26;
}

.highcontrast .bottom-menu .menu a {
    color: #ffff26;
}

.highcontrast .dropdown-menu li a:hover {
    background: var(--primary-color);
    color: #fff;
}

.highcontrast .page-contact-us .contact-form .btn:hover {
    background: #5f43ff;
    color: #ffffff;
}

.highcontrast .page-contact-us .card {
    background-color: #202020;
    border: 2px solid #ffffff33;
}

.highcontrast .mainFooter::after {
    background: #000000;
}

.highcontrast .mainFooter .f_top {
    background: #000000;
}

.highcontrast .mainFooter .subheading {
    color: #ffff00;
}

.highcontrast .f-menu.f_contact ul li {
    color: #ffffff;
}

.highcontrast .mainFooter .MsoNormal {
    color: #ffffff;
}

.highcontrast_logo {
    display: none;
}

.highcontrast .normal {
    display: none;
}

.highcontrast .highcontrast_logo {
    display: block;
}

.highcontrast .calculator .tab-bottom p {
    color: #ffff00;
}

.highcontrast .header_main {
    background: #404040;
}

.highcontrast .hInfo .icon {
    background: #fff;
}

.highcontrast .nav_menu>ul>li>a[aria-label="Contact Us"] {
    background: #000000;
}

.highcontrast .primary-bg {
    background: #242424;
}

.highcontrast p {
    color: #ffff26;
}

.highcontrast .bannertext .highlight-text {
    font-size: 18px;
    border-color: #ffff26;
    color: #ffff26;
}

.highcontrast [class*=rj-btn-] {
    background: #101010;
    border: 1px solid #cbcb1e;
}

.highcontrast .rj_box.rj_box-bg {
    background: #242424;
}

.highcontrast :where(.heading, .subheading, .subhead) {
    color: #ffff26;
}

.highcontrast .rj_para {
    color: #ffff26;
}

.highcontrast .radiusBoxHover::after {
    background: #101010;
}

.highcontrast .showIcon i {
    background: #ffff26;
    color: #0e0e0e;
}

.highcontrast .section.section-big {
    background: #000000;
}

.highcontrast .serviceBox {
    background: #262626;
}

.highcontrast .highlight-text {
    color: #ffff26;
    border: 1px solid #ffff26;
}

.highcontrast .listTitle {
    color: #ffff26;
}

.highcontrast .trafic-wrap {
    background: #ffff26;
}

.highcontrast .body-bg {
    background: #242424;
}

.highcontrast .blog-slider .blogBox {
    background: #000000
}

.highcontrast .showIcon-box::before {
    filter: brightness(0.1);
}

.highcontrast .secondary-bg {
    background: #121212
}

.highcontrast .footer-content .title {
    color: #ffff02 !important;
}

.highcontrast .nav_menu ul li:hover>a {
    /* background-color: #ffff26; */
    color: #fff !important;
}

.highcontrast .breadcrumb-list {
    background: #000000;
}

.highcontrast .breadcrumb-list li {
    color: #ff0;
}

.highcontrast .rj-content-tree li {
    background: #484848;
}

.highcontrast .rj-content-tree li:nth-child(2) {
    background: #343434;
}

.highcontrast .rj-content-tree li:nth-child(3) {
    background: #222222;
}

.highcontrast .rj-content-tree .headtag {
    color: #ffff26;
}

.highcontrast .teamBox {
    background: #242424;
}

.highcontrast .subtitle {
    color: #ffff26;
}

.highcontrast .opened .rj_ques {
    background: #282828;
}

.highcontrast .rj_editor_text ul li {
    color: #ffff26;
}

.highcontrast .rj-widget.shadowBox {
    background: #242424;
}

.highcontrast .rj-widget li a:hover {
    color: #000000;
}

.highcontrast .career .form_wrap label.blogName {
    color: #ffff26 !important;
}

.highcontrast .sk_table td {
    color: #000;
}

.highcontrast .contact-us .subheading {
    color: #ffffff;
}

.highcontrast .underline {
    color: #ffff26;
}

/**NEW_CODE_ENDS**/

body.underline a {
    text-decoration: underline;
}

/**lightcontrast_css_starts**/

/* .accessibility .dark_mode a:hover, .lightcontrast .dark_mode a.button-toggle-lightcontrast, body:not(.highcontrast, .grayscale) .dark_mode a.button-toggle-remove {
background: #ffff26;
padding: 0px 10px;
color: black;
} */

.lightcontrast [class*="flr-btn-"] {
    color: #fff;
}

.lightcontrast [class*="flr-btn-"]:hover {
    color: #000;
}

.lightcontrast {
    background-color: rgb(255, 255, 255);
    -moz-background-color: rgb(255, 255, 255);
    -webkit-background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    -moz-color: rgb(255, 255, 255);
    -webkit-color: rgb(255, 255, 255);
    a {
        color: #000;
    }
}

.lightcontrast .slogan-content .heading,
.lightcontrast .heading {
    color: #000;
}

.lightcontrast .nav_menu ul li:hover>a,
.lightcontrast .nav_menu ul li.active>a,
.lightcontrast .nav_menu ul li.current-menu-item>a {
    /* background-color: #000000; */
    color: #000;
}

.lightcontrast .programme-list .sk_box {
    background-color: #e4dbdb;
}

.lightcontrast .htop {
    background: #fbfbfb;
}

.lightcontrast .hinfo {
    color: #000000;
}

.lightcontrast .htop .social a .fa {
    color: #000000;
}

.lightcontrast .sk_tiktok .fa::after {
    filter: none;
}

.lightcontrast .hbtn {
    background: #000000;
    color: #ffffff !important;
    box-shadow: 2px 4px 0 0px #2e2e2e;
}

.lightcontrast.sticky .logo {
    / width: 65px;
    /
}

.lightcontrast .heading.w,
.lightcontrast .choose-removal .grid-section .box figure .title {
    color: #fff;
}

.lightcontrast.sticky .nav_wrapper {
    display: flex;
    justify-content: end;
    / width: 77%;
    /
}

.lightcontrast.sticky.fixed .header_main {
    z-index: 99;
}

.lightcontrast .programme-list .sk_box {
    background-color: #fbfbfb !important;
    box-shadow: 8px 8px 0 0 #000000 !important;
}

.lightcontrast .programme-list .sk_box .sk_text .subheading {
    color: #000000;
}

.lightcontrast .sk_box .sk_text .readmore {
    color: #000000;
}

.lightcontrast .programme-list .sk_box figure.sk_img {
    border: 2px dashed #000000;
}

.lightcontrast .home-about {
    margin-top: 120px;
}

.lightcontrast .home-about .short-desc p {
    color: #000000;
}

.lightcontrast .home-about .short-desc p span {
    color: #000000;
}

.lightcontrast .btn.btn2 {
    background-color: #000000;
    box-shadow: 2px 4px 0 0px #404040;
    color: #ffffff !important;
}

.lightcontrast .exp {
    background: #000000;
}

.lightcontrast .home-philosophy {
    background-color: #f9f9f9;
}

.lightcontrast .home-programme .heading::after {
    background-color: #000000;
}

.lightcontrast .philosophy_list .subheading {
    color: #000000;
}

.lightcontrast .mainFooter::after {
    background: #ffffff;
}

.lightcontrast .mainFooter .f_top {
    background: #ffffff;
}

.lightcontrast .mainFooter .social a i {
    color: #000000;
    border: 1px solid #000000;
}

.lightcontrast .copyright p {
    color: #ffffff;
}

.lightcontrast .fpara {
    color: #000000;
}

.lightcontrast .mainFooter .subheading,
.lightcontrast .mainFooter a,
.lightcontrast .mainFooter .social a i {
    color: #fff;
}

.lightcontrast .f-menu.f_contact ul li {
    color: #000000;
}

.lightcontrast .home-philosophy .heading::after {
    background-color: #000000;
}

.lightcontrast .home-philosophy .philosophy_list ul li:nth-child(1) .readmore {
    color: #000000;
}

.lightcontrast .home-philosophy .philosophy_list ul li:nth-child(3) .readmore {
    color: #000000;
}

.lightcontrast .home-philosophy .philosophy_list ul li:nth-child(2) .readmore {
    color: #000000;
}

.lightcontrast .home-philosophy .philosophy_list ul li:nth-child(4) .readmore {
    color: #000000;
}

.lightcontrast .page-about-us .about-us-programme {
    margin-top: 105px;
}

.lightcontrast .sk_contact .sk_comm {
    background: #ffffff;
}

.lightcontrast .contact-form {
    background-color: #fbfbfb;
}

.lightcontrast .service-form textarea {
    color: #000000;
}

.lightcontrast .thankyou_img {
    padding-bottom: 20px;
}

.lightcontrast .thankyou_txt {
    padding-top: 30px;
    padding-bottom: 5px;
}

.lightcontrast .mainFooter {
    margin-top: 90px;
}

.lightcontrast .nav_menu ul li:hover>a {
    /* background-color: #000000; */
    color: #000;
}

.lightcontrast .home-about .heading::after {
    background-color: #000000;
}

.lightcontrast .home-testimonial .heading::after {
    background-color: #000000;
}

.lightcontrast .f-menu .subheading::after {
    background-color: #000000;
}

.lightcontrast .step-for-enrolment .form_wrap [type="submit"] {
    background: #000000;
}

.lightcontrast .mainFooter a:hover,
.mainFooter .active>a,
.mainFooter .current-menu-item>a,
.companyname:hover {
    color: #4c4c00;
}

.lightcontrast .f-menu.f_contact i {
    border: 1px solid #000000;
    color: #000000;
}

.lightcontrast .mainfooter {
    background: #fff;
    color: #000;
}

.lightcontrast .breadcrumb-item a {
    color: #FFF;
}

.lightcontrast .r_btn,
.lightcontrast .schedule_btn {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

.lightcontrast .title,
.lightcontrast .service_page_section,
.lightcontrast .condition_page_section,
.lightcontrast .condition_details,
.lightcontrast .service_details,
.lightcontrast .condition_card .sub-title,
.lightcontrast .fees-section *,
.lightcontrast .faqPage,
.lightcontrast .contact-us {
    color: #000;
}

.lightcontrast .service_left>.service_title {
    background: linear-gradient(145deg, rgb(187, 186, 186) 0%, rgb(210, 204, 190) 100%);
}

.lightcontrast .service .book {
    color: #fff !important;
}

.lightcontrast .mainfooter a:hover,
.lightcontrast .mainfooter a {
    transition: none;
}

.lightcontrast .primary-bg {
    background: #f7fbff;
}

.lightcontrast [class*=rj-btn-].secondary-btn {
    background: #000000;
}

.lightcontrast [class*=rj-btn-] {
    background: #000;
    color: #fff !important;
    border: 1px solid #ffffff
}

.lightcontrast .body-bg {
    background: #fbfdff;
}

.lightcontrast a:hover .subheading {
    color: #000000;
}

.lightcontrast .secondary-bg {
    background: #000000;
}

.lightcontrast .mainFooter .social a .fa-facebook-f {
    color: #2e98f5;
}

/**lightcontrast_css_ends**/

/**grayscale_css_starts**/

.grayscale a {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: gray;
}

.grayscale .inner_banner {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: gray;
}

.grayscale .section {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: gray;
}

.grayscale .home_banner {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: gray;
}

.grayscale img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: gray;
}

.grayscale .mainfooter {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: gray;
}

.grayscale .breadcrumb ul li:last-child,
.breadcrumb ul li a:hover {
    color: black;
}

.grayscale input,
textarea {
    color: #000000;
}

.grayscale .mainFooter {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: gray;
}

.grayscale ul.breadcrumb li {
    color: gray;
}

/**grayscale_css_ends**/

/* .accessibility .dark_mode a.button-toggle-remove,
.accessibility .dark_mode a:hover{
background: #ffff26;
color: #000000;
} */

/* .accessibility .dark_mode a:hover, .grayscale .dark_mode a.button-toggle-grayscale, body:not(.lightcontrast, .highcontrast) .dark_mode a.button-toggle-remove {
background: #ffff26;
padding: 0px 10px;
color: black;
} */

.accessibility .dark_mode .button-toggle-highcontrast.active {
    background: var(--primary-color);
    color: #ffffff;
}

.accessibility .dark_mode .button-toggle-lightcontrast.active {
    background: var(--primary-color);
    color: #ffffff;
}

.accessibility .dark_mode .button-toggle-grayscale.active {
    background: var(--primary-color);
    color: #ffffff;
}

.accessibility .dark_mode .button-toggle-remove.active {
    background: var(--primary-color);
    color: #ffffff;
}

.accessibility .dark_mode .button-toggle-readable-font.active {
    background: var(--primary-color);
    color: #ffffff;
}

.accessibility .dark_mode .button-toggle-ul.active {
    background: var(--primary-color);
    color: #ffffff;
}

.lightcontrast .accessibility .btn {
    background: #ffffff;
    color: #000000;
}

.lightcontrast .accessibility .dark_mode a {
    background: #ffffff;
    color: #000000;
}

.accessibility #chcp_font_size button {
    font-size: 13px;
    padding: 5px 4px 5px 10px;
    line-height: 16px;
    width: 100%;
    text-align: left;
    margin-top: 5px;
    border-radius: 5px;
    background: transparent;
    color: #000000;
}

.accessibility button i,
.btn i {
    margin: -3px 2px 0 0;
}

.accessibility #chcp_font_size {
    line-height: 16px;
}

.accessibility #chcp_font_size .input-group-btn {
    width: 100%;
}

.htop {
    padding: 0 0 3px 0;
    overflow: hidden;
}

/* .header_main .htop .container{
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
gap: 25px;
} */

/* .accessibility::before{
position: absolute;
content: "";
right: 105%;
top: 0;
margin-right: -99999px;
padding-right: 99999px;
margin-left: -99999px;
padding-left: 99999px;
background: #7e7e7e;
width: 100%;
height: 100%; 
} */

/* .accessibility::after{
position: absolute;
width: 30px;
height: 54px;
content: "";
left: -42px;
top: -22px;
background: #303030;
transform: rotate(22deg);
} */

.highcontrast .accessibility::before {
    background: #000000;
}

.lightcontrast .accessibility::before {
    background: #ebebeb;
}

.accessibility .dark_mode {
    z-index: 9;
    margin-top: 2px;
}

.accessibility.sidebar {
    bottom: auto;
    left: auto;
    width: 170px;
    padding: 0px 0px 6px 0px;
    transition: transform 0.3s ease-out;
    background: #ffffff;
    border: 1px solid var(--primary-color);
    position: fixed;
    top: 60%;
    transform: translate(0%, -50%);
    z-index: 99;
    right: 12px;
}

.accessibility.sidebar.is-hidden {
    transform: translate(0, -50%);
  transition: .25s;
  z-index: -1;
  border-color: transparent;
  right: -170px;
}

.btnimg .access_img_right {
    width: 55px;
    /* position: relative; */
    right: 0;
    background: var(--primary-color);
    top: -67px;
    cursor: pointer;
    padding: 10px;
    border: 1px solid var(--primary-color);
}

.btnimg .access_img_right img {
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(110deg) brightness(104%) contrast(101%);
}

.accessibility #chcp_font_size {
    width: 100%;
}

/* .body_side_panel {
    position: fixed;
    z-index: 99999;
    display: flex;
    right: -170px;
    top: 40%;
} */

.body_side_panel .btnimg {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: fixed;
    top: 30%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 9;
}

.highcontrast .logo img {
    filter: brightness(1000);
}

.highcontrast .headerbottom {
    background: #000;
}

.highcontrast .accessibility #chcp_font_size button {
    background: transparent;
    color: #ffff26;
}

.highcontrast .accessibility.sidebar {
    background: #000000;
}

.highcontrast .accessibility .dark_mode a {
    color: #ffff26;
}

.highcontrast .section.home_about {
    background: #000;
}

.highcontrast .usp .content-box .title,
.highcontrast .condition_card .sub-title {
    color: var(--primary-color);
}

.highcontrast .condition_card .edit_text {
    color: #fff;
}

.grayscale .btnimg .access_img_right {
    background: gray;
    border: 1px solid gray;
}

.grayscale .accessibility.sidebar {
    border: 1px solid gray;
}

.grayscale .accessibility #chcp_font_size button {
    color: #484848;
}

.accessibility .dark_mode .button-toggle-grayscale.active {
    background: #505050;
}

.grayscale .accessibility .dark_mode a {
    background: transparent;
    color: #484848;
}

.highcontrast .accessibility #chcp_font_size button:hover {
    color: #ffffff;
}

.accessibility #chcp_font_size button:hover {
    color: var(--primary-color);
}

.grayscale .accessibility #chcp_font_size button:hover {
    color: #000000;
}

body.grayscale .lcl_image_elem {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -webkit-filter: grayscale(1) !important;
    filter: gray !important;
}

body.grayscale #lcl_thumbs_nav {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -webkit-filter: grayscale(1) !important;
    filter: gray !important;
}

.accessibility .fa {
    width: 15px;
    height: 15px;
}

body.readable-font,
body.readable-font :not(i):not(span) {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.phonenumber a {
    display: block;
}

.Whatsapp {
    position: fixed;
    bottom: 30px;
    right: 0px;
    width: 100px;
    height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.Whatsapp i {
    background-color: #42db87;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-removal [class*="flr-btn-"] {
    font-size: 13px;
}

.stickycontent {
    position: relative;
}

.stickycontent .stickbox {
    position: sticky;
    top: 10%;
}

.copyright .cy p {
    margin: 0;
}

.copyright .cy {
    align-items: center;
}

.highcontrast .excellent-company .heading {
    color: var(--heading-color);
}

.grayscale .area-wrap .client_image .title {
    color: #505050;
}

.nav_menu .menu-item.active a {
    position: relative;
}

.nav_menu .menu-item.active a::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0;
    background: var(--primary-color);
    height: 2px;
    width: 100%;
    z-index: -1;
}

.sub-menu .menu-item.active a::after {
    background: transparent;
    height: 100%;
}

.sub-menu .menu-item.active a {
    background: var(--hover-color);
    height: 100%;
}

.sub-menu .menu-item.active .sub-menu .menu-item a {
    background: #2e98f5;
    height: 100%;
}

.sub-menu .menu-item .sub-menu .menu-item.active a {
    background: #fe66c4;
    height: 100%;
}

a.serviceBox:hover .subheading {
    color: #fe65c4;
}

.image_gallery img {
    height: 160px;
}

.serviceBox figure{
  height: 220px;
}
.serviceBox figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image_gallery img{height: 160px;}
.whychoose_slider {margin-top: 70px;}
.teamSlider a {
	height: 100%;
}

.videoBox .poster{position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0;}
.videoBox.poster-remove .poster{display: none;}

/* =================Translater Desihm=========== */

.goog-te-gadget-icon {
    display:none;
  }
  
  
.goog-te-gadget-simple {
    /* background-color: var(--primary-color) !important; */
    border:0 !important;
    font-size: 14px;
    font-weight:800;
    display: inline-block;
    padding:7px 7px !important;
    cursor: pointer;
    zoom: 1;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #000 !important;
}
  
.goog-te-gadget-simple  span {
    color:#000 !important;

}
.VIpgJd-ZVi9od-xl07Ob-lTBxed{
    display: flex;
    align-items: center; 
}

.header_main #google_translate_element{margin: 0;}

iframe.skiptranslate table, iframe.skiptranslate th, iframe.skiptranslate td {
    border: 1px solid black;
  }

  .highcontrast .social a.rj_facebook i, .highcontrast .social .rj_instagram i{color: #ffff26;}

/* ======Whatsapp====== */
.Whatsapp {
	position: fixed;
	bottom: 20%;
	right: 0px;
	width: 80px;
	height: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.Whatsapp i {
	background-color: #42db87;
	color: #fff;
	width: 50px;
	height: 50px;
	font-size: 30px;
	border-radius: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.scrollup {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 10%;
    z-index: 99;
}