* {
            margin: 0;
            padding: 0;
        }

        body {
            font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            color: #333;
        }

        ::-moz-selection {
            /* Code for Firefox */
            /* color: #ffffff;
            background: #862124; */
        }

        /* ::selection {
            color: #ffffff;
            background: #862124;
        } */

        /* .sy-color {
            color: #862124;
        } */

        .p-100 {
            padding: 100px;
        }

        .p-70 {
            padding: 70px;
        }

        .bg-danger {
            background-color: #8b181b !important;
            color: #fff;
        }

        .bg-danger-light {
            background-color: #e28082 !important;
            color: #fff;
        }

        .text-danger {
            color: #8b181b !important;
        }

        .text-danger-call {
            color: #8b181b !important;
        }

        .bg-light {
            background-color: #efefef !important;
        }

        .bg-dark {
            background-color: #d4c3c3 !important;
        }

        .sy-wlink {
            color: #fff;
            text-decoration: none;
        }

        .btn-warning {
            color: #ffffff;
            background-color: #ce8281;
            border-color: #b5403e;
        }

        .btn-warning:hover {
            color: #ffffff;
            background-color: #8b181d;
            border-color: #8b181d;
        }

        .sy-wlink:hover {
            color: #fff;
            text-decoration: underline;
        }

        .user-link {
            color: #862124 !important;
            text-decoration: none;
        }

        /* .user-link:hover {} */

        .btn-primary {
            color: #fff;
            background-color: #8b181b;
            border-color: #8b181b;
        }

        .btn-primary:hover {
            background-color: #d0363a;
            border-color: #d0363a;
        }

        .btn-outline-danger {
            color: #8b181b;
            border-color: #8b181b;
        }

        .btn-outline-danger:hover {
            color: #fff;
            background-color: #8b181b;
            border-color: #8b181b;
        }

        .border-danger {
            border-color: #8b181b !important;
        }

        .login-user {
            width: 30px;
            height: 30px;
        }

        .list-group-item {
            background-color: transparent;
            border: none;
        }

        .form-group textarea {
            width: 100%;
            padding: 17px;
            min-height: 100px;
            resize: vertical;
        }

        .badge-primary {
            color: #fff;
            background-color: #862124;
        }

        .sy-nav .dropdown-menu {
            min-width: 4rem;
        }

        .sy-nav .nav-item {
            font-size: 14px;
        }

        a.badge-primary:focus,
        a.badge-primary:hover {
            color: #fff;
            background-color: #610003;
        }

        .sy-link {
            color: #8b181b;
        }

        .sy-link:hover {
            color: #4b4b4b;
            text-decoration: underline;
        }

        .profession {
            display: flex;
            justify-content: center;
        }


        .footer a:hover,
        .footer-bottom a:hover {
            color: #862124;
            text-decoration: none;
        }

        .footer-bottom a {
            color: #333;
        }

        .sy-ct {
            list-style: none;
        }

        .sy-hr {
            background: #8b181b;
            height: 4px;
            width: 140px;
        }

        .sy-w-hr {
            background: #fff;
            height: 10px;
            width: 200px;
        }

        .badge-danger {
            color: #fff;
            background-color: #8b181b !important;
        }

        .contact-box {
            margin-bottom: 1px;
            /* Footer Margin */
        }

        .contact-box a {
            display: block;
        }

        .toll-free {
            background: url(../images/toll_free_number.png) no-repeat center center;
            height: 140px;
            position: relative;
        }

        .toll-free-number {
            padding-top: 69px;
            padding-left: 35px;
            font-size: 17px;
        }

        .social-logo .nav-link {
            padding: 0 0.3rem;
        }

        .about-para ul li {
            padding-top: 1em;
            ;
        }

        .navbar {
            padding: .5rem 0 !important;
        }

        .about-para ul {
            list-style: none;
            padding-left: 20px;
        }

        .nav-logo {
            height: 60px;
        }

        .sy-nav .nav-link:hover,
        .sy-nav .nav-link:active {
            color: #862124 !important
        }

        .sy-login {
            background-color: #862124;
            border: none;
            color: #fff !important;
            cursor: pointer;
        }

        .sy-login:hover,
        .sy-login:focus,
        .sy-login:visited,
        .sy-login:active {
            background-color: #862124 !important;
            border: none;
            color: #fff !important;
            cursor: pointer;
        }

        .top-image-container {
            height: 100vmin;
        }

        /* footer footer */
        /* ================= */
        /* ==== FOOTER ==== */
        /* ================= */

        .foo {
            width: 100%;
            height: 341px;
        }

        .footer {
            margin-top: 150px;
            /* background: #f5f5f5; */
            position: relative;
        }

        .footer-col a,
        .footer-col span {
            font-size: 0.9rem;
            white-space: nowrap;
            padding: 5px 0px;
        }

        .sriyog-contact-container {
            background: white;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-top: 5px solid #862124;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: -32px;
        }

        .sriyog-contact-list {
            padding: 3px 0;
            font-size: 14px;
        }

        .footer-img {
            width: 100%;
            /* padding-top: 134px; */
            margin-bottom: -8px;
        }

        .sriyog-contact-info div {
            margin: 15px 0px;
            /* margin:5px 3px 26px; */
        }

        .svg-color {
            fill: #4c4c4c;
        }

        .sriyog-contact-list:hover,
        .sriyog-contact-list:hover .svg-color {
            color: #862124;
            fill: #862124;
            cursor: pointer;
        }

        .sriyog-contact-list span {
            white-space: nowrap;
            color: #8b8b8b;
        }

        /* footer section end */
        /* footer-bottom section start */

        .app-play-store {
            width: 100px;
            margin: 5px;
        }

        .footer a {
            color: #4c4c4c;
        }

        .footer a:hover {
            color: #862124;
        }

        .footer-bottom {
            background: #f5f5f5;
            padding: 10px;
            border-bottom: 5px solid #862124;
        }

        .black-bg {
            background: black;
            width: 100%;
            height: 50px;
        }

        .social-logo {
            height: 20px;
            object-fit: contain;
        }

        .follow-us {
            display: flex;
            padding: 0;
            align-items: center;
            justify-content: space-evenly;
        }

        .social-share {
            display: flex;
            justify-content: center;
        }

        /* footer-bottom section end */

        /* media section start here */
        .media-img {
            max-width: 100%;
            height: 90px;
            object-fit: contain;
        }

        .press-quote {
            height: 80px;
            margin: 10px;

        }


        @media (min-width: 992px) {
            .contact-box .col-lg-3 {
                position: absolute;
                /* top: -10%; */
                /* top: -30%;
                bottom: 29%; */
                top: -35%;
                bottom: 30%;
                right: 3.9%;
            }
        }

        .sriyogweb-logo-style {
            width: 200px;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .footer-col a,
        .footer-col span {
            font-size: 0.9rem;
            white-space: nowrap;
            padding: 5px 0px;
        }

        .footer a {
            color: #4c4c4c;
        }

        .hiring {
            background: #862125;
            border-radius: 3px;
            padding: 2px 5px !important;
            color: #fff;
            font-size: 11px !important;
        }

        /* ================= */
        /* ==== FLAG ==== */
        /* ================= */

        .flag-selector {
            width: 16%;
            background: url("../../icons/icons8-sort-down-24.png") 93% / 8% no-repeat white !important;
        }

        .flag-selector button:hover,
        .flag-selector button:active,
        .flag-selector button:focus,
        .btn-info:not(:disabled):not(.disabled).active,
        .btn-info:not(:disabled):not(.disabled):active,
        .show>.btn-info.dropdown-toggle,
        .btn-info:not(:disabled):not(.disabled).active,
        .btn-info:not(:disabled):not(.disabled):active,
        .show>.btn-info.dropdown-toggle:focus,
        .btn-info:not(:disabled):not(.disabled):active:focus {
            background: white;
            border: none;
            box-shadow: none;
            transition: none;
        }

        .flag-selector button {
            background: white;
            border: none;
            width: 16%;
        }

        /* timeline in about page */
        /* Timeline */

        .about-img-container {
            height: 100%;
            background: url("../images/about/mayor.jpg") no-repeat center center;
            background-size: cover;
            background-position-x: 83%;
        }

        .img-sign {
            width: 115px;
        }

        @media screen and (max-width: 990px) {
            .about-img-container {
                height: 400px;
            }

            .footer {
                margin-top: 15px;
                /* background: #f5f5f5; */
                position: relative;
            }

        }

        .sriyogweb-long-card {
            margin-top: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .sriyogweb-long-card h2 {
            font-size: 18px;
        }

        .sriyogweb-long-card img {
            margin: 0 15px;
        }

        .timeline-scroll {
            display: inline-block;
            width: 100%;
            overflow-y: auto;
        }

        .timeline,
        .timeline-horizontal {
            list-style: none;
            padding: 20px;
            position: relative;
        }

        .timeline:before {
            top: 40px;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 3px;
            background-color: #eeeeee;
            left: 50%;
            margin-left: -1.5px;
        }

        .timeline .timeline-item {
            margin-bottom: 20px;
            position: relative;
        }

        .timeline .timeline-item:before,
        .timeline .timeline-item:after {
            content: "";
            display: table;
        }

        .timeline .timeline-item:after {
            clear: both;
        }

        .timeline .timeline-item .timeline-badge {
            color: #fff;
            width: 25px;
            height: 25px;
            line-height: 52px;
            font-size: 22px;
            text-align: center;
            position: absolute;
            top: 18px;
            left: 50%;
            margin-left: -25px;
            background-color: #333;
            border: 3px solid #ffffff;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline .timeline-item .timeline-badge i,
        .timeline .timeline-item .timeline-badge .fa,
        .timeline .timeline-item .timeline-badge .glyphicon {
            top: 2px;
            left: 0px;
        }

        .timeline .timeline-item .timeline-badge.primary {
            background-color: #1f9eba;
        }

        .timeline .timeline-item .timeline-badge.info {
            background-color: #5bc0de;
        }

        .timeline .timeline-item .timeline-badge.success {
            background-color: #59ba1f;
        }

        .timeline .timeline-item .timeline-badge.warning {
            background-color: #d1bd10;
        }

        .timeline .timeline-item .timeline-badge.danger {
            background-color: #ba1f1f;
        }

        .timeline .timeline-item .timeline-panel {
            position: relative;
            width: 46%;
            float: left;
            right: 16px;
            border: 1px solid #e0e0e0;
            background: #ffffff;
            border-radius: 2px;
            padding: 20px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

        .timeline .timeline-item .timeline-panel:before {
            position: absolute;
            top: 26px;
            right: -16px;
            display: inline-block;
            border-top: 16px solid transparent;
            border-left: 16px solid #777;
            border-right: 0 solid #777;
            border-bottom: 16px solid transparent;
            content: " ";
        }

        .timeline .timeline-item .timeline-panel .timeline-title {
            margin-top: 0;
            color: inherit;
        }

        .timeline .timeline-item .timeline-panel .timeline-body>p,
        .timeline .timeline-item .timeline-panel .timeline-body>ul {
            margin-bottom: 0;
        }

        .timeline .timeline-item .timeline-panel .timeline-body>p+p {
            margin-top: 5px;
        }

        .timeline .timeline-item:last-child:nth-child(even) {
            float: right;
        }

        .timeline .timeline-item:nth-child(even) .timeline-panel {
            float: right;
            left: 16px;
        }

        .timeline .timeline-item:nth-child(even) .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }

        .timeline-horizontal {
            list-style: none;
            position: relative;
            padding: 20px 0px 20px 0px;
            display: inline-block;
        }

        .timeline-horizontal:before {
            height: 3px;
            top: auto;
            bottom: 26px;
            left: 56px;
            right: 0;
            width: 100%;
            margin-bottom: 20px;
        }

        .timeline-horizontal .timeline-item {
            display: table-cell;
            height: 280px;
            width: 20%;
            min-width: 320px;
            float: none !important;
            padding-left: 0px;
            padding-right: 20px;
            margin: 0 auto;
            vertical-align: bottom;
        }

        .timeline-horizontal .timeline-item .timeline-panel {
            top: auto;
            bottom: 37px;
            display: inline-block;
            float: none !important;
            left: 0 !important;
            right: 0 !important;
            width: 100%;
            margin-bottom: 20px;
        }

        .timeline-horizontal .timeline-item .timeline-panel:before {
            top: auto;
            bottom: -16px;
            left: 28px !important;
            right: auto;
            border-right: 16px solid transparent !important;
            border-top: 16px solid #e0e0e0 !important;
            border-bottom: 0 solid #e0e0e0 !important;
            border-left: 16px solid transparent !important;
        }

        .timeline-horizontal .timeline-item:before,
        .timeline-horizontal .timeline-item:after {
            display: none;
        }

        .timeline-horizontal .timeline-item .timeline-badge {
            top: auto;
            bottom: 15px;
            left: 58px;
        }

        @media (max-width: 767.98px) {

            .sy-copyright,
            .sy-applogo {
                text-align: center;
            }

            .p-70 {
                padding-left: 37px;
                padding-right: 37px;
            }

            .panel-group a,
            #wf-tab .nav-link h4 {
                font-size: 16px;
                font-weight: bold;
            }

            .first-bg-image {
                display: none;
            }

            .second-bg-image {
                display: none;
            }

            .third-bg-image {
                display: none;
            }

            .forth-bg-image {
                display: none;
            }

            .vmgo-image {
                width: 50%;
            }
        }

        .terms-container,
        .privacy-container,
        .disclaimer-container,
        .eula-container {
            padding-top: 40px;
        }

        .terms-container ul,
        .terms-container ol,
        .privacy-container ul,
        .privacy-container ol,
        .disclaimer-container ul {
            padding-left: 30px;
        }

        .terms-container strong {
            padding: 50px 0 14px 0;
            display: block;
            font-size: 21px;
        }

        /* ambassador page */

        .top-two img {
            margin: 0 auto;
            width: 300px;
        }

        .amb-wrapper {
            margin-top: 50px;
        }

        .amb-wrapper .card {
            border: none !important;
            text-align: center;
        }

        .sy-twoblock {
            border-bottom: 1px solid #e0e0e0;
            padding: 50px 0 70px;
        }

        .sy-multiblock {
            margin-top: 70px
        }

        .sy-amhead {
            text-align: center;
        }

        .amb-card-large img,
        .sy-multiblock img {
            height: 60% !important;
        }

        .amb-card-large h4 {
            font-size: 2rem;
            font-weight: 300;
        }

        .amb-card-large h5,
        .sy-multiblock h5 {
            font-style: italic;
            font-weight: 300;
            color: #a0a0a0;
        }

        .amb-card-large h6,
        .sy-multiblock h6 {
            background: #f1f1f1;
            color: #656565;
            padding: 8px 5px;
            border-radius: 20px;
            font-weight: 300;
            margin: 20px 0;
        }

        .sy-multiblock h4 {
            font-size: 1.5rem;
            font-weight: 300;
        }

        .sy-multiblock h6,
        .sy-multiblock h5 {
            font-size: 1rem;
        }

        .sy-multiblock .card-text {
            display: none;
        }

        .amb-card-large .card-social {
            font-size: 2rem;
        }

        .sy-multiblock .card-social {
            font-size: 1.5rem;
        }

        .card-social a {
            color: #909090;
        }

        .card-social a:hover {
            color: #862124 !important;
        }

        /* faq page */

        .faq-content .panel-group {
            margin-bottom: 0;
        }

        .faq-content .panel-group .panel {
            border-radius: 0;
            box-shadow: none;
        }

        .faq-content .panel-group .panel .panel-heading {
            padding: 0;
        }

        .faq-content .panel-group .panel .panel-heading h4 a {
            background: #f8f8f8;
            display: block;
            font-size: 16px;
            font-weight: bold;
            padding: 15px;
            text-decoration: none;
            transition: 0.15s all ease-in-out;
        }

        .faq-content .panel-group .panel .panel-heading h4 a:hover,
        .faq-content .panel-group .panel .panel-heading h4 a:not(.collapsed) {
            background: #8b181b;
            transition: 0.15s all ease-in-out;
            color: #fff;
            font-size: 16px;
        }

        .faq-content .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
            content: "";
        }

        .faq-content .panel-group .panel .panel-heading h4 a i {
            color: #999;
        }

        .faq-content .panel-group .panel .panel-body {
            padding: 20px;
            border: 1px solid #d0d0d0;
            background: #efefef;
        }

        .faq-content .panel-group .panel .panel-heading+.panel-collapse>.list-group,
        .faq-content .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
            margin: 0 0 8px 0;
        }

        .faq-content .panel-group .panel+.panel {
            border-top: none;
            margin-top: 0;
        }

        /*old faq  */

        #wf-tab li {
            padding: 0;
        }

        .panel-group .card-body ul {
            padding-left: 30px;
        }

        .nav-tabs>li>a {
            line-height: 1.42857143;
            color: #333;
            padding: 40px 10px;
            border: 1px solid transparent;
            border-radius: 3px;
            background-color: #f4f7f9;
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            cursor: default;
            color: #fff;
            border: 0 solid #ddd;
            border-bottom-color: transparent;
            background-color: #8b181b;
        }
       /* team member */
        /* .team-card {
            min-height: 417px;
        } */
  
        .team img{
            display: flex;
                width: 80%;
                align-items: center;
                margin: auto;
        }

        .panel-group a {
            color: #333;
            font-size: 20px;
        }

        .panel-collapse collapse {
            font-size: 15px;
        }

        .panel-group a:active,
        .panel-group a:hover,
        .panel-group a:focus {
            text-decoration: none;
            color: #8b181b;
        }

        #accordion .panel-heading .accordion-toggle.collapsed:after,
        .accordion .panel-heading .accordion-toggle.collapsed:after {
            content: "\f078";
        }

        #accordion .panel-heading .accordion-toggle:after,
        .accordion .panel-heading .accordion-toggle:after {
            font-family: 'Font Awesome';
            float: right;
            content: "\f054";
            font-weight: 900;
        }

        /* team */

        .team-container .card-img-top {
            width: 120px;
            height: 120px;
            margin: -50px auto 0 auto;
        }

        .ct-team .card-img-top {
            width: 270px;
            height: 270px;
        }

        .team-container .card {
            text-align: center;
        }

        .team-container .card-deck {
            margin-bottom: 200px;
            margin-top: 100px !important;
        }

        .team-container a,
        #sitemap a,
        .city-container-list a {
            color: #333;
        }

        .team-container a:hover,
        #sitemap a:hover,
        .city-container-list a:hover {
            color: #862124;
        }

        @media (max-width: 575.98px) {
            .team-container .card {
                margin-top: 60px;
            }

            .vmgo-image {
                width: 37%;
            }
        }

        /* sitemap */

        #sitemap section li {
            list-style: none;
        }

        #sitemap h6 {
            text-transform: uppercase;
            font-size: 14px;
            margin-bottom: 7px;
        }

        #sitemap .frame {
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.589);
        }

        .simple2 li {
            list-style: none;
        }

        #sitemap section {
            border-bottom: 1px solid #ccc;
            margin-top: 1em;
        }

        #sitemap section .col-md-3 {
            border-left: 1px solid #ccc;
        }

        #sitemap section .col-md-3:first-child {
            border: none;
        }

        .btn-outline-danger:hover {
            color: #fff !important;
            background-color: #8b181b;
            border-color: #8b181b;
        }

        /* vmgo */

        @media (max-width: 765px) {

            .first-bg-image,
            .second-bg-image,
            .third-bg-image {
                height: 500px;
            }
        }

        .vmgo-slider {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .vmgo-slider .carousel {
            height: 80vh;
        }

        @media (max-width: 991.98px) {
            .vmgo-slider .carousel {
                /* height: 40vh; */
                height: 100%;
            }
        }

        .vmgo-slider .carousel-caption {
            top: 40% !important;
            text-align: left !important;
        }

        .first-bg-image {
            background: url(../images/vmgo/11.png) no-repeat center;
            background-size: fill;
        }

        .second-bg-image {
            background: url(../images/vmgo/22.png) no-repeat center !important;
            background-size: fill;
            width: 150px;
            height: auto;
        }

        .third-bg-image {
            background: url(../images/vmgo/33.png) no-repeat center;
            background-size: fill;
        }

        .forth-bg-image {
            background: url(../images/vmgo/44.png) no-repeat center;
            background-size: fill;
        }

        .sy-fluid {
            width: 90% !important;
        }

        /* timeline page css */

        #timeline .timeline-item:after,
        #timeline .timeline-item:before {
            content: '';
            display: block;
            width: 100%;
            clear: both;
        }

        .timeline-content p {
            margin-top: 20px;
        }

        #timeline {
            width: 100%;
            margin: 30px auto;
            position: relative;
            padding: 0 10px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        #timeline:before {
            content: "";
            width: 3px;
            height: 100%;
            background: #862124;
            left: 50%;
            top: 0;
            position: absolute;
        }

        #timeline:after {
            content: "";
            clear: both;
            display: table;
            width: 100%;
        }

        #timeline .timeline-item {
            margin-bottom: 50px;
            position: relative;
        }

        #timeline .timeline-item .timeline-icon {
            background: #862124;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 23px;
            color: #fff;
            position: absolute;
            top: 0;
            left: 50%;
            overflow: hidden;
            margin-left: -23px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

        #timeline .timeline-item .timeline-icon svg {
            position: relative;
            top: 14px;
            left: 14px;
        }

        #timeline .timeline-item .timeline-content {
            width: 45%;
            background: #fff;
            padding: 20px;
            -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        #timeline .timeline-item .timeline-content h2 {
            padding: 15px;
            background: #862124;
            color: #fff;
            margin: -20px -20px 0 -20px;
            font-weight: 300;
            font-size: 20px;
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            -ms-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
        }

        #timeline .timeline-item .timeline-content:before {
            content: '';
            position: absolute;
            left: 45%;
            top: 20px;
            width: 0;
            height: 0;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 7px solid #862124;
        }

        #timeline .timeline-item .timeline-content.right {
            float: right;
        }

        #timeline .timeline-item .timeline-content.right:before {
            content: '';
            right: 45%;
            left: inherit;
            border-left: 0;
            border-right: 7px solid #862124;
        }

        @media screen and (max-width: 768px) {
            #timeline {
                margin: 30px;
                padding: 0px;
                width: 90%;
            }

            #timeline:before {
                left: 0;
            }

            #timeline .timeline-item .timeline-content {
                width: 90%;
                float: right;
            }

            #timeline .timeline-item .timeline-content:before,
            #timeline .timeline-item .timeline-content.right:before {
                left: 10%;
                margin-left: -6px;
                border-left: 0;
                border-right: 7px solid #862124;
            }

            #timeline .timeline-item .timeline-icon {
                left: 0;
            }

            .order1 {
                order: 1;
            }

            .order2 {
                order: 2;
            }

            .order3 {
                order: 3;
            }

            .order2>img {
               
                margin-left: 25%!important;
                width: 50%!important;
            }
        }

        /* sriyog contact */

        .sriyog-contact-container a {
            display: inline;
        }

        /* pressroom page */

        .our-team-main {
            width: 100%;
            height: auto;
            background: #fff;
            overflow: hidden;
            position: relative;
            transition: 0.5s;
            margin-bottom: 28px;
        }

        .our-team-main img {
            margin-bottom: 20px;
            max-width: 150px;
        }

        .our-team-main h3 {
            font-size: 20px;
            font-weight: 700;
        }

        .our-team-main p {
            margin-bottom: 0;
        }

        .team-back {
            width: 100%;
            height: auto;
            position: absolute;
            top: 0;
            left: 0;
            padding: 5px 15px 0 15px;
            text-align: left;
            background: #fff;
        }

        .team-front {
            width: 100%;
            height: 250px;
            position: relative;
            z-index: 10;
            background: #fff;
            padding: 15px;
            top: 0px;
            transition: all 0.5s ease;
        }

        .team-front span {
            display: block;
        }

        .our-team-main:hover .team-front {
            top: -250px;
            transition: all 0.5s ease;
        }

        .our-team-main:hover {
            border-color: #777;
            transition: 0.5s;
        }

        /* feature page  */
        .feature-img {
            margin-bottom: 12px;

        }

        .feature-container h1 {
            color: #8b181b;
        }

        /* support page */

        .br-serv {
            padding: 10px 20px;
        }

        .br-serv:hover {
            background: #ececec;
        }

        /* index page */

        sub,
        sup {
            position: relative;
            font-size: 52%;
            line-height: 0;
            vertical-align: middle;
        }

        .top-container {
            position: relative;
            overflow: hidden;
            box-shadow: 0px 0px 1px 0px white;
        }

        .top-container a:hover {
            text-decoration: none;
        }

        .top-image-container {
            height: 74vmin;
            width: 100vw;
            background: black;
        }

        .sriyogweb_photo_credit {
            position: absolute;
            bottom: 90px;
            right: 122px;
            color: #fff;
            font-size: 12px;
        }

        .opacity-7 {
            opacity: 0.7;
        }

        .opacity-5 {
            opacity: 0.5;
        }

        .image-style {
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        span.credit_name a:hover,
        span.credit_name a:active,
        span.credit_name a:visited,
        span.credit_name a:focus,
        span.credit_name a {
            color: inherit;
        }

        .top-container-fields {
            position: absolute;
            /* bottom: 12%; */
            width: 100%;
            top: 40%;
        }

        .filed-wrapper {
            border: 1px solid white;
            padding: 13px 18px;
            display: flex;
            align-items: center;
            background: white;
            border-radius: 3px;
            box-shadow: 0px 0px 1px 0px white;
        }

        .select2-hidden-accessible {
            border: 0 !important;
            clip: rect(0 0 0 0) !important;
            height: 1px !important;
            margin: -1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px !important;
        }

        .front_page.search-btn {
            padding: 17px 30px;
            height: max-content;
        }

        .filed-wrapper .form-control {
            height: inherit;
            border: 1px solid transparent;
        }

        .search-btn {
            background: #862124;
            padding: 11px 30px;
            margin-left: -17px;
            height: 51.5px;
            z-index: 1;
            /* box-shadow: 0px 0px 1px 0px #862124; */
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            color: white;
            cursor: pointer;
            margin-top: -1px;
        }

        .top-container-fields .sriyogweb-btn {
            padding: 14px 10px;
        }

        .sriyogweb-btn {
            padding: 5px 10px;
            background: #862124;
            color: white;
            border-radius: 3px;
            /* min-width: 120px; */
            text-align: center;
            cursor: pointer;
        }

        .font-size-14 {
            font-size: 12px;
        }

        .font-size-12 {
            font-size: 12px;
        }
        .font-size-17 {
            font-size: 17px;
        }

        img.service-icon {
            width: 24px;
        }

        .hint-text {
            display: flex;
            color: white;
            padding: 7px;
            margin-top: -5px;
        }
        @media (min-width:991px) and (max-width:1201px){
        .sriyogweb-info-card {
        padding: 1.05rem!important;}
        }


        @media (max-width: 575.98px) {
            .top-image-container {
                height: 140vmin !important;
            }

            .sriyogweb_photo_credit {
                right: 0;
                text-align: center;
                display: block;
                width: 100%;
            }

            .top-container-fields {
                top: 21%;
            }

            .font-size-14 {
                font-size: 11px;
            }

            .search-btn {
                margin-left: 0;
                width: 78%;
                text-align: center;
                font-weight: bold;
            }
        }

        @media (max-width: 767px) and (min-width: 576px) {
            .top-image-container {
                height: 77vmin !important;
            }

            .top-container-fields {
                top: 20%;
            }

            .font-size-14 {
                font-size: 11px;
            }
        }

        .sriyog-services {
            padding: 2% 15px;
        }

        .sriyog-services .flex {
            display: flex;
        }

        .sriyog-top-service {
            margin-top: 20px;
            width: 100px;
            height: 100px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: 0.2s;
            text-align: center;
        }

        .sriyog-top-service:hover {
            transform: scale(1.2);
            transition: 0.2s;
        }

        .sriyog-top-service:hover a {
            color: #862124;
        }

        .sriyog-top-service img {
            width: 40px;
            height: 40px;
        }


        .sriyog-top-pro img {
            width: 110px;
            height: 110px;
        }


        .sriyog-recently img {
            width: 110px;
            height: 110px;
            text-align: center;
        }


        .sriyog-seasonal-services {
            padding: 0px 15px;
        }

        .sriyog-seasonal-services .flex {
            display: flex;
        }

        .mt-20px {
            margin-top: 20px;
        }

        .mb-11px {
            margin-bottom: 11px;
        }

        .sriyog-seasonal-service {
            margin: 20px;
            padding: 6%;
            width: 150px;
            height: 150px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: 0.2s;
            text-align: center;
        }

        /* .photo-caption { */
        /* display: block; */
        /* } */

        .sriyog-seasonal-service a {
            color: #212529;
        }

        .sriyog-seasonal-service:hover {
            transform: scale(0.8);
            transition: 0.2s;
        }

        .sriyog-seasonal-service:hover a {
            color: #862124;
            text-decoration: none;
        }

        .sriyog-seasonal-service img {
            width: 30px;
        }

        .image-style-contain {
            height: 100%;
            width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

        .sriyog-seasonal-service a span {
            display: block;
        }

        .sriyog-top-service a {
            color: #212529;
        }

        .sriyog-top-service a:hover {
            text-decoration: none;
        }

        .ws-no-wrap {
            white-space: nowrap;
        }

        .box-shadow {
            -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
        }

        .border-radius-3 {
            border-radius: 3px;
        }

        .pb-20px {
            padding-bottom: 20px;
        }

        .pt-5pc {
            padding-top: 5%;
        }

        .m-0-0-0-15 {
            margin-left: -15px;
        }

        .sriyog-top-professionals .flex {
            display: flex;
        }

        .sriyogweb-info-card {
            max-width: 300px;
            -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            border: none;
        }

        .sriyogweb-professional-avatar {
            width: 200px;
            height: 200px;
            overflow: hidden;
            /* border-radius: 100%; */
            margin-bottom: 30px;
        }

        .sriyogweb-info-card img {
            max-height: 200px;
        }

        .sriyogweb-info-card img {
            max-height: 200px;
        }

        .sriyogweb-professional-medal {
            position: absolute;
            top: 0;
            right: -8px;
        }

        .font-size-20 {
            font-size: 20px;
        }

        .sriyogweb-professional-achieved {
            padding: 2px 4px;
            background: #862124;
            color: white;
            position: absolute;
            right: -2px;
            top: -30px;
        }

        .supported-by-container {
            background: #f5f5f5;
            height: 180px;
        }

        .supported-by-container .flex {
            display: flex;
        }

        .flex-1 {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

        .supported-by {
            position: relative;
            padding: 0 1%;
            height: 100%;
        }

        .news-site-img-container {
            height: 105px;
        }

        .image-style-contain {
            height: 100%;
            width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

        .supported-by-text {
            position: absolute;
            top: 0;
            left: 2%;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            background: #862124;
            color: white;
            padding: 2px 7px;
        }

        .success-stories {
            padding: 5% 40px;
        }

        .success-stories-title {
            margin-bottom: 15px;
        }

        .bold {
            font-weight: bold;
        }

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

        .read-story {
            position: relative;
            color: #862124;
            cursor: pointer;
            line-height: 3;
        }

        .read-story div {
            position: absolute;
            top: 18px;
            left: 0;
            border-bottom: 3px solid #862124;
            width: 50px;
        }

        .success-image-style {
            width: 100%;
            max-height: 190px;
            object-fit: cover;
        }

        .success-side-stories-img-div {
            justify-content: center;
            align-items: center;
            display: flex;
            padding-right: 0px;
            padding-left: 25px;
        }

        .success-side-stories-img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .how-it-works {
            padding: 0 40px;
        }

        .how-it-works-title {
            margin-bottom: 15px;
        }

        .our-pros-sec {
            width: 100%;
            position: relative;
            min-height: 322px;
            background: #fff url(../images/home/background/our-process-imbg1.png) no-repeat center;
            text-align: center;
            margin: 50px 0 100px 0;
        }

        .our-pros {
            position: relative;
            height: 320px;
            padding-top: 50px;
            width: 960px;
            margin: 0 auto;
        }

        .our-pros-item {
            position: relative;
            margin: 0 20px;
            float: left;
            width: 178px;
            height: 295px;
        }

        .our-pros-img {
            position: relative;
            overflow: hidden;
            width: 178px;
            height: 178px;
            box-shadow: 0 0 9px 1px #2376de;
            border-radius: 50%;
        }

        .our-pros-img:hover:before {
            -webkit-box-shadow: inset 0 0 40px 14px rgba(255, 255, 255, 0.5);
            -moz-box-shadow: inset 0 0 40px 14px rgba(255, 255, 255, 0.5);
            box-shadow: inset 0 0 40px 14px rgba(255, 255, 255, 0.5);
        }

        .our-pros-img:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 50%;
            -webkit-box-shadow: inset 0 0 0 9px rgba(255, 255, 255, 0.5);
            -moz-box-shadow: inset 0 0 0 9px rgba(255, 255, 255, 0.5);
            box-shadow: inset 0 0 0 9px rgba(255, 255, 255, 0.5);
            -webkit-transition: all 0.18s ease;
            -moz-transition: all 0.18s ease;
            -o-transition: all 0.18s ease;
            transition: all 0.18s ease;
        }

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

        .our-pros-item h4 {
            font-weight: 400;
            margin-top: 20px;
            text-align: center;
            position: relative;
        }

        .our-pros-item h4:before {
            content: "";
            position: absolute;
            border-bottom: 3px solid #e5e5e5;
            width: 70px;
            height: 1px;
            left: 50%;
            bottom: -10px;
            margin-left: -35px;
            box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.03);
        }

        /* @media only screen and (max-width: 959px) {
            .our-pros {
                width: 760px;
            }
            .our-pros-item {
                margin: 0 -20px 0 0;
            }
        } */

        @media only screen and (max-width:513px) {
            .our-pros {
                /* width: 300px; */
                max-width: 100%;
                height: auto;
                /* padding-top: 90px; */
                justify-content: center;
                display: flex;
                flex-wrap: wrap;
            }

            .our-pros-item {
                /* margin: 0 -20px 0 0; */
            }

            .our-pros-sec {
                background: #fff url(../images/our-process-imbg2.png) no-repeat center top;
                /* min-height: 1380px; */

            }
            .welcome-note-container{
                padding: 1rem!important;
                
            }
            .press-heading{
                font-size: 23px!important;
            }


        }

        @media (min-width:513px) and (max-width: 960px) {
            .our-pros-item {
                /* margin-left: 30px;
                margin-right: 0; */
                height: 273px;
                margin: 25px;
            }

            .our-pros-sec {
                background: #fff url(../images/our-process-imbg2.png) no-repeat center top;
                /* min-height: 1380px; */
                /* min-height:600px; */
            }

            .our-pros {
                /* width: 300px; */
                /* width: 500px; */
                max-width: 100%;
                height: auto;
                /* padding-top: 90px; */
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

        }

        .data-details-container {
            background: #f5f5f5;
            height: 200px;
            display: flex;
            align-items: center;
        }

        .data-details-cotainer .flex {
            display: flex;
        }

        .data-detail-number {
            color: #862124;
            font-size: 30px;
            font-weight: bolder;
        }

        .data-detail-text {
            color: #434343;
            font-weight: bold;
            display: block;
            text-align: center;
            font-size: 16px !important;
        }

        .news-sites {
            position: relative;
            padding: 0px 0;
        }

        .loggedin .dropdown-item {
            color: #676767 !important;
        }

        .loggedin .dropdown-item:hover {
            color: #fff !important;
            background: #870000;
        }

        .agency_slider {
            padding: 0 20px;
        }

        /* index page ends */
        /* download page */

        .download-bar .display-3,
        .abstract-container .display-3 {
            font-weight: 700 !important;
        }

        .sy-abstract-bg {
            background: #870000;
            /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #190A05, #870000);
            /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #190A05, #870000);
            /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            background-size: cover;
        }

        .bg-danger label {
            color: #333 !important;
        }

        .btn-danger {
            font-weight: bold;
            color: #8b181b;
            background-color: #ffffff;
            border-color: #ffffff;
        }

        .btn-danger:hover {
            color: #fff;
            background-color: #8b181b;
            border-color: #8b181b;
        }

        /* testimonia page */

        .testimonial-1 {
            position: relative;
            margin-bottom: 30px;
        }

        .testimonial-1 .media {
            border: 0;
            border-radius: 50%;
            overflow: hidden;
            padding: 0;
        }

        .testimonial-1 .media {
            float: left;
            margin: 0 30px 30px 0;
            width: 125px;
            height: 125px;
            display: block;
            position: relative;
            background-color: #ffffff;
            border: 5px solid #F8F8F8;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

        .testimonial-1 .body {
            overflow: hidden;
            color: #999999;
        }

        .testimonial-1 .title {
            color: #862124;
            font-weight: 700;
            font-size: 16px;
        }

        .testimonial-1:after {
            content: "\f10d";
            font-family: "Font Awesome 5 Free";
            position: absolute;
            top: 0;
            left: 95px;
            z-index: 9;
            font-weight: bold;
            color: #862124;
            font-size: 18px;
        }

        .testimonial-1 .company {
            margin-bottom: 20px;
        }

        .center-message.blockquote,
        .center-message.blockquote p {
            font-size: 24px;
            background-color: transparent;
            color: #999999;
            font-style: italic;
            max-width: 920px;
            text-align: center;
            font-weight: 700;
            width: 100%;
            margin: 10px auto;
            font-family: "Roboto", sans-serif;
            line-height: 1.6;
        }

        .center-message.blockquote {
            padding: 10px 10px 40px;
        }

        /* training center form */

        .training-container .form-group {
            margin-bottom: 0 !important;
        }

        .training-container .btn-light:not(:disabled):not(.disabled).active,
        .training-container .btn-light:not(:disabled):not(.disabled):active,
        .training-container .show>.btn-light.dropdown-toggle {
            color: #ffffff;
            background-color: #8b181b;
            border-color: #d3d9df;
        }

        .training-container .btn-info {
            color: #fff;
            background-color: #8b181b;
            border-color: #8b181b;
        }

        .training-container .btn-info:hover {
            color: #fff;
            background-color: #690003;
            border-color: #690003;
        }

        .page-link {
            color: #8b181b;
        }

        .training-center-list .card-img-top {
            width: 60% !important;
            margin-top: 30px;
            margin-left: 15px;
        }

        .page-item.active .page-link {
            z-index: 1;
            color: #fff;
            background-color: #8b181b;
            border-color: #e3e6e9;
        }

        .page-link:hover {
            z-index: 2;
            color: #8b181b;
            text-decoration: none;
            background-color: #e9ecef;
            border-color: #dee2e6;
        }

        .training-page ul {
            padding-left: 30px;
        }

        /* end training center form end */
        /* partners page */

        .help-container .card {
            border: 0;
        }

        /* podcast page */

        .podcast-entry .image {
            width: 300px;
            height: auto;
        }

        .podcast-entry .text {
            width: calc(100% - 300px);
        }

        .mejs__container {
            width: 100% !important;
        }

        .mejs__container {
            background: #000;
            font-family: Helvetica, Arial, serif;
            position: relative;
            text-align: left;
            text-indent: 0;
            vertical-align: top;
        }

        .podcast-entry .image {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 300px;
        }

        .podcast-entry .text {
            width: 100%;
            padding: 40px;
        }

        /*
        .pod-user img {
            width: 30px;
        } */
        /* news page */

        .post-slide3 {
            padding: 0 25px 20px 25px;
            background: #fff;
            box-shadow: 0 1px 2px rgba(43, 59, 93, 0.30);
            margin-bottom: 2em;
        }

        .post-slide3 .post-img {
            position: relative;
            margin-bottom: 20px;
        }

        .post-slide3 .post-img img {
            width: 100%;
            height: auto;
        }

        .post-slide3 .post-icon {
            width: 60px;
            height: 60px;
            display: block;
            position: absolute;
            bottom: 25px;
            left: 25px;
            text-align: center;
            background: #333;
            opacity: 0;
            border-radius: 3px;
            transition: all 300ms ease-in-out 0s;
        }

        .post-slide3:hover .post-icon {
            opacity: 1;
        }

        .post-slide3 .post-icon i {
            font-size: 20px;
            color: #fff;
            line-height: 60px;
        }

        .post-slide3 .post-bar {
            margin: 0;
            padding: 0;
            list-style: none;
            text-transform: uppercase;
        }

        .post-slide3 .post-bar li {
            display: inline-block;
            font-size: 15px;
            color: #676767;
            margin-right: 5px;
        }

        .post-slide3 .post-bar li:after {
            content: "/";
            margin-left: 5px;
        }

        .post-slide3 .post-bar li:last-child:after {
            content: "";
        }

        .post-slide3 .post-bar li a {
            color: #8e44ad;
            transition: all 0.3s ease 0s;
        }

        .post-slide3 .post-bar li a:hover {
            color: #333;
            text-decoration: none;
        }

        .post-slide3 .post-bar li a:after {
            content: ",";
            margin: 0 5px;
        }

        .post-slide3 .post-bar li a:last-child:after {
            content: "";
        }

        .post-slide3 .post-title {
            margin: 15px 0;
            text-transform: capitalize;
        }

        .post-slide3 .post-title a {
            font-size: 22px;
            font-weight: 600;
            color: #3c3c3c;
            transition: all 300ms linear 0ms;
        }

        .post-slide3 .post-title a:hover {
            color: #8e44ad;
            text-decoration: none;
        }

        .post-slide3 .post-description {
            font-size: 16px;
            color: #676767;
            line-height: 24px;
            padding-bottom: 15px;
        }

        .post-slide3 .read-more {
            display: inline-block;
        }

        .post-slide3 .read-more:hover {
            text-decoration: none;
        }

        .post-slide3 .read-more i {
            font-size: 19px;
            color: #333;
            margin-right: 5px;
            transition: all 0.40s linear 0s;
        }

        .post-slide3 .read-more span {
            font-size: 16px;
            color: #333;
            opacity: 0;
            text-transform: uppercase;
            transition: all 0.40s linear 0s;
        }

        .post-slide3 .read-more:after {
            content: "";
            display: block;
            width: 40%;
            position: relative;
            bottom: -20px;
            border-bottom: 3px solid #333;
            opacity: 0;
            transition: all 0.40s linear 0s;
        }

        .post-slide3:hover .read-more span,
        .post-slide3:hover .read-more:after {
            opacity: 1;
        }

        .post-slide3 .read-more:hover span,
        .post-slide3 .read-more:hover i,
        .post-slide3 .read-more:hover:after {
            color: #8e44ad;
            border-bottom-color: #8e44ad;
        }

        .banner-section {
            height: 280px;
        }

        .post-title-block {
            padding: 100px 0;
        }

        .post-title-block h1 {
            color: #fff;
            font-size: 3rem;
            font-weight: bold;
            text-transform: capitalize;
        }

        .post-title-block li {
            font-size: 20px;
            color: #fff;
        }

        .image-block {
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

        .list-group-item.active {
            z-index: 2;
            color: #fff;
            background-color: #8b181b;
            border-color: #8b181b;
        }

        /* stats page counter */
        /*--------------------
    Counter Area
--------------------*/

        .counter-area {
            padding: 120px 0;
        }

        .counter-area .single-counter-box {
            background-color: #f6f6f6;
            padding: 45px;
            text-align: center;
        }

        .counter-area .single-counter-box .icon {
            font-size: 45px;
            color: #862124;
        }

        .counter-area .single-counter-box .content .counter-text {
            font-family: "Poppins", sans-serif;
            font-size: 30px;
            font-weight: 700;
        }

        .counter-area .single-counter-box .content h6 {
            font-family: "Open Sans", sans-serif;
            font-size: 16px;
            font-weight: 400;
        }

        /* blog page */

        .blog-banner {
            height: 50vh;
            background: url("../images/worldmap-large.jpg") no-repeat center center;
            background-size: cover;
            padding-top: 113px;
        }

        .blog-top-card {
            margin-top: -100px;
        }

        .blog-top-card .card-title,
        .single-card .card-title {
            font-size: 24px;
        }

        .blog-top-card a,
        .three-card a,
        .single-card a {
            text-decoration: none;
            color: #000000;
        }

        .blog-top-card a:hover,
        .three-card a:hover,
        .single-card a:hover {
            text-decoration: none;
        }

        .three-card .card-title {
            font-size: 24px;
        }

        .three-card .card-footer {
            border-top: 0;
            background-color: transparent;
        }

        /* blog single page */

        .blog-inner-banner {
            height: 10vh;
            background: url("../images/worldmap-large.jpg") no-repeat center center;
            background-size: cover;
        }

        .blog-hero {
            width: 80% !important;
            height: 600px;
        }

        .blog-body {
            margin-top: -50px;
            background: #fff;
            padding: 70px 60px;
            max-width: 75% !important;
        }

        .comment-wrapper .panel-body {
            max-height: 650px;
            overflow: auto;
        }

        .comment-wrapper .media-list .media img {
            width: 64px;
            height: 64px;
            border: 2px solid #e5e7e8;
        }

        .comment-wrapper .media-list .media {
            border-bottom: 1px dashed #efefef;
            margin-bottom: 25px;
        }

        @media (max-width:992px) {
            .blog-body {
                padding: 70px 50px;
                max-width: 80% !important;
            }
        }

        .blog-body>p:first-child {
            font-size: 2rem;
            line-height: 1.5em;
        }

        .blog-body p {
            font-family: Georgia, serif;
            font-size: 1.3rem;
            line-height: 1.6em;
            margin: 0 0 40px;
        }

        .media-body p {
            font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
            font-size: 14px;
        }

        /* calendar */

        #external-events {
            float: left;
            width: 150px;
            padding: 0 10px;
            text-align: left;
        }

        #external-events h4 {
            font-size: 16px;
            margin-top: 0;
            padding-top: 1em;
        }

        .external-event {
            /* try to mimick the look of a real event */
            margin: 10px 0;
            padding: 2px 4px;
            background: #3366CC;
            color: #fff;
            font-size: .85em;
            cursor: pointer;
        }

        #external-events p {
            margin: 1.5em 0;
            font-size: 11px;
            color: #666;
        }

        #external-events p input {
            margin: 0;
            vertical-align: middle;
        }

        #calendar {
            /* 		float: right; */
            margin: 0 auto;
            background-color: #FFFFFF;
            border-radius: 6px;
            box-shadow: 0 1px 2px #C3C3C3;
        }

        /* calendar admin */

        .fc-toolbar.fc-header-toolbar {
            padding: 20px;
        }

        /* stories */

        .stories-container .b-0 {
            bottom: 0;
        }

        .stories-container .bg-shadow {
            background: rgba(76, 76, 76, 0);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
            background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
        }

        .stories-container .top-indicator {
            right: 0;
            top: 1rem;
            bottom: inherit;
            left: inherit;
            margin-right: 1rem;
        }

        .stories-container .overflow {
            position: relative;
            overflow: hidden;
        }

        .stories-container .zoom img {
            transition: all 0.2s linear;
        }

        .stories-container .zoom:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        /* services */

        .sriyog-icon-text img {
            height: 35px;
        }

        .sriyog-icon-text a {
            color: #212529;
        }

        .sriyog-icon-text {
            /* width: 80px; */
            margin: 10px 0px;
            /* box-shadow: 0 0px 20px 1px rgba(0, 0, 0, 0.1); */
            padding: 5px 10px;
            padding-top: 20px;
            color: black;
            cursor: pointer;
            transition: 0.2s;
            text-align: center;
        }

        .sriyog-icon-text:hover {
            text-decoration: none;
            color: #404040;
            transform: scale(1.2);
            transition: 0.2s;
        }

        .sriyog-icon-text:hover a {
            color: #862124;
            text-decoration: none;
        }

        .worker-list .card-profile {
            margin: 50px auto;
            background-color: #e6e5e1;
            border-radius: 0;
            border: 0;
            box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.2);
        }

        .worker-list .card-profile .card-img-top {
            border-radius: 0;
        }

        .worker-list .card-profile .card-img-profile {
            max-width: 60%;
            border-radius: 50%;
            margin-top: -75px;
            margin-bottom: 35px;
            border: 3px solid #e6e5e1;
        }

        .worker-list .card-profile .card-title {
            margin-bottom: 20px;
        }

        .worker-list .card-profile .card-title small {
            display: block;
            font-size: .6em;
            margin-top: .2em;
        }

        .worker-list .card-profile .card-links {
            margin-bottom: 25px;
        }

        .worker-list .card-profile .card-links .fa {
            margin: 0 1em;
            font-size: 1.6em;
        }

        .worker-list .card-profile .card-links .fa:focus,
        .card-profile .card-links .fa:hover {
            text-decoration: none;
        }

        .worker-list .card-profile .card-links .fa.fa-dribbble {
            color: #ea4b89;
            font-weight: bold;
        }

        .worker-list .card-profile .card-links .fa.fa-dribbble:hover {
            color: #e51d6b;
        }

        .worker-list .card-profile .card-links .fa.fa-twitter {
            color: #68aade;
        }

        .worker-list .card-profile .card-links .fa.fa-twitter:hover {
            color: #3e92d5;
        }

        .worker-list .card-profile .card-links .fa.fa-facebook {
            color: #3b5999;
        }

        .worker-list .card-profile .card-links .fa.fa-facebook:hover {
            color: #2d4474;
        }

        .regular-user {
            position: relative;
        }

        .vfd-check {
            position: absolute;
            top: 20px;
            right: 20px;
        }

        /* user profile */

        .emp-profile {
            padding: 3% 0;
            margin-top: 3%;
            margin-bottom: 3%;
            border-radius: 0.5rem;
            background: #fff;
        }

        .profile-img {
            text-align: center;
        }

        .profile-img img {
            width: 80%;
            height: 100%;
        }

        .profile-img .file {
            position: relative;
            overflow: hidden;
            margin-top: -17%;
            width: 80%;
            border: none;
            border-radius: 0;
            font-size: 15px;
            background: #212529b8;
        }

        .profile-img .file input {
            position: absolute;
            opacity: 0;
            right: 0;
            top: 0;
        }

        .profile-head h5 {
            color: #333;
        }

        .profile-head h6 {
            color: #0062cc;
        }

        .profile-edit-btn {
            border: none;
            border-radius: 1.5rem;
            width: 70%;
            padding: 2%;
            font-weight: 600;
            color: #6c757d;
            cursor: pointer;
        }

        .proile-rating {
            font-size: 12px;
            color: #818182;
            margin-top: 5%;
        }

        .proile-rating span {
            color: #495057;
            font-size: 15px;
            font-weight: 600;
        }

        .profile-head .nav-tabs {
            margin-bottom: 5%;
        }

        .profile-head .nav-tabs .nav-link {
            font-weight: 600;
            border: none;
        }

        .profile-head .nav-tabs .nav-link.active {
            border: none;
            border-bottom: 2px solid #8b181b;
        }

        .profile-work {
            padding: 14%;
            margin-top: -15%;
        }

        .profile-work p {
            font-size: 12px;
            color: #818182;
            font-weight: 600;
            margin-top: 10%;
        }

        .profile-work a {
            text-decoration: none;
            color: #495057;
            font-weight: 600;
            font-size: 14px;
        }

        .profile-work ul {
            list-style: none;
        }

        .profile-tab label {
            font-weight: 600;
        }

        .profile-tab p {
            font-weight: 600;
            color: #0062cc;
        }

        .profile-head .nav-tabs>li>a {
            line-height: 1.42857143;
            margin-right: 2px;
            color: #333;
            padding: 10px 20px;
            border: 1px solid transparent;
            border-radius: 3px;
            background-color: #f4f7f9;
        }

        /* video page */
        /* responsive buttons */
        .video-testimonial-content>h4 {
            font-size: 1.1rem;
        }

        .resp-sharing-button__link,
        .resp-sharing-button__icon {
            display: inline-block
        }

        .resp-sharing-button__link {
            text-decoration: none;
            color: #fff;
            margin: 0.5em
        }

        .resp-sharing-button {
            border-radius: 70px;
            transition: 25ms ease-out;
            /* padding: 0.5em 0.75em; */
            width: 30px;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

        .resp-sharing-button__icon svg {
            width: 1em;
            height: 1em;
            margin-right: 0.4em;
            vertical-align: top
        }

        .resp-sharing-button--small svg {
            margin: 0;
            vertical-align: middle
        }

        /* Non solid icons get a stroke */

        .resp-sharing-button__icon {
            stroke: #fff;
            fill: none
        }

        /* Solid icons get a fill */

        .resp-sharing-button__icon--solid,
        .resp-sharing-button__icon--solidcircle {
            fill: #fff;
            stroke: none
        }

        .resp-sharing-button--twitter {
            background-color: #55acee
        }

        .resp-sharing-button--twitter:hover {
            background-color: #2795e9
        }

        .resp-sharing-button--pinterest {
            background-color: #bd081c
        }

        .resp-sharing-button--pinterest:hover {
            background-color: #8c0615
        }

        .resp-sharing-button--facebook {
            background-color: #3b5998
        }

        .resp-sharing-button--facebook:hover {
            background-color: #2d4373
        }

        .resp-sharing-button--tumblr {
            background-color: #35465C
        }

        .resp-sharing-button--tumblr:hover {
            background-color: #222d3c
        }

        .resp-sharing-button--reddit {
            background-color: #5f99cf
        }

        .resp-sharing-button--reddit:hover {
            background-color: #3a80c1
        }

        .resp-sharing-button--google {
            background-color: #dd4b39
        }

        .resp-sharing-button--google:hover {
            background-color: #c23321
        }

        .resp-sharing-button--linkedin {
            background-color: #0077b5
        }

        .resp-sharing-button--linkedin:hover {
            background-color: #046293
        }

        .resp-sharing-button--email {
            background-color: #777
        }

        .resp-sharing-button--email:hover {
            background-color: #5e5e5e
        }

        .resp-sharing-button--xing {
            background-color: #1a7576
        }

        .resp-sharing-button--xing:hover {
            background-color: #114c4c
        }

        .resp-sharing-button--whatsapp {
            background-color: #25D366
        }

        .resp-sharing-button--whatsapp:hover {
            background-color: #1da851
        }

        .resp-sharing-button--hackernews {
            background-color: #FF6600
        }

        .resp-sharing-button--hackernews:hover,
        .resp-sharing-button--hackernews:focus {
            background-color: #FB6200
        }

        .resp-sharing-button--vk {
            background-color: #507299
        }

        .resp-sharing-button--vk:hover {
            background-color: #43648c
        }

        .resp-sharing-button--facebook {
            background-color: #3b5998;
            border-color: #3b5998;
        }

        .resp-sharing-button--facebook:hover,
        .resp-sharing-button--facebook:active {
            background-color: #2d4373;
            border-color: #2d4373;
        }

        .resp-sharing-button--twitter {
            background-color: #55acee;
            border-color: #55acee;
        }

        .resp-sharing-button--twitter:hover,
        .resp-sharing-button--twitter:active {
            background-color: #2795e9;
            border-color: #2795e9;
        }

        .resp-sharing-button--tumblr {
            background-color: #35465C;
            border-color: #35465C;
        }

        .resp-sharing-button--tumblr:hover,
        .resp-sharing-button--tumblr:active {
            background-color: #222d3c;
            border-color: #222d3c;
        }

        .resp-sharing-button--email {
            background-color: #777777;
            border-color: #777777;
        }

        .resp-sharing-button--email:hover,
        .resp-sharing-button--email:active {
            background-color: #5e5e5e;
            border-color: #5e5e5e;
        }

        .resp-sharing-button--pinterest {
            background-color: #bd081c;
            border-color: #bd081c;
        }

        .resp-sharing-button--pinterest:hover,
        .resp-sharing-button--pinterest:active {
            background-color: #8c0615;
            border-color: #8c0615;
        }

        .resp-sharing-button--linkedin {
            background-color: #0077b5;
            border-color: #0077b5;
        }

        .resp-sharing-button--linkedin:hover,
        .resp-sharing-button--linkedin:active {
            background-color: #046293;
            border-color: #046293;
        }

        .resp-sharing-button--reddit {
            background-color: #5f99cf;
            border-color: #5f99cf;
        }

        .resp-sharing-button--reddit:hover,
        .resp-sharing-button--reddit:active {
            background-color: #3a80c1;
            border-color: #3a80c1;
        }

        .resp-sharing-button--whatsapp {
            background-color: #25D366;
            border-color: #25D366;
        }

        .resp-sharing-button--whatsapp:hover,
        .resp-sharing-button--whatsapp:active {
            background-color: #1DA851;
            border-color: #1DA851;
        }

        /* career */

        .c-detail-list li::before {
            position: absolute;
            left: 0;
            display: block;
            top: 13px;
            width: 10px;
            height: 1px;
            content: "";
            background: #677782;
        }

        .c-detail-list {
            list-style: none;
        }

        .c-detail-list li {
            width: 100%;
            margin: 0 0 12px;
            position: relative;
            line-height: 22px;
            font-size: 14px;
            padding-left: 23px;
        }

        .career-container .mt-0 {
            margin-top: -4px !important;
        }

        /* investors page */

        .ir-row .list-group-item.active {
            z-index: 2;
            color: #fff;
            background-color: #8b181b;
            border-color: #8b181b;
        }

        .investor-tab .nav-pills .nav-link.active,
        .investor-tab .nav-pills .show>.nav-link {
            color: #fff;
            background-color: #8b181b;
        }

        /* city worker page eg. plumbers */

        .worker-city-list {
            margin-bottom: 40px;
        }

        .worker-city-list .card-profile {
            margin: 0 auto;
            background-color: #e6e5e1;
            border-radius: 0;
            border: 0;
            box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.2);
        }

        .worker-city-list .card-profile .card-img-top {
            border-radius: 0;
        }

        .worker-city-list .card-profile .card-img-profile {
            max-width: 60%;
            border-radius: 50%;
            margin-top: -75px;
            margin-bottom: 35px;
            border: 3px solid #e6e5e1;
        }

        .worker-city-list .card-profile .card-title {
            margin-bottom: 20px;
        }

        .worker-city-list .card-profile .card-title small {
            display: block;
            font-size: .6em;
            margin-top: .2em;
        }

        .worker-city-list .card-profile .card-links {
            margin-bottom: 25px;
        }

        .worker-city-list .card-profile .card-links .fa {
            margin: 0 1em;
            font-size: 1.6em;
        }

        .worker-city-list .card-profile .card-links .fa:focus,
        .card-profile .card-links .fa:hover {
            text-decoration: none;
        }

        .worker-city-list .card-profile .card-links .fa.fa-dribbble {
            color: #ea4b89;
            font-weight: bold;
        }

        .worker-city-list .card-profile .card-links .fa.fa-dribbble:hover {
            color: #e51d6b;
        }

        .worker-city-list .card-profile .card-links .fa.fa-twitter {
            color: #68aade;
        }

        .worker-city-list .card-profile .card-links .fa.fa-twitter:hover {
            color: #3e92d5;
        }

        .worker-city-list .card-profile .card-links .fa.fa-facebook {
            color: #3b5999;
        }

        .worker-city-list .card-profile .card-links .fa.fa-facebook:hover {
            color: #2d4474;
        }

        /* Top city page */

        .top-city-banner {
            height: 20vh;
            background: url("../images/city-map.png") no-repeat center center;
            background-size: cover;
        }

        .city-image {
            position: relative;
            border-radius: 10px !important;
        }

        .city-image-mask {
            position: absolute;
            top: 0;
            left: 4%;
            width: 92%;
            /* clip: auto; */
            height: 100%;
            border-radius: 10px;
            opacity: 0.8;
            z-index: 1;
        }

        @media (max-width: 768px) {
            .city-image-mask {
                position: absolute;
                top: 0;
                left: 6%;
                width: 88%;
                /* clip: auto; */
                height: 100%;
                border-radius: 10px;
                opacity: 0.8;
                z-index: 1;
            }

            .bootstrap-select {
                margin-bottom: 20px !important;
            }
        }

        @media (max-width: 576px) {
            .city-image-mask {
                position: absolute;
                top: 0;
                left: 3%;
                width: 94%;
                /* clip: auto; */
                height: 100%;
                border-radius: 10px;
                opacity: 0.8;
                z-index: 1;
            }
        }

        .city-name {
            position: absolute;
            bottom: 16px;
            left: 40px;
            z-index: 2;
        }

        .city-link {
            color: #fff;
            text-decoration: none;
        }

        .city-link:hover {
            color: white;
            text-decoration: none;
            border-bottom: 3px solid #8b181b;
        }

        .profile-link {
            font-size: 29px;
            vertical-align: middle;
            padding-left: 5px;
        }

        .profile-link a {
            color: #8b181b;
        }

        .profile-link a:hover {
            color: #8e292c !important;
        }

        /* main profile page */

        .sy-cover-photo {
            background-size: cover;
            height: 500px;
            position: relative;
        }

        .profile-caption-block {
            position: absolute;
            bottom: 10px;
            right: 30px;
            font-size: 12px;
        }

        .profile-caption-block p {
            margin-bottom: 5px;
        }

        .profile-page .container {
            padding-left: 0;
            padding-right: 0;
        }

        .user-location-id img {
            width: 30px;
        }

        p.about-user-text:first-of-type:first-letter {
            float: left;
            font-size: 45px;
            line-height: 1;
            font-weight: bold;
            margin-right: 9px;
        }

        .user-avatar-group .list-group-item {
            border: none !important;
        }

        .fc-week .fc-day>div .fc-day-number {
            padding: 0 !important;
        }

        .user-sy-calendar {
            overflow-x: auto !important;
        }

        .page-downloader .list-group-item {
            font-size: 45px;
            border: 0;
        }

        .user-qualification,
        .pro-qualification {
            overflow-x: auto;
        }

        .user-brief-info li {
            border: 0;
            font-weight: bold;
            font-size: 16px;
        }

        /* .star-rating {} */

        .star-rating .fa-star {
            color: #8e292c;
        }

        .page-downloader .list-group-item {
            padding: .1rem 1.25rem;
            font-size: 29px;
        }

        .book-call-chat {
            font-size: 20px;
        }

        .gender-age {
            font-size: 16px;
        }

        .book-call-chat .list-group-item,
        .gender-age .list-group-item,
        .mode-pay .list-group-item {
            border: none;
        }

        /* .mode-pay img {} */

        .sriyog-watermark {
            position: absolute;
            top: 40px;
            left: 20px;
            width: 300px;
        }

        .sriyog-verified-icon {
            position: absolute;
            top: 50px;
            left: 284px;
            opacity: .8;
        }

        @media (max-width: 575.98px) {
            .list-group-horizontal {
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .list-group-item {
                text-align: center;
            }

            .user-qualification,
            .pro-qualification {
                overflow: auto;
            }

            .user-profile-name h2 {
                font-size: 2.1rem !important;
            }

            .user-location-id {
                text-align: center;
            }

            .user-location-id li {
                margin-right: 0 !important;
                margin-bottom: 10px;
                display: block !important;
            }

            .profile-top-column .p-5 {
                padding: 2rem !important;
            }
        }

        .user-brief-info .nav-pills .nav-link.active,
        .user-brief-info .nav-pills .show>.nav-link {
            color: #862124;
            background-color: transparent;
            border-bottom: 4px solid #862124;
            border-radius: 0;
        }

        .user-brief-info .nav-item a {
            color: #737373;
        }

        /* 404 page */
        /* welcome note page */

        .welcome-text-content {
            font-family: 'Noto Sans', sans-serif !important;
            font-size: 18px;
        }

        .welcome-text-content p:first-child {
            text-indent: 40px;
        }



        ------------------------------ Register page css .gradient-custom {
            /* fallback for old browsers */
            background: #f093fb;

            /* Chrome 10-25, Safari 5.1-6 */
            background: -webkit-linear-gradient(to bottom right, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1));

            /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            background: linear-gradient(to bottom right, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1))
        }

        .card-registration .select-input.form-control[readonly]:not([disabled]) {
            font-size: 1rem;
            line-height: 2.15;
            padding-left: .75em;
            padding-right: .75em;
        }

        .card-registration .select-arrow {
            top: 13px;
        }

        /* Input fields fixing */


        .form-control {
            /* margin-top: -29px; */
            display: block;
            width: 100%;
            height: calc(1.5em + 0.75rem + 2px);
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }

        .iti--allow-dropdown input,
        .iti--allow-dropdown input[type=text],
        .iti--allow-dropdown input[type=tel],
        .iti--separate-dial-code input,
        .iti--separate-dial-code input[type=text],
        .iti--separate-dial-code input[type=tel] {
            width: 100%;
            display: block;
            padding-right: 6px;
            padding-left: 52px;
            margin-left: 0;
            height: calc(1.5em + 0.75rem + 2px);

            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;



        }

        /* .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel]:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
} */
        /* Register page fixing */
        label {
            display: inline-block;
            /* margin-bottom: 1.5rem; */
            margin-bottom: 2rem;
        }

        /* Date of birth input field  */
        .input-group>.custom-select:not(:last-child),
        .input-group>.form-control:not(:last-child) {
            width: 100%;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }




        /* WhatsApp Float  */

        /* WhatsApp Float Starts Here  */

        .float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 150px;
            right: 30px;
            background-color: #008000;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #5e5e5e;
            z-index: 100;
        }

        .ff {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #fff;

        }

        .my-float {
            margin-top: 17px;
        }

        .float-fb {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 165px;
            right: 30px;
            background-color: #008000;

            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;

        }

        /* WhatsApp Float Ends Here    */

        /* media query */
        @media (max-width:409px) {
            .nav-logo {
                height: 45px;
            }

            .ime {
                font-size: 13px !important;
                margin-top: 16px !important;
            }

            .top-height {
                height: 66px !important;
            }

            .navbar-toggler {
                height: 38px;
                font-size: 13px;
            }
        }

        .top-height {
            height: 85px;
        }

        @media(min-width:991px) and (max-width:1199px) {
            .img-responsive {
                font-size: 14px;
            }

            .misscall {
                width: 20px;
            }

            .sriyog-contact-info {
                margin: 3px !important;
            }

            .contact-box .col-lg-3 {
                position: absolute;
                /* top: -10%; */
                top: -34%;
                bottom: 25%;
                right: 3.9%;

            }
        }

        /* 26 may,2024 */
        /* css for gallery page start here */

        /* Start Gallery CSS */
        .thumb {
            margin-bottom: 15px;
        }

        .thumb:last-child {
            margin-bottom: 0;
        }

        /* CSS Image Hover Effects: https://www.nxworld.net/tips/css-image-hover-effects.html */
        .thumb figure img {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            height: 100%;
            width: 100%;

        }

        .thumb figure:hover img {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
        }

        /* css for gallery page end here */

        /* css for meet page */
        .border-card{
            border-radius: 1rem;
            border: 0.1px solid rgba(185, 175, 175, 0.25);
        }