@import "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap";

/*==============General Styling=============*/
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    font-family: Noto Serif;
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Philosopher;
    color: #222;
    font-weight: 700;
}

p {
    font-family: Noto Serif;
    color: #666;
    line-height: 1.875rem;
    font-size: 1.0625rem;
}

a,
a:hover,
a:focus,
a:active {
    color: inherit;
    outline: none;
    -webkit-text-decoration: none;
    -moz-text-decoration: none;
    -ms-text-decoration: none;
    -o-text-decoration: none;
    text-decoration: none;
}

input,
textarea,
select,
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none;
    box-shadow: none !important;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 0;
}

a,
img,
:before,
:after,
button,
input,
textarea,
span,
.rsnp-mnu {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.thm-btn {
    display: inline-block;
    color: #fff;
    font-family: Philosopher;
    font-size: 1.25rem;
    font-weight: 700;
    padding: .9375rem 3.75rem;
    position: relative;
    text-align: center;
}

.thm-btn:hover {
    color: #fff;
    background-color: #212121;
}

.pb-345 {
    padding-bottom: 18rem;
}

.pt-165 {
    padding-top: 10.3125rem;
}

.pt-120 {
    padding-top: 7.5rem;
}

.pb-120 {
    padding-bottom: 7.5rem;
}

.pt-190 {
    padding-top: 11.875rem;
}

.pt-280 {
    padding-top: 17.5rem;
}

.pb-235 {
    padding-bottom: 14.6875rem;
}

.pb-110 {
    padding-bottom: 6.875rem;
}

.pt-90 {
    padding-top: 5.625rem;
}

.pb-80 {
    padding-bottom: 5rem;
}

.pt-100 {
    padding-top: 6.25rem;
}

.pb-50 {
    padding-bottom: 3.125rem;
}

.bg-color1 {
    background-color: #212121;
}

.bg-color2 {
    background-color: #147736;
}

.bg-cream {
    background-color: #e2e1dc;
}

.gray-bg {
    background-color: #f8f8f8;
}

.dark-layer {
    background-color: #272727;
}

.fixed-bg.patern-bg,
.parallax-bg.patern-bg {
    background-size: initial;
}

.back-blend-multiply {
    background-blend-mode: multiply;
}

.fixed-bg {
    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    background-attachment: scroll;
    background-size: cover;
}

.black-layer::before,
.thm-layer::before,
.gray-layer::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.gray-layer::before {
    background-color: #f8f8f8;
}

.black-layer::before {
    background-color: #000;
}

.opc7::before {
    opacity: .7;
}

.opc95:before {
    opacity: 0.95;
}

.opc85::before {
    opacity: .85;
}

/*============Header============*/
header {
    z-index: 9999;
}

header .topbar-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    top: 100%;
    left: -31.875rem;
}

.topbar-left p {
    color: #fff;
}

header .topbar-left .topbar-info-list {
    background-color: #202020;
    padding: 11px 1.875rem 11px 1.25rem;
}

header .topbar-left .topbar-info-list > li {
    padding: 9.125px 1.875rem;
    margin: 0;
}

header .topbar .topbar-right {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

header .topbar-info-list > li {
    color: #fff;
}

header .topbar-left .topbar-info-list > li:before {
    display: none;
}

.topbar-info-list > li:not(:first-child) {
    padding-left: 1.5625rem;
    margin-left: 1.5625rem;
}

.topbar-info-list > li i {
    font-size: 1.25rem;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.topbar-info-list > li:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 1rem;
    top: 50%;
    margin-top: -8px;
    position: absolute;
    left: 0;
    background-color: #fff;
    opacity: .2;
}

.topbar-info-list > li {
    font-size: 14px;
    position: relative;
    padding: 14px 0;
}

.logo-menu-wrap .logo {
    margin-top: -3.18854375rem;
    flex: 0 0 20.625rem;
    max-width: 20.625rem;
}

.logo-menu-wrap .logo a {
    padding: 2.90625rem 1rem;
}

.logo-menu-wrap .logo a img {
    max-width: 16.563rem;
}

.logo-menu-wrap .logo + .container {
    margin-left: 2.5rem;
}

header nav > div > ul > li {
    color: #fff;
}

nav ul li {
    position: relative;
    font-family: Philosopher;
    color: #333;
}

nav > div > ul > li {
    margin-right: 1.5rem;
    font-size: 1.125rem;
    line-height: 3.75rem;
}

nav ul li a {
    display: block;
}

nav ul li.menu-item-has-children > a::before {
    content: "\f078";
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
}

nav ul li.menu-item-has-children > a {
    padding-right: 1.375rem;
}

nav ul ul {
    padding: 0px;
    list-style: none;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    width: 15.625rem;
    -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.03);
    -ms-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.03);
    -o-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.03);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
}

nav ul ul ul {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
}

nav ul ul li {
    width: 100%;
}

nav ul ul li a {
    padding: 0px 1.5625rem;
}

nav ul ul li + li {
    border-top: 1px solid #ececec;
}

nav ul ul li:hover > a,
nav ul ul li.active > a {
    background-color: #f8f8f8;
}

nav ul ul ul {
    left: 100%;
    top: 0;
}

nav ul ul li.menu-item-has-children > a:before {
    content: "\f054";
    top: 13px;
    right: 1.25rem;
}

nav ul ul li.menu-item-has-children > a {
    padding-right: 2.1875rem;
}

nav ul li.menu-item-has-children:hover > ul {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}

.feat-cap p,
.feat-cap {
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}

nav ul ul li.menu-item-has-children:hover > ul {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

header nav > div > ul > li:last-child {
    margin-right: 0;
}

/*============Featured Area===============*/
.feat-caro {
    max-height: 44.6875rem;
    position: relative;
    overflow: hidden;
}

.feat-item {
    min-height: 44.6875rem;
    max-height: 44.6875rem;
}

.feat-img {
    top: 0;
    background-size: cover;
    background-position: center;
    width: 100%;
    -webkit-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    height: 100%;
}

.feat-img:before {
    content: "";
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.65;
    z-index: -1;
}

.slick-active .feat-img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.feat-cap-wrap {}

.feat-item .feat-cap > h2 {
    font-size: 3.4375rem;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.feat-item .feat-cap > h2 + p {
    margin-top: 1.5625rem;
}

.feat-item .feat-cap .thm-btn {
    padding: 0.9375rem 2.5rem;
}

.feat-cap {}

.feat-cap > p {
    font-size: 1.125rem;
    color: #fff;
}

.feat-cap > p + a {
    margin-top: 3.125rem;
}

.overlap {
    margin-top: -170px;
}

.dua-list {
    padding: 40px 35px;
    height: 350px;
    overflow-x: overlay
}

.dua-list h4 {
    margin-bottom: 0px;
    font-size: 2rem;
}

.about-inner > span {
    font-family: Philosopher;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}

.about-inner > span + h2 {
    margin-top: 5px;
}

.about-inner > h2 {
    font-size: 3.125rem;
}

.about-inner > h2 + p {
    margin-top: 0.9375rem;
}

.about-inner > p {
    font-size: 1rem;
    line-height: 1.75rem;
    color: #555;
    max-width: 96%;
}

.about-inner > p + p {
    margin-top: 1.875rem;
}

.about-inner > p + a {
    margin-top: 3.125rem;
}

.about-box h3 {
    padding: 22px;
}

.about-txt {
    padding: 30px 25px;
    color: #fff;

}

.about-txt p {
    color: #fff;
}

.dua-sec {
    z-index: 1;
}

.time-wrap,
.course-wrap {
    padding: 5rem 1.375rem;
    min-height: 38.125rem;
}

.time-inner {
    flex: 0 0 36.5625rem;
    max-width: 36.5625rem;
}

.time-inner .sec-title {
    margin-bottom: 2rem;
}

.course-inner .sec-title {
    margin-bottom: 1.875rem;
}

.course-inner .sec-title-inner {
    max-width: 90%;
}

.course-list-wrap > h3 {
    font-size: 1.875rem;
}

.course-list-wrap > h3 + .course-list {
    margin-top: -0.9375rem;
}

.course-box {
    align-items: center;
    margin-top: 2.1875rem;
}

.course-box > i {
    font-size: 3.625rem;
    line-height: 1;
}

.thm-layer .course-inner > h4,
.black-layer .course-inner > h4 {
    color: #fff;
}

.course-inner h4 {
    font-size: 1.375rem;
}

.course-inner h4 + p {
    margin-top: 3px;
}

.course-inner p {
    font-size: 0.9375rem;
    line-height: 1.625rem;
}

.sec-title-inner > h2 {
    font-size: 3.125rem;
}

.sec-title {
    margin-bottom: 2.8125rem;
}

.sec-title-inner > p {
    color: #999;
}

.thm-layer .course-inner > p,
.black-layer .course-inner > p {
    color: #e2e1e1;
}

.team-box {
    margin-bottom: 2.8125rem;
}

.team-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 80%;
    background-color: #000;
    opacity: 0;
    z-index: 1;
}

.team-box:hover .team-img::before {
    bottom: 0;
    opacity: 0.5;
}

.team-img .social-links2 {
    top: 80%;
    left: 0;
    right: 0;
    justify-content: center;
    padding: 0 1.25rem;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}

.social-links2 > a {
    color: #fff;
    border-width: 2px;
    border-style: solid;
    font-size: 1.015625rem;
    height: 2.8125rem;
    line-height: 2.65rem;
    width: 2.8125rem;
    margin: 0 2px;
    display: inline-block;
}

.social-links2 > a:hover,
.social-links2 > a:focus {
    background-color: #fff;
}

.team-box:hover .team-img .social-links2 {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.team-box:hover .team-img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.team-info {
    position: relative;
    z-index: 1;
    left: 1.5625rem;
    right: 1.5625rem;
    background-color: #fff;
    width: calc(100% - 3.125rem);
    padding: 1.6875rem 1.25rem 1.25rem;
    margin-top: -1.5625rem;
}

.team-info > h3 {
    font-size: 1.625rem;
    color: #333;
}

.team-info > h3 + span {
    margin-top: 4px;
}

.team-info > span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.facebook,
.facebook-hvr:hover,
.facebook-hvr:focus {
    background-color: #3b5999;
    border-color: #3b5999;
}

.twitter,
.twitter-hvr:hover,
.twitter-hvr:focus {
    background-color: #55acee;
    border-color: #55acee;
}

.youtube,
.youtube-hvr:hover,
.youtube-hvr:focus {
    background-color: #cd201f;
    border-color: #cd201f;
}

.youtube-clr,
.youtube:hover,
.youtube:focus {
    color: #cd201f;
}

.twitter-clr,
.twitter:hover,
.twitter:focus {
    color: #55acee;
}

.facebook-clr,
.facebook:hover,
.facebook:focus {
    color: #3b5999;
}

.event-box {
    margin-bottom: 1.875rem;
}

.event-img > a {
    display: block;
}

.event-img > a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: 1;
}

.event-box:hover .event-img > a::before {
    opacity: 0.5;
}

.event-box:hover .event-img > a img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.event-info {
    padding: 2.5rem 3rem 2.8125rem;
}

span.event-loc {
    font-size: 14px;
    font-weight: 700;
}

span.event-loc i {
    font-size: 1.125rem;
    margin-right: 8px;
}

.event-info > span + h3 {
    margin-top: 12px;
}

.event-info > h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.event-info > h3 + span {
    margin-top: 1rem;
}

.event-info > span + span {
    margin-top: 1.0625rem;
}

span.event-time {
    font-size: 0.9375rem;
}

.post-box {
    margin-bottom: 1.875rem;
}

.post-box:hover .post-img3 img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.post-img + .post-info3 {
    margin-top: 1.375rem;
}

.post-meta > li {
    font-size: 0.9375rem;
    color: #999;
    margin: 0 9px;
}

.post-meta > li.thm-clr {
    text-decoration: underline;
}

.post-meta + h3 {
    margin-top: 6px;
}

.post-info > h3 {
    font-size: 1.375rem;
    color: #454545;
    line-height: 1.75rem;
}

.blog-video .post-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
}

.blog-video .play-btn svg {
    max-width: 6.875rem;
    height: 6.875rem;
}

.blog-video .play-btn {
    line-height: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

a.play-btn svg {
    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    z-index: 1;
    position: relative;
}

a.play-btn svg .stroke-dotted {
    stroke-width: 2.5px;
    opacity: 1;
    stroke-dasharray: 7, 8;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 1s ease, stroke-width 1s ease;
    -ms-transition: opacity 1s ease, stroke-width 1s ease;
    -o-transition: opacity 1s ease, stroke-width 1s ease;
    transition: opacity 1s ease, stroke-width 1s ease;
}

a.play-btn:hover svg .stroke-dotted {
    -webkit-animation: spin 4s infinite linear;
    -ms-animation: spin 4s infinite linear;
    -o-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
}

a.play-btn:hover svg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

@-webkit-keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.post-img + .post-info {
    margin-top: 1.375rem;
}

.widget-title {
    margin-bottom: 1.4375rem;
    font-size: 1.5rem;
    color: #333;
}

.dark-layer .widget-title {
    color: #fff;
}

.dark-layer .widget p {
    color: #f0f0f0;
}

.dark-layer .widget ul li {
    color: #ddd;
    position: relative;
}

.black-layer .widget ul li {
    color: #eaeaea;
}

.widget ul:not(.cont-info-list2) li {
    font-family: Philosopher;
    font-size: 1.125rem;
    padding-left: 1.5625rem;
}

.widget ul li:not(:first-child) {
    margin-top: 8px;
}

.widget ul:not(.cont-info-list2) li a::before {
    content: "\f061";
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
    font-size: 14px;
}

.widget ul.cont-info-list2 li {
    line-height: 1.625rem;
}

.widget ul.cont-info-list2 li i {
    font-style: normal;
    margin-right: 10px;
}

.widget ul li:not(:first-child) {
    margin-top: 8px;
}

.bottom-bar {
    padding: 1.875rem 0.9375rem;
}

.bottom-bar p {
    font-size: 1.125rem;
    font-family: Philosopher;
}

.bottom-bar p a:hover,
.bottom-bar p a:focus {
    color: #fff;
}

.dark-layer .widget p {
    color: #f0f0f0;
}

.widget .logo + p {
    margin-top: 2.8125rem;
}

.widget p {
    font-size: .9375rem;
    line-height: 1.625rem;
}

.bottom-bar {
    padding: 1.875rem 0.9375rem;
    background-color: #181818;
}

.bottom-bar p {
    font-size: 1.125rem;
    font-family: Philosopher;
    color: #fff;
}

footer .sec-botm-rgt-mckp {
    top: -148px;
    right: 60px;
}

/*=========Responsive Header==========*/
.rspn-hdr {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1;
}

.rspn-mdbr {
    background-color: #252a2c;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.rspn-scil {
    display: inline-flex;
}

.rspn-scil > a {
    background-color: rgba(255, 255, 255, 0.05);
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.9375rem;
    text-align: center;
    color: #fff;
}

.rspn-scil > a:not(:first-child) {
    margin-left: 1px;
}

.rspn-srch {
    height: 2.5rem;
    position: relative;
    flex: 0 0 calc(100% - 10.1875rem);
    max-width: calc(100% - 10.1875rem);
}

.rspn-srch > input {
    background-color: transparent;
    color: #7e7e7e;
    font-size: 13px;
    height: 100%;
    padding: 0 3.125rem 0 5%;
    width: 100%;
}

.rspn-srch > input:focus {
    font-style: normal;
}

.rspn-srch > button {
    background-color: transparent;
    border: 0;
    color: #999;
    font-size: 13px;
    height: 100%;
    position: absolute;
    right: 10px;
}

.lg-mn {
    padding: 1.125rem 5rem 1.125rem 0.9375rem;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.lg-mn .logo img {
    
}

.rspn-cnt {
    display: inline-block;
}

.rspn-cnt > span {
    color: #777;
    display: inline-block;
    margin: 5px 0.5rem;
}

.rspn-cnt > span i {
    margin-right: 0.5rem;
}

.rspn-mnu-btn {
    background-color: #1a1a1a;
    color: #fff;
    cursor: pointer;
    font-size: 0.875rem;
    height: 2.5rem;
    line-height: 2.5rem;
    position: absolute;
    right: 1.25rem;
    text-align: center;
    top: 50%;
    width: 2.5rem;
    margin-top: -1.25rem;
}

.rsnp-mnu {
    background-color: #0c0c0c;
    bottom: 0;
    opacity: 0;
    padding: 5.3125rem 2.5rem 3.125rem;
    position: fixed;
    right: -21.875rem;
    top: 0;
    visibility: hidden;
    z-index: 99999;
    max-width: 21.875rem;
    width: 100%;
}

.rsnp-mnu.slidein {
    opacity: 1;
    right: 0;
    visibility: visible;
}

.rspn-mnu-cls {
    background-color: #303030;
    color: #fff;
    cursor: pointer;
    font-size: 0.875rem;
    height: 2.5rem;
    line-height: 2.5rem;
    position: absolute;
    right: 0.75rem;
    text-align: center;
    top: 0.75rem;
    width: 2.5rem;
}

.rsnp-mnu > ul {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    overflow-y: auto !important;
    width: 100% !important;
}

.rsnp-mnu > ul li {
    font-family: Philosopher;
}

.rsnp-mnu > ul > li {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.rsnp-mnu > ul > li a {
    color: inherit;
    display: block;
}

.rsnp-mnu > ul > li:not(:first-child) {
    margin-top: 1.25rem;
}

.rsnp-mnu > ul ul {
    display: none;
    margin-bottom: 0;
    padding-left: 1.25rem;
    opacity: 1;
    position: static;
    visibility: visible;
}

.rsnp-mnu ul li.menu-item-has-children.active > a {
    margin-bottom: 15px;
}

.rsnp-mnu > ul li.menu-item-has-children > a::before {
    content: "\f107";
    font-family: "font awesome 5 free";
    position: absolute;
    right: 0;
    top: 0;
    color: inherit;
    font-weight: 900;
}

.rsnp-mnu > ul ul > li {
    color: #a4a4a4;
    font-size: 1rem;
    position: relative;
    text-transform: initial;
    width: 100%;
    font-weight: 400;
}

.rsnp-mnu > ul ul > li:not(:first-child) {
    margin-top: 0.75rem;
}

.feat-wrap .feat-caro2 ul.slick-dots {
    margin: 0;
    position: absolute;
    bottom: 5rem;
    top: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    left: 35.3125rem;
    right: auto;
    width: auto;
}

.feat-wrap .feat-caro2 ul.slick-dots li {
    margin: 0 5px;
}

.slick-slider:not(.feat-caro) ul.slick-dots > li button {
    color: transparent;
    padding: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e4e4e4;
    height: .75rem;
    width: .75rem;
    font-size: 0;
}

.slick-slider:not(.feat-caro) ul.slick-dots {
    display: flex;
    margin: 2.3125rem 0 0;
    list-style: none;
    justify-content: center;
    padding-left: 0;
}

.widget_text,
.textwidget,
.textwidget p {
    display: inline-block;
}

.viewall {
    font-size: 14px !important;
    display: inline-block;
    color: #fff !important;
    font-family: Philosopher;
    font-weight: 700;
    padding: 4px 8px 3px 6px;
    position: relative;
    text-align: center;
    border-radius: 10px;
    background: #000;
    margin-top: 10px;
}

.text-white p,
.dua-list p {
    color: #fff;
}



/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.3);
}

.course-inner .thm-btn {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ffffff66;
    margin-bottom: 5px;
}

.mtop {
    margin-top: 6px;
    margin-right: 6px;
}

#carouselExampleControls img {
    width: 100%;
}

.modal-backdrop {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}