/* CSS Index
-----------------------------------
 /* 
1.	Theme Default
2.	Pre Loader
3.	Header Area Css Style
4.	Search Form Area Css Style
5.	header menu area css
		i. main menu area css
		ii. sub menu
6.	sohoj slider area css
7.	sohoj Children Care area css
8.	sohoj About area css
9.	sohoj cause area css
10.	sohoj counter area css
11.	sohoj events area css
12.	sohoj client donate area css
13.	sohoj team area css
14.	faq area css
15.	sohoj blog area css
		i. Blog Quote Area Css Style
		ii. Blog Post Tags Area Css Style
		iii. Blog Comments Area Css Style
		iv. Blog Comments Form Area Css Style
16.	subscribe area css
17.	footer area css
18.	breadcrumb area css
19.	Contact Form Area Css Style
20.	Google Map Area Css Style
21.	Contact Info  Area Css Style
22.	dark home css
23.	Error Area Css Style
 */

/* Google Fonts */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700|Ubuntu:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gurmukhi:wght@100..900&display=swap');

/* Theme Default */
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
    line-height: inherit;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
    height: 100%;
}

img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
}

a,
.button,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
    color: #79b91c;
}

.btn:focus,
button:focus,
input:focus,
textarea,
textarea:focus,
.form-control:focus {
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #f1f1f1;
}

button {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', sans-serif;
    color: #353858;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

ul {}

li {
    margin-bottom: 10px;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #37393e;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #106ad2;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

*::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

/* Pre Loader */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #24262d;
    overflow: hidden;
}

.preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader-icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    padding: 0px;
}

.preloader-icon span {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #79b91c;
    -webkit-animation: preloader-fx 1.6s linear infinite;
    animation: preloader-fx 1.6s linear infinite;
}

.preloader-icon span:last-child {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}

/* Header Area Css Style */
.sohoj-header-top {
    padding: 20px 0 25px;
}

ul.header-top-social {
    margin: 5px 0;
    padding: 0;
}

ul.header-top-social li {
    list-style: none;
    display: inline-block;
    margin: 0 15px 0 0;
}

ul.header-top-social li a {
    color: #2f3034;
}

.header-top-phone {}

.header-top-phone h2 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}

.header-top-phone h2 strong {
    font-weight: 700;
    color: #79b91c;
}

ul.header-top-right {
    margin: 5px 0;
    padding: 0;
}

ul.header-top-right li {
    list-style: none;
    display: inline-block;
    margin: 0 0 0 15px;
}

ul.header-top-right li select#lang-typ {
    font-size: 16px;
    font-weight: 600;
    margin-right: -8px;
    cursor: pointer;
    position: relative;
    background: transparent;
}

ul.header-top-right li select#lang-typ:after {
    content: none;
    position: absolute;
}

ul.header-top-right li a {
    color: #2f3034;
}

/* Search Form Area Css Style */

ul.header-search {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.header-search li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.header-search li a {
    color: #fff;
    text-align: center;
    display: block;
    padding: 36px;
    background: rgba(0, 0, 0, .30);
}

ul.header-search li a i {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

ul.header-search li a:hover {
    color: #79b91c;
}

#search-overlay {
    display: none;
}

.search-form-area {
    background: #24262df0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    border: #a0a0a0 solid 1px;
    margin: 0;
    z-index: 99999;
}

.search-form-area:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
}

.search-form-centered {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 10px 15px;
    color: #FFF;
    border: none;
    background: transparent;
}

#search-box {
    position: relative;
    width: 100%;
    margin: 0;
}

.search-form input.form-control {
    box-shadow: none;
    color: #777777;
    height: 80px;
    background: #f8f8f8;
    border: none;
    border-radius: 0;
    padding: 20px 30px;
}

.search-form button {
    background: #79b91c;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    border-radius: 0;
    cursor: pointer;
    padding: 9px 50px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .3s;
}

.search-form button:hover {
    background: #24262d;
}

#close-btn {
    position: fixed;
    top: 1em;
    right: 1em;
}

#close-btn:hover {
    color: #79b91c;
    cursor: pointer;
}

/* header menu area css */

.sohoj-main-slider-area {
    position: relative;
}

.sohoj-hero-area {
    background: rgba(47, 48, 52, 0.40);
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
}

.header-logo {
    margin: 32px 0;
    margin-top:2px;
}

.header-logo a {

    display: block;
}

.header-hero-btn {
    margin: 25px 0;
}

.header-top-area {
    background-color: #222;
    font-size: 15px;
    padding: 10px 0;
}

.header-top-area a,
.header-top-area {
    color: #fff;
}

.header-top-area i {
    color: #f7be49;
}

/* main menu area css */
.main-menu ul {
    margin: 0;
    padding: 0;
}

.main-menu nav > ul > li {
    display: inline-block;
    position: relative;
    margin: 0;
}

.main-menu nav > ul > li:last-child a {
    padding-right: 0
}

.main-menu nav > ul > li:first-child a {
    padding-left: 0
}

.main-menu nav > ul > li > a {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 30px 8px;
    transition: all 0.3s ease 0s;
    line-height: 1.25;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}

.main-menu nav > ul > li:hover > a,
.main-menu nav > ul > li.active > a {
    color: #79b91c;
}

/* sub menu */
.main-menu nav > ul > li .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #79b91c;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all 0.4s ease-out;
    visibility: hidden;
    width: 220px;
    z-index: 9;
    transform-origin: top;
    transform: scaleY(0);
}

.main-menu nav > ul > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.main-menu nav > ul > li .sub-menu li {
    display: block;
    position: relative;
    margin: 0;
}

.main-menu nav > ul > li .sub-menu li a {
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 13px 20px;
    text-transform: capitalize;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.main-menu nav > ul > li:hover > .sub-menu li > a:hover {
    color: #fff;
    background: #79b91c;
}

/* sub menu */
.main-menu nav > ul > li > .sub-menu > li > .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #79b91c;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 9;
}

.main-menu nav > ul > li > .sub-menu > li:hover .sub-menu {
    top: 0 !important;
    opacity: 1;
    top: 100%;
    visibility: visible
}

.header-top-btn {
    margin: 24px 0 0 35px;
    display: inline-block;
}

/*  sohoj slider area css */

ul.sohoj-slider-btn-area {
    padding: 0;
    margin: 0;
}

ul.sohoj-slider-btn-area li {
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}

ul.sohoj-slider-btn-area li a {
    color: #fff;
    padding: 12px 30px;
    display: block;
    border-radius: 50px;
    border: 1px solid #fff;
    font-size: 18px;
    transition: all .3s;
}

ul.sohoj-slider-btn-area li a:hover {
    background: #79b91c;
    border-color: #79b91c;
}

.sohoj-single-slider-content {}

.sohoj-single-slider-content h2 {
    text-transform: capitalize;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-top: 35px;
}
.fontsize-sm {
    font-size:40px !important;
}

.bg-1 {
    background-image: url(assets/img/hero/1.jpg);
    background-position: center center;
    background-size: cover;
    color: #fff;
    height: 800px;
}

.sohoj-single-table {
    display: table;
    height: 100%;
    width: 100%;
}

.sohoj-single-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.sohoj-single-slider {
    position: relative;
}

.sohoj-single-slider:before {
    content: '';
    background: rgba(1, 16, 90, .60);
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.slider-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-video-btn a {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 56px;
    width: 56px;
    color: #79b91c;
    background: #fff;
    font-size: 20px;
    line-height: 42px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    animation: heartbeat 1s infinite alternate;
}

.slider-video-btn a::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    right: -15px;
    border-radius: inherit;
    border: 1px solid #fff;
    -webkit-animation: btnIconRipple 3s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 3s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

.slider-video-btn a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: -30px;
    left: -30px;
    bottom: -30px;
    right: -30px;
    border-radius: inherit;
    border: 1px solid #fff;
    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

/* sohoj Children Care area css */

.sohoj-children-care-area {
    margin: -88px 0 0 0;
    z-index: 9;
}

.single-children-care {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.children-content-img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-size: cover;
    background-position: center center;
}

.single-children-content {
    padding: 22px;
}

.single-children-content h3 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 30px;
}

.single-children-content p {
    color: #fff;
}

.sohoj-children-care-area .col-xl-4:nth-child(odd) .single-children-care {
    margin-top: 20px;
}

/* sohoj About area css */

.sohoj-about-area {
    position: relative;
    overflow: hidden;
}

.sohoj-about-bg-img {
    position: absolute;
    left: 0;
    top: 100px;
    bottom: 0;
    height: 100%;
    width: 46.5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sohoj-about-bg-img img {
    width: 100%;
    height: calc(100% - 100px);
}

.sohoj-about-content {
    padding: 80px 0;
}

.sohoj-about-content h2 {
    font-size: 40px;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
}

.about-chariti-list-area {}

.sohoj-about-content h2 span {
    color: #79b91c;
}

.sohoj-about-content h2:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    border-left: 6px solid #79b91c;
}

ul.about-chariti-list {
    padding: 0;
    margin: 0;
    display: inline-block;
}

ul.about-chariti-list:first-child {
    margin-right: 50px;
}

ul.about-chariti-list li {
    list-style: none;
}

ul.about-chariti-list li a {
    font-size: 18px;
    color: #01105a;
    font-weight: 700;
    text-transform: capitalize;
}

ul.about-chariti-list li a i {
    color: #79b91c;
    margin-right: 10px;
}

/* sohoj cause area css */

.sohoj-all-cause .sohoj-single-cause {
    padding: 15px;
}

.sohoj-single-cause img {
    width: 100%;
}

.sohoj-single-cause-content {
    padding: 35px 20px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.14);
    background: #fff;
}

.sohoj-single-cause-content h4 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 20px;
}

.sohoj-single-cause-content p {
    font-size: 18px;
}

.cause-progress-bar {
    margin: 40px 0;
}

.cause-price-raised {
    display: inline-block;
    float: left;
}

.cause-price-goal {
    display: inline-block;
    float: right;
}

.single-cause-price {
    display: block;
    width: 100%;
    overflow: hidden;
}

.single-cause-price h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
}

.single-cause-price h3 span {
    color: #79b91c;
}

.sohoj-all-cause .owl-nav div {
    left: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    text-align: center;
    line-height: 42px;
    font-size: 30px !important;
    background: #fff !important;
    border-radius: 50% !important;
    color: #2f3034 !important;
    width: 50px;
    height: 50px;
    border: 1px solid #2f3034;
}

.sohoj-all-cause .owl-nav div.owl-next {
    left: auto;
    right: -50px;
}

/* sohoj counter area css */

.sohoj-counter-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url('../../assets/img/counter/1.jpg');
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.sohoj-counter-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}

.single-counter {
    text-align: center;
    padding: 30px 0;
    border: 3px dotted #fff;
    background: rgba(255, 255, 255, .1);
}

.counter-border {
    display: block;
    height: 6px;
    background: #79b91c;
    width: 70px;
    margin: 20px auto 10px auto;
}

.counter-number {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

.count-name {
    font-size: 22px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}

.sohoj-counter-area .col-xl-3:nth-child(odd) .single-counter {
    margin: 30px 0 0 0;
}

/* sohoj events area css */

.single-events {
    padding: 20px;
    background: #f7faff;
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

.single-events-img {
    width: 45%;
    height: auto;
    display: inline-block;
    float: left;
}

.single-events-img img {
    width: 100%;
}

.single-events-content {
    display: inline-block;
    width: 50%;
    margin-left: 20px;
}

.single-events-content h4 {
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 1px solid #949494;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.single-events-content p {
    font-size: 15px;
    margin-bottom: 0;
}

.events-date {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    margin: 5px 0 10px 0;
}

.events-date span {
    color: #79b91c;
    text-transform: uppercase;
}

.all-single-events.owl-theme .owl-dots .owl-dot span {
    background: #2c2c2c none repeat scroll 0 0;
    display: inline-block;
    border-radius: 8px !important;
    height: 10px;
    width: 8px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 4px;
    border-radius: 0;
    opacity: .5;
}

.all-single-events.owl-theme .owl-dots .owl-dot.active span {
    background: #79b91c;
    border: medium none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 8px;
    height: 20px;
    border-radius: 8px;
}

.all-single-events.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -60px;
}

.all-single-events.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    line-height: 1;
}

.all-single-events.owl-theme .owl-dots .owl-dot:last-child {
    margin-bottom: 0;
}

/* sohoj client donate area css */

.sohoj-client-donate-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 600px;
    background-image: url('../../assets/img/bgimage.jpg');
    background-color: #1a2b3c;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}

.sohoj-client-donate-areaMobile {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    background-image: url('../../assets/img/bgimage.jpg');
    background-color: #1a2b3c;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}

.sohoj-client-donate-areaMobile:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}

.sohoj-client-donate-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}

.sohoj-client-donate-area h2 {
    font-size: 48px;
    margin-bottom: 20px;
}

.sohoj-client-donate-area p {
    font-size: 18px;
    max-width: 600px;
    margin-bottom: 30px;
}

.sohoj-client-donate-button {
    padding: 10px 20px;
    background-color: #ff6b6b;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.sohoj-client-icons {
    position: absolute;
    bottom: 30px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.sohoj-client-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: white;
}
.client-single-slider {}

.title-desig-quot {
    display: flex;
    align-items: center;
}

.title-desig {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #fff;
}

.title-desig h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.title-desig h4 {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
}

.title-desig-quot i {
    font-size: 40px;
    color: #fff;
}

.client-single-slider p {
    color: #fff;
    margin-top: 25px;
}

.sohoj-client-slider-wraper {
    margin: 80px 0;
}

.sohoj-client-slider-wraper.owl-theme .owl-dots .owl-dot span {
    background: #fff none repeat scroll 0 0;
    border-radius: 30%;
    display: inline-block;
    height: 20px;
    width: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 4px;
    border-radius: 50%;
    border: 4px solid #79b91c;
    opacity: .5;
}

.sohoj-client-slider-wraper.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    border: medium none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid #79b91c;
}

.sohoj-client-slider-wraper.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    left: 0;
    bottom: -45px;
    margin-top: 0;
}

.sohoj-donate-area {
    background: rgba(255, 255, 255, .20);
    padding: 30px 15px;
}

.sohoj-donate-area select.form-control,
.sohoj-donate-area input.form-control {
    border-radius: 0;
    box-shadow: none;
    color: #777777;
    height: 50px;
    margin-bottom: 30px;
    background: #f7faff;
    border: none;
    font-size: 15px;
}

/* sohoj team area css */

.single-team-wraper {
    cursor: pointer;
}

.single-team-wraper .team-img-title {
    position: relative;
}

.single-team-wraper .team-img-title img {
    width: 100%;
}

.team-img-title.boxed {
    margin-bottom:45px;
}

.team-img-title h3.team-title {
    position: absolute;
    left: 15px;
    right: 45px;
    bottom: -30px;
    background: #fff;
    font-size: 21px;
    text-transform: capitalize;
    font-weight: 700;
    display: inline-block;
    padding: 20px 30px;
    margin: 0;
    border-radius: 5px;
    box-shadow: 0px 8px 20px 0px rgba(47, 48, 52, 0.14);
    transition: all .3s;
}

.single-team-wraper:hover h3.team-title {
    background: #79b91c;
    color: #fff;
}

/* faq area css */

.sohoj-faq-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url('../../assets/img/faq/1.jpg');
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.sohoj-faq-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}


.sohoj-accordion-wrapper p {
    margin: 0;
    font-size: 18px;
}

.sohoj-accordion-wrapper .card {
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 73px 0px rgba(0, 0, 0, 0.09);
    border: 0;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.sohoj-accordion-wrapper .btn {
    background: #79b91c;
    border-radius: 10px 10px 0 0;
    display: block;
    text-align: left;
    padding: 30px 35px;
    font-size: 16px;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.sohoj-accordion-wrapper .btn.collapsed {
    background: #fff;
    border-radius: 15px;
}

.sohoj-accordion-wrapper .card-header:first-child {
    border-radius: 15px;
}

.sohoj-accordion-wrapper .card-header {
    padding: 0;
    border-bottom: 1px solid transparent;
}

.sohoj-accordion-wrapper .card-body {
    padding: 30px 30px 30px 35px;
}

.sohoj-accordion-wrapper .accordion > .card:first-of-type {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.sohoj-accordion-wrapper .accordion > .card {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.sohoj-accordion-wrapper h2 a.btn {
    color: #fff;
    position: relative;
}

.sohoj-accordion-wrapper h2 a.btn:hover {
    color: #fff;
}

.sohoj-accordion-wrapper h2 a.btn.collapsed {
    color: #30323d;
}

.sohoj-accordion-wrapper h2 a.btn::after {
    content: "-";
    position: absolute;
    right: 25px;
    top: 30px;
    height: 25px;
    width: 25px;
    background: #fff;
    color: #000;
    text-align: center;
    line-height: 25px;
    border-radius: 30px;
}

.sohoj-accordion-wrapper h2 a.btn.collapsed::after {
    content: "+";
    background: #2c2c2c;
    color: #fff;
}

.sohoj-about-contact {
    margin: 180px 0 0 15px;
}

.sohoj-about-contact h2 {
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
}

.sohoj-about-contact h4 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
    color: #fff;
}

.sohoj-about-contact h4 a {
    text-transform: uppercase;
    color: #79b91c;
    text-decoration: underline;
    font-weight: 700;
}

/* sohoj blog area css */

.sohoj-blog-area {}

.single-blog-wraper {}

.blog-details-content .blog-img,
.single-blog-wraper .blog-img {
    position: relative;
}

.single-blog-wraper img {
    width: 100%;
}

.blog-img-slider.owl-theme .owl-nav {
    margin-top: 0 !important;
}

.blog-img-slider .owl-nav div {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    text-align: center;
    line-height: 42px;
    font-size: 30px !important;
    background: #fff !important;
    border-radius: 0 !important;
    color: #2f3034 !important;
    width: 50px;
    height: 50px;
    margin: 0 !important;
}

.blog-img-slider .owl-nav div:hover {
    background: #79b91c !important;
    color: #fff !important;
}

.blog-img-slider .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.blog-details-content .blog-img h4,
.single-blog-wraper .blog-img h4 {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: -60px;
    background: #fff;
    display: inline-block;
    box-shadow: 0px 8px 20px 0px rgba(47, 48, 52, 0.14);
    border-radius: 5px;
    padding: 22px 25px;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    z-index: 1;
}

.blog-details-content h6,
.blog-details-content h5,
.blog-details-content h5,
.blog-details-content h4,
.blog-details-content h3,
.blog-details-content h2,
.blog-details-content h1 {
    margin-bottom: 15px;
    font-weight: 600;
}

/* Blog Quote Area Css Style */

blockquote,
blockquote.wp-block-quote {
    background: #79b91c;
    padding: 20px 35px !important;
    box-shadow: 0px 0px 30px 0px rgba(26, 43, 60, 0.15);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    margin: 40px 0;
    z-index: 1;
}

blockquote:before,
blockquote.wp-block-quote:before {
    content: "\f10d";
    position: absolute;
    bottom: 9%;
    left: 5%;
    font-family: "FontAwesome";
    color: #fff;
    font-size: 50px;
    line-height: 1;
    opacity: .5;
    z-index: -1;
}

blockquote p,
blockquote.wp-block-quote p {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

blockquote cite,
blockquote.wp-block-quote cite {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding-left: 15px;
    margin-top: 30px;
    display: inline-block;
    float: right;
    color: #fff;
}

blockquote cite:before,
blockquote.wp-block-quote cite:before {
    position: absolute;
    content: '';
    bottom: 0;
    width: 10px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* Blog Post Tags Area Css Style */

.blog-post-admin-date-comment-tag {
    padding: 30px 35px;
    background: #79b91c;
}

.blog-post-admin-date-comment-tag .post-info {
    margin: 0 15px 0 0;
    padding: 0;
    display: inline-flex;
}

.blog-post-admin-date-comment-tag .post-info a {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
}

.blog-post-admin-date-comment-tag .post-info span i {
    margin-right: 6px;
    color: #fff;
}

/*  */
.blog-post-tag span {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 17px;
    color: #1a2b3c;
    text-transform: capitalize;
}

.blog-post-tag {
    background: #fff;
    padding: 0;
    padding-top: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 30px;
}

.blog-post-tag > a {
    color: #1a2b3c;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    padding: 10px 24px;
    margin-right: 5px;
    transition: .3s;
    border-radius: 0;
    margin-bottom: 10px;
}

.blog-post-tag > a:hover {
    color: #fff;
    background: #79b91c;
    border-color: #79b91c;
}

/* Blog Comments Area Css Style */

.post-heading {
    margin-bottom: 30px;
}

.post-heading h3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    color: #1a2b3c;
    line-height: 1;
}

.latest-comments > ul {
    padding: 0;
    margin: 0;
}

.latest-comments ul {
    list-style: none;
}

.comments-box {
    margin-bottom: 30px;
    border-bottom: 1px solid #e7eaf0;
    padding: 40px 20px;
    background: #79b91c;
    border-radius: 20px;
}

.comments-avatar {
    float: left;
    width: 100px;
}

.comments-avatar img {
    border: 2px solid #fff;
}

.comments-text {
    overflow: hidden;
    padding-left: 30px;
}

.avatar-name-date {
    display: inline-block;
}

.avatar-name-date > h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}

.avatar-name-date span {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0 12px;
    display: block;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}

.comments-text > p {
    margin-bottom: 0;
    color: #fff;
    font-size: 17px;
}

.comments-text > a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    float: right;
    margin-top: -6px;
}

.comments-reply {
    padding-left: 130px;
}

/* Blog Comments Form Area Css Style */

.post-comments-form-area {
    margin: 40px 0 0 0;
}

.post-comments-form-area .post-comments-form {}

.post-comments-form input.form-control {
    box-shadow: none;
    color: #777777;
    height: 50px;
    margin-bottom: 30px;
    background: #f4f7fc;
    border: 1px solid #e7eaf0;
    padding: 5px 20px;
    transition: all .3s;
    border-radius: 0px;
}

.post-comments-form textarea.form-control {
    height: 133px;
    box-shadow: none;
    color: #777777;
    margin-bottom: 30px;
    background: #f4f7fc;
    border: 1px solid #e7eaf0;
    padding: 15px 20px;
    transition: all .3s;
    border-radius: 0px;
}

.post-comments-form textarea.form-control:focus,
.post-comments-form input.form-control:focus {
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    outline: none;
    border: 1px solid #79b91c;
}

/*  */
.single-blog-wraper .blog-img h4 a.post-title {}

.single-blog-content {
    padding: 80px 25px 10px 35px;
    background: #fff;
    box-shadow: 0px 8px 20px 0px rgba(47, 48, 52, 0.14);
}

.single-blog-content ul.post-info {
    margin: 0 0 15px 0;
    padding: 0;
}

.single-blog-content ul.post-info li {
    display: inline-block;
    margin-right: 15px;
    color: #79b91c;
    margin-bottom: 0;
}

.single-blog-content ul.post-info li a {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: #353858;
    margin-left: 5px;
}

.single-blog-content p {}

/* subscribe area css */

.sohoj-subscribe-area {
    position: absolute;
    top: -20%;
    left: 0;
    right: 0;
}

.subscribe-bg {
    background: #2f3034;
    padding: 100px;
    border-radius: 20px;
}

.subscribe-title {}

.subscribe-title h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

.subscribe-form {
    position: relative;
}

.subscribe-form input {
    width: 100%;
    height: 60px;
    border: none;
    background: #fff;
    padding: 0 20px;
    border-radius: 0;
    font-size: 18px;
    color: #30323d;
}

.subscribe-form button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

/* footer area css */

.sohoj-footer-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url('../../assets/img/footer/1.jpg');
    background-color: #1a2b3c;
    background-repeat: no-repeat;
    padding-top: 230px;
    padding-bottom: 70px;
    margin-top: 70px;
}

.sohoj-footer-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}

/* breadcrumb area css */

.sohoj-breadcrumb-area {
    background-position: center center;
    background-size: cover;
    position: relative;
    /* background-image: url(assets/img/breadcrumb/1.jpg); */
    padding: 234px 0 134px 0;
    text-align: center;
}

.sohoj-breadcrumb-area:before {
    content: '';
    background: rgba(1, 16, 90, .70);
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.breadcrumb-content-box h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.sohoj-breadcramb-line .breadcrumb {
    background: inherit;
    padding: 30px 0;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
}

.breadcrumb .breadcrumb-item {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
}

.sohoj-breadcramb-line .breadcrumb .breadcrumb-item,
.sohoj-breadcramb-line .breadcrumb-item.active a,
.sohoj-breadcramb-line .breadcrumb .breadcrumb-item.active {
    color: #79b91c;
    text-transform: capitalize;
    margin: 0;
    margin-right: 10px;
}

.sohoj-breadcramb-line .breadcrumb .breadcrumb-item a {
    color: #2f3034;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 24px;
}

.sohoj-breadcramb-line .breadcrumb-item + .breadcrumb-item::before {
    color: #2f3034;
    content: "\f178";
    font-family: FontAwesome;
    margin-right: 10px;
}

/* Contact Form Area Css Style */

.sohoj-contact-form-area {
    padding: 70px 50px;
    background: #f7faff;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
}

.sohoj-contact-form input.form-control {
    box-shadow: none;
    color: #777777;
    height: 50px;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    padding: 5px 20px;
    transition: all .3s;
}

.sohoj-contact-form textarea.form-control:focus,
.sohoj-contact-form input.form-control:focus {
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    outline: none;
    border: 1px solid #79b91c;
}

.sohoj-contact-form textarea.form-control {
    height: 133px;
    box-shadow: none;
    color: #777777;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    padding: 15px 20px;
    transition: all .3s;
}

p.form-message {
    font-size: 15px;
}

/* Google Map Area Css Style */
#sohoj-map {
    height: 525px;
}

/* Contact Info  Area Css Style */

.contact-info-box {
    text-align: center;
    border: 1px solid #e7eaf0;
    background: #f7faff;
    padding: 30px 0;
    cursor: pointer;
    transition: all .3s;
}

.contact-info-box:hover {
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
}

.contact-info-icon {
    background: #01105a;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
    margin-bottom: 20px;
}

ul.contact-info {
    padding: 10px 20px;
    margin: 0;
    list-style: none;
}

ul.contact-info li,
ul.contact-info li a {
    font-size: 20px;
    line-height: 30px;
    color: #656970;
    font-weight: 500;
    margin-bottom: 0px;
    font-family: 'Poppins', sans-serif;
}

/*  Error Area Css Style */
.sohoj-content-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sohoj-content {
    text-align: right;
    border-right: 10px solid #79b91c;
    margin-right: 50px;
    padding-right: 50px;
}

.sohoj-content h2 {
    font-size: 200px;
    font-weight: 700;
    line-height: 1;
}

.sohoj-content h2 span {
    color: #79b91c;
}

.sohoj-content h3 {
    font-weight: 700;
    font-size: 48px;
    text-transform: capitalize;
}

/* dark home css */
.dark ul.header-top-right li select#lang-typ,
.dark ul.header-top-right li a,
.dark .header-top-phone h2,
.dark .section-title h4,
.dark .section-title h3,
.dark ul.header-top-social li a {
    color: #fff;
}

.dark .all-single-events.owl-theme .owl-dots .owl-dot.active span {
    background: #79b91c;
}

.dark .all-single-events.owl-theme .owl-dots .owl-dot span {
    background: #fff;
}

.dark ul.header-top-right li select#lang-typ option {
    background: #000;
}

.custom-list {
  list-style-type: "☫"; /* Khanda symbol */
  padding-left: 5%; /* Adjust as needed */
}

.custom-list li {
  padding: 10px 5px 5px 10px;
  margin-bottom: 10px;
}

.custom-list li::marker {
  color: #28a745; /* Green color */
  font-size: 1.2em; /* Adjust size as needed */
  margin-right: 10px;
}

.carousel-indicators {
    bottom: -20px;
}

.carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #ccc;
}

.carousel-indicators .active {
    background-color: #333;
}
@media (min-width: 768px) {
    #volunteerCarousel .carousel-item .row {
        display: flex;
        flex-wrap: nowrap;
    }
    #volunteerCarousel .carousel-item .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.mb-4 {
    margin-bottom: 2.5rem!important
}

/* Base styles */
.single-team-wraper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.team-img-title {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.svg-container {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.svg-container svg {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.team-title {
    margin-top: auto;
    padding: 10px 5px;
    word-wrap: break-word;
}

/* Mobile styles (portrait) */
@media (max-width: 575.98px) and (orientation: portrait) {
    .volunteer-grid .col-12,
    .volunteer-carousel .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Mobile styles (landscape) */
@media (max-width: 767.98px) and (orientation: landscape) {
    .volunteer-grid .col-12,
    .volunteer-carousel .col-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Tablet styles (portrait) */
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
    .volunteer-grid .col-sm-6,
    .volunteer-carousel .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Tablet styles (landscape) */
@media (min-width: 768px) and (max-width: 1199.98px) and (orientation: landscape) {
    .volunteer-grid .col-md-4,
    .volunteer-carousel .col-md-3 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

/* Ensure carousel items are side by side on larger screens */
@media (min-width: 768px) {
    #volunteerCarousel .carousel-item .row {
        display: flex;
        flex-wrap: nowrap;
    }
}
.event-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    max-width: 300px;
}

/* scroller code */
/* Styling the entire scrollbar */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

/* Styling the scrollbar track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Styling the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background: #111;
  border-radius: 6px;
}

/* Styling the scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background: #79b91c;
}

/* Styling the top button (arrow) */
::-webkit-scrollbar-button:vertical:start {
  background-image: url('../../assets/img/khanda.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 12px;
}

/* Styling the bottom button (arrow) */
::-webkit-scrollbar-button:vertical:end {
  background-image: url('../../assets/img/khanda.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 12px;
}

/* Hide the increment/decrement buttons in the middle */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

/* Styling the scrollbar corner */
::-webkit-scrollbar-corner {
  background: #f1f1f1;
}

/* Adding the Khalsa flag in the middle of the track */
::-webkit-scrollbar-track::before {
  content: '';
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 24px;
  background-image: url('../../assets/img/khalsa.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 9999;
}

/* scrollbars code end */
.mb-30 {
    margin-bottom:30px;
}
/* gallery css */

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.gallery-item {
    flex: 1 0 200px;
    max-width: calc(25% - 10px);
}
.gallery-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.empty-state {
    width: 100%;
    text-align: center;
    padding: 20px;
}

.empty-state img {
    max-width: 270px;
    height: auto;
}

.empty-state p {
    margin-top: 10px;
    font-style: italic;
    color: #666;
}  

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}
.flexcolumn {
    flex-direction: column;
    width:100%;
}
.colorwhite {
    color:white;
}

.pages-menu {
    position: relative;
}

.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1000;
}

.pages-menu:hover > .sub-menu {
    display: block;
}

.has-submenu {
    position: relative;
}

.heritage-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1000;
}

.has-submenu:hover > .heritage-submenu {
    display: block;
}

.sub-menu li, .heritage-submenu li {
    white-space: nowrap;
}

.sub-menu a, .heritage-submenu a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
}

.sub-menu a:hover, .heritage-submenu a:hover {
    background-color: #f5f5f5;
}

.active > a {
    font-weight: bold;
}

.displaybookings {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-evenly;
    margin-bottom: 10px;
}
.displaybookings  span {
    font-style:italic;
}
.displaybookings .colorr {
    color : red;
}
.displaybookings .colorg {
    color : green;
}
.displaybookings .colorb {
    color : blue;
}
.fc-scroller {
    overflow: auto !important;
}
.textdecoration {
    text-align: center;
    font-weight: bold;
    text-decoration: underline overline;
    text-underline-offset: 0.2em;
}
.interacdisplay {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-content: center;
    align-items: center;
}
.mg-5 {
    margin-top:5%;
}
.details {
    font-size:35px;
}
.dsize {
    height:700px;
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgb(0 0 0 / 7%);
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgb(25 25 25 / 10%);
    background: #2f3034;
    transition: .3s;
}

#sticky-slider {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: white;
    padding: 10px;
    text-align: center;
    z-index:99999;
}
#slider-content {
    white-space: nowrap;
    overflow: hidden;
}
.red {
    color:red !important;
}

.ft18 {
    font-size:18px !important;
    color:#79b91c;
}

.white-popup-block {
    background: #fff;
    padding: 20px;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    border-radius: 5px;
}

.white-popup-block h2 {
    color: #333;
    margin-bottom: 20px;
}

button[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button[type="submit"]:hover {
    background-color: #45a049;
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}
.noto-sans-gurmukhi-images {
  font-family: "Noto Sans Gurmukhi", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/* use videos */
#video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

#video-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
}

header, main {
    position: relative;
    z-index: 1;
}
.white {
    color:white !important;
}
.bgwhite {
    background:white;
    border-radius: 10px;
}
.padded15 {
    margin:15px 0px !important;
}
.svg-container::before {
    content: attr(data-ribbon-text);
    position: absolute;
    top: 20px;
    left: 5px;
    width: 200px;
    height: 40px;
    background-color: #79b91c; /* Ribbon color */
    color: #ffffff; /* Text color */
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    transform: rotate(353deg);
    z-index: 1;
}
.popup-media {
    color: green !important;
    text-decoration: underline !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

.schedule-container {
        display: flex;
        flex-direction: column;
		margin-left: 15px;
    }
.schedule-container label {
	color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    width: 95%;
}

    .schedule-options {
        display: flex;
        flex-direction: row;
        
    }

    .schedule-option {
        display: flex;
        align-items: center;
		align-items:baseline;
    }

    .schedule-option input[type="checkbox"] {
        margin-right: 5px;
    }
.menu-container {
    display: flex;
    gap:30px;
    justify-content: space-between;
}

/* card container  */
.containerHeritage {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cards {
    flex: 0 0 calc(33.333% - 20px);
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.card-content {
    padding: 20px;
}

.card-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.card-text {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 15px;
}

.card-link {
    display: inline-block;
    padding: 8px 16px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.card-link:hover {
    background-color: #0056b3;
}

@media (max-width: 992px) {
    .cards {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 768px) {
    .cards {
        flex: 0 0 100%;
    }
}

#rotating-messages h2 {
    transition: opacity 0.5s ease-in-out;
}
.zindex {
   z-index:99999;
}

.flex-gallery-index {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 20px;
}

.gallery-item-index {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    min-width: 300px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
}

.gallery-item-index:hover {
    transform: translateY(-5px);
}

.image-grid-index {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    padding: 10px;
}

.event-image-index {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 4px;
    transition: transform 0.3s ease;
}

.event-image-index:hover {
    transform: scale(1.05);
}

.gallery-content-index {
    padding: 15px;
    background: #f8f8f8;
}

.gallery-title-index {
    font-size: 1.2em;
    margin: 0;
    color: #333;
    text-transform: capitalize;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .gallery-item-index {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 768px) {
    .gallery-item-index {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Zoom container styles */
.zoom-container {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.zoom-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Zoom effect on hover */
.zoom-container:hover .zoom-img {
    transform: scale(1.2);
}

/* Magnific Popup custom styles */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    backface-visibility: hidden;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

 .flexed-gallery {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin: auto;
  }
  .flexed-gallery .galleryItemportfolio {
    flex: 1 1 auto;
    margin: 0.3em;
    border: 1px solid black;
    position: relative;
    width: 12em;
    height: 13em;
    overflow: hidden;
  }
  @media (min-width: 40em) {
    .flexed-gallery .galleryItemportfolio {
      width: 10em;
      height: 10em;
    }
  }
  @media (min-width: 80em) {
    .flexed-gallery .galleryItemportfolio {
      width: 17em;
      height: 17em;
    }
  }
  .flexed-gallery .galleryItemportfolio:hover img {
    transform: scale(1.2);
  }
  .flexed-gallery a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .flexed-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s;
  }
  .flexed-gallery figcaption {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1em;
  }
  
  .lightBoxOverlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin:0 auto;
    background-color: rgba(0, 0, 0, 0.7);
    z-index:99999;
    text-align:center;
  }
  .lightBoxOverlay .closeButton {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: #000;
    background-color: #fff;
    font-size: 1.5em;
    border-radius: 1em;
    padding: 0.44em 0.66em;
    height: 2em;
    width: 2em;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
  }
  .lightBoxOverlay .closeButton:hover {
    color: #fff;
    background-color: #000;
  }
  @media (min-width: 80em) {
    .lightBoxOverlay .closeButton {
      font-size: 2em;
      top: 1em;
      right: 1em;
      height: 2em;
      width: 2em;
      display: flex;
      align-items: center;
    }
  }
  .lightBoxOverlay .flexContainer {
    margin: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1em;
  }
  @media (min-width: 40em) {
    .lightBoxOverlay .flexContainer {
      padding: 3em;
    }
  }
  @media (min-width: 80em) {
    .lightBoxOverlay .flexContainer {
      padding: 5em;
    }
  }
  .lightBoxOverlay img {
    max-width: 100%;
    max-height: 100%;
  }
  .lightBoxOverlay figcaption {
    margin-top: 1em;
    padding: 0.5em 1em;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5em;
  }
  figcaption {
    font-size: 12px;
    text-align: center;
  }
.pdfcontainer {
		max-width: 1200px;
		margin: 0 auto;
	}
	.pdfcontainer .controls {
		background: #f5f5f5;
		padding: 15px;
		margin-bottom: 20px;
		border-radius: 5px;
		display: flex;
		gap: 10px;
		align-items: center;
	}
	.pdf-container {
		border: 1px solid #ddd;
		margin-bottom: 20px;
	}
	canvas {
		max-width: 100%;
	}
	button.pdfbook {
		padding: 8px 15px;
		cursor: pointer;
		background: #4CAF50;
		color: white;
		border: none;
		border-radius: 4px;
	}
	button.pdfbook:disabled {
		background: #cccccc;
	}
	#textContent {
		padding: 20px;
		background: #f9f9f9;
		margin-top: 20px;
		border-radius: 5px;
		white-space: pre-wrap;
	}
	.speech-controls {
		margin-top: 10px;
		display: flex;
		gap: 10px;
	}
	#status {
		color: #666;
		margin-left: 10px;
	}
.cr {
  width: 200px;
  padding: 16px 10px;
  position: absolute;
  text-align: center;
  background-color: red;
  box-shadow: 0 5px 10px rgba(0,0,0,0.3);
  z-index: 9999;
  white-space: nowrap;
  overflow: visible;
  box-sizing: border-box;
}

.cr a {
  color: white;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.cr-sticky {
  position: fixed;
}

/* Positions */
.cr-top    { top: -40px; }
.cr-bottom { bottom: 25px; }
.cr-left   { 
  left: -100px;
  transform-origin: top right;
}
.cr-right  { 
  right: -50px;
  transform-origin: top left;
}

/* Rotations */
.cr-top.cr-left,
.cr-bottom.cr-right {
  transform: rotate(-45deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
  transform: rotate(45deg);
}

/* Ribbon edges */
.cr::before,
.cr::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: -1;
}

.cr-left::before {
  border-width: 5px 5px 5px 0;
  border-color: transparent darkred transparent transparent;
  left: 0;
  bottom: -5px;
}

.cr-left::after {
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent darkred;
  right: 0;
  bottom: -5px;
}

/* Ensure Switchery checkbox states are visible */
.switchery {
    opacity: 1 !important;
}

.switch input[type="radio"],
.switch input[type="checkbox"] {
	display: block !important;
	visibility: hidden;
}
.error-state {
    color: #ff0000;
}

.error-container {
    border: 1px solid #ff0000;
    padding: 10px;
    border-radius: 4px;
}

.signature-pad canvas {
    width: 100% !important;
    height: auto !important;
}

.signature-pad {
    position: relative;
    width: 100%;
    height: auto;
}

.signature-pad.error {
    border: 1px solid #ff0000;
    padding: 10px;
    border-radius: 4px;
}

.error-message {
    color: #ff0000;
    font-size: 0.875em;
    margin-top: 5px;
    display: none;
}
.switch,.mgnleft20 {
    margin-left:20px;
}
.mgnleft20 li {
    margin-left:3%;
}
canvas {
	background:white;
}