:root {
	--body-font: 'Montserrat', sans-serif;
	--white: #ffffff;
	--default-color: #141C46; 
    --default-color-b: #484A60; 
    --default-color-c: #075357; 
    --default-color-d: #9A721A; 
    --color-a: #212E75;
    --color-b: #5A58A6;
    --color-c: #247C87;
    --color-d: #2E2E2E;
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 92%;
    }
    .menu-link {
        padding: 39px 8px;
    }

    #footer .container {
        max-width: 80%;
    }
    .sticky-header-shrink #top-search-trigger .icon-line-cross {
        color: #333;
    }

    .transparent-header a.menu-link, .transparent-header .header-misc-icon > a {
        color: #fff;
    }
    
    .transparent-header .not-dark a.menu-link, .transparent-header .not-dark .header-misc-icon > a {
        color: #444;
    }
}

/* ---------------------Theme Color Changer--------------------- */
#theme-switcher .btn {
	width: 18px;
	height: 18px;
	padding: 0;
    margin: 0 8px;
	background-color: #212E75;
	border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 2px;
}

#theme-switcher #protanopia-theme-btn {
	background-color: #B5B8F1;
}

#theme-switcher #tritanopia-theme-btn {
	background-color: #247C87;
}

#theme-switcher #deuteranopia-theme-btn {
	background-color: #D08410;
}
/* ---------------------End--------------------- */

html.default body #top-bar.dark {
    background-color: #141C46;
}

html.protanopia body #top-bar.dark {
    background-color: #484A60;
}

html.tritanopia body #top-bar.dark {
    background-color: #075357;
}

html.deuteranopia body #top-bar.dark {
    background-color: #9A721A;
}

/* ---------------------Default--------------------- */
        .heading-block h1, 
        .heading-block h2,
        .heading-block h3, 
        .readmore, 
        .fbox-content h2, 
        .services .fbox-content h3,
        .attractions .entry-title h3 a,
        .feeds .entry-title h2 a,
        .feeds .date,
        .feeds .entry-title h4,
        .cloud-note h2,
        .cloud-note h5,
        .feeds .entry-meta li,
        .quote p,
        .demography .demography-content h2,
        .climate-box .climate-content h2,
        .triggers .entry-title h3 a,
        .breadcrumb-outer .breadcrumb a,
        .objectives .fbox-content h4,
        .objectives .fbox-content h3,
        .contact-form-overlay h3,
        .contact-form-overlay label,
        .gallery .grid-filter li a,
        .city-feed .entry-meta li {
            color: var(--color-a);
        }
        #gotoTop:hover, 
        .button-border.button-blue:hover,
        .services .fbox-border.fbox-effect .fbox-icon i::after,
        .services .feature-box:hover .i-circled,
        .feeds .tab-nav.tab-nav2 li.ui-state-active a,
        #footer .btn-success,
        .services .feature-box:hover .fbox-icon a,
        .objectives .feature-box:hover .fbox-icon a,
        .projects_tab .list-group .list-group-item.active,
        .contact-form-overlay .button-blue,
        .gallery .grid-filter li.activeFilter a {
            background-color: var(--color-a) !important;
        }
        .button-border.button-blue {
            color: var(--color-a);
            border-color: rgba(33, 46, 117, 0.1);
        }
        .base_bg {
            background-color: var(--default-color) !important;
        }
        .base_bg_light {
            background-color: #F7F8FF;
        }
        .base_bg_darklight {
            background-color: #ECF1FF;
        }
        .social .bg-overlay-bg.dark {
            background-color: rgb(33 46 117 / 90%);
        }
/* ---------------------End--------------------- */

/* ---------------------Protanopia--------------------- */
        html.protanopia body .heading-block h1, 
        html.protanopia body .heading-block h2, 
        html.protanopia body .heading-block h3,
        html.protanopia body .readmore, 
        html.protanopia body .fbox-content h2, 
        html.protanopia body .services .fbox-content h3,
        html.protanopia body .attractions .entry-title h3 a,
        html.protanopia body .feeds .entry-title h2 a,
        html.protanopia body .feeds .date,
        html.protanopia body .feeds .entry-title h4,
        html.protanopia body .cloud-note h2,
        html.protanopia body .cloud-note h5,
        html.protanopia body .feeds .entry-meta li,
        html.protanopia body .quote p,
        html.protanopia body .demography .demography-content h2,
        html.protanopia body .climate-box .climate-content h2,
        html.protanopia body .triggers .entry-title h3 a,
        html.protanopia body .breadcrumb-outer .breadcrumb a,
        html.protanopia body .objectives .fbox-content h4,
        html.protanopia body .objectives .fbox-content h3,
        html.protanopia body .contact-form-overlay h3,
        html.protanopia body .contact-form-overlay label,
        html.protanopia body .gallery .grid-filter li a,
        html.protanopia body .city-feed .entry-meta li {
            color: var(--color-b);
        }
        html.protanopia body #gotoTop:hover, 
        html.protanopia body .button-border.button-blue:hover,
        html.protanopia body .services .fbox-border.fbox-effect .fbox-icon i::after,
        html.protanopia body .services .feature-box:hover .i-circled,
        html.protanopia body .feeds .tab-nav.tab-nav2 li.ui-state-active a,
        html.protanopia body #footer .btn-success,
        html.protanopia body .services .feature-box:hover .fbox-icon a,
        html.protanopia body .objectives .feature-box:hover .fbox-icon a,
        html.protanopia body .projects_tab .list-group .list-group-item.active,
        html.protanopia body .contact-form-overlay .button-blue,
        html.protanopia body .gallery .grid-filter li.activeFilter a  {
            background-color: var(--color-b) !important;
        }
        html.protanopia body .button-border.button-blue {
            color: var(--color-b);
            border-color: rgba(33, 46, 117, 0.1);
        }
        html.protanopia body .base_bg {
            background-color: var(--default-color-b) !important;
        }
        html.protanopia body .base_bg_light {
            background-color: #F7F8FF;
        }
        html.protanopia body .base_bg_darklight {
            background-color: #ECF1FF;
        }
        html.protanopia body .social .bg-overlay-bg.dark {
            background-color: rgb(90 88 166 / 90%);
        }
/* ---------------------End--------------------- */

/* ---------------------Tritanopia--------------------- */
        html.tritanopia body .heading-block h1, 
        html.tritanopia body .heading-block h2, 
        html.tritanopia body .heading-block h3, 
        html.tritanopia body .readmore, 
        html.tritanopia body .fbox-content h2, 
        html.tritanopia body .services .fbox-content h3,
        html.tritanopia body .attractions .entry-title h3 a,
        html.tritanopia body .feeds .entry-title h2 a,
        html.tritanopia body .feeds .date,
        html.tritanopia body .feeds .entry-title h4,
        html.tritanopia body .cloud-note h2,
        html.tritanopia body .cloud-note h5,
        html.tritanopia body .feeds .entry-meta li,
        html.tritanopia body .quote p,
        html.tritanopia body .demography .demography-content h2,
        html.tritanopia body .climate-box .climate-content h2,
        html.tritanopia body .triggers .entry-title h3 a,
        html.tritanopia body .breadcrumb-outer .breadcrumb a,
        html.tritanopia body .objectives .fbox-content h4,
        html.tritanopia body .objectives .fbox-content h3,
        html.tritanopia body .contact-form-overlay h3,
        html.tritanopia body .contact-form-overlay label,
        html.tritanopia body .gallery .grid-filter li a,
        html.tritanopia body .city-feed .entry-meta li {
            color: var(--color-c);
        }
        html.tritanopia body #gotoTop:hover, 
        html.tritanopia body .button-border.button-blue:hover,
        html.tritanopia body .services .fbox-border.fbox-effect .fbox-icon i::after,
        html.tritanopia body .services .feature-box:hover .i-circled,
        html.tritanopia body .feeds .tab-nav.tab-nav2 li.ui-state-active a,
        html.tritanopia body #footer .btn-success,
        html.tritanopia body .services .feature-box:hover .fbox-icon a,
        html.tritanopia body .objectives .feature-box:hover .fbox-icon a,
        html.tritanopia body .projects_tab .list-group .list-group-item.active,
        html.tritanopia body .contact-form-overlay .button-blue,
        html.tritanopia body .gallery .grid-filter li.activeFilter a  {
            background-color: var(--color-c) !important;
        }
        html.tritanopia body .button-border.button-blue {
            color: var(--color-c);
            border-color: rgba(33, 46, 117, 0.1);
        }
        html.tritanopia body .base_bg {
            background-color: var(--default-color-c) !important;
        }
        html.tritanopia body .base_bg_light {
            background-color: #F7FFFA;
        }
        html.tritanopia body .base_bg_darklight {
            background-color: #F6FFFA;
        }
        html.tritanopia body .social .bg-overlay-bg.dark {
            background-color: rgb(36 124 135 / 90%);
        }
/* ---------------------End--------------------- */

/* ---------------------Deuteranopia--------------------- */
        html.deuteranopia body .heading-block h1, 
        html.deuteranopia body .heading-block h2, 
        html.deuteranopia body .heading-block h3, 
        html.deuteranopia body .readmore, 
        html.deuteranopia body .fbox-content h2, 
        html.deuteranopia body .services .fbox-content h3,
        html.deuteranopia body .attractions .entry-title h3 a,
        html.deuteranopia body .feeds .entry-title h2 a,
        html.deuteranopia body .feeds .date,
        html.deuteranopia body .feeds .entry-title h4,
        html.deuteranopia body .cloud-note h2,
        html.deuteranopia body .cloud-note h5,
        html.deuteranopia body .feeds .entry-meta li,
        html.deuteranopia body .quote p,
        html.deuteranopia body .demography .demography-content h2,
        html.deuteranopia body .climate-box .climate-content h2,
        html.deuteranopia body .triggers .entry-title h3 a,
        html.deuteranopia body .breadcrumb-outer .breadcrumb a,
        html.deuteranopia body .objectives .fbox-content h4,
        html.deuteranopia body .objectives .fbox-content h3,
        html.deuteranopia body .contact-form-overlay h3,
        html.deuteranopia body .contact-form-overlay label,
        html.deuteranopia body .gallery .grid-filter li a,
        html.deuteranopia body .city-feed .entry-meta li {
            color: var(--color-d);
        }
        html.deuteranopia body #gotoTop:hover, 
        html.deuteranopia body .button-border.button-blue:hover,
        html.deuteranopia body .services .fbox-border.fbox-effect .fbox-icon i::after,
        html.deuteranopia body #footer .btn-success,
        html.deuteranopia body .objectives .feature-box:hover .fbox-icon a,
        html.deuteranopia body .projects_tab .list-group .list-group-item.active,
        html.deuteranopia body .contact-form-overlay .button-blue,
        html.deuteranopia body .gallery .grid-filter li.activeFilter a {
            background-color: var(--color-d) !important;
        }
        html.deuteranopia body .feeds .tab-nav.tab-nav2 li.ui-state-active a,
        html.deuteranopia body .services .feature-box:hover .fbox-icon a,
        html.deuteranopia body .services .feature-box:hover .i-circled {
            background-color: var(--default-color-d) !important;
        }
        html.deuteranopia body .button-border.button-blue {
            color: var(--color-d);
            border-color: rgba(33, 46, 117, 0.1);
        }
        html.deuteranopia body .base_bg {
            background-color: var(--default-color-d) !important;
        }
        html.deuteranopia body .base_bg_light {
            background-color: #FFFBF6;
        }
        html.deuteranopia body .base_bg_darklight {
            background-color: #ECF1FF;
        }
        html.deuteranopia body .social .bg-overlay-bg.dark {
            background-color: rgb(154 114 26 / 90%);
        }
/* ---------------------End--------------------- */

.tagline {
	font-size: 24px;
}
.top-links-item > p {
    display: block;
    padding: 12px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 0;
}
.dark .top-links-item:hover {
	background-color: transparent;
}

.dark .top-links-item {
    border-left-color: rgba(255, 255, 255, 0); 
}

.top-links-item .custom-select {
    font-weight: 500;
    border: none;
    color: #fff;
    background-color: transparent;
    background: url("../images/dropdown.svg") no-repeat right 0.75rem center/8px 10px;
}
.top-links-item .custom-select:hover {
    cursor: pointer;
}
.top-links-item .custom-select option {
    background-color: #333;
}
.top-links-item .custom-select option:hover {
    background-color: var(--default-color);
}
.top-links-item .custom-select:focus {
    box-shadow: none;
}

.wccm-card {
    position: relative;
    top: 130px;
    z-index: 1;
    margin-top: -130px;
    background-color: #fff;
    border: 4px solid #F6F8FF;
    box-shadow: 0px 25px 50px rgba(24, 24, 24, 0.08);
    border-radius: 12px;
    padding: 25px 50px;
}

.large-padding {
    padding: 150px 0 60px;
}

.fbox-content h2 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
}

/* .glance {
    padding: 0 80px;
} */

.glance .feature-box {
    max-width: 230px;
    width: 100%;
    min-height: 230px;
    background: #FFFFFF;
    border: 1px solid rgba(33, 46, 117, 0.1);
    box-shadow: 0px 25px 50px rgb(24 24 24 / 8%);
    border-radius: 20px;
    margin: auto;
    padding: 12px 8px;
    justify-content: center;
}

.glance .fbox-content h3 span {
    color: #494D57 !important;
    font-size: 14px;
}

.glance .fbox-icon {
    width: auto;
    height: auto;
    padding: 0 0.75rem;
}

.glance .col-padding {
    padding: 1rem 15px;
}

.readmore {
    font-size: 18px;
    font-weight: 700;
    display: flex;
}
.glance .readmore i {
    font-size: 18px;
    display: flex;
    align-items: center;
}

.glance .fbox-content h2 {
    font-size: 24px;
}

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

.glance .fbox-dark .fbox-icon .img-sm{
    width: 28px;
    height: auto;
}

.glance .fbox-content {
    flex-grow: 1;
}

.glance .fbox-center {
    text-align: left;
}

@media (min-width: 1200px) {
    .glance .padding-xl {
        padding-left: 60px
    }
}

.services .feature-box {
    background: #FFFFFF;
    border: 2px solid rgba(33, 46, 117, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 15px;
    align-items: center;
    margin: 0;
    min-height: 180px;
}

.services .feature-box:hover {
    border: 2px solid rgba(33, 46, 117, 0.2);
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.1);
}

.services .feature-box:hover .i-circled {
    color: #FFF;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    box-shadow: 0 0 0 rgb(0 0 0 / 20%);
}

.services .fbox-icon {
    width: 100px;
    height: 100px;
    padding: 0;
}

.services .fbox-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
    -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s;
    transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}

.services .fbox-icon a img {
    width: 70%;
    border-radius: 0;
}

.services .feature-box:hover .fbox-icon a img {
    filter: brightness(100);
}

.services .fbox-content h3 {
    font-size: 28px;
}

.services .fbox-icon i, .services .fbox-icon img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.services .i-circled {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    border: 1px solid rgba(73, 77, 87, 0.2);
    box-shadow: none;
    padding-left: 3px;
}

.services .i-circled:hover {
    color: #FFF;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    box-shadow: 0 0 0 rgb(0 0 0 / 20%);
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .services .fbox-icon {
        width: 80px;
        height: 80px;
        padding: 0;
    }
    .services .fbox-content h3 {
        font-size: 20px;
        line-height: 30px !important;
    }
    .services .fbox-content p {
        font-size: 16px;
        line-height: 20px !important;
    }
}

.projects .entry-image {
    border: 2px solid rgba(255, 255, 255, 0.2);
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08));
    border-radius: 12px;
    overflow: hidden;
}

.projects .entry-title h3 a {
    display: block;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projects .posts-md .entry-content {
    margin-top: 10px;
}

.projects .posts-md .entry-content p {
    color: #eeeeee;
    font-size: 20px;
    margin-bottom: 12px;
}

.projects .readmore {
    font-size: 18px;
    color: #fff !important;
    font-weight: 700;
    display: flex;
}

.projects .owl-carousel .owl-nav [class*=owl-] {
    opacity: 1;
    top: -40px;
    border: none;
    background: no-repeat;
    font-size: 28px;
}
.projects .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: transparent !important;
    color: #FFF !important;
    text-decoration: none;
}
.projects .owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 0;
}
.projects .owl-carousel .owl-nav .owl-prev {
    left: auto;
    right: 50px;
}

.attractions .posts-md .entry {
    padding: 12px;
    border: 2px solid rgba(33, 46, 117, 0);
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0);
}

.attractions .posts-md .entry:hover {
    background: #FFFFFF;
    border: 2px solid rgba(33, 46, 117, 0.05);
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}
.attractions .entry-title h3 a {
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
}

.attractions .posts-md .entry-content {
    margin-top: 10px;
}

.attractions .posts-md .entry-content p {
    color: #494D57;
    font-size: 20px;
    margin-bottom: 12px;
}

.gallery .grid-inner {
    background: #FFFFFF;
    border: 2px solid #ECF1FF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
}

.gallery .bg-overlay-content {
    justify-content: flex-end;
}

.gallery .portfolio-item .portfolio-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    object-position: center;
}

.gallery .grid-filter {
    border: none;
    grid-gap: 10px;
}
.gallery .grid-filter li:first-child a, .gallery .grid-filter li:last-child a {
    border-radius: 0;
}
.gallery .grid-filter li a {
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.gallery .grid-filter li a:hover {
    color: inherit;
}
.gallery .grid-filter li.activeFilter a {
    color: #FFF !important;
    margin: 0;
    font-weight: 600;
}

@media (min-width: 768px) {
    .feeds .side-tabs .tab-container, .feeds .side-tabs .tab-nav {
        padding: 0 15px;
    }
}

.feeds .viewall {
    color: #66738F;
    font-size: 20px;
}

.feeds .entry-image {
    margin-bottom: 10px;
}

.feeds .entry-title h2 a {
    font-size: 26px;
    text-transform: capitalize;
    letter-spacing: normal;
}

.feeds .entry-content {
    margin-top: 10px;
}

.feeds .entry-content p {
    color: #43475B;
    font-size: 20px;
    margin-bottom: 10px;
}

.feeds .date {
    font-size: 16px;
}

.feeds .tab-nav.tab-nav2 li {
    border: 0;
    margin: 6px 0 0;
    height: auto;
    text-align: left;
}

.feeds .tab-nav.tab-nav2 li a {
    background: #FFFFFF;
    border: 2px solid #ECF1FF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 15px;
    height: auto;
    line-height: 44px;
}

.feeds .entry-title h4 {
    font-size: 16px;
}

.feeds .entry-meta li {
    font-size: 80%;
    font-weight: 600;
}

.feeds .tab-nav.tab-nav2 li.ui-state-active a .entry-title h4, .feeds .tab-nav.tab-nav2 li.ui-state-active a .entry-meta li {
    color: #ffffff;
}

.feeds .entry-image img {
    border-radius: 5px;
    max-height: 380px;
    object-fit: cover;
}

.feeds .tab-nav .entry-image img {
    border-radius: 3px;
    max-height: 120px;
}

@media (max-width: 1199px) {
    .feeds .col-xl-5 {
        order: 1;
    }
    .feeds .col-xl-7 {
        order: 2;
    }
}

.social .grid-inner {
    border-radius: 10px;
    margin-bottom: 30px;
}

.social .portfolio-item .portfolio-image.half img {
    height: 280px;
    object-fit: cover;
}
.social .portfolio-item .portfolio-image.full img {
    height: 590px;
    object-fit: cover;
}
.social .bg-overlay-content {
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    z-index: 1;
    padding: 20px;
    justify-content: space-between;
}

.social .datelink {
    width: 100%;
}

.client .oc-item {
    background: #FFFFFF;
    border: 1px solid rgba(33, 46, 117, 0.1);
    border-radius: 12px;
    padding: 12px;
}

.client .oc-item img {
    width: 286px;
    height: auto;
    margin: auto;
}

.cloudy {
    background: #FFFFFF;
    border: 2px solid #ECF1FF;
    box-shadow: 0px 25px 50px rgba(24, 24, 24, 0.08);
    border-radius: 32px;
    padding: 15px;
    position: relative;
    top: -150px;
    margin-bottom: -150px;
}

.cloud-note h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 15px;
}

.cloud-note h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}

.cloud-note p {
    color: #43475B;
    font-size: 18px;
}
.mt-150 {
    margin-top: 150px !important;
}

.footer-logo {
    width: 100px;
    margin-right: 15px;
}

.footer-widgets-wrap p {
    font-size: 16px;
}

.widget h4 {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    margin-bottom: 15px;
}

.quick-contact-widget.form-widget .input-group .form-control {
    color: #999;
    background-color: #ECF1FF !important;
    border-color: rgba(255,255,255,0.15);
    border-radius: 48px;
    padding: 24px 15px;
    font-size: 18px;
}

#footer .btn-success {
    color: #fff;
    border-color: transparent;
    border-radius: 48px;
    padding: 12px 15px;
    position: relative;
    left: -60px;
    z-index: 999;
}

.widget .si-text-color i {
    color: #ffffff;
}

.base_bg_light {
    background-image: url(../images/background-shape.svg);
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: right center;
    background-attachment: scroll;
}

.swiper-pagination.vertical {
    height: 100%;
    width: 20px;
    top: 0;
    right: 50px;
    left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.swiper-pagination.vertical .swiper-pagination-bullet {
    margin: 5px 0;
    width: 15px;
    height: 15px;
}

@media all and (min-width: 992px) and (max-width: 1110px) {
    #header .container, .container-sm, .container-md, .container-lg {
        max-width: 100%;
    }
    .menu-link {
        font-size: 14px;
    }
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky !important;
    top: 0;
    z-index: 1020;
}

#top-search-trigger .icon-line-cross {
    color: #444444;
    font-size: 28px !important;
    left: -20px;
}

.top-search-form input {
    font-weight: 500;
    font-size: 24px;
    background-color: #ffffff !important;
    border-radius: 12px;
    padding: 24px;
}

.social_links .si-dark {
    background-color: rgb(255 255 255);
    color: #333333 !important;
    border-color: transparent;
}
.social_links .social-icon {
    margin: 0 5px 5px 0;
    width: 36px;
    height: 36px;
    line-height: 34px !important;
}
.social_links .social-icon:hover i:first-child {
    margin-top: -34px;
}
.social_links .social-icon i:last-child {
    color: #333333 !important;
}

/*  */

@media (max-width: 1110px) {
    .owl-carousel {
        width: 90%;
        margin: 0 auto;
    }
}

#page-title:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: .0;
    background: linear-gradient(274.78deg, rgba(15, 63, 136, 0.6) 3.26%, rgba(0, 0, 0, 0.6) 22.28%, rgba(0, 0, 0, 0.6) 78.16%, rgba(15, 63, 136, 0.6) 95.51%);
}

.breadcrumb-outer {
    position: relative;
}
.breadcrumb-outer .breadcrumb {
    position: relative !important;
    top: -55px !important;
    right: 0 !important;
    transform: translateY(0);
}
.breadcrumb-outer .breadcrumb a {
    font-size: 18px;
    font-weight: 600;
}
.breadcrumb-outer .breadcrumb span.text-underline {
    text-decoration: underline;
}

.img_card {
    position: relative;
}
.img_card::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 50%;
    background-color: #F6F8FF;
    transform: translateY(50%);
}
.img_card .img_box {
    border: 4px solid #F6F8FF;
    box-shadow: 0px 25px 50px rgba(24, 24, 24, 0.08);
    border-radius: 12px;
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
    max-width: 80%;
}

.demography {
    background-image: url(../images/bg_demography.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    background-attachment: scroll;
    padding-bottom: 0;
}

.demography .demography-box {
    width: 180px;
    height: 180px;
    background: #FFFFFF;
    border: 4px solid #F6F8FF;
    border-radius: 20px;
    padding: 12px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.demography .demography-icon {
    width: 80px;
    height: auto;
    padding: 0 0 15px;
}
.demography .demography-content {
    flex-grow: 1;
}
.demography .demography-content h3 {
    color: #494D57;
    font-size: 14px;
    font-weight: 600;
}
.demography .demography-content h2 {
    font-size: 26px;
    font-weight: 600;
}
.small-padding {
    padding: 60px 0 40px;
}
.climate {
    background-image: url(../images/climate-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    padding: 15px 0;
}

.climate .row {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.climate-box {
    display: flex;
    align-items: center;
    max-width: max-content;
    margin: 12px auto;
}
.climate-box .climate-icon {
    width: auto;
    margin-right: 10px;
}
.climate-box .climate-content p {
    font-size: 18px;
    color: #494D57;
    white-space: nowrap;
}
.climate-box .climate-content h2 {
    font-size: 28px;
    white-space: nowrap;
}

.triggers .entry-image {
    background: #F6F8FF;
    mix-blend-mode: normal;
    border: 4px solid rgba(33, 46, 117, 0.2);
    border-radius: 20px;
}

.triggers .entry-title h3 a {
    font-size: 28px;
    font-weight: 700;
}
.triggers .entry-content {
    margin-top: 20px;
}
.triggers .entry-content ul {
    list-style-position: inside;
}

.reach_silvassa .card {
    background: #FFFFFF;
    border: 2px solid rgba(33, 46, 117, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}
.reach_silvassa .card .card-header {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.reach_silvassa .card .card-header.air {
    background-image: url(../images/by_air.png);
}
.reach_silvassa .card .card-header.rail {
    background-image: url(../images/by_rail.png);
}
.reach_silvassa .card .card-header.road {
    background-image: url(../images/by_road.png);
}

.reach_silvassa .card .card-header::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 80%);
    z-index: 0;
}

.reach_silvassa .card .card-header .card-title {
    position: relative;
    font-size: 40px;
    font-weight: 600;
    margin: 0;
    padding: 50px 0;
    color: #fff;
}

.reach_silvassa .card .card-body p {
    font-size: 18px;
    min-height: 220px;
}

.base_bg_light.bgtwo {
    background-image: url(../images/background-shape-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.base_bg_light.bgthree {
    background-image: url(../images/background-shape-3.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.mb-60 {
    margin-bottom: 60px;
}

/* --------------------------------------Vission & Mission Start-------------------------------------- */

.objectives .feature-box {
    background: #F7F8FF;
    padding: 15px;
    align-items: center;
    margin: 0;
    min-height: 100%;
}
.objectives .fbox-icon {
    background: #FFFFFF;
    border: 4px solid #F6F8FF;
    box-shadow: 0px 25px 50px rgba(24, 24, 24, 0.08);
    border-radius: 12px;
    width: 150px;
    height: 150px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.objectives .fbox-icon a {
    background: #F6F8FF;
    border: 1px solid rgba(33, 46, 117, 0.2);
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
    -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s;
    transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}
.objectives .fbox-icon a img {
    width: 70%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.objectives .feature-box:hover .fbox-icon a img {
    filter: brightness(100);
}
.objectives .fbox-content h3 {
    font-size: 48px;
    font-weight: 700;
    opacity: 0.6;
}
.objectives .fbox-content h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 0;
}
@media all and (min-width: 1200px) and (max-width: 1350px) {
    .objectives .fbox-icon {
        width: 120px;
        height: 120px;
    }
    .objectives .fbox-icon a {
        width: 80px;
        height: 80px;
    }
    .objectives .fbox-content h3 {
        font-size: 36px;
    }
    .objectives .fbox-content h4 {
        font-size: 20px !important;
    }
}
/* --------------------------------------Vission & Mission End-------------------------------------- */

/* --------------------------------------Focus Areas and Projects Start-------------------------------------- */

.bg-imgnone {
    background-image: none;
}

ul {
    list-style-position: inside;
}

.img-card {
    border: 2px solid rgba(255, 255, 255, 0.2);
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08));
    border-radius: 12px;
    overflow: hidden;
    width: fit-content;
    margin: auto;
}

.projects_tab .list-group {
    background: #E1E4F1;
    /* border: 2px solid rgba(138, 141, 150, 0.2); */
    border-radius: 12px;
    height: 100%;
}

.projects_tab .list-group .list-group-item {
    color: #494D57;
    background: transparent;
    border: none;
}

.projects_tab .list-group .list-group-item.active {
    border-radius: 5px;
    color: #fff;
}

@media (max-width: 991px) {
    .list-group {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .list-group-item {
        width: auto;
    }
}

/* --------------------------------------Focus Areas and Projects End-------------------------------------- */

/* --------------------------------------Contact Us Start-------------------------------------- */

.services.contact .feature-box {
    box-shadow: none;
}
.services.contact .fbox-content p {
    color: #494d57;
}
.query_form {
    overflow: visible;
    background-image: url(../images/background-shape-map.svg);
    background-size: cover;
    margin-bottom: 6rem !important;
}
.map iframe {
    width: 100%;
}
.contact-form-overlay {
    position: relative;
    background-color: #FFF;
    border: 4px solid #F6F8FF;
    box-shadow: 0px 0px 50px rgba(18, 25, 61, 0.08);
    border-radius: 20px;
    z-index: 10;
    margin: -15px 0;
}
.contact-form-overlay .fancy-title {
    margin-bottom: 1rem;
}
.contact-form-overlay label {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: normal;
    margin-bottom: 5px;
}
.contact-form-overlay .form-check label {
    font-size: 14px;
    font-weight: 400;
    color: #494D57;
    margin-bottom: 0;
}
.contact-form-overlay .form-control {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 20px 0.75rem;
}
.map {
    aspect-ratio: 1;
}
.map .fluid-width-video-wrapper {
    height: -webkit-fill-available;
}

/* --------------------------------------Contact Us End-------------------------------------- */

/* --------------------------------------City Detail Start-------------------------------------- */
.city-detail .flexslider .slider-wrap > .slide img {
    border: 4px solid #F6F8FF;
    filter: drop-shadow(0px 25px 50px rgba(24, 24, 24, 0.08));
    border-radius: 12px;
}
.city-detail .flex-control-nav {
    justify-content: center;
    width: 80%;
    margin: 30px auto 0;
}
.city-detail .flex-control-nav.flex-control-thumbs li,
.city-detail .flex-control-nav.flex-control-thumbs li img {
    display: block;
    width: 160px !important;
    height: auto !important;
}
.city-detail .flex-control-nav.flex-control-thumbs li img {
    border: 1px solid #F6F8FF;
    filter: drop-shadow(0px 25px 50px rgba(24, 24, 24, 0.08));
    border-radius: 12px;
}
.city-detail .flex-prev,
.city-detail .flex-next {
    top: auto;
    bottom: -10px;
    border-radius: 50%;
}
.city-detail .flex-prev {
    left: 5%;
}
.city-detail .flex-next {
    left: auto;
    right: 5%;
}
/* --------------------------------------City Detail End-------------------------------------- */

/* --------------------------------------City Feed Start-------------------------------------- */
.city-feed .entry-image img {   
    max-height: 280px;
    min-height: 280px;
    object-fit: cover;
}
@media (min-width: 1200px) {
    .city-feed .entry-image img {   
        max-height: 180px;
        min-height: 180px;
    }
}
.city-feed .entry-title h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.city-feed .posts-md .entry-content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.feeds .base_bg_darklight {
    border-radius: 12px;
}
.btn-sorting {
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    color: #393744;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 12px;
}
/* --------------------------------------City Feed End-------------------------------------- */

@media (max-width: 1600px) {
    .services .fbox-content h3, .projects .entry-title h3 a, .attractions .entry-title h3 a, .triggers .entry-title h3 a {
        font-size: 24px;
    }
    .projects .posts-md .entry-content p, .attractions .posts-md .entry-content p, .feeds .entry-content p, .cloud-note h5 {
        font-size: 18px;
    }
    .cloud-note h2 {
        font-size: 30px;
    }
    .copyrights-menu a {
        font-size: 14px;
    }
    #copyrights {
        font-size: 16px;
    }
    .quote p {
        font-size: 34px;
    }
    .objectives .fbox-content h4 {
        font-size: 24px;
        line-height: 32px;
    }
}

/* -----------------New Update css----------------- */
.services .feature-box.new {
    align-items: flex-start;
    flex-direction: column;
    min-height: 315px;
}
.services .new .fbox-content h3 {
    font-size: 28px;
    margin: 12px 0 10px;
    color: #494D57;
}
.services .new .fbox-content a {
    color: var(--color-a);
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

.survey .entry {
    padding: 6px;
    border: 2px solid rgba(33, 46, 117, 0);
    box-shadow: 0px 0px 48px rgb(0 0 0 / 0%);
}
.survey .entry:hover {
    background: #FFFFFF;
    border: 2px solid rgba(33, 46, 117, 0.05);
    box-shadow: 0px 0px 48px rgb(0 0 0 / 10%);
    border-radius: 12px;
}
.survey .entry .entry-image {
    margin-bottom: 15px;
}
.survey .entry .entry-content {
    margin-top: 10px;
}
.survey .entry .entry-content p {
    margin-bottom: 10px;
}
.survey .entry .entry-content .btn-success {
    color: #fff;
    background-color: #689459;
    border-color: #689459;
}

.open-map {
    position: absolute;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
}
.municipal .tab-nav li {
    height: auto;
}
.municipal .tab-nav.tab-nav2 li a {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    gap: 12px;
    font-size: 24px;
    background-color: #E1E4F1;
    border-radius: 16px;
    color: var(--color-a);
    box-shadow: none;
    height: auto;
}
.municipal .tab-nav.tab-nav2 li.ui-state-active a {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    color: var(--color-a);
    padding: 16px 24px;
    gap: 12px;
    font-size: 24px;
    height: auto;
}
.municipal .fbox-icon {
    width: 80px;
    height: 80px;
    padding: 0;
}
.municipal .fbox-icon span {
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF;
    border: 1px solid #d3d5e3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
    -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s;
    transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}
.municipal .fbox-icon span img {
    width: 70%;
    border-radius: 0;
    border: none;
    background-color: transparent !important;
}
.municipal .tab-content p {
    line-height: 24px !important;
}
.municipal .tab-nav {
    display: flex;
    flex-wrap: nowrap;
}
.ms-mv p {
    font-size: 28px;
    line-height: 42px !important;
}
.graybox {
    background-color: #F1F1F1;
    padding: 15px;
    border-radius: 12px;
    height: 100%;
}
.graybox h3 {
    margin: 0 0 16px;
}
.graybox ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.graybox ul li h5 {
    margin: 0 0 8px;
}
.graybox ul li h5 img {
    width: 18px;
    margin: 0 10px 0 0;
}
.outsourced {
    gap: 12px;
    flex-wrap: wrap;
}
.outsourced h5 {
    background-color: #fff;
    margin: 0;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
}
.director p {
    margin: 0
}
.director ul {
    list-style-type: decimal;
    margin: 0
}
.search-block {
    margin-bottom: 28px;
}
.search-block a {
    color: var(--color-a);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    display: block;
}
.search-block p {
    margin: 0;
    line-height: 24px !important;
    text-indent: 16px;
}
.search-block .entry-meta {
    margin-top: 0;
}
.small-title {
    padding: 60px 0px !important;
}
@media (min-width: 768px) {
    .side-tabs .tab-nav {
        min-width: 320px;
    }
    .municipal .side-tabs .tab-nav.tab-nav2 li {
        border: 0;
        margin: 12px 0 0;
    }
}
.login_card {
    border-radius: 36px;
}
.login_card .tab-slider--nav {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.login_card .tab-slider--tabs {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border-radius: 35px;
    border: 2px solid #fff;
    -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
/*.login_card .tab-slider--tabs:after {
    content: "";
    width: 50%;
    background: #ffffff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 250ms ease-in-out;
    border-radius: 35px;
}
.login_card .tab-slider--tabs.slide:after {
    left: 50%;
}*/

.login_card .tab-slider--trigger {
    font-size: 16px;
    line-height: inherit;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 16px;
    position: relative;
    z-index: 2;
    cursor: pointer;
     display: inline-block;
    transition: color 250ms ease-in-out;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.login_card .tab-slider--trigger.active {
    color: var(--color-a);
    font-weight: 600;
    background-color: #fff;
    border-radius: 35px;
}

.login_card .tab-slider--body {
    margin-bottom: 0px;
}
.login_card .tab-slider--container .form-control {
    border-radius: 30px;
    text-align: center;
    padding: 1rem 0.75rem;
    font-size: 24px;
    font-weight: 500;
    background-color: transparent;
    color: #fff;
    margin-bottom: 15px;
    height: 46px;
}
.login_card .captcha_card {
    display: flex;
    justify-content: center;
    align-items: center;
}
.login_card .captcha_card .captcha_text {
    width: 100%;
    max-width: 80%;
    background-color: #fff;
    border-radius: 24px;
    padding: 0.4rem 0.75rem;
    text-align: center;
    font-size: 24px;
    margin-right: 12px;
}
.login_card .captcha_card i {
    color: #fff;
    font-size: 24px;
}
.login_card .tab-slider--container .captcha_field {
    font-weight: 300;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
}
.login_card .create_account {
    text-align: center;
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin: 0;
}
.login_card .btn {
    border-radius: 24px;
    font-size: 24px;
    font-weight: 500;
    padding: 0.3rem 1rem;
}
.login .content-wrap:before {
    content:"";
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-image: url("../images/login-bg.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    z-index: 1;
}
.pool-survey .grid-filter-wrap {
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.pool-survey .grid-filter {
    border: none;
    grid-gap: 10px;
    margin: 0;
    justify-content: flex-start;
}
.pool-survey .grid-filter li {
    position: relative;
    width: auto;
}
@media (min-width: 576px) {
    .pool-survey .grid-filter li {
        width: auto;
    }
}
.pool-survey .grid-filter li a {
    font-size: 18px;
    font-weight: 500;
    border: none;
    padding: 0 15px 0 0;
    color: var(--color-a);
}
.pool-survey .grid-filter li.activeFilter a {
    background-color: transparent;
    text-decoration: underline !important;
    margin: 0;
    font-weight: 700;
}
.pool-survey label {
    text-transform: capitalize;
    color: var(--color-a);
    font-weight: 500;
    font-size: 18px;
}
.filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.pool-survey .posts-md .entry {
    /* padding: 12px;
    border: 2px solid rgba(33, 46, 117, 0); */
    box-shadow: 0px 0px 48px rgb(0 0 0 / 0%);
}
.pool-survey .posts-md .entry:hover {
    /* background: #FFFFFF;
    border: 2px solid rgba(33, 46, 117, 0.05);
    box-shadow: 0px 0px 48px rgb(0 0 0 / 10%);
    border-radius: 12px; */
}
.pool-survey .entry-image img {   
    max-height: 280px;
    min-height: 280px;
    object-fit: cover;
}
@media (min-width: 1200px) {
    .pool-survey .entry-image img {   
        max-height: 180px;
        min-height: 180px;
    }
}
.pool-survey .entry-title h3 a {
    color: var(--color-a);
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pool-survey .posts-md .entry-content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pool-survey .entry-meta ul {
    margin: 0 0 0 -10px;
}
.pool-survey .entry-meta li {
    font-size: 74%;
    margin: 0 8px 10px 0;
    color: #494D57;
}
.pool-survey .entry-meta a:not(:hover) {
    color: #494D57;
}
.pool-survey .entry-meta:not(.no-separator) li::before {
    content: '\205E';
    width: 5px;
    text-align: center;
    display: inline-block;
    margin-right: 8px;
    opacity: 1;
}
.pool-survey .entry-meta .btn {
    background-color: #689459;
}
.pool-survey .posts-md .entry .btn-primary {
    background-color: var(--color-a);
    visibility: hidden;
}
.pool-survey .posts-md .entry .btn-primary.active, .pool-survey .posts-md .entry:hover .btn-primary {
    visibility: visible;
}
@media (max-width: 991px) {
    .municipal .tab-nav {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 15px;
    }
    .municipal .side-tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}   
@media (max-width: 767px) {
    .municipal .tab-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    .municipal .tab-nav.tab-nav2 li.ui-state-active a, .municipal .tab-nav.tab-nav2 li a {
        padding: 8px 12px;
        font-size: 16px;
    }
    .municipal .fbox-icon {
        width: 60px;
        height: 60px;
    }
    .municipal .tab-nav li {
        margin: 0;
    }
} 
@media (max-width: 500px) {
    .login_card .tab-slider--trigger {
        width: 100%;
    }
}

.view-map {
    background: #ECF1FF;
    font-weight: 700;
    margin-top: 10px;
    border-radius: 10px;
    display: flex;
    vertical-align: middle;
    width: 180px;
}

.view-map img { 
    width: 32px;
    height: 32px;
    margin-left: 5px;
}

.view-map span { 
    padding: 3px 0;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}
.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
}

.tab-slider--body .form-check-label {
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
}
.captcha_card i {
    cursor: pointer;
}
/* Custom styles for DataTable */
table.dataTable thead th {
    background-color: #212E75; /* Bootstrap primary color */
    color: white;
}
.required-field {
    color: red;
}

.social-icons-vertical {
    position: fixed;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 1000;
}

.social-icon-share {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #141C46;
    color: white;
    text-decoration: none;
    font-size: 20px;
    transition: all 0.3s ease;
}

.social-icon-share:hover {
    background-color: #212E75;
    transform: scale(1.1);
}

.feeds .social-icon-share:hover {
    background-color: #ffffff;
    transform: scale(1.1);
    font-size: 18px !important;
}

.star-rating {
    font-size: 1.5rem;
    color: #ccc; /* Default color for inactive stars */
    cursor: pointer;
    display: inline-flex;
    gap: 5px;
    direction: rtl; /* Right-to-left layout */
}

.star-rating .star {
    transition: color 0.2s ease; /* Smooth transition for hover effect */
}

.star-rating .star.hover,
.star-rating .star.active {
    color: #ffcc00; /* Gold color for hover and active states */
}
.heading-block {
    padding: 10px 20px;
    background-color: #f8f9fa; /* Optional background color */
}

#notificationDropdown {
    position: relative;
    font-size: 20px;
}

#notificationCount {
    position: absolute;
    top: -5px;
    right: -10px;
    font-size: 12px;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
}

.dropdown-header {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
}