html {
                        font-family: 'Montserrat', sans-serif;
                        scroll-behavior: smooth;
                    }

                    body {
                        font-family: 'Montserrat', sans-serif;
                        font-size: 14px;
                        color: #000;
                        font-weight: 500;
                        scroll-behavior: smooth;
                    }

                    a,
                    a:hover {
                        text-decoration: none;
                    }

                    a:focus {
                        outline: none;
                    }

                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6,
                    p,
                    a,
                    span,
                    table,
                    div,
                    ul,
                    li,
                    button,
                    input,
                    button,
                    select,
                    tr,
                    td,
                    th {
                        font-family: 'Montserrat', sans-serif;
                        font-weight: 600;
                    }

                    ul {
                        padding: 0;
                        margin: 0;
                    }

                    ul li {
                        list-style: none;
                    }

                    .p-0 {
                        padding: 0;
                    }

                    .pr-0 {
                        padding-right: 0;
                    }

                    .pl-0 {
                        padding-left: 0;
                    }

                    .pb-0 {
                        padding-bottom: 0;
                    }

                    .pt-0 {
                        padding-top: 0;
                    }

                    .m-0 {
                        margin: 0;
                    }

                    .scrolltop .icon {
                        font-size: 22px;
                        text-align: center;
                        cursor: pointer;
                        line-height: 52px;
                    }

                    .scrolltop {
                        position: fixed;
                        bottom: 70px;
                        right: 40px;
                        width: 50px;
                        height: 50px;
                        border-radius: 50%;
                        background-color: #4b85f0;
                        color: #fff;
                        display: none;
                    }

                    /* ************************************************** SOCIAL LINK LEFT SIDE CSS */

                    .social-link-fixed.sidebar {
                        height: auto;
                        width: 0px;
                        position: fixed;
                        right: 50px;
                        text-align: center;
                        top: 30vh;
                        z-index: 999;
                    }

                    .social-link-fixed p {
                        margin: 0;
                        text-align: left;
                        padding: 12px;
                        color: #fff;
                        font-weight: 600;
                        display: flex;
                        align-items: center;
                    }

                    .social-link-fixed p i {
                        font-size: 18px;
                        color: #fff;
                        margin-right: 14px;
                        width: 20px;
                        height: 20px;
                        text-align: center;
                    }

                    .social-link-fixed .social {
                        margin-left: 6px;
                        width: 200px;
                        padding: 0;
                        display: inline-table;
                        height: 0px;
                        background-color: rgba(128, 128, 128, 0.73);
                        -moz-transition-property: margin-left;
                        -moz-transition-duration: 0.2s;
                        -moz-transition-delay: 0.2s;
                        -ms-transition-property: margin-left;
                        -ms-transition-duration: 0.2s;
                        -ms-transition-delay: 0.2s;
                        -o-transition-property: margin-left;
                        -o-transition-duration: 0.2s;
                        -o-transition-delay: 0.2s;
                        -webkit-transition-property: margin-left;
                        -webkit-transition-duration: 0.2s;
                        -webkit-transition-delay: 0.2s;
                        box-shadow: 0px 0px 6px 0px #3E3D3D;
                        cursor: pointer;
                    }

                    .social-link-fixed .social:hover {
                        margin-left: -150px;
                        width: 200px;
                    }

                    .social-link-fixed .facebook {
                        background-color: #3b5998;
                    }

                    .social-link-fixed .twitter {
                        background-color: #4099FF;
                    }

                    .social-link-fixed .instagram {
                        background-color: #833AB4;
                    }

                    .social-link-fixed .youtube {
                        background-color: #c4302b;
                    }

                    .social-link-fixed .linkdin {
                        background-color: #0e76a8;
                    }

                    .social-link-fixed .telegram {
                        background-color: #3689c6;
                    }

                    .social-link-fixed .youtube:hover {
                        background-color: #E52D27;
                    }

                    .social-link-fixed .linkedin:hover {
                        background-color: #0976B4;
                    }

                    /* **************************************** TOP HEADER SECTION CSS */

                    .header-section .topheader-section {
                        width: 100%;
                        z-index: 0;
                        background: #fff;
                        padding: 18px 0 14px 0 !important;
                    }

                    .header-section .topheader-section .topheader-left {
                        margin: 0;
                    }

                    .header-section .topheader-section .topheader-left a {
                        color: #f7f0f0;
                        font-size: 12px;
                    }

                    .topheader-right ul {
                        list-style: none;
                    }

                    .topheader-right ul li {
                        padding: 10px;
                        float: left;
                    }

                    .topheader-right ul li a {
                        color: #fff !important;
                    }

                    .topheader-right a {
                        color: #000 !important;
                    }

                    .header-section .topheader-section .topheader-right a:first-child {
                        margin-left: 0;
                        border-left: none;
                        padding-left: 0;
                    }

                    .header-section .topheader-section .topheader-right a {
                        color: #f7f0f0;
                        font-size: 12px;
                        margin-left: 10px;
                        padding-left: 10px;
                    }

                    .header-section .topheader-section .topheader-right a i {
                        margin-right: 4px;
                    }

                    .header-section .navigation-header {
                        width: 100%;
                        margin-bottom: 0px;
                        position: relative;
                    }

                    .header-section .navigation-header h1 {
                        margin: 0;
                        font-weight: 700;
                        font-size: 34px;
                        text-shadow: 1px 1px #000;
                        color: #81256f;
                        text-align: center;
                    }

                    .header-section .navigation-header .logoimg {
                        width: 55%;
                        /* margin-top: 10px; */
                    }

                    .header-section .navigation-header .topnav a:hover {
                        color: #81256f !important;
                    }

                    .header-section .navigation-header .topnav .logo {
                        float: left;
                        display: block;
                        color: black;
                        text-align: center;
                        padding: 7px 10px 3px 10px;
                        margin-top: 2px;
                        text-decoration: none;
                        font-size: 17px;
                    }

                    .header-section .navigation-header .topnav .logo img {
                        width: 30px;
                        height: auto;
                    }

                    .header-section .navigation-header .topnav .logo:hover {
                        background: transparent;
                    }

                    @media screen and (max-width: 992px) {
                        .header-section .navigation-header {
                            display: block !important;
                        }

                        .custom-class {
                            display: block;
                        }
                    }

                    @media screen and (max-width: 600px) {
                        .header-section .navigation-header .topnav a:not(:first-child) {
                            display: none;
                        }

                        .blogs-read-more a {
                            font-size: 15px !important;
                        }

                        .about-tittle p {
                            color: #777777;
                            font-size: 13px !important;
                        }

                        .about-tittle h3 {
                            font-size: 19px;
                        }

                        .contuct-form-custom {
                            padding: 34px 38px;
                            background-color: #e4701de8;
                            margin-top: 35px !important;
                        }

                        .get-sel h3 {
                            color: #fff;
                            font-size: 14px !important;
                        }

                        .donate-box1 {
                            background-color: #81256f;
                            padding: 32px 0px !important;
                        }

                        .main-form {
                            width: 100%;
                            background: #362526;
                            padding: 0px 0px !important;
                            position: relative;
                            z-index: 1;
                            border-radius: 8px;
                        }

                        .service-img img {
                            width: 100%;
                        }

                        .header-section .navigation-header .topnav button.icon {
                            background: #3f0333 !important;
                            float: right;
                            display: block;
                            padding: 16px 17px;
                            border: 0;
                            outline: none;
                            cursor: pointer;
                            color: #fff;
                        }

                        .custom_card {
                            padding: 26px 5px;
                            border-radius: 5px;
                            margin-bottom: 14px;
                        }

                        .header-section .navigation-header {
                            width: 100%;
                            padding: 10px 0;
                            background: #fff;
                        }

                        .header-section .navigation-header .topnav a {
                            color: #fff !important;
                        }

                        .active active-one {
                            color: #e4701d !important;
                        }

                        .responsive-b {
                            background-color: #81256f !important;
                        }

                        .about-area img {
                            width: 100%;
                        }

                        .gallery-bottom {
                            text-align: left !important;
                            margin-top: 34px;
                        }

                        .recent-right {
                            display: block !important;
                            margin-bottom: 15px;
                        }

                        .gallery-bottom span {
                            background-color: #e4701d;
                            color: #000;
                            padding: 10px 17px;
                            font-size: 15px;
                            outline-style: dashed;
                            display: inline-block;
                            margin-bottom: 17px !important;
                        }

                        .header-section {
                            position: relative !important;
                            display: block;
                            width: 100%;
                            z-index: 6;
                            top: 0px !important;
                            left: 0px;
                            background: none;
                            clear: both;
                            padding: 14px 2px;
                            border-bottom: 1px solid #ff5e14f2;
                        }

                        .header-section .topheader-section .topheader-right a {
                            color: #f7f0f0;
                            font-size: 12px;
                            padding-left: 10px;
                        }

                        button.icon:focus,
                        button.icon:hover {
                            border: 0;
                            outline: none;
                            background: #b3b3b3;
                        }

                        .services-section .services-box {
                            text-align: center;
                            margin-top: 36px;
                            padding: 30px 0 20px;
                            height: auto;
                        }

                        .ContactUs-section .ContactUs-form {
                            padding: 16px 25px !important;
                            box-shadow: 0 0 10px 1px #dddddd;
                            border-radius: 10px !important;
                            display: block !important;
                            background: #fff;
                            margin-top: 0px !important;
                        }

                        .ContactUs-section .ContactUs-form ul {
                            width: 100% !important;
                            margin-right: 20px;
                            margin-top: 12px !important;
                        }

                        .ContactUs-section .ContactUs-form form {
                            padding: 30px 20px !important;
                            box-shadow: 0 0 10px 1px #dddddd;
                            border-radius: 10px;
                            background: #fff;
                            width: 100% !important;
                            margin-top: 12px !important;
                        }

                        .custom-class {
                            display: block;
                        }

                        .Sliderbanner-section .Modern-Slider .item .img-fill {
                            height: 100% !important;
                        }
                    }

                    @media screen and (max-width: 600px) {
                        .header-section .navigation-header .topnav.responsive {
                            position: relative;
                        }

                        .about-heading-tittle h2 span {
                            color: #e4701d;
                            font-size: 20px !important;
                        }

                        .get-input {
                            width: 68% !important;
                            margin-left: 0px !important;
                        }

                        .header-section .navigation-header .topnav.responsive a {
                            float: none;
                            display: block;
                            text-align: left;
                            border-bottom: 1px solid #ff7010;
                            padding: 14px;
                            background-color: #ff7010;
                            color: #fff;
                        }

                        .padding {
                            padding-bottom: 10px !important;
                        }

                        .header-section .navigation-header .topnav.responsive .icon {
                            position: absolute;
                            right: 0;
                            top: 0;
                        }

                        .services-section .services-box {
                            text-align: center;
                            margin-top: 36px;
                            padding: 30px 0 20px;
                            height: auto;
                        }

                        .Categories-section {
                            padding: 0em 0 !important;
                        }

                        .header-section .topheader-section .topheader-right {
                            margin: 0;
                            text-align: center !important;
                        }

                        .topheader-section h1 {
                            text-align: center !important;
                            font-size: 24px;
                        }

                        .right {
                            margin-top: 10px;
                            display: flex !important;
                        }

                        .Sliderbanner-section .Modern-Slider .item .info .banner2txt h5 {
                            margin: 0;
                            font-size: 13px;
                            text-align: center;
                            display: none;
                        }

                        .Sliderbanner-section .Modern-Slider .item .info .banner1txt {
                            width: 100%;
                            text-align: center;
                            padding: 0px !important;
                        }

                        .image_footer {
                            position: absolute;
                            top: 414px !important;
                            background: #fff;
                            width: 90%;
                            padding: 0px 20px;
                        }

                        .sidebar {
                            display: none !important;
                        }

                        .PhotoGallery-section .img-wrapper {
                            position: relative;
                            /* margin-top: 30px; */
                            overflow: hidden;
                            border: 1px solid #e9e9e9;
                            border-radius: 4px;
                            padding: 20px;
                            background-color: #fcf6f6;
                            margin-top: 12px !important;
                            margin-bottom: 15px;
                        }

                        .tp-10 {
                            margin-top: 12px !important;
                        }

                        .right span {
                            color: #fff;
                            padding-left: 12px !important;
                        }

                        .Sliderbanner-section .Modern-Slider .item .info .banner2txt {
                            width: 100%;
                            text-align: center;
                            /* padding: 0em 10em; */
                        }

                        .Sliderbanner-section .Modern-Slider .item h3 {
                            font-family: 'Abel', sans-serif;
                            color: #fff;
                            animation: fadeOutRight 1s both;
                            margin: 0;
                            padding: 0;
                            font-size: 30px !important;
                            text-align: center !important;
                            display: none;
                        }

                        .header-section .navigation-header .topnav {
                            overflow: hidden;
                            display: block;
                            align-items: center;
                            justify-content: end;
                        }

                        .about-tittle button {
                            margin-bottom: 19px !important;
                            margin-top: 0px !important;
                        }

                        .custom_icon {
                            margin: auto !important;
                        }

                        .custom_card h4 {
                            text-align: center !important;
                        }

                        .itemFooter h3 {
                            color: #fff;
                            text-align: left;
                            font-size: 17px;
                        }

                        .itemFooter p {
                            color: #fff;
                            text-align: left;
                            font-size: 12px;
                            line-height: 24px;
                            font-weight: normal;
                        }

                        .use-link ul li a {
                            font-size: 12px;
                            display: inline-block;
                            padding: 8px 5px;
                            font-weight: 500;
                            color: #fff;
                            transition: all 0.5s ease-in-out;
                        }

                        .use-link h3 {
                            color: #fff;
                            text-align: left;
                            font-size: 16px;
                        }

                        .address-link h3 {
                            text-align: left;
                            color: #fff;
                            font-size: 16px;
                        }

                        .address-link ul li {
                            display: block;
                            font-weight: 500;
                            color: #fff;
                            transition: all 0.5s ease-in-out;
                            text-align: left;
                            font-size: 12px;
                        }

                        .get-button {
                            float: left;
                        }

                        .address-area h4 {
                            color: #f9fafc !important;
                            text-align: center !important;
                        }

                        .icon-area i {
                            width: 17% !important;
                            /* text-align: center; */
                        }

                        .address-area h3 {
                            color: #e6ebf4 !important;
                            font-size: 20px;
                            text-align: center !important;
                            font-weight: 600;
                        }

                        .contact-detailss {
                            width: 100%;
                            height: 100% !important;
                        }

                        .ContactUs-form {
                            height: 100% !important;
                        }

                        .about-heading-tittle h2 {
                            line-height: 1.2 !important;
                            font-size: 19px !important;
                            text-align: left !important;
                            margin: 0px !important;
                        }

                        .our-service {
                            padding: 4em 0em;
                            background-color: #fff;
                            padding-top: 37px !important;
                        }

                        .about-tittle h1 {
                            font-size: 2rem !important;
                        }

                        .main-blogs {
                            margin-bottom: 15px !important;
                        }

                        .about-heading-tittle h4 span {
                            width: 8px;
                            height: 8px;
                            border-radius: 50px;
                            background: #ff7010;
                            display: inline-block;
                            position: relative;
                        }

                        .about-heading-tittle h4 span:before {
                            content: '';
                            border: 1px solid #362526;
                            width: 56px;
                            position: absolute;
                            right: 8px;
                            top: 3px;
                        }

                        .about-heading-tittle h4 span:after {
                            content: '';
                            border: 1px solid #362526;
                            width: 56px;
                            position: absolute;
                            left: 8px;
                            top: 3px;
                        }
                    }

                    .header-section .navigation-header.sticky {
                        position: fixed;
                        right: 0;
                        padding: 11px 0;
                        left: 0;
                        width: 100%;
                        top: 0;
                        z-index: 999;
                        background-color: #fff;
                        color: #000;
                    }

                    .sticky nav a {
                        color: #000 !important;
                    }

                    /* *********************************************** BANNER SECTION CSS */

                    .Sliderbanner-section .img-fill {
                        width: 100%;
                        display: block;
                        overflow: hidden;
                        position: relative;
                        text-align: center;
                    }

                    .Sliderbanner-section .img-fill img {
                        min-height: 100%;
                        width: 100%;
                        position: relative;
                        display: inline-block;
                        max-width: none;
                        object-fit: cover;
                    }

                    .Sliderbanner-section *,
                    .Sliderbanner-section *:before,
                    .Sliderbanner-section *:after {
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
                    }

                    .Sliderbanner-section .Grid1k {
                        padding: 0 15px;
                        max-width: 1200px;
                        margin: auto;
                    }

                    .Sliderbanner-section .blocks-box,
                    .Sliderbanner-section .slick-slider {
                        margin: 0;
                        padding: 0 !important;
                    }

                    .Sliderbanner-section .slick-slide {
                        float: left;
                        padding: 0;
                    }

                    .Sliderbanner-section .Modern-Slider .item .img-fill {
                        height: 95vh;
                        background: #000;
                    }

                    .Sliderbanner-section .Modern-Slider .item .img-fill .info {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0px;
                        left: 0px;
                        background: #0a080873;
                        line-height: 103vh;
                        text-align: center;
                    }

                    .Sliderbanner-section .Modern-Slider .item .info>div {
                        display: inline-block !important;
                        vertical-align: middle;
                    }

                    .Sliderbanner-section .Modern-Slider .NextArrow:before {
                        content: "\f105";
                    }

                    .Sliderbanner-section .Modern-Slider .PrevArrow:before {
                        content: "\f104";
                    }

                    .Sliderbanner-section .Modern-Slider .slick-dots {
                        position: absolute;
                        height: 5px;
                        background: rgba(255, 255, 255, 0.2);
                        bottom: 0px;
                        width: 100%;
                        left: 0px;
                        padding: 0px;
                        margin: 0px;
                        list-style-type: none;
                    }

                    .Sliderbanner-section .Modern-Slider .slick-dots li button {
                        display: none;
                    }

                    .Sliderbanner-section .Modern-Slider .slick-dots li {
                        float: left;
                        width: 0px;
                        height: 5px;
                        background: #81256f;
                        position: absolute;
                        left: 0px;
                        bottom: 0px;
                    }

                    .Sliderbanner-section .Modern-Slider .slick-dots li.slick-active {
                        width: 100%;
                        animation: ProgressDots 11s both;
                    }

                    .Sliderbanner-section .Modern-Slider .item .info .banner1txt {
                        width: 100%;
                        text-align: left;
                        padding: 0em 10em;
                    }

                    .Sliderbanner-section .Modern-Slider .item .info .banner1txt h5 {
                        margin: 0;
                        padding: 10px 0;
                        font-size: 18px;
                        line-height: 40px;
                        width: 100%;
                        text-align: left !important;
                        color: #fff;
                    }

                    .Sliderbanner-section .Modern-Slider .item .info .banner2txt {
                        width: 100%;
                        text-align: right;
                        padding: 0em 10em;
                    }

                    .Sliderbanner-section .Modern-Slider .item .info .banner2txt h5 {
                        margin: 0;
                        padding: 10px 0;
                        font-size: 18px;
                        line-height: 40px;
                        width: 100%;
                        text-align: left !important;
                        color: #fff;
                    }

                    .Sliderbanner-section .Modern-Slider .item h3 {
                        color: #fff;
                        animation: fadeOutRight 1s both;
                        margin: 0;
                        padding: 0;
                        font-size: 50px;
                        text-align: left;
                    }

                    .Sliderbanner-section .Modern-Slider .item a:hover {
                        display: inline-block;
                        background: #141c2c !important;
                        margin-top: 20px;
                        color: white;
                        padding: 4px 20px;
                        border-radius: 4px;
                        font-size: 16px;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .Sliderbanner-section .Modern-Slider .item.slick-active h3 {
                        animation: fadeInDown 1s both 1s;
                    }

                    .Sliderbanner-section .Modern-Slider .item.slick-active {
                        animation: Slick-FastSwipeIn 1s both;
                    }

                    .Sliderbanner-section .Modern-Slider {
                        background: #000;
                    }

                    /* ==== Slider Image Transition === */

                    @keyframes Slick-FastSwipeIn {
                        0% {
                            transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
                        }

                        100% {
                            transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
                        }
                    }

                    @-webkit-keyframes ProgressDots {
                        from {
                            width: 0px;
                        }

                        to {
                            width: 100%;
                        }
                    }

                    @keyframes ProgressDots {
                        from {
                            width: 0px;
                        }

                        to {
                            width: 100%;
                        }
                    }

                    .Sliderbanner-section .slick-slider {
                        position: relative;
                        display: block;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        -webkit-touch-callout: none;
                        -khtml-user-select: none;
                        -ms-touch-action: pan-y;
                        touch-action: pan-y;
                        -webkit-tap-highlight-color: transparent;
                    }

                    .Sliderbanner-section .slick-list {
                        position: relative;
                        display: block;
                        overflow: hidden;
                        margin: 0;
                        padding: 0;
                    }

                    .Sliderbanner-section .slick-list:focus {
                        outline: none;
                    }

                    .Sliderbanner-section .slick-list.dragging {
                        cursor: hand;
                    }

                    .Sliderbanner-section .slick-slider .slick-track,
                    .Sliderbanner-section .slick-slider .slick-list {
                        -webkit-transform: translate3d(0, 0, 0);
                        -ms-transform: translate3d(0, 0, 0);
                        transform: translate3d(0, 0, 0);
                    }

                    .Sliderbanner-section .slick-track {
                        position: relative;
                        top: 0;
                        left: 0;
                        display: block;
                    }

                    .Sliderbanner-section .slick-track:before,
                    .Sliderbanner-section .slick-track:after {
                        display: table;
                        content: "";
                    }

                    .Sliderbanner-section .slick-track:after {
                        clear: both;
                    }

                    .Sliderbanner-section .slick-loading .slick-track {
                        visibility: hidden;
                    }

                    .Sliderbanner-section .slick-slide {
                        display: none;
                        float: left
                            /* If RTL Make This Right */
                        ;
                        height: 100%;
                        min-height: 1px;
                    }

                    .Sliderbanner-section .slick-slide.dragging img {
                        pointer-events: none;
                    }

                    .Sliderbanner-section .slick-initialized .slick-slide {
                        display: block;
                    }

                    .Sliderbanner-section .slick-loading .slick-slide {
                        visibility: hidden;
                    }

                    .Sliderbanner-section .slick-vertical .slick-slide {
                        display: block;
                        height: auto;
                        border: 1px solid transparent;
                    }

                    /* ************************************* CATEGORIES SECTION CSS */

                    .Categories-section {
                        padding: 3em 0;
                    }

                    .heading-txt h6 {
                        font-size: 30px;
                        text-align: center;
                        margin: 0;
                    }

                    .heading-txt h5 {
                        margin: 0;
                        text-align: center;
                        font-size: 16px;
                        color: #5c5c5c;
                    }

                    .heading-txt p {
                        text-align: center;
                        font-size: 14px;
                        margin: 0;
                        padding-top: 6px;
                        color: #4d4d4d;
                        margin-bottom: 30px;
                    }

                    .Categories-section .Categories-box {
                        position: relative;
                        z-index: 1;
                        text-align: center;
                        border-radius: 10px;
                        height: 360px;
                    }

                    .Categories-section .Categories-box .Categoriesbg {
                        position: absolute;
                        z-index: -1;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat !important;
                        background-size: cover !important;
                        border-radius: 10px;
                    }

                    .Categoriesbg {
                        border: 1px solid #ccc;
                    }

                    .Categories-section .Categories-box h4 {
                        margin: 0;
                        color: #fff;
                        font-weight: 600;
                        font-size: 20px;
                        text-align: left;
                        padding: 0 20px;
                    }

                    /* **************************************** SHOP TOYS SECTION CSS */

                    .shoptoys-section {
                        padding: 3em 0;
                        background: whitesmoke;
                    }

                    .shoptoys-section .shoptoys-box {
                        text-align: center;
                    }

                    .shoptoys-section .shoptoys-box img {
                        width: 100%;
                    }

                    .shoptoys-section .shoptoys-box h4 {
                        margin: 0;
                        font-weight: 700;
                        font-size: 16px;
                        margin-top: 20px;
                    }

                    .shoptoys-section .shoptoys-box p {
                        margin: 0;
                        padding-top: 10px;
                    }

                    /* ****************************************** ABOUT US SECTION CSS */

                    .aboutus-section {
                        padding: 3em 0;
                    }

                    .aboutus-section .aboutus-details-box h6 {
                        margin: 0;
                        font-size: 16px;
                        font-weight: 700;
                        color: #19469b;
                    }

                    .aboutus-section .aboutus-details-box h5 {
                        margin: 0;
                        font-size: 24px;
                        padding: 14px 0;
                        font-weight: 700;
                    }

                    .aboutus-section .aboutus-details-box p {
                        margin: 0;
                        margin-bottom: 36px;
                        font-size: 16px;
                        font-weight: 600;
                        color: #7a7a7a;
                    }

                    /* ***************************************** PhotoGallery SECTION CSS */

                    .PhotoGallery-section {
                        padding: 4em 0;
                        background-color: #81256f1f;
                    }

                    .PhotoGallery-section .img-wrapper {
                        position: relative;
                        overflow: hidden;
                        border-radius: 14px;
                        padding: 0px;
                        background-color: #fff;
                        margin-bottom: 15px !important;
                    }

                    .PhotoGallery-section .img-wrapper img {
                        width: 100%;
                        transition: all ease-in-out 0.4s;
                        object-fit: contain;
                    }

                    .PhotoGallery-section .img-wrapper:hover img {
                        transform: scale(1.1);
                    }

                    .PhotoGallery-section .img-overlay {
                        background: #81256fa6;
                        width: 100% !important;
                        height: 100% !important;
                        position: absolute !important;
                        top: 0;
                        left: 0;
                        display: flex;
                        justify-content: flex-start !important;
                        align-items: end !important;
                        opacity: 0;
                        cursor: pointer !important;
                    }

                    .PhotoGallery-section .img-overlay h4 {
                        margin: 0;
                        background: rgb(0 0 0 / 59%);
                        padding: 10px 20px;
                        border-radius: 4px;
                        color: #fff;
                        width: 100%;
                        text-align: center;
                    }

                    .PhotoGallery-section .img-overlay i {
                        color: #fff;
                        font-size: 3em;
                    }

                    .PhotoGallery-section #overlay {
                        background: rgba(0, 0, 0, 0.7);
                        width: 100%;
                        height: 100%;
                        position: fixed;
                        top: 0;
                        left: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        z-index: 999;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                    }

                    .PhotoGallery-section #overlay img {
                        margin: 0;
                        width: 80%;
                        height: auto;
                        -o-object-fit: contain;
                        object-fit: contain;
                        padding: 5%;
                    }

                    @media screen and (min-width: 768px) {
                        .PhotoGallery-section #overlay img {
                            width: 60%;
                        }

                        .services-section .services-box {
                            text-align: center;
                            margin-top: 36px;
                            padding: 30px 0 20px;
                            height: auto !important;
                        }

                        .header-section .topheader-section .topheader-right a {
                            color: #f7f0f0;
                            font-size: 12px;
                            padding-left: 10px;
                        }

                        .ContactUs-section .ContactUs-form {
                            padding: 40px;
                            box-shadow: 0 0 10px 1px #dddddd;
                            border-radius: 10px;
                            display: block;
                            background: #fff;
                            margin-top: 30px;
                        }

                        .ContactUs-section .ContactUs-form ul {
                            width: 100%;
                            margin-right: 20px;
                            margin-top: 0;
                        }
                    }

                    @media screen and (min-width: 1200px) {
                        .PhotoGallery-section #overlay img {
                            width: 50%;
                        }
                    }

                    .PhotoGallery-section #nextButton {
                        color: #fff;
                        font-size: 2em;
                        transition: opacity 0.8s;
                        cursor: pointer;
                    }

                    .PhotoGallery-section #nextButton:hover {
                        opacity: 0.7;
                    }

                    @media screen and (min-width: 768px) {
                        .PhotoGallery-section #nextButton {
                            font-size: 3em;
                        }
                    }

                    .PhotoGallery-section #prevButton {
                        color: #fff;
                        font-size: 2em;
                        transition: opacity 0.8s;
                        cursor: pointer;
                    }

                    .PhotoGallery-section #prevButton:hover {
                        opacity: 0.7;
                    }

                    @media screen and (min-width: 768px) {
                        .PhotoGallery-section #prevButton {
                            font-size: 3em;
                        }
                    }

                    .PhotoGallery-section #exitButton {
                        color: #fff;
                        font-size: 2em;
                        transition: opacity 0.8s;
                        position: absolute;
                        top: 15px;
                        right: 15px;
                    }

                    .PhotoGallery-section #exitButton:hover {
                        opacity: 0.7;
                    }

                    @media screen and (min-width: 768px) {
                        .PhotoGallery-section #exitButton {
                            font-size: 3em;
                        }

                        .services-section .services-box {
                            text-align: center;
                            margin-top: 36px;
                            padding: 30px 0 20px;
                            height: auto !important;
                        }
                    }

                    /* ************************************ FREE DELIVERY SECTION CSS */

                    .Freedelivery-section {
                        padding: 3em 0;
                    }

                    .Freedelivery-section hr {
                        margin: 0;
                        border-top: 1px solid #dedede;
                        margin-top: 30px;
                    }

                    .Freedelivery-section .Freedelivery-box {
                        display: flex;
                        align-items: center;
                    }

                    .Freedelivery-section .Freedelivery-box i {
                        font-size: 30px;
                        color: #6c6c6c;
                        margin-right: 20px;
                    }

                    .Freedelivery-section .Freedelivery-box h4 {
                        margin: 0;
                        font-weight: 700;
                        color: #1b1b1b;
                        font-size: 16px;
                    }

                    .Freedelivery-section .Freedelivery-box p {
                        margin: 0;
                        padding-top: 8px;
                        color: #747474;
                        font-size: 13px;
                    }

                    /* *************************************** OUR SERVICES SECTION CSS */

                    .services-section {
                        padding: 3em 0;
                        background: #f5f9ff;
                    }

                    .services-section .services-box {
                        text-align: center;
                        margin-top: 36px;
                        padding: 30px 0 20px;
                        height: auto;
                    }

                    .services-section .services-box img {
                        margin-top: -29px;
                        margin-bottom: 20px;
                        width: 100%;
                        object-fit: cover;
                        border-radius: 5px;
                    }

                    .services-section .services-box h4 {
                        margin: 0;
                        font-size: 16px;
                        font-weight: 700;
                        color: #353535;
                    }

                    .services-section .services-box p {
                        margin: 0;
                        padding-top: 8px;
                        font-size: 12px;
                        color: #777777;
                    }

                    .custom_tittle p {
                        text-align: center;
                        font-size: 14px;
                        font-weight: 400;
                        color: #767676;
                        font-family: roboto;
                    }

                    .ContactUs-section h2 {
                        margin: 0;
                        font-weight: 700;
                        margin-bottom: 20px !important;
                        color: #101e5d;
                        font-size: 20px !important;
                    }

                    .ContactUs-section .ContactUs-form {
                        padding: 40px;
                        box-shadow: 0 0 10px 1px #dddddd;
                        border-radius: 10px !important;
                        display: flex;
                        background: #fff;
                        margin-top: 6px !important;
                    }

                    .ContactUs-section .ContactUs-form ul {
                        width: 44%;
                        margin-right: 20px;
                        margin-top: 60px;
                    }

                    .ContactUs-section .ContactUs-form ul li {
                        border-bottom: 2px solid #e8e8e8;
                        padding-bottom: 20px;
                        margin-bottom: 30px;
                        display: flex;
                        align-items: center;
                    }

                    .ContactUs-section .ContactUs-form ul li i {
                        background: #ff172d;
                        font-size: 20px;
                        color: #f7f4f4;
                        min-width: 48px;
                        height: 50px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50%;
                        border: 1px solid #d2d2d2;
                        margin-right: 16px;
                    }

                    .ContactUs-section .ContactUs-form ul li h3 {
                        margin: 0;
                        font-size: 16px;
                        text-align: left;
                    }

                    .ContactUs-section .ContactUs-form ul li h4 {
                        margin: 0;
                        padding: 6px 0 0;
                        font-size: 12px;
                        font-weight: 500;
                        color: dimgrey;
                        line-height: 19px;
                    }

                    .ContactUs-section .ContactUs-form ul li:last-child {
                        border-bottom: none;
                        padding-bottom: 0;
                        margin-bottom: 0;
                    }

                    .ContactUs-section .ContactUs-form form {
                        padding: 30px 20px;
                        box-shadow: 0 0 10px 1px #dddddd;
                        border-radius: 10px;
                        background: #fff;
                        width: 80%;
                    }

                    .ContactUs-section .ContactUs-form form h3 {
                        text-align: center;
                        margin: 0;
                        color: #787878;
                        font-size: 20px;
                        font-weight: 800;
                        margin-bottom: 20px;
                    }

                    .ContactUs-section .ContactUs-form form input {
                        width: 100%;
                        padding: 8px;
                        border: 1px solid #bebebe;
                        border-radius: 2px;
                        margin-bottom: 12px;
                        font-size: 12px;
                    }

                    .ContactUs-section .ContactUs-form form textarea {
                        width: 100%;
                        padding: 8px;
                        border: 1px solid #bebebe;
                        border-radius: 2px;
                        margin-bottom: 12px;
                        font-size: 12px;
                    }

                    .ContactUs-section .ContactUs-form form button {
                        background: #ff172d;
                        color: #fff;
                        border: none;
                        padding: 8px 18px;
                        font-size: 12px;
                        font-weight: 600;
                        border-radius: 4px;
                        transition: 0.4s all;
                    }

                    .ContactUs-section .ContactUs-form form button:hover {
                        background: #00003A;
                    }

                    /* *********************************************** TESTIMONIALS SECTION CSS */

                    .Testimonials-section {
                        padding: 5em 0 3em;
                        background: url("./images/testimonialbg.jpg") no-repeat;
                        background-position: center center;
                        background-size: cover;
                        position: relative;
                    }

                    .Testimonials-section::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        background: rgb(255 157 7 / 45%);
                    }

                    .Testimonials-section .sd_scroll {
                        height: auto;
                        max-height: 180px;
                        overflow: auto;
                    }

                    .Testimonials-section button.slick-prev.slick-arrow {
                        background: #ffb03b;
                        color: black;
                        padding: 4px 20px;
                        cursor: pointer;
                        border: none;
                        outline: none;
                        display: none !important;
                    }

                    .Testimonials-section button.slick-next.slick-arrow {
                        background: #ffb03b;
                        color: black;
                        padding: 4px 20px;
                        cursor: pointer;
                        border: none;
                        outline: none;
                        display: none !important;
                    }

                    .Testimonials-section .pagingInfo {
                        position: absolute;
                        bottom: 0;
                        z-index: 999;
                    }

                    .Testimonials-section .sdCustomSliderHeadig {
                        color: #ffffff;
                        font-size: 14px;
                        font-weight: 500;
                        line-height: 1.6em;
                        text-align: center;
                    }

                    .Testimonials-section .sdCustomSliderBtn {
                        display: inline-block;
                        text-decoration: none;
                        background: #E31C3A;
                        color: #fff;
                        padding: 12px 25px;
                        margin-top: 30px;
                        border-radius: 4px;
                        outline: none;
                        font-size: 14px;
                        font-weight: 500;
                    }

                    .Testimonials-section .sdAllContent {
                        width: 90%;
                        margin: auto;
                    }

                    .Testimonials-section .thumbnail img {
                        height: 55px;
                        width: 55px;
                        border-radius: 50%;
                        margin: auto;
                        margin-top: 15px;
                    }

                    .Testimonials-section .content {
                        display: block !important;
                        padding: 5px;
                    }

                    .Testimonials-section .content img {
                        width: 130px;
                        margin: 0 auto;
                        display: block;
                        height: 130px;
                        border-radius: 50%;
                        border: 4px solid #ffffff;
                        padding: 6px;
                    }

                    .Testimonials-section .SdClientName {
                        text-align: center;
                        color: #d6d6d6;
                        font-size: 14px;
                        font-weight: 500;
                        line-height: 1.4em;
                        margin-top: 15px;
                    }

                    .Testimonials-section .SdClientDesc {
                        text-align: center;
                        color: #ffffff;
                        font-size: 18px;
                        line-height: 1.4em;
                        margin-bottom: 10px;
                    }

                    @media (max-width:576px) {
                        .Testimonials-section .sd_scroll {
                            height: auto;
                            overflow: auto;
                            max-height: 240px;
                        }

                        .Testimonials-section .thumbnail,
                        .Testimonials-section .btnNtxt {
                            width: 100% !important;
                            display: block !important;
                        }

                        .right marquee {
                            display: none;
                        }
                    }

                    .Testimonials-section .sd_scroll::-webkit-scrollbar {
                        background-color: transparent;
                        width: 6px;
                    }

                    .Testimonials-section .sd_scroll::-webkit-scrollbar-track {
                        background-color: transparent;
                    }

                    .Testimonials-section .sd_scroll::-webkit-scrollbar-track:hover {
                        background-color: transparent;
                    }

                    .Testimonials-section .sd_scroll::-webkit-scrollbar-thumb {
                        background-color: #babac0;
                        border-radius: 16px;
                    }

                    .Testimonials-section .sd_scroll::-webkit-scrollbar-thumb:hover {
                        background-color: #a0a0a5;
                    }

                    /* *************************************** FOOTER SECTION CSS */

                    .footer_deatals {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/programs/gallery01.jpg) center center;
                        opacity: 0.1;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .Footer-section {
                        position: relative;
                        padding: 4em 0em;
                        background: #000;
                        z-index: 1;
                    }

                    .Footer-section h2 {
                        margin: 0;
                        color: #ffffff;
                        font-size: 38px;
                        font-weight: 800;
                    }

                    .Footer-section h6 {
                        color: #fff;
                        font-size: 14px;
                        margin: 20px 0;
                        font-style: italic;
                    }

                    .Footer-section h6 a {
                        color: #fff;
                        border-right: 2px solid #7b7b7b;
                        padding-right: 10px;
                        margin-right: 10px;
                        transition: 0.4s all;
                    }

                    .Footer-section h6 a:hover {
                        color: #4b85f0;
                    }

                    .Footer-section h6 a:last-child {
                        border-right: none;
                        padding-right: 0;
                        margin-right: 0;
                    }

                    .Footer-section p {
                        margin: 0;
                    }

                    .Footer-section p a i {
                        color: #fff;
                        font-size: 18px;
                        margin-left: 4px;
                        background: #4c4841;
                        border-radius: 50%;
                        min-width: 40px;
                        height: 40px;
                        text-align: center;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .Footer-section h5 {
                        margin: 0;
                        margin-top: 20px;
                        color: #fff;
                        font-weight: 500;
                    }

                    .Footer-section h5 span {
                        font-weight: 600;
                    }

                    /* *************************************** khushi SECTION CSS */

                    .Freedelivery-box {
                        position: relative;
                        padding: 75px 15px;
                        background-color: #fff;
                        border: 1px solid #e5e5e5;
                        -webkit-transition: 0.4s;
                        transition: 0.4s;
                    }

                    .policy-text {
                        margin-top: 42px;
                    }

                    .policy-text .policy-title {
                        font-weight: 400;
                        margin-bottom: 20px;
                    }

                    .policy-text .policy-desc {
                        font-size: 16px;
                        line-height: 1.2;
                        color: #777777;
                    }

                    .card_footer {
                        padding: 15px 5px;
                    }

                    .main_product {
                        background: #fff;
                        border: 1px solid #e5e5e5;
                        transition: 0.4s;
                    }

                    .image_footer {
                        position: absolute;
                        top: 318px;
                        background: #fff;
                        width: 90%;
                        padding: 0px 20px;
                    }

                    .image_footer p {
                        color: #00003A;
                        font-size: 15px;
                    }

                    .main_product h4 {
                        font-weight: 400;
                        font-size: 12px;
                    }

                    .image-label {
                        background: #00003A;
                        color: #fff;
                        font-size: 12px;
                        top: 0;
                        right: 16px;
                        font-weight: 600;
                        line-height: 1;
                        min-width: 42px;
                        padding: 6px 7px 5px;
                        position: absolute;
                        text-align: center;
                        text-transform: uppercase;
                        z-index: 3;
                    }

                    .image-label span {
                        display: block;
                        margin-top: -1px;
                    }

                    .women_category {
                        position: relative;
                        z-index: 2;
                        width: 100%;
                        height: 100%;
                        display: block;
                        top: 0;
                        left: 0;
                        cursor: pointer !important;
                    }

                    .women_category img {
                        height: 310px;
                        width: 100% !important;
                        object-fit: cover;
                    }

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

                    .women_faction {
                        position: absolute;
                        z-index: 2;
                        width: 100%;
                        height: 100%;
                        display: block;
                        top: 0;
                        left: 0;
                    }

                    .women_faction a {
                        color: #fff;
                    }

                    .women_category img {
                        border-radius: 6px;
                    }

                    .women-bottom {
                        bottom: 0;
                        position: absolute;
                        line-height: 1.5;
                        background: #ff172d;
                        padding: 10px 25px;
                        display: inline-block;
                        z-index: 1;
                        color: #fff;
                        text-align: center;
                        right: 15px;
                    }

                    .feature-footer {
                        background: #d7f57b;
                        margin-top: -133px;
                        text-align: center;
                        position: relative;
                        padding: 3px 2px;
                    }

                    .feature-footer h4 {
                        font-size: 14px;
                    }

                    .feature-footer p {
                        font-size: 14px;
                    }

                    .right marquee {
                        color: #fff;
                        font-weight: normal;
                        margin-top: 10px;
                    }

                    .tp-50 {
                        margin-top: 61px;
                    }

                    .tp-50 p {
                        line-height: 27px;
                    }

                    /* The actual timeline (the vertical ruler) */

                    .main-timeline-2 {
                        position: relative;
                    }

                    /* The actual timeline (the vertical ruler) */

                    .main-timeline-2::after {
                        content: '';
                        position: absolute;
                        width: 3px;
                        background-color: #87b106;
                        top: 0;
                        bottom: 0;
                        left: 50%;
                        margin-left: -3px;
                    }

                    /* Container around content */

                    .timeline-2 {
                        position: relative;
                        background-color: inherit;
                        width: 50%;
                    }

                    /* The circles on the timeline */

                    .timeline-2::after {
                        content: '';
                        position: absolute;
                        width: 25px;
                        height: 25px;
                        right: -11px;
                        background-color: #87b106;
                        top: 15px;
                        border-radius: 50%;
                        z-index: 1;
                    }

                    /* Place the container to the left */

                    .left-2 {
                        padding: 0px 40px 20px 0px;
                        left: 0;
                    }

                    /* Place the container to the right */

                    .right-2 {
                        padding: 0px 0px 20px 40px;
                        left: 50%;
                    }

                    /* Add arrows to the left container (pointing right) */

                    .left-2::before {
                        content: " ";
                        position: absolute;
                        top: 18px;
                        z-index: 1;
                        right: 30px;
                        border: medium solid white;
                        border-width: 10px 0 10px 10px;
                        border-color: transparent transparent transparent white;
                    }

                    /* Add arrows to the right container (pointing left) */

                    .right-2::before {
                        content: " ";
                        position: absolute;
                        top: 18px;
                        z-index: 1;
                        left: 30px;
                        border: medium solid white;
                        border-width: 10px 10px 10px 0;
                        border-color: transparent white transparent transparent;
                    }

                    /* Fix the circle for containers on the right side */

                    .right-2::after {
                        left: -14px;
                    }

                    /* Media queries - Responsive timeline on screens less than 600px wide */

                    @media screen and (max-width: 600px) {

                        /* Place the timelime to the left */
                        .main-timeline-2::after {
                            left: 31px;
                        }

                        .Footerflex-box h4 {
                            margin: 0;
                            color: #fff;
                            font-size: 12px;
                            text-align: left;
                        }

                        .service-read-more a {
                            margin-top: 20px;
                            font-size: 11px !important;
                            font-weight: 600;
                            color: #fff;
                            background-color: #e4701d;
                            padding: 9px 13px !important;
                            display: inline-block;
                            border: none;
                            outline-style: dashed;
                        }

                        .slider-text-area {
                            width: 49%;
                            padding: 10px 30px;
                            display: none;
                        }

                        /* Full-width containers */
                        .timeline-2 {
                            width: 100%;
                            padding-left: 70px;
                            padding-right: 25px;
                        }

                        .support-text p {
                            text-align: center;
                            font-size: 13px !important;
                            padding: 2px 51px;
                            color: #fff;
                        }

                        .service-tittle h3 {
                            font-size: 19px !important;
                            font-weight: 600;
                        }

                        .service-tittle p {
                            margin-left: 13px;
                            line-height: 1.8;
                            font-weight: 500;
                            color: #777777;
                            font-size: 13px !important;
                            margin-left: 0px;
                            margin-top: 26px;
                        }

                        .support-text h3 {
                            text-align: center;
                            font-size: 19px !important;
                            color: #fff;
                        }

                        .about-heading-tittle span {
                            font-size: 13px !important;
                        }

                        /* Make sure that all arrows are pointing leftwards */
                        .timeline-2::before {
                            left: 60px;
                            border: medium solid white;
                            border-width: 10px 10px 10px 0;
                            border-color: transparent white transparent transparent;
                        }

                        /* Make sure all circles are at the same spot */
                        .left-2::after,
                        .right-2::after {
                            left: 18px;
                        }

                        .left-2::before {
                            right: auto;
                        }

                        /* Make all right containers behave like the left ones */
                        .right-2 {
                            left: 0%;
                        }

                        .card-img-top {
                            width: 100% !important;
                        }
                    }

                    .tp_10 {
                        margin-top: 23px;
                    }

                    .about_box img {
                        flex: none;
                        width: 100%;
                        object-fit: cover;
                        border-radius: 6px;
                    }

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

                    .about_box p {
                        font-size: 14px;
                        line-height: 29px;
                        font-family: roboto;
                        color: #767676;
                    }

                    .about_box ul {
                        font-size: 14px;
                        line-height: 24px;
                        font-weight: normal;
                    }

                    .about_box ul li {
                        font-size: 14px;
                        line-height: 34px;
                        font-weight: 600;
                        display: flex;
                    }

                    .tittle_heading {
                        padding-bottom: 36px !important;
                    }

                    .button {
                        border: 1px solid red;
                        color: red;
                    }

                    .about_box i {
                        font-size: 22px;
                        color: #a94442;
                    }

                    .custom_service img {
                        border: 1px solid #ccc;
                        border-radius: 5px;
                    }

                    .tp-10 {
                        margin-top: 17px;
                    }

                    .mr_20 {
                        margin-bottom: 29px;
                    }

                    .main_slider {
                        background: #f5f5f5;
                        height: 160px;
                    }

                    .main_slider ul {
                        text-align: center !important;
                    }

                    .main_slider ul li {
                        margin-top: 67px !important;
                    }

                    .main_image img {
                        width: 100%;
                    }

                    .artist_box {
                        border: 1px solid #eee;
                        background: #fff;
                        box-shadow: 2px 1px 7px -2px #555;
                    }

                    .artist_img img {
                        width: 100%;
                        height: 270px;
                        object-fit: cover;
                        border-radius: 6px;
                    }

                    .artist_img {
                        border-radius: 6px;
                    }

                    .artist_data {
                        padding: 12px 13px;
                    }

                    .artist_data h3 {
                        margin: 0px;
                        font-weight: bold;
                        font-size: 17px;
                        padding: 5px;
                    }

                    p.artist_post {
                        font-size: 12px;
                        padding-top: 4px;
                        color: #ff172d;
                    }

                    .artist_data a {
                        background: #ff172d;
                        ;
                        padding: 5px 10px;
                        color: #fff;
                        font-size: 11px;
                        border-radius: 4px;
                        margin-bottom: 15px;
                        display: inline-block;
                    }

                    p.artist_para {
                        font-size: 13px;
                        line-height: 22px;
                    }

                    .tp_15 {
                        margin-top: 17px;
                    }

                    .topnav a i {
                        margin-right: 4px;
                    }

                    .Sliderbanner-contact .countersbg-section {
                        position: absolute;
                        z-index: -1;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/About/page-title.jpg) center center;
                        opacity: 0.3;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                    }

                    .breadcrumb__text h4 {
                        color: #f9fbf6;
                        font-weight: 700;
                        font-size: 40px;
                        margin-top: 45px;
                        text-align: left;
                    }

                    .breadcrumb__links a {
                        font-size: 15px;
                        margin: 0;
                        text-shadow: 1px 1px #18c6a7;
                        margin-right: 18px;
                        display: inline-block;
                        position: relative;
                        font-weight: 700;
                        color: orangered;
                    }

                    .breadcrumb__links {
                        vertical-align: top;
                        padding: 7px 22px 8px 20px;
                        position: relative;
                        float: right;
                        margin-top: 45px;
                    }

                    .breadcrumb__links span {
                        color: #fff;
                        display: inline-block;
                        margin-left: -14px;
                    }

                    .Sliderbanner-contact {
                        position: relative;
                        padding: 3em 0;
                        background: #000;
                        z-index: 1;
                        text-align: center;
                    }

                    .heading {
                        padding: 20px 10px;
                    }

                    .About_area {
                        padding: 3em 0 !important;
                        background-color: #f5f9ff;
                    }

                    #About_deails {
                        position: relative;
                        padding: 3em 0;
                        background: #090606;
                        z-index: 1;
                        text-align: center;
                    }

                    .top-menu {
                        background-color: #fff !important;
                        position: absolute;
                        bottom: 0;
                        z-index: 0;
                        width: 100%;
                        top: 90px;
                    }

                    .about-tittle p {
                        margin-left: 13px;
                        line-height: 1.8;
                        font-weight: 500;
                        color: #777777;
                        font-size: 15px;
                        margin-left: 0px;
                    }

                    .about-heading-tittle h2 {
                        font-size: 29px;
                        font-weight: bold;
                        text-align: center;
                    }

                    .heading-popular-text h2 {
                        text-align: left;
                        font-size: 37px;
                        line-height: 1.8;
                    }

                    .heading-popular-text {
                        padding: 99px 37px;
                    }

                    .heading-popular-text p {
                        margin-left: 13px;
                        line-height: 1.8;
                        font-weight: 500;
                        color: #777777;
                        font-size: 15px;
                    }

                    .heading-popular-text a {
                        padding: 11px 20px;
                        color: #fff;
                        background: #035353;
                        margin: 44px 5px 22px 14px;
                        display: inline-block;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .heading-popular-text a:hover {
                        background: #000;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .tittle-color {
                        margin-bottom: 30px;
                        font-weight: normal;
                        line-height: 24px;
                        color: #fff;
                    }

                    .left-img {
                        width: 80%;
                        float: right;
                        height: 450px;
                        object-fit: cover;
                        border-radius: 5px;
                    }

                    .section-help {
                        padding: 4em 0;
                    }

                    .help-details {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/blogs/blogs2.jpg) center center;
                        opacity: 0.1;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .contuct-form-custom {
                        padding: 54px 57px;
                        background-color: #81256f;
                        border-radius: 5px;
                    }

                    .main-form-details {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/service/Struggle-For-the-Beach.jpg) center center;
                        opacity: 0.1;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .contact-img {
                        width: 100%;
                        height: 299px;
                        object-fit: fill;
                    }

                    .inner-border button:hover {
                        background-color: #141c2c;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .tittle-area p {
                        font-weight: normal;
                        line-height: 24px;
                    }

                    .custom_icon {
                        color: #fff;
                        font-size: 34px;
                        width: 58px;
                        height: 56px;
                        line-height: 55px;
                        display: block;
                        text-align: center;
                        background-color: #976304;
                        position: relative;
                        bottom: 12px;
                        border-radius: 5px;
                    }

                    .custom_icon i {
                        font-size: 29px;
                        margin-top: 17px;
                    }

                    .custom_icon:hover {
                        background: #141c2c;
                        cursor: pointer;
                        border-radius: 5px;
                    }

                    .custom_tittle h4 {
                        text-align: left;
                        font-size: 18px;
                        font-weight: 500;
                        color: #fff;
                        line-height: 1.2;
                        letter-spacing: .05em;
                    }

                    .custom_card {
                        padding: 26px 5px;
                        border-radius: 5px;
                    }

                    .custom_card h4 {
                        color: #fff;
                        text-align: left;
                        margin: 0;
                        font-size: 16px;
                    }

                    .custom_tittle p {
                        font-size: 14px;
                    }

                    .about-tittle-help p {
                        color: #fff;
                        text-align: left;
                        font-weight: normal;
                        line-height: 24px;
                    }

                    .tp-10 {
                        margin-top: 11px;
                    }

                    .smalltitle span {
                        line-height: 1.2;
                        font-size: 16px;
                        font-weight: 500;
                        letter-spacing: .05em;
                        border-bottom: 1px solid;
                        display: inline-block !important;
                        position: relative;
                        right: 191px;
                    }

                    .testmonial-area {
                        position: relative;
                        padding: 4em 0;
                        background: #090606;
                        z-index: 1;
                        text-align: center;
                    }

                    .testmonial-details {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/slider/bkg-img1.jpg) center center;
                        opacity: 0.3;
                        width: 100%;
                        height: 100%;
                        background-attachment: fixed;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    quote-carousel {
                        padding: 0 10px 30px 10px;
                        margin-top: 60px;
                    }

                    #quote-carousel .carousel-control {
                        background: none;
                        color: #CACACA;
                        font-size: 2.3em;
                        text-shadow: none;
                        margin-top: 30px;
                    }

                    #quote-carousel .carousel-indicators {
                        position: relative;
                        right: 50%;
                        top: auto;
                        bottom: 0px;
                        margin-top: 20px;
                        margin-right: -19px;
                    }

                    #quote-carousel .carousel-indicators li {
                        width: 50px;
                        height: 50px;
                        cursor: pointer;
                        border: 1px solid #ccc;
                        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                        border-radius: 50%;
                        opacity: 0.4;
                        overflow: hidden;
                        transition: all .4s ease-in;
                        vertical-align: middle;
                    }

                    #quote-carousel .carousel-indicators .active {
                        width: 128px;
                        height: 128px;
                        opacity: 1;
                        transition: all .2s;
                        background-color: orangered;
                    }

                    .item blockquote {
                        border-left: none;
                        margin: 0;
                    }

                    .item blockquote p:before {
                        content: "\f10d";
                        font-family: 'Fontawesome';
                        float: left;
                        margin-right: 10px;
                        font-size: 30px;
                        color: #976304;
                    }

                    .custom-item p {
                        color: #fff;
                        font-weight: normal;
                        line-height: 24px;
                        font-size: 14px;
                    }

                    .project-area {
                        padding: 4em 0em;
                        background-color: #f7ae28;
                    }

                    @media (max-width:991.98px) {
                        .padding {
                            padding: 1.5rem
                        }
                    }

                    @media (max-width:767.98px) {
                        .padding {
                            padding: 1rem
                        }
                    }

                    .padding {
                        padding: 5rem
                    }

                    .card {
                        position: relative;
                        display: flex;
                        width: 600px;
                        flex-direction: column;
                        min-width: 0;
                        word-wrap: break-word;
                        background-color: #fff;
                        background-clip: border-box;
                        border: 1px solid #d2d2dc;
                        border-radius: 11px;
                        -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
                        -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
                        box-shadow: 0px 0px 5px 0px rgb(161, 163, 164)
                    }

                    .card .card-body {
                        padding: 1rem 1rem
                    }

                    .card-body {
                        flex: 1 1 auto;
                        padding: 1.25rem
                    }

                    .items {
                        width: 90%;
                        margin: 0px auto;
                        margin-top: 100px
                    }

                    .media iframe,
                    .media-content {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        border: 0;
                        border-radius: inherit;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: 50% 50%;
                        background-color: rgba(120, 120, 120, .1);
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                    .media-content:before {
                        content: '';
                        position: absolute;
                        height: 10%;
                        width: 90%;
                        left: 5%;
                        bottom: 0;
                        background: inherit;
                        background-position-y: 100%;
                        filter: blur(10px)
                    }

                    .circle .media-content:before {
                        width: 40%;
                        left: 30%
                    }

                    .profile-image {
                        width: 100%;
                        height: 250px;
                    }

                    .card-title {
                        font-size: 19px;
                        font-weight: 200
                    }

                    .itemFooter h3 {
                        color: #fff;
                        text-align: left;
                    }

                    .itemFooter p {
                        color: #fff;
                        text-align: left;
                        font-size: 14px;
                        line-height: 28px;
                        font-weight: normal;
                    }

                    .itemFooter h3 {
                        color: #fff;
                        text-align: left;
                    }

                    ul.socialLink {
                        margin-left: -18px;
                    }

                    ul.socialLink li {
                        padding: 6px;
                        float: left;
                        font-size: 20px;
                        color: #81256f;
                    }

                    ul.socialLink li a {
                        color: #81256f;
                    }

                    ul.socialLink li a i {
                        color: #fff;
                        padding: 6px 0;
                        font-size: 23px;
                        border-radius: 5px;
                        width: 39px;
                        height: 36px;
                        text-align: center;
                        margin-left: 10px;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                        line-height: 23px;
                    }

                    .use-link h3 {
                        color: #81256f;
                        text-align: left;
                        font-weight: bold;
                        font-size: 23px;
                    }

                    .use-link ul {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .use-link ul li {
                        text-align: left;
                    }

                    .use-link ul li a {
                        font-size: 15px;
                        display: inline-block;
                        padding: 8px 5px;
                        font-weight: 500;
                        color: #fff;
                        transition: all 0.5s ease-in-out;
                    }

                    .use-link ul li i {
                        color: #81256f;
                        padding-right: 7px;
                        font-size: 17px;
                    }

                    .address-link h3 {
                        color: #81256f;
                        text-align: left;
                        font-weight: bold;
                        font-size: 23px;
                    }

                    .address-link ul {
                        padding: 0;
                        margin: 0;
                    }

                    .address-link ul li {
                        display: block;
                        font-weight: 500;
                        color: #fff;
                        transition: all 0.5s ease-in-out;
                        text-align: left;
                        font-size: 13px;
                    }

                    .address-link ul li i {
                        color: #81256f;
                        font-size: 18px;
                        padding: 13px 13px;
                        border-radius: 30px 31px;
                    }

                    .address-link ul li i:hover {
                        color: #fff;
                        font-size: 18px;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                        cursor: pointer;
                    }

                    .left-title {
                        color: #cd0402 !important;
                        font-weight: 600;
                    }

                    .left-title h2 {
                        text-align: left;
                        margin-bottom: 16px;
                        font-weight: 600;
                        color: #141c2c;
                    }

                    .getTouch-details {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/galery/one.png) center center;
                        opacity: 0.2;
                        width: 100%;
                        height: 100%;
                        background-attachment: fixed;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .getTouch {
                        padding: 1em 0em;
                        background-color: #362526;
                        z-index: 0;
                        position: relative;
                    }

                    .border-bt {
                        border-bottom: 1px solid #efefef;
                    }

                    .get-text h3 {
                        color: #fff;
                        font-weight: 700;
                        font-size: 37px;
                    }

                    .get-text p {
                        color: #fff;
                        text-align: left;
                        font-weight: 600;
                        line-height: 24px;
                    }

                    .nes-details {
                        position: relative;
                        flex-wrap: wrap;
                    }

                    .nes-details input {
                        background: rgb(255 255 255 / 8%);
                        border: none;
                        height: 61px;
                    }

                    .custom-input {
                        position: relative;
                        padding: 14px 4px;
                        margin-top: 13px;
                    }

                    .nes-details input.form-control {
                        width: 100%;
                        padding-right: 200px;
                    }

                    .custom-btn {
                        padding: 13px;
                        border-radius: 0px !important;
                        /* margin-bottom: -10px; */
                        position: relative !important;
                        right: 98px !important;
                        background-color: #ff7010;
                        border: none;
                    }

                    .Footerflex-box {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding-top: 20px;
                        background-color: #202020;
                        padding: 18px 3px;
                    }

                    .Footerflex-box a {
                        color: #81256f;
                    }

                    .Footerflex-box h5 {
                        margin: 0;
                        color: #fff !important;
                        font-weight: 500;
                        text-align: left;
                    }

                    .Footerflex-box h4 {
                        margin: 0;
                        color: #fff;
                        font-size: 12px;
                        text-align: right;
                    }

                    .call_us {
                        border: 1px solid #976304;
                        padding: 1em 0em;
                        margin-bottom: 24px;
                        border-radius: 5px;
                    }

                    .call-us-now ul {
                        list-style: none;
                    }

                    .call-us-now ul li {
                        float: left;
                        padding: 10px;
                        font-size: 16px;
                    }

                    .call-heading {
                        font-size: 30px !important;
                        color: #976304;
                    }

                    .contact-form {
                        padding: 39px 30px
                    }

                    .contact-form h2 {
                        font-size: 23px;
                        text-align: left;
                        margin-bottom: 31px;
                        font-weight: 600;
                        color: #141c2c;
                    }

                    .contact-section {
                        padding: 4em 0em;
                    }

                    .contact-details {
                        position: absolute;
                        z-index: -1;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/contuct/one.jpg) center center;
                        width: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .ContactUs-form {
                        position: relative;
                        padding: 4em 0;
                        z-index: 1;
                        text-align: center;
                        height: 562px;
                        border-right-width: 5px;
                    }

                    .icon-area {
                        padding: 7px 12px;
                    }

                    .icon-area i {
                        background: red;
                        color: #fff;
                        padding: 11px;
                        border-radius: 6px;
                        font-size: 20px;
                        width: 23%;
                        text-align: center;
                    }

                    .icon-area i:hover {
                        background: #141c2c;
                        color: #fff;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                        cursor: pointer;
                    }

                    .address-area h3 {
                        color: #141c2c;
                        font-size: 20px;
                        text-align: left;
                        font-weight: 600;
                    }

                    .address-area h4 {
                        color: #141c2c;
                        font-size: 13px;
                        text-align: left;
                        line-height: 24px;
                    }

                    .form-contact input {
                        height: 46px;
                        border: none;
                        font-size: 15px;
                        color: #000 !important;
                    }

                    .form-contact textarea {
                        font-size: 15px;
                        color: #000 !important;
                    }

                    .main-btn {
                        background: #000;
                        color: #fff;
                        border: none;
                        padding: 12px 16px;
                        border-radius: 4px;
                        font-size: 14px;
                    }

                    .main-btn:hover {
                        background: #141c2c;
                        color: #fff;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .left-service img {
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .blogsove img {
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .blogsove img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .left-service img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    ul li.fackbook-icon i {
                        background-color: #1e4799;
                        color: #fff;
                        border: none;
                    }

                    ul li.link-din i {
                        background-color: #0274b3 !important;
                        color: #fff;
                        border: none;
                    }

                    ul li.whatsap-link i {
                        background-color: green;
                        color: #fff;
                        border: none;
                    }

                    ul li.insta-link i {
                        background-color: purple;
                        color: #fff;
                        border: none;
                    }

                    .border2 {
                        background-color: #fff;
                        width: 12%;
                        height: 3px;
                        margin-top: 5px;
                    }

                    .slick-slide .inner {
                        margin: 10px 15px;
                    }

                    .slick-slide .inner img {
                        width: 150px;
                        height: 150px;
                        object-fit: contain;
                        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
                        padding: 10px;
                    }

                    .client-area {
                        padding: 4em 0em;
                        background-color: #f2fafb;
                    }

                    .custom-class {
                        display: none;
                    }

                    /* **************************************** TOP HEADER SECTION CSS */

                    .heading-tittle-top {
                        color: #ff7010;
                        font-size: 21px;
                        font-weight: 900;
                    }

                    .Sliderbanner-section .Modern-Slider .PrevArrow {
                        position: absolute;
                        top: 50%;
                        left: 0px;
                        width: 45px;
                        height: 45px;
                        background: #81256f;
                        border: 0 none;
                        margin-top: -22.5px;
                        text-align: center;
                        font: 20px/45px FontAwesome;
                        color: #fff;
                        z-index: 5;
                    }

                    .Sliderbanner-section .Modern-Slider .NextArrow {
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        width: 45px;
                        height: 45px;
                        background: #81256f;
                        border: 0 none;
                        margin-top: -22.5px;
                        text-align: center;
                        font: 20px/45px FontAwesome;
                        color: #fff;
                        z-index: 5;
                    }

                    .Sliderbanner-section .Modern-Slider .item a {
                        display: inline-block;
                        background: #81256f;
                        margin-top: 20px;
                        color: white;
                        padding: 4px 20px;
                        border-radius: 4px;
                        font-size: 16px;
                    }

                    .topnav {
                        display: flex;
                        justify-content: end;
                    }

                    .mobile-area {
                        display: flex;
                    }

                    .mobile-area ul {
                        list-style: none;
                    }

                    .mobile-area ul li {
                        padding: 10px;
                        font-size: 14px;
                        float: left;
                    }

                    .mobile-area h1 {
                        margin: 0;
                        font-weight: 700;
                        font-size: 34px;
                        text-shadow: 1px 1px #000;
                        color: #81256f;
                    }

                    .mobile-area ul li i {
                        color: #f1f6f1;
                    }

                    .mobile-area ul li a {
                        color: #fff;
                        font-weight: 600;
                        font-weight: 600;
                    }

                    .content-area ul {
                        list-style: none;
                        display: flex;
                        justify-content: center;
                        margin-left: 22px;
                    }

                    .content-area ul li {
                        background: #fff;
                        height: 39px;
                        margin-top: -32px;
                    }

                    .content-area ul li a {
                        color: #81256f;
                        font-size: 14px;
                        position: relative;
                        top: 11px;
                        left: -14px;
                    }

                    .content-area ul li a i {
                        font-size: 15px;
                        color: #81256f;
                        padding-left: 43px;
                    }

                    .content-area h4 {
                        color: #fff;
                        text-align: center;
                        margin-top: 26px;
                    }

                    .content-area {
                        margin-top: 31px;
                    }

                    .right {
                        margin-top: 10px;
                    }

                    .right span {
                        font-weight: 600;
                        color: #fff;
                    }

                    .header-section .navigation-header .topnav a {
                        float: left;
                        display: block;
                        color: #000;
                        text-align: center;
                        padding: 10px 40px 10px 0;
                        text-decoration: none;
                        font-size: 18px;
                        transition: 0.4s all;
                        font-weight: normal;
                        font-weight: 600;
                    }

                    .header-section .topheader-section .topheader-right {
                        margin: 0;
                        text-align: right;
                        color: #000;
                    }

                    .icons-area i {
                        font-size: 32px;
                        margin-top: 12px;
                        color: #e50909;
                    }

                    .contact-address h3 {
                        text-align: center;
                        color: #ff7010;
                    }

                    .contact-address p {
                        text-align: center;
                    }

                    .border-rt {
                        border-right: 1px solid #ccc;
                        height: 116px;
                    }

                    .loction {
                        padding: 3em 0em;
                    }

                    .loction-area h4 {
                        text-align: left;
                        font-weight: 700;
                        font-size: 15px;
                    }

                    .loction-area p {
                        text-align: left;
                        font-size: 12px;
                    }

                    .call-us {
                        position: relative;
                        text-align: center;
                        margin-top: -56px;
                        z-index: 1;
                        padding: 20px 10px;
                    }

                    .call-details {
                        position: relative;
                        background: #e4701d;
                        text-align: center;
                        margin-top: -26px;
                        z-index: 1;
                        padding: 48px 10px;
                    }

                    .call-heading h2 {
                        color: #fff;
                    }

                    .about-area img {
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                        position: relative;
                        top: 40px;
                    }

                    .about-area:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .about-area i {
                        font-size: 39px;
                        color: #39651d;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .about-bg h1 {
                        color: #fff;
                    }

                    .about-area i:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    /* **************************************** TOP CLIENTS SECTION CSS */

                    .our-service {
                        padding: 4em 0em;
                        background-color: #fff;
                        padding-top: 62px;
                    }

                    .service-box {
                        background-color: #fff;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                        transition: all 0.3s linear;
                        margin-bottom: 17px;
                    }

                    .service-box h4 {
                        position: relative;
                        font-weight: 600;
                        transition: none;
                        text-align: left;
                        font-size: 15px;
                        padding: 2px 11px;
                    }

                    .service-box p {
                        font-family: var(--al-global-family);
                        font-weight: 400;
                        font-size: var(--al-font-size);
                        line-height: 1.8;
                        text-align: center;
                        font-size: 14px;
                    }

                    .service-icons {
                        text-align: center;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .service-icons img {
                        width: 100%;
                        height: 290px;
                    }

                    .text1 {
                        background: #81256f;
                        padding: 11px 0px;
                    }

                    .text1 h4 {
                        color: #fff;
                        text-align: center;
                    }

                    .service-icons:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .service-bottom a {
                        display: flex;
                        justify-content: center;
                        padding: 6px 4px;
                        color: #fff;
                        margin: auto;
                        width: 122px;
                        background: #035353;
                    }

                    .service-bottom a:hover {
                        display: flex;
                        justify-content: center;
                        padding: 6px 4px;
                        margin: auto;
                        width: 122px;
                        background: #000 !important;
                        color: #fff;
                        transform: translateY(0);
                        transition-duration: 0.3s
                    }

                    .choose-box {
                        padding: 15px 28px;
                        background-color: #f9f6f0;
                        margin-bottom: 25px;
                        box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
                        transition: all 0.3s linear;
                    }

                    .choose-box:hover {
                        background: linear-gradient(to right, #a84605 0%, #ff7010cc 100%);
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .choose-box i {
                        background-color: #fff;
                        padding: 12px 11px;
                        border-radius: 50%;
                    }

                    .choose-box h4 {
                        text-align: center;
                        margin: 40px 0 10px;
                        font-size: 20px;
                        position: relative;
                        font-weight: 600;
                        transition: none;
                        text-align: center;
                        font-size: 17px;
                    }

                    .choose-box p {
                        text-align: center;
                        font-weight: 400;
                        font-size: var(--al-font-size);
                        line-height: 1.8;
                        text-align: center;
                        font-size: 14px;
                    }

                    .advice {
                        padding: 3em 0em;
                    }

                    .popular-project-footer img {
                        width: 7%;
                    }

                    .al-price {
                        color: #777777
                    }

                    .al-orange {
                        color: #ff7010;
                    }

                    .al-contat-about {
                        background-color: #ff7010;
                        display: flex;
                        padding: 9px 31px;
                        border-radius: 8px;
                        width: 76%;
                    }

                    .al-icon i {
                        background-color: #fff;
                        padding: 24px 23px;
                        border-radius: 54%;
                        font-size: 34px;
                        color: orangered;
                        outline-style: dashed;
                        margin-top: 6px;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .al-icon i:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .al-white {
                        padding-left: 19px;
                        font-size: 19px;
                        color: #fff;
                    }

                    .al-orange {
                        font-size: 17px;
                        color: #bb5008;
                    }

                    .service-icons i {
                        font-size: 32px;
                        color: #bb5008;
                    }

                    .popular-products {
                        padding: 4em 0em;
                        background: url(./images/projects/product-bg_02.jpg) center center;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .popular-project-img img {
                        width: 100%;
                    }

                    .popular-project-img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .popular-project-img {
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .read-more a:hover {
                        transform: translateY(0);
                        transition-duration: 0.3s;
                        background-color: #000;
                        color: #fff;
                    }

                    .read-more a {
                        background-color: red;
                        width: 40%;
                        padding: 8px 16px;
                        margin: 20px auto 0;
                        color: #fff;
                        display: block;
                    }

                    .border {
                        border-bottom: 3px solid red;
                    }

                    .heading-txt {
                        font-size: 30px;
                        text-align: center;
                        margin: 0;
                        padding: 19px 0px;
                    }

                    .latest-project {
                        padding: 4em 0em;
                        clear: both;
                        background-color: #0274b314;
                    }

                    .latest-project img {
                        width: 100%;
                        border-radius: 6px;
                    }

                    .latest-project-img {
                        margin-bottom: 17px;
                    }

                    .service-text img {
                        width: 100%;
                    }

                    .padding-left {
                        padding-left: 0;
                    }

                    .latest-blogs img {
                        width: 100%;
                    }

                    .latest-blogs {
                        padding: 4em 0em;
                        background-color: #03535314;
                    }

                    .blogs-img {
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .blogs-img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .custom-blogs-bg {
                        padding: 190px 42px 79px;
                        position: relative;
                        background: #000;
                        z-index: 1;
                        margin-bottom: 17px;
                    }

                    .blogs-details {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/blogs/blogs2.jpg) center center;
                        opacity: 0.5;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .news_data span.hm_blog_date {
                        font-size: 20px;
                        color: #ffffff;
                        font-weight: bold;
                        text-transform: capitalize;
                    }

                    .news_data h2 a {
                        color: #ffffff;
                        text-decoration: none;
                        text-transform: capitalize;
                        font-weight: bold;
                    }

                    .news_data p {
                        font-size: 16px;
                        color: #ffffff;
                        margin-right: 100px;
                    }

                    .news_data .blog_admin {
                        color: #ffffff;
                        font-weight: bold;
                        margin-top: 15px;
                    }

                    .popular-project-tem {
                        position: relative;
                        padding: 14em 0;
                        background: #035353;
                        z-index: 1;
                    }

                    .popular-project-tem h2 {
                        color: #fff;
                        text-align: center;
                        font-size: 45px;
                        line-height: 1.8;
                    }

                    .popular-detailsimg {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/icons/tecor-.png) center center;
                        opacity: 0.3;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .popular-project-text {
                        background: #eee;
                        height: 502px;
                    }

                    .happy-client {
                        padding: 4em 0em;
                        position: relative;
                        background: #000;
                        z-index: 1;
                    }

                    .happy-client-img {
                        text-align: center;
                        width: 100%;
                        max-width: 365px;
                        margin: 0 auto;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .happy-client-img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .happy-clients-text h2 {
                        font-size: 24px;
                        font-weight: bold;
                        margin-top: 20px;
                        margin-bottom: 15px;
                        text-align: center;
                        color: #9f9a9a;
                    }

                    .happy-clients-text p {
                        color: #9f9a9a;
                        font-size: 16px;
                        margin: 0px;
                        text-align: center;
                    }

                    .happy-clients-details {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/projects/parallax-bg.jpg) center center;
                        opacity: 0.1;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .content {
                        position: relative;
                        background-color: white;
                        box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
                        text-align: center;
                        padding-top: 6px;
                        padding-bottom: 17px;
                        /* margin: 0 15px; */
                        margin-top: -11px;
                    }

                    .team-heading h2 {
                        color: #fff;
                    }

                    .team-heading span {
                        width: 8px;
                        height: 8px;
                        border-radius: 50px;
                        background: #ff7010;
                        display: inline-block;
                        position: relative;
                    }

                    .team-heading span:before {
                        content: '';
                        border: 1px solid #fff !important;
                        width: 56px;
                        position: absolute;
                        right: 8px;
                        top: 3px;
                    }

                    .team-heading span::after {
                        content: '';
                        border: 1px solid #fff !important;
                        width: 56px;
                        position: absolute;
                        right: 8px;
                        top: 3px;
                    }

                    .content .post-date {
                        position: absolute;
                        bottom: 100%;
                        right: 0px;
                        background: linear-gradient(to right, #362526fc 0%, #b9510bed 100%);
                        color: #fff;
                        font-size: 16px;
                        padding: 14px;
                        transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -webkit-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                    }

                    .content .post-meta {
                        list-style-type: none;
                        padding: 0;
                        margin: 0;
                        display: inline-flex;
                        margin-bottom: 12px;
                    }

                    .content .post-title {
                        margin: 0px;
                        padding: 0 16%;
                    }

                    .content .short_desc {
                        padding: 0 10%;
                        margin-bottom: 10px;
                    }

                    .content .post-meta .item-meta .right a {
                        font-size: 14px;
                        color: #000;
                        font-weight: 600;
                    }

                    .content .post-meta .item-meta .right a:hover {
                        color: var(--primary);
                    }

                    .content .post-meta .item-meta .left {
                        margin-right: 5px;
                        color: #000;
                    }

                    .post-title a {
                        color: #000;
                        font-size: 17px;
                    }

                    .left i {
                        color: #e4701d;
                        font-size: 17px;
                        padding: 6px 7px;
                    }

                    .content .short_desc p {
                        margin: 0;
                        font-size: 13px;
                        font-weight: 500;
                    }

                    .img-wrapper {
                        margin-bottom: 17px;
                    }

                    .about-tittle3 {
                        color: #fff;
                        text-align: center;
                    }

                    .text-left {
                        text-align: left !important;
                    }

                    .border-right {
                        border-right: 1px solid #ecbdbd;
                    }

                    .address-link ul li span {
                        margin-left: 5px;
                    }

                    .content-area h4:hover {
                        color: #ff7010;
                    }

                    .service-img {
                        width: 100%;
                        margin-top: 70px;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .service-img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .service-img img {
                        border-radius: 8px;
                    }

                    .about-icons h3 {
                        font-size: 15px;
                    }

                    .about-heading-tittle h4 span {
                        width: 10px;
                        height: 10px;
                        border-radius: 50px;
                        background: #cd0402;
                        display: inline-block;
                        position: relative;
                    }

                    .about-heading-tittle span {
                        font-size: 17px;
                        color: #e4701d;
                    }

                    .about-heading-tittle h4 span:before {
                        content: '';
                        border: 2px solid #362526;
                        width: 56px;
                        position: absolute;
                        right: 8px;
                        top: 3px;
                    }

                    .about-heading-tittle h4 span:after {
                        content: '';
                        border: 2px solid #362526;
                        width: 56px;
                        position: absolute;
                        left: 8px;
                        top: 3px;
                    }

                    .about-heading-tittle h4 {
                        margin: auto;
                        text-align: center;
                    }

                    .award-area {
                        display: flex;
                    }

                    .award-area img {
                        width: 50%;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .award-area img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .award-text {
                        margin-top: 53px;
                        text-align: center;
                    }

                    .award-text h2 {
                        color: #035353;
                        position: relative;
                        z-index: 999;
                        font-size: 23px;
                        top: -18px;
                        padding-left: 11px;
                    }

                    .award-text p {
                        color: #000;
                        position: relative;
                        bottom: 17px;
                        padding-left: 9px;
                    }

                    .award-bg {
                        background: #eee;
                        padding: 49px 1px;
                    }

                    .popular-project-footer h4 {
                        color: #fff !important;
                        text-align: center;
                    }

                    .popular-project-footer p {
                        color: #fff !important;
                        text-align: center;
                    }

                    .about-tittle {
                        margin-top: 69px;
                    }

                    .about-tittle h1 {
                        font-size: 37px;
                        font-weight: bold;
                    }

                    .about-tittle button {
                        margin-top: 20px;
                        font-size: 14px;
                        font-weight: 600;
                        color: #fff;
                        background-color: #81256f;
                        padding: 11px 21px;
                        display: inline-block;
                        border: none;
                        outline-style: dashed;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .about-tittle button:hover {
                        background: #000 !important;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                        cursor: pointer;
                    }

                    .about-tittle h4 span {
                        width: 8px;
                        height: 8px;
                        border-radius: 50px;
                        background: #cd0402;
                        display: inline-block;
                        position: relative;
                    }

                    .about-tittle h4 span:before {
                        content: '';
                        border: 1px solid #362526;
                        width: 56px;
                        position: absolute;
                        right: 8px;
                        top: 3px;
                    }

                    .about-tittle h4 {
                        padding-left: 55px;
                    }

                    .about-tittle h4 span:after {
                        content: '';
                        border: 1px solid #362526;
                        width: 56px;
                        position: absolute;
                        left: 8px;
                        top: 3px;
                    }

                    .contact-form-left {
                        margin-top: 15px;
                        margin-bottom: -25px;
                    }

                    .contact-form-left h2 {
                        color: #000;
                        margin-top: 35px;
                        font-size: 17px;
                        margin-left: 11px;
                        font-weight: bold;
                    }

                    .contact-form-left i {
                        color: #e4701d;
                        font-size: 26px;
                        padding: 14px 0px;
                        height: 50px;
                        width: 55px;
                        text-align: center;
                        border-radius: 56%;
                        outline-style: dashed;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                        margin-top: 31px;
                    }

                    .contact-form-left i:hover {
                        background-color: #000;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                        cursor: pointer;
                        color: #fff;
                    }

                    .contact-form-left p {
                        color: #6c6a69;
                        font-size: 14px;
                        margin-left: 13px;
                    }

                    .main-form h3 {
                        color: #035353;
                    }

                    .main-form p {
                        margin-left: 13px;
                        line-height: 1.8;
                        font-weight: 500;
                        color: #777777;
                        font-size: 15px;
                    }

                    .about-section {
                        padding: 4em 0em;
                        background-color: #81256f1f;
                    }

                    .color-footer h4 {
                        color: #000 !important;
                        text-align: left;
                    }

                    .about-heading-tittle {
                        margin-bottom: 18px;
                        margin-left: 10px;
                    }

                    .top-header {
                        background: #81256f;
                        color: #b2b2b2;
                        height: 38px;
                    }

                    /* ************************************************** "price-area LEFT SIDE CSS */

                    .price-area {
                        background-color: #f2f2f2;
                        padding: 54px 0 52px;
                    }

                    .support-icon {
                        text-align: center;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .support-icon i:hover {
                        transform: translateY(-4px);
                        cursor: pointer;
                    }

                    .support-icon i {
                        font-size: 42px;
                        color: #f9f3f3;
                        background: #cd0402;
                        padding: 20px;
                        border-radius: 50%;
                        width: 23%;
                    }

                    .support-text h3 {
                        text-align: center;
                        font-size: 33px;
                        color: #fff;
                    }

                    .support-text p {
                        text-align: center;
                        font-size: 16px;
                        padding: 2px 51px;
                        color: #fff;
                    }

                    .border-red {
                        border-right: 1px solid #cd0402;
                    }

                    .container2 {
                        position: relative;
                        width: 100%;
                    }

                    .container2 .image {
                        display: block;
                        width: 100%;
                        height: auto;
                    }

                    .container2 .overlay {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background-color: #e4701d78;
                        overflow: hidden;
                        width: 100%;
                        height: 100%;
                        -webkit-transform: scale(0);
                        -ms-transform: scale(0);
                        transform: scale(0);
                        -webkit-transition: .3s ease;
                        transition: .3s ease;
                    }

                    .container2:hover .overlay {
                        -webkit-transform: scale(1);
                        -ms-transform: scale(1);
                        transform: scale(1);
                    }

                    .service-headoing img {
                        width: 7%;
                    }

                    .service-headoing {
                        background-color: #e4701d;
                    }

                    .text a:hover {
                        color: #fff;
                    }

                    .Our-Team {
                        position: relative;
                        padding: 4em 0em;
                        background: #000;
                        z-index: 1;
                    }

                    .our-team-details {
                        position: absolute;
                        z-index: 0;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: url(./images/projects/1.jpg) center center;
                        opacity: 0.5;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .carousel .carousel-item {
                        color: #999;
                        font-size: 16px;
                        text-align: center;
                        overflow: hidden;
                        min-height: 290px;
                    }

                    .carousel .carousel-item .img-box {
                        width: 135px;
                        height: 135px;
                        margin: 0 auto;
                        padding: 5px;
                        border: 1px solid #ddd;
                        border-radius: 50%;
                    }

                    .carousel .img-box img {
                        width: 100%;
                        height: 100%;
                        display: block;
                        border-radius: 50%;
                    }

                    .carousel .testimonial {
                        padding: 34px;
                        background-color: #cd0402;
                        color: #fff;
                        margin-top: 30px;
                    }

                    .carousel .overview {
                        font-style: italic;
                    }

                    .carousel .overview b {
                        text-transform: uppercase;
                        color: #cd0402b3;
                    }

                    .carousel-control-prev,
                    .carousel-control-next {
                        width: 40px;
                        height: 40px;
                        margin-top: -20px;
                        top: 50%;
                        background: none;
                    }

                    .carousel-control-prev i,
                    .carousel-control-next i {
                        font-size: 50px;
                        line-height: 42px;
                        position: absolute;
                        display: inline-block;
                        color: #fff;
                        text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
                    }

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

                    .carousel-indicators li,
                    .carousel-indicators li.active {
                        width: 12px;
                        height: 12px;
                        margin: 1px 3px;
                        border-radius: 50%;
                        border: none;
                    }

                    .carousel-indicators li {
                        background: #999;
                        border-color: transparent;
                        box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
                    }

                    .carousel-indicators li.active {
                        background: #555;
                        box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
                    }

                    .testimonial::before {
                        height: 0px;
                        border-top: 7px solid transparent;
                        border-bottom: 32px solid transparent;
                        border-right: 51px solid #cd0402;
                        position: absolute;
                        left: 322px;
                        top: 138px;
                        content: '';
                        width: 56px;
                        border-left: 51px solid #cd0402;
                    }

                    .blogs-section {
                        padding: 4em 0em;
                    }

                    .blogsove {
                        position: relative;
                        width: 100%;
                    }

                    .blogsove .image {
                        display: block;
                        width: 100%;
                        height: auto;
                    }

                    .blogsove .overlay {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: #e4701d78;
                        overflow: hidden;
                        width: 100%;
                        height: 0;
                        transition: .5s ease;
                    }

                    .blogsove img {
                        width: 100%;
                    }

                    .blogsove .text {
                        color: white;
                        font-size: 20px;
                        position: absolute;
                        left: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        text-align: center;
                        background-color: #e4701d;
                        width: 22%;
                    }

                    .date-time {
                        font-size: 13px;
                        text-align: left;
                        padding: 15px 25px;
                        background: #81256f;
                        width: 22%;
                        position: relative;
                        top: -49px;
                        border-radius: 100%;
                        color: #fff;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .date-time:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .date-comment {
                        margin-top: -46px;
                    }

                    .date-comment h3 {
                        font-size: 20px;
                        font-weight: 600;
                    }

                    .date-comment p {
                        line-height: 1.8;
                        font-weight: 500;
                        color: #777777;
                        font-size: 14px;
                        margin-left: 0px;
                        margin-top: 11px;
                    }

                    .blog_title a {
                        font-weight: 500;
                        text-transform: capitalize;
                        line-height: 25px;
                        font-size: 17px;
                        margin-bottom: -25px;
                        letter-spacing: 0.7px;
                        text-align: left;
                        display: block;
                        margin-left: 23px;
                    }

                    .blog_title a {
                        color: #fff;
                    }

                    .blog_title a:hover {
                        color: #fff !important;
                    }

                    .text a {
                        color: #fff;
                    }

                    .blog-desc {
                        font-size: 13px;
                        text-align: left;
                        padding: 29px 24px !important;
                    }

                    .blogs-read-more {
                        padding: 26px 0px;
                    }

                    .blogs-read-more a {
                        border: 2px solid #c7c3c3;
                        color: #fff;
                        padding: 10px 19px;
                        display: flex;
                        justify-content: center;
                        width: 24%;
                        border-radius: 5px;
                        font-size: 15px;
                    }

                    .blogs-read-more a:hover {
                        background: #000 !important;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                        cursor: pointer;
                        color: #fff !important;
                    }

                    .support-text {
                        margin-top: 27px;
                    }

                    .main-get {
                        background-color: #cd0402;
                        padding: 3em 0em;
                    }

                    .main-get:before {
                        background: url(./images/blogs/top-pattern.png) repeat-x scroll 0 0;
                        content: "";
                        left: 0;
                        right: 0;
                        margin: 0 auto;
                        position: absolute;
                        height: 5px;
                        top: -5px;
                    }

                    .get-sel h3 {
                        color: #fff;
                        font-size: 22px;
                    }

                    .get-sel h3 i {
                        color: #fff;
                        font-size: 33px;
                    }

                    .get-input input {
                        height: 50px;
                        font-size: 16px;
                    }

                    .get-botn button {
                        height: 50px;
                        background-color: #000;
                        border: none;
                        font-size: 16px;
                    }

                    .get-input {
                        width: 68% !important;
                        margin-left: 85px !important;
                    }

                    .slider-text-area {
                        width: 49%;
                        padding: 10px 30px;
                    }

                    .slider-text-area h3 {
                        text-align: center;
                    }

                    .left-service img {
                        width: 100%;
                    }

                    .service-custom {
                        padding: 4em 0em;
                        padding-top: 62px;
                    }

                    .service-tittle {
                        padding: 14px 0px;
                    }

                    .service-tittle h3 {
                        font-size: 20px;
                        font-weight: 600;
                    }

                    .service-read-more a {
                        border: 2px solid #81256f;
                        color: #81256f !important;
                        padding: 8px 19px;
                        display: flex;
                        justify-content: center;
                        width: 13%;
                        border-radius: 5px;
                        font-size: 15px;
                        margin: auto;
                    }

                    .service-read-more a:hover {
                        background: #000 !important;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                        cursor: pointer;
                        color: #fff !important;
                    }

                    .service-tittle p {
                        line-height: 1.8;
                        font-weight: 500;
                        color: #777777;
                        font-size: 14px;
                        margin-left: 0px;
                        margin-top: 11px;
                    }

                    .header-section {
                        display: block;
                        width: 100%;
                        z-index: 6;
                        top: 2px;
                        left: 0px;
                        background: none;
                        clear: both;
                        padding: 16px 2px;
                        background: #55555500;
                    }

                    .gallery-bottom {
                        text-align: right;
                        margin-top: 34px;
                    }

                    .gallery-bottom span {
                        background-color: #e4701d;
                        color: #000;
                        padding: 10px 17px;
                        font-size: 15px;
                        outline-style: dashed;
                    }

                    .gallery-bottom span:hover {
                        background: #000 !important;
                        transform: translateY(0);
                        transition-duration: 0.3s;
                        color: #fff;
                        cursor: pointer;
                    }

                    .Recent-page {
                        padding: 4em 0em;
                        padding-top: 62px;
                    }

                    .recent-text-area {
                        padding-top: 20px;
                    }

                    .recent-right img {
                        width: 100%;
                    }

                    .recent-right {
                        display: flex;
                        margin-bottom: 15px;
                    }

                    .recent-text-area .post-meta {
                        list-style-type: none;
                        padding: 0;
                        margin: 0;
                        display: flex;
                        margin-bottom: 12px;
                        text-align: left !important;
                    }

                    .recent-text-area .post-meta .item-meta .left {
                        margin-right: 5px;
                        color: #000;
                    }

                    .recent-text-area .post-meta .item-meta .right a {
                        font-size: 14px;
                        color: #000;
                        font-weight: 600;
                    }

                    .recent-text-area h3 {
                        font-size: 19px;
                        font-weight: 600;
                    }

                    .recent-text-area p {
                        line-height: 22px;
                        font-weight: 500;
                        color: #777777;
                        font-size: 13px;
                        margin-left: 0px;
                        /* margin-top: 26px; */
                        text-align: justify;
                    }

                    .recent-right-text-area .post-meta {
                        list-style-type: none;
                        padding: 0;
                        margin: 0;
                        display: flex;
                        margin-bottom: 12px;
                        text-align: left !important;
                    }

                    .recent-right-text-area .post-meta .item-meta .left {
                        margin-right: 5px;
                        color: #000;
                    }

                    .recent-right-text-area .post-meta .item-meta .right a {
                        font-size: 14px;
                        color: #000;
                        font-weight: 600;
                    }

                    .recent-right-text-area h3 {
                        font-size: 19px;
                        font-weight: 600;
                    }

                    .recent-right-text-area p {
                        line-height: 22px;
                        font-weight: 500;
                        color: #777777;
                        font-size: 13px;
                        margin-left: 0px;
                        /* margin-top: 26px; */
                        text-align: justify;
                    }

                    .donut-image img {
                        transform: translateY(0);
                        transition-duration: 0.3s;
                        border-radius: 100%;
                        width: 100%;
                        margin-top: 72px;
                        margin-left: 30px;
                    }

                    .donut-image img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .our-team-left h3 {
                        color: #fff;
                        font-size: 33px;
                        padding: 31px 0px;
                    }

                    .our-team-left {
                        border-top: none;
                        position: relative;
                        background-color: #81256f;
                        height: 478px;
                        z-index: -3;
                    }

                    .our-team-left p {
                        color: #fff;
                        line-height: 1.8;
                        font-weight: 500;
                        font-size: 15px;
                        margin-left: 0px;
                    }

                    .recengt-img-area {
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .recengt-img-area:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .recent-right img {
                        transform: translateY(0);
                        transition-duration: 0.3s;
                    }

                    .recent-right img:hover {
                        transform: translateY(-8px);
                        cursor: pointer;
                    }

                    .about-heading-tittle h2 span {
                        color: #81256f;
                        font-size: 29px;
                    }

                    .about-denote {
                        margin-top: 81px;
                        padding: 1px 83px;
                    }

                    .donate-box1 {
                        background-color: #81256f;
                        padding: 32px 6px;
                    }

                    /* .border-right{
                        border-top-left-radius: 6px;
                    }  */

                    .donate-box1 h3 {
                        color: #fff;
                        font-weight: 700;
                        padding: 0px 20px;
                    }

                    .donate-box2 {
                        background-color: #000;
                        padding: 44px 6px;
                    }

                    .donate-box2 h3 {
                        color: #fff;
                        font-weight: 700;
                        padding: 0px 20px;
                    }

                    .donate-box2 p {
                        color: #c7c3c3;
                        font-size: 14px;
                        line-height: 24px;
                        margin-top: 17px;
                        padding: 2px 20px;
                    }

                    .donate-box1 p {
                        color: #c7c3c3;
                        font-size: 14px;
                        line-height: 24px;
                        margin-top: 17px;
                        padding: 2px 20px;
                    }

                    .donate-box {
                        margin-top: -106px;
                    }

                    .denote-readmore {
                        border: 2px solid #c7c3c3;
                        color: #fff;
                        padding: 10px 19px;
                        display: flex;
                        justify-content: center;
                        width: 33%;
                        margin: auto;
                        margin-top: 22px;
                        border-radius: 5px;
                    }

                    .denote-readmore:hover {
                        color: #fff;
                        text-decoration: none;
                        background-color: #000;
                        transform: translateY(0);
                        transition-duration: 0.3s !important;
                    }

                    .success {
                        animation: 0;
                        color: green;
                        text-align: left;
                        margin: 0;
                        font-size: 11px;
                        margin-bottom: 10px;
                        background-color: #daf2dae0;
                        padding: 13px;
                    }

                    .msg-error {
                        animation: 0;
                        color: red;
                        text-align: left;
                        margin: 0;
                        font-size: 11px;
                        margin-bottom: 10px;
                        background-color: #f6bebe;
                        padding: 13px;
                    }