/* ----------------navbar---------------- */

            @media  screen and (min-width:344px) and (max-width:431px) {
                html, body {
                    max-width: 100%;
                    overflow-x: hidden !important;
                }
                section {
                padding-bottom: 20px;
                }
                .logo-box .black-logo {
                    
                    display: block; /* Example: Make sure it is visible */
                    width: 100px !important;
                    margin-inline-start: 24px;
                }

                .logo-box .white-logo {
                    display: none; /* Example: Hide the white logo */
                }
                #navbarSupportedContent ul .nav-link{
                    display: none;
                }
                .navbar-nav .nav-link.active {
                    color: #787373 !important;
                    font-weight: bold;
                    border-bottom: 2px solid #b4b4b4;
                    width: 62px;
                }
                .modal-backdrop {
                    position: relative;
                    top: 0;
                    left: -71px;
                    z-index: 1040;
                    width: 89vw;
                    height: 79vh;
                    background-color: #000;
                }
                .offcanvas-start {
                    top: 0;
                    left: 0;
                    width: 281px !important;
                    border-right: 1px solid rgba(0, 0, 0, .2);
                    transform: translateX(-100%);
                    /* background: lavender !important;  */
                    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
                }
                .offcanvas-header {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 46px 17px 4px 8px;
                }
                .banner-section .banner-content-box .banner-title {
                    font-family: "OpenSans-CondBold";
                    color: #fff;
                    font-size: 19px;
                    padding-top: 17px;
                }
                .navbar-toggler {
                    padding: 4px 8px;
                    font-size: 1.25rem;
                    line-height: 1;
                    background-color: #e7e7e7;
                    border: 1px solid #5d5d5d;
                    border-radius: .25rem;
                    transition: box-shadow .15s ease-in-out;
                    position: relative;
                    left: 214px;
                }
                .navbar-toggler:focus {
                    text-decoration: none;
                    outline: 0;
                    box-shadow: 0 0 0 -0.75rem;
                }
                .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
                    display: flex ;
                    flex-wrap: inherit;
                    align-items: center;
                    justify-content: normal;
                    background: #fff;
                    padding: 14px 62px 16px 12px;
                }
                .navbar-toggler-icon {
                    display: inline-block;
                    width: 0.5em;
                    height: 0.5em;
                    vertical-align: middle;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 100%;
                    position: relative;
                    color: #000 !important;
                }
                a {
                    color: #352d2d !important;
                    text-decoration: none !important;
                }
                .banner-section .banner-content-box {
                    position: absolute;
                    top: 46%;
                    left: 50%;
                    transform: translate(-50%, -40%);
                }
                .banner-section .banner-content-box .sub-title {
                    font-family: "OpenSans";
                    color: #fff;
                    font-weight: 300;
                    font-size: 14px;
                    padding-top: 11px;
                    width: 263px;
                }
                .banner-section .banner-bottom-design {
                    width: 22px;
                    height: 32px;
                    background: #fff;
                    position: absolute;
                    bottom: -7%;
                    left: 50%;
                    transform: translateX(-50%);
                    border-radius: 50%;
                }
                .banner-section .social-media-box {
                    position: absolute;
                    bottom: 5%;
                    left: 1%;
                    display: flex ;
                    gap: 9px;
                    border: 1px solid var(--light-white);
                    color: var(--light-white) !important;
                    padding: 5px 6px;
                    border-radius: 17px;
                }
                .social-media-box .me-3{
                    font-size: 9px;
                position: relative;
                top: 8px;
                left: 6px
                }
                .why-choose-section h2 span {
                    font-weight: 600;
                    font-size: 28px;
                }
                .banner-section .social-media-box {
                    position: absolute;
                    bottom: 5%;
                    left: 6%;
                    display: flex;
                    gap: 3px;
                    border: 1px solid var(--light-white);
                    color: var(--light-white) !important;
                    padding: 0px 4px;
                    border-radius: 17px;
                }
                .banner-section .mouse-scroll-icon-box span {
                    font-weight: 400;
                    font-size: 10px;
                }
                .mouse-scroll-icon-box img{
                    width: 17% ;
                }
                .mouse-scroll-icon-box span{
                    color: #fff !important;
                }

                .header-top {
                    position: fixed;
                    width: 100%;
                    padding: 20px 0;
                    z-index: 99;
                    transition: transform 0.3s;
                    top: -30px;
                }
                .fisrt_arrow {
                    position: relative;
                    top: -70%;
                    left: 124%;
                }
                .second_arrow {
                    position: relative;
                    top: -116%;
                    left: 75%;
                }
                .fisrt_arrow ,.second_arrow  img{
                    width: 4px !important;
                }
                .mobile-align {
                    display: grid;
                    height: 408px;
                }
                .mobile-align .col-5  img , #triggerSection{
                    left: 118px;
                    top: -100px !important;
                }
            
                .why-choose-section .other-company-col span {
                    position: absolute;
                    bottom: 83px;
                    left: 17%;
                    font-size: 17px;
                }
                .why-choose-section h2 {
                    font-size: 40px;
                    font-weight: 400;
                    display: inline-block;
                    position: relative;
                    left: 88px;
                }
                #videoBanner{
                    pointer-events: none;
                    width: 100%;
                    padding-top: 60px;
                }


                .client-logo-box img{
                    width: 50px !important;
                }
                .our-process-section h3 {
                    font-family: "Sacramento";
                    color: var(--web-black-color);
                    font-size: 30px;
                    font-weight: 600;
                }
                .banner-section .mouse-scroll-icon-box {
                    position: absolute;
                    bottom: 9%;
                    left: 50%;
                    transform: translateX(-50%);
                    display: flex
                ;
                    flex-direction: column;
                    align-items: center;
                    gap: 2px;
                }

                /* -------------golden dealer--- */
                .star-icon {
                    transform: scale(0);
                    transition: transform 0.5s ease;
                    position: relative;
                    top: 12px;
                    width: 7px;
                }
                .golden-dealer-section .content h4 {
                    font-size: 15px;
                    font-weight: 400;
                }
                .golden-dealer-section .content p {
                    color: #848484;
                    font-size: 8px;
                    width: 161px;
                }    
                .golden-dealer-section .gold-img img {
                    width:70px ;
                }
                .golden-dealer-section , .golden-dealer-section2{
                    padding-bottom: 16px !important;
                }
                
                .golden-dealer-section {
                    background-image: url(../images/home-page/golden-dealer-bg.png);
                    background-repeat: no-repeat;
                    background-size: 100%;
                    height: 113px;
                }
                .gold-img .star-icon-box{
                    position: relative !important;
                    top: -41px !important;
                    left: 13px !important;
                }

                .dealer-image {
                    /* background-image: url(/assets/images/home-page/Ellipse.jpg); */
                    border-radius: 130px;
                    filter: drop-shadow(0px 0px 0px #cfcccc);
                    position: relative;
                    left: 8px;
                    top: 8px;
                }
                .golden-dealer-section .golden-dealer-img .star-icon-box {
                    position: absolute;
                    left: 56%;
                    bottom: 24%;
                    transform: translateX(-45%);
                    transition: transform 0.5s ease;
                }
                .golden-dealer-img {
                    /* background-image: url(/assets/images/home-page/Ellipse.jpg); */
                    position: relative;
                    right: 39px;
                    border-radius: 1px 200px 200px 1px;
                    top: 0px;
                    filter: drop-shadow(0px 0px 1px #84848430);
                    height: 108px;
                }
                .bg-gold-img::before {
                    background-image: url(/assets/images/home-page/Ellipse.jpg);
                    position: absolute;
                    top: 0px;
                    left: -33px;
                    content: '';
                    height: 107%;
                    width: 120%;
                    filter: drop-shadow(0px 0px 0px #84848480);
                    border-radius: 1px 164px 165px 1px;
                }
                .bg-gold-img2::before {
                    background-image: url(/assets/images/home-page/Ellipse.jpg);
                    position: absolute;
                    top: -10px;
                    right: -5px;
                    content: '';
                    height: 100%;
                    width: 50%;
                    filter: drop-shadow(0px 0px 0px #84848480);
                    border-radius: 144px 2px 1px 157px;
                    /* filter: drop-shadow(2px 4px 6px black); */
                }
                /* ---------------counter-section------- */
                .counter-section .project-complete p span, .counter-section .happy-clients p span {
                    font-weight: 700;
                    color: var(--counter-font-color);
                    font-size: 15px;
                }
                .counter-section .project-complete .col-4 span, .counter-section .happy-clients .col-4 span {
                    font-size: 35px;
                    color: var(--counter-font-color);
                    font-weight: 700;
                }   
                .counter-section .yr-ex-box span:nth-child(1) {
                    font-size: 46px;
                    font-weight: 700;
                }
                .counter-section .yr-ex-box span:nth-child(2) {
                    font-size: 17px;
                    font-weight: 700;
                    width: 50%;
                    text-align: center;
                    line-height: 17px;
                }
                .counter-section .project-complete p, .counter-section .happy-clients p {
                    margin: 0;
                    font-size: 22px;
                    font-weight: 400;
                    line-height: 40px;
                    line-height: 45px;
                }

                .schedule-demo-section h2 {
                    margin: 0;
                    color: #fff;
                    font-weight: 400;
                    font-size: 23px;
                }
                .schedule-demo-section .book-now-button {
                    background: #fff;
                    padding: 3px 4px;
                    width: fit-content;
                    margin-left: auto;
                    display: flex;
                    justify-content: center;
                    gap: 20px;
                    align-items: center;
                    font-size: 19px;
                    color: #484141;
                }

                /* --------------footer------------- */
            .footer-second .col-md-6, .col-12 {
                margin-top: 9%;
                }
                .footer-section h3 {
                    font-size: 24px;
                    color: var(--web-black-color);
                    margin: 0;
                }
                .footer-section h4 {
                    font-weight: bold;
                    font-size: 17px;
                    margin: 0;
                }
                .footer-section h6 {
                    color: var(--footer-font-color);
                    width: 100%;
                    font-size: 18px;
                }
                .footer-section .footer-form-widget .title-box p {
                    color: var(--footer-font-color);
                    font-size: 10px;
                }
                .footer-section .footer-form-widget .submit-btn {
                    background: #D9D9D9;
                    border: none;
                    padding: 0px 11px;
                    margin-top: 30px;
                }
                .footer-section .contact-details-box .col-6 a, .footer-section .contact-details-box .col-6 P {
                    color: var(--footer-font-color) !important;
                    font-size: 16px;
                }
                .footer-section .copy-right-box p {
                    font-size: 11px;
                    margin: 0;
                    color: var(--footer-font-color);
                }  
                .footer-section .footer-form-widget .title-box h3 {
                    color: var(--web-black-color);
                    font-weight: 300;
                    font-size: 14px;
                }   
                
                /* --------------About --------------- */
                .about-section h2 {
                    font-size: 40px;
                    font-weight: 600;
                    color: #c2c2c2;
                    opacity: 0.3;
                }
                .about-section h5 {
                    font-size: 20px;
                    margin-bottom: 40px;
                }
                .about-section p {
                    width: 100%;
                    font-size: 15px;
                    text-align: justify;
                }
                .what-we-do-section .images-box .image-div:hover {
                    /* width: 100%; */
                    background-size: 195% 100%;
                }
                
                .what-we-do-section .images-box .image-div h3 {
                    color: #fff;
                    width: 50%;
                    margin: 0;
                    text-transform: capitalize;
                    font-weight: 400;
                    font-size: 10px;
                }   
                .what-we-do-section .slider-controls {
                    position: relative;
                    top: -147px;
                    transform: translateY(-50%);
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    padding: 0px 10px;
                }
                .what-we-do-section h2 {
                    margin: 0;
                    text-align: center;
                    padding: 50px 0;
                    background: #A0988F;
                    font-size: 22px;
                    color: #fff;
                    font-family: "Sofia-Pro-Az";
                }
                .what-we-do-section .slider-controls button {
                    color: #fff;
                    border: none;
                    padding: 9px;
                    font-size: 8px;
                    cursor: pointer;
                    transition: background-color 0.3s ease;
                    border-radius: 50%;
                    background: #00000000;
                }


                .view-eye {
                    position: relative;
                    top: 29%;
                    left: 30%;
                    font-size: 20px;
                    background: #0000006e;
                    width: 28%;
                    text-align: center;
                    border-radius: 50%;
                    height: 76px;
                    color: #ffffff;
                    display: none;
                }
                .view-eye i {
                    position: relative;
                    top: 21px;
                }
                .what-we-do-section .images-box {
                    height: 300px;
                    display: flex;
                    overflow: hidden;
                    position: relative;
                    transition: transform 0.5s ease-in-out;
                }
                .quote-section .quote-div .quote-inner .quote-icon.top {
                    position: absolute;
                    top: -10%;
                    left: -7%;
                    width: 44px;
                }
                .quote-section .quote-div .quote-inner .quote-icon.bottom {
                    position: absolute;
                    bottom: -30%;
                    right: 20%;
                    transform: rotate(180deg);
                    width: 42px;
                }   
                .quote-section .quote-div .quote-inner p {
                    font-size: 19px ;
                    margin: 0;
                    font-family: "Sacramento";
                    color: #5A5B49;
                }
                .quote-section .quote-div .quote-inner {
                    border: 1px solid #000;
                    padding: 59px 0 47px 22px;
                    border-top-left-radius: 30px;
                    border-bottom-left-radius: 30px;
                    height: 211px;
                    width: 95%;
                    margin-left: auto;
                    background-image: url(../images/about-page/quote-bg.png);
                }
                
                /* --------------solutions------------- */
                .solutions-content-section h1, .solutions-details-section .section-heading h1 {
                    font-size: 50px;
                    color: #c2c2c2;
                    font-family: "Montserrat";
                    font-weight: 700;
                }
                .solutions-content-section p {
                    width: 101%;
                    font-size: 18px;
                    text-align: justify;
                }
                .key-solution-box p {
                    font-family: "Sofia-Pro-Az";
                    font-size: 7px;
                    color: #555755;
                    margin-top: 5%;
                    margin-bottom: 0;
                }
                .key-solution-box img{
                    width: 24px;
                    margin-top:-24px ;
                }
                .key-solution-box.active-box {
                    background: #656F7E !important;
                }
                .key-solutions-section .key-solution-box {
                    background: #D9D9D9;
                    text-align: center;
                    padding: 50px 0;
                    border-radius: 30px;
                    width: 101%;
                    margin-left: auto;
                    transition: all 0.3s ease-in-out;
                    height: 115px;
                }
                .solutions-details-section .key-solution-type p {
                    font-size: 12px;
                    margin: 0;
                }
                .solutions-details-section .key-solution-type h4 {
                    color: #484141;
                    font-size: 15px;
                }
                .solutions-details-section .key-solution-type .arrow-icon {
                    width: 0px;
                    height: 40px;
                    background: #fff;
                    text-align: center;
                    line-height: 40px;
                    border-radius: 50%;
                }
                .key-solution-type .col-1 img{
                    width: 25px;
                }
                .key-solution-type .col-1 .arrow-icon{
                    position: relative;
                    left: -17px;
                }

                .project-images-section .project-left-img img {
                    height: 282px;
                    object-fit: cover;
                    object-position: right;
                }
                .project-images-section .project-right-img img {
                    height: 95px;
                    width: 100%;
                    object-fit: cover;
                }
                .project-images-section .image-resize img {
                    height: 139px;
                    object-fit: cover;
                }
                .solutions-content-section h6, .solutions-details-section .section-heading h6 {
                    font-family:"Sofia-Pro-Az";
                    width: 213px;
                    font-size: 22px;
                }
                /* ---------------projects--------- */
                .projects-section .project-details h4 {
                    font-weight: 600;
                    color: #fff;
                    font-size: 20px;
                    margin-bottom: 30px;
                }
                .projects-section .project-details .person-name {
                    border: 1px solid #fff;
                    padding: 16px 27px;
                    border-radius: 30px;
                    width: fit-content;
                    margin: -15px;
                    font-size: 3px;
                }
                .projects-section .project-details .person-name img {
                    width: 25px;
                }
                .projects-section .project-inner .person-name span, .projects-section .project-inner2 .person-name span {
                    color: #fff;
                    margin-left: 3px;
                    font-size: 10px;
                }
                .projects-section .project-inner {
                    height: 283px;
                }   
                .projects-section .small-images img {
                    height: 139px;
                    object-fit: cover;
                }

                .mobile-view-pro{
            
                    width: 390px;
                margin-top: 4px;
                }
                .projects-section .project-inner2 {
                    height: 139px;
                }
                .projects-section .project-inner.img-position img {
                    object-position: 39%;
                    padding-right: 6px;
                }
                .align-pro2{
                width: 92px;
                }
                .align-pro{
                    width: 94px;
                }
                .align-pro1{
                    width: 190px;
                }

                /* ------------Brands------------ */
                .brand-row img {
                    width: 88px !important;
                }

                .page-banner-widget {
                    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 35%, #000000 100%), var(--page-banner-img);
                    background-repeat: no-repeat;
                    width: 100%;
                    height: 250px;
                    position: relative;
                    margin-bottom: 0px;
                }
                /* --------------contact----------------- */
                .page-banner-widget h2 {
                    position: absolute;
                    top: 62%;
                    left: 52%;
                    transform: translate(-50%, -50%);
                    font-family: "Sofia-Pro-Az";
                    font-weight: 800;
                    color: #fff;
                    font-size: 36px;
                }
                .page-banner-widget h6 {
                    position: absolute;
                    top: 73%;
                    left: 48%;
                    transform: translate(-50%, -65%);
                    font-family: "Sofia-Pro-Az";
                    font-weight: 400;
                    color: #fff;
                    font-size: 10px;
                }


                @media only screen and (width: 344px) and (height: 740px) {
                    .navbar-toggler {
                        padding: 0.25rem 0.75rem;
                        font-size: 1.25rem;
                        line-height: 1;
                        background-color: #e7e7e7;
                        border: 1px solid #5d5d5d;
                        border-radius: .25rem;
                        transition: box-shadow .15s ease-in-out;
                        position: relative;
                        left: 193px;
                    }
                }

                .project-description h2 {
                    font-size: 75px;
                    font-weight: 600;
                    color: #c2c2c2;
                    opacity: 0.3;
                }
            }
            

            .contact-row .col-md-4{
                margin-bottom: 25px;
            }
            .mobile-view-only .view-mob {
                height: 283px;
                width: 187px;
                padding-top: 5px;
                padding-right: 1px;
            }
           .mob .view-big-mob{
            height: 254px !important;
            }
            @media only screen and (width: 360px) and (height: 740px) {
                .navbar-toggler {
                    padding: 4px 8px;
                    font-size: 1.25rem;
                    line-height: 1;
                    background-color: #e7e7e7;
                    border: 1px solid #5d5d5d;
                    border-radius: .25rem;
                    transition: box-shadow .15s ease-in-out;
                    position: relative;
                    left: 179px;
                }
            }
            @media only screen and (width: 430px) and (height: 932px) {
                .navbar-toggler {
                    padding: 4px 8px;
                    font-size: 1.25rem;
                    line-height: 1;
                    background-color: #e7e7e7;
                    border: 1px solid #5d5d5d;
                    border-radius: .25rem;
                    transition: box-shadow .15s ease-in-out;
                    position: relative;
                    left: 239px;
                }
            }

            /* ----------------Tab Responsives ---------------- */
            @media screen  and (min-width:541px) and (max-width:1280px) {
                
                html, body {
                    max-width: 100%;
                    overflow-x: hidden !important;
                }
                .navbar-nav {
                    display: flex ;
                    flex-direction: unset !important;
                    padding-left: 0;
                    margin-bottom: 0;
                    list-style: none;
                }
                .banner-section .banner-content-box .banner-title {
                    font-family: "OpenSans-CondBold";
                    color: #fff;
                    font-size: 33px;
                }
                .banner-section .banner-content-box .badge {
                    border-radius: 10px;
                    background: #F08B23;
                    margin-bottom: 16px;
                }
                .banner-section .banner-content-box .banner-title {
                    font-family: "OpenSans-CondBold";
                    color: #fff;
                    font-size: 30px;
                }

                .why-choose-section .other-company-col span {
                    position: absolute;
                    bottom: 42px;
                    left: 28%;
                    font-size: 20px;
                }
                .our-process-section .bg-color .client-logo-box img {
                    opacity: 0;
                    animation: fadeIn 1s forwards;
                    animation-delay: calc(0.5s* var(--i));
                    width: 122px;
                }
                .star-icon {
                    transform: scale(0);
                    transition: transform 0.5s ease;
                    width: 18px;
                }
                .gold-img img{
                    width: 146px;
                }
                .navbar-toggler {
                    display: none;
                }
                .banner-section .banner-bottom-design {
                    width: 58px;
                    height: 58px;
                    background: #fff;
                    position: absolute;
                    bottom: -7%;
                    left: 50%;
                    transform: translateX(-50%);
                    border-radius: 50%;
                }


                /* --------------footer-------------- */
                .footer-section h3 {
                    font-size: 31px;
                    color: var(--web-black-color);
                    margin: 0;
                }
                .footer-section .contact-details-box .col-6 a, .footer-section .contact-details-box .col-6 P {
                    color: var(--footer-font-color) !important;
                    font-size: 11px;
                }



                /* ---------------About------------------ */
                .about-section p {
                    width: 101%;
                }

                .what-we-do-section .slider-controls {
                    position: relative ;
                    top: -322px;
                    transform: translateY(-50%);
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    padding: 0 10px;
                }


                /* ---------------Solutions---------------- */

                .solutions-content-section h1, .solutions-details-section .section-heading h1 {
                    font-size: 69px;
                    color: #c2c2c2;
                    font-family: "Montserrat";
                    font-weight: 700;
                }
                .solutions-content-section p {
                    width: 102%;
                }

                .key-solution-box p {
                    font-family: "Sofia-Pro-Az";
                    font-size: 14px;
                    color: #555755;
                    margin-top: 5%;
                    margin-bottom: 0;
                }
                .key-solution-type .col-1 img{
                    width: 26px;
                }
                .solutions-details-section .key-solution-type .arrow-icon {
                    width: 1px;
                    height: 40px;
                    background: #fff;
                    text-align: center;
                    line-height: 40px;
                    border-radius: 50%;
                }
                .client-logo-box img{
                    width: 115px;
                }


                /* ---------------Solutions ----------------- */


                .projects-section .project-details h4 {
                    font-weight: 600;
                    color: #fff;
                    font-size: 19px;
                    margin-bottom: 30px;
                }
                /* --------contact----------- */

                .page-banner-widget h2 {
                    position: absolute;
                    top: 56%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    font-family: "Sofia-Pro-Az";
                    font-weight: 800;
                    color: #fff;
                    font-size: 30px;
                }
                .page-banner-widget h6 {
                  
                    font-family: "Sofia-Pro-Az";
                    font-size: 19px;
                    
                }

                .contact-details-section .contact-details-card a {
                    color: #848484 !important;
                    font-size: 12px;
                }
            }
            /* ----------------Tab Responsives ---------------- */
            @media only screen and (width: 540px) and (height: 720px) {
            

                html, body {
                    max-width: 100%;
                    overflow-x: hidden !important;
                }
                .logo-box  img{
                    width: 100px !important;
                }
                .header-top {
                    position: fixed;
                    width: 100%;
                    padding: 20px 0;
                    z-index: 99;
                    transition: transform 0.3s;
                }
                .navbar-nav {
                    display: flex ;
                    flex-direction: unset !important;
                    padding-left: 0;
                    margin-bottom: 0;
                    list-style: none;
                }
                .navbar-toggler {
                    display: none;
                }
                
                .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
                    display: flex ;
                    flex-wrap: inherit;
                    align-items: center;
                    justify-content: space-around;
                    position: relative;
                    left: -36px;
                }
                .banner-section .banner-content-box .banner-title {
                    font-family: "OpenSans-CondBold";
                    color: #fff;
                    font-size: 20px;
                }
                .banner-section .banner-content-box .badge {
                    border-radius: 10px;
                    background: #F08B23;
                    margin-bottom: 10px;
                }
                .banner-section .mouse-scroll-icon-box span {
                    font-weight: 400;
                    font-size: 6px;
                }
                .banner-section .banner-bottom-design {
                    width: 40px;
                    height: 40px;
                    background: #fff;
                    position: absolute;
                    bottom: -7%;
                    left: 50%;
                    transform: translateX(-50%);
                    border-radius: 50%;
                }

                .banner-section .social-media-box {
                    position: absolute;
                    bottom: 5%;
                    left: 4%;
                    display: flex;
                    gap: 2px;
                    border: 1px solid var(--light-white);
                    color: var(--light-white) !important;
                    padding: 0px 8px;
                    border-radius: 25px;
                }
                .social-media-box .mw-3{
                    font-size: 15px;
                }
                .nav-link {
                    display: block;
                    padding: .5rem 1rem;
                    color: #0d6efd;
                    text-decoration: none;
                    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
                    font-size: 9px;
                }
                .banner-section .banner-content-box .sub-title {
                    font-family: "OpenSans";
                    color: #fff;
                    font-weight: 300;
                    font-size: 9px;
                    margin-top: 17px;
                }
                .why-choose-section h2 {
                    font-size: 40px;
                    font-weight: 400;
                    display: inline-block;
                    font-size: 35px;
                    margin-inline-start: 27px;
                }
                .why-choose-section img {
                    width: 75%;
                    position: relative;
                    top: 24% !important;
                }
                .fisrt_arrow {
                    position: relative;
                    top: 2%;
                }
                .second_arrow {
                    position: relative;
                    top: -31%;
                }
                .fisrt_arrow img{
                    width: 8px !important;
                }
                .mobile-view-pro{
                    width: 541px;
                    padding-top: 12px;
                }
                .second_arrow img {
                    width: 8px !important;
                    animation: moveUpDowns 1.5s infinite;
                }
                .our-process-section h3 {
                    font-family: "Sacramento";
                    color: var(--web-black-color);
                    font-size: 29px;
                    font-weight: 600;
                }   
                .our-process-section .bg-color .client-logo-box img {
                    opacity: 0;
                    animation: fadeIn 1s forwards;
                    animation-delay: calc(0.5s* var(--i));
                    width: 80px;
                }
                .golden-dealer-section .content h4 {
                    font-size: 26px;
                    font-weight: 400;
                }
                .star-icon {
                    transform: scale(0);
                    transition: transform 0.5s ease;
                    width: 11px;
                }
                .golden-dealer-section .golden-dealer-img .star-icon-box {
                    position: absolute;
                    left: 50%;
                    bottom: 19%;
                    transform: translateX(-45%);
                    transition: transform 0.5s ease;
                }
                .golden-dealer-section2 .golden-dealer-img .star-icon-box {
                    bottom: 3%;
                    left: 32px;
                }
                .golden-dealer-section .content h4 {
                    font-size: 26px;
                    font-weight: 400;
                }
                .golden-dealer-section .content p {
                    color: #848484;
                    font-size: 10px;
                }
                .gold-img img{
                    width: 116px;
                    position: relative;
                    left: -24px;
                }
                .counter-section .yr-ex-box span:nth-child(1) {
                    font-size: 59px;
                    font-weight: 700;
                }
                .counter-section .yr-ex-box span:nth-child(2) {
                    font-size: 16px;
                    font-weight: 700;
                    width: 50%;
                    text-align: center;
                    line-height: 39px;
                }
                .counter-section .project-complete p, .counter-section .happy-clients p {
                    margin: 0;
                    font-size: 20px;
                    font-weight: 400;
                    line-height: 40px;
                    line-height: 45px;
                }
                .counter-section .project-complete .col-4 span, .counter-section .happy-clients .col-4 span {
                    font-size: 43px;
                    color: var(--counter-font-color);
                    font-weight: 700;
                }
                .golden-dealer-section {
                    background-image: url(../images/home-page/golden-dealer-bg.png);
                    background-repeat: no-repeat;
                    background-size: 100%;
                    height: 139px;
                }
                .schedule-demo-section h2 {
                    margin: 0;
                    color: #fff;
                    font-weight: 400;
                    font-size: 26px;
                }
                .schedule-demo-section span {
                    font-weight: 700;
                    font-size: 25px;
                }
                /* -------------Footer------------ */
                .footer-section h3 {
                    font-size: 25px;
                    color: var(--web-black-color);
                    margin: 0;
                }
                .footer-section h4 {
                    font-weight: bold;
                    font-size: 26px;
                    margin: 0;
                }
                .footer-section .footer-form-widget .title-box p {
                    color: var(--footer-font-color);
                    font-size: 11px;
                }
                .footer-section .contact-details-box .col-6 a, .footer-section .contact-details-box .col-6 P {
                    color: var(--footer-font-color) !important;
                    font-size: 10px;
                }
                .footer-section .copy-right-box p {
                    font-size: 9px;
                    margin: 0;
                    color: var(--footer-font-color);
                }
                .about-section h2 {
                    font-size: 78px;
                    font-weight: 600;
                    color: #c2c2c2;
                    opacity: 0.3;
                }   
                .about-section p {
                    width: 111%;
                    font-size: 12px;
                }
                .what-we-do-section h2 {
                    margin: 0;
                    text-align: center;
                    padding: 50px 0;
                    background: #A0988F;
                    font-size: 25px;
                    color: #fff;
                    font-family: "Sofia-Pro-Az";
                }
                .what-we-do-section .images-box {
                    height: 294px;
                    display: flex;
                    overflow: hidden;
                    position: relative;
                    transition: transform 0.5s ease-in-out;
                }
                .what-we-do-section .images-box .image-div h3 {
                    color: #fff;
                    width: 50%;
                    margin: 0;
                    text-transform: capitalize;
                    font-weight: 400;
                    font-size: 13px;
                }
                .quote-section .quote-div .quote-inner p {
                    font-size: 20px ;
                    margin: 0;
                    font-family: "Sacramento";
                    color: #5A5B49;
                }
                .quote-section .quote-div .quote-inner {
                    border: 1px solid #000;
                    padding: 76px 0 47px 22px;
                    border-top-left-radius: 30px;
                    border-bottom-left-radius: 30px;
                    height: 211px;
                    width: 93%;
                    margin-left: auto;
                    background-image: url(../images/about-page/quote-bg.png);
                }
                .what-we-do-section .slider-controls {
                    position: relative;
                    top: -137px;
                    transform: translateY(-50%);
                    width: 100%;
                    display: flex ;
                    justify-content: space-between;
                    padding: 0 10px;
                }
                .what-we-do-section .slider-controls button {
                    color: #fff;
                    border: none;
                    padding: 10px;
                    font-size: 9px;
                    cursor: pointer;
                    transition: background-color 0.3s ease;
                    border-radius: 50%;
                    background: #00000038;
                }
                .solutions-content-section h1, .solutions-details-section .section-heading h1 {
                    font-size: 49px;
                    color: #c2c2c2;
                    font-family: "Montserrat";
                    font-weight: 700;
                }
                .solutions-content-section p {
                    width: 95%;
                    font-size: 13px;
                }
                .key-solution-box p {
                    font-family: "Sofia-Pro-Az";
                    font-size: 10px;
                    color: #555755;
                    margin-top: 5%;
                    margin-bottom: 0;
                }
                .solutions-details-section .key-solution-type h4 {
                    color: #484141;
                    font-size: 12px;
                }
                .solutions-details-section .key-solution-type p {
                    font-size: 9px;
                    margin: 0;
                }
                .solutions-details-section .key-solution-type .arrow-icon {
                    width: 5px;
                    height: 40px;
                    background: #fff;
                    text-align: center;
                    line-height: 40px;
                    border-radius: 50%;
                    position: relative;
                    left: -20px;
                }
                .key-solution-type .col-1 img{
                    width: 23px;
                }
                .client-logo-box img{
                    width: 80px;
                }

                /* ----projects------------ */
                .projects-section .project-details h4 {
                    font-weight: 600;
                    color: #fff;
                    font-size: 14px;
                    margin-bottom: 30px;
                }

                /* ------------brands------------ */
                .brands-con {
                    max-width: 77%;
                }
                .brand-row img {
                    width: 113px;
                }
                .page-banner-widget h2 {
                    position: absolute;
                    top: 56%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    font-family: "Sofia-Pro-Az";
                    font-weight: 800;
                    color: #fff;
                    font-size: 24px;
                }
                .page-banner-widget h6 {
                    position: absolute;
                    top: 72%;
                    left: 50%;
                    transform: translate(-50%, -65%);
                    font-family: "Sofia-Pro-Az";
                    font-weight: 400;
                    color: #fff;
                    font-size: 19px;
                }





            }