/* ****************************** */
        .cardc {
            background: #fff;
            overflow: hidden;
            transition: transform 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .cardc img {
            width: 100%;
            height: auto;
            display: block;
        }

        .cardc div {
            padding: 20px;
            margin: 0;
            font-size: 18px;
            font-weight: 600;
            color: #222222;
        }

        .cardc div p {
            border-left: #222222 solid 3px;
            padding-left: 10px;
        }

        .cardc:hover {
            transform: translateY(-5px);
        }

        @media (max-width: 768px) {
            .cardc p {
                font-size: 14px;
            }
        }

        .containerc {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            padding: 20px;
            margin-bottom: 100px;
        }

        @media (max-width: 768px) {
            .containerc {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 480px) {
            .containerc {
                grid-template-columns: 1fr;
            }
        }

        /* ****************************** */
        .contact-breadcrumbs::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.2;
            z-index: 1;
        }

        .copyright-footer {
            background-color: #000;
            border-top: 1px solid #ffffff38;
            padding: 15px 0;
        }

        .list-social__item a {
            color: #fff !important;
            font-size: 15px !important;
        }

        .media-about .line {
            width: 70px !important;
            height: 70px !important;
        }

        .col-name {
            font-size: 24px;
        }

        @media only screen and (max-width: 600px) {
            .contact-breadcrumbs {
                height: 30vh !important;
            }

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


        }

        @media (min-width: 992px) {
            .col-lg-3-sec {
                -ms-flex: 0 0 33.3333333333%;
                flex: 0 0 33.3333333333%;
                max-width: 33.3333333333%;
            }
        }

        .logo img {
            max-width: 150px;
        }

        .ft-logo {
            max-width: 150px;
        }

        ::-webkit-scrollbar {
            -webkit-appearance: none;
        }

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

        ::-webkit-scrollbar-track {
            background: #ffff;
        }

        ::-webkit-scrollbar-thumb {
            background: #222222;
            height: 100px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #222222;
        }

        @media (max-width: 1199px) {
            .media-about .media__img {
                margin-top: 0px !important;
            }
        }