@font-face{
                font-family: "SF-Pro-Display-Black";
                src: url("../fonts/SF-Pro-Display-Black.ttf");
            }
            @font-face{
                font-family: "SF-Pro-Display-Heavy";
                src: url("../fonts/SF-Pro-Display-Heavy.ttf");
            }
            @font-face{
                font-family: "SF-Pro-Display-Bold";
                src: url("../fonts/SF-Pro-Display-Bold.ttf");
            }
            @font-face{
                font-family: "SF-Pro-Display-SemiBold";
                src: url("../fonts/SF-Pro-Display-SemiBold.ttf");
            }
            @font-face{
                font-family: "SF-Pro-Display-Medium";
                src: url("../fonts/SF-Pro-Display-Medium.ttf");
            }
            @font-face{
                font-family: "SF-Pro-Display-Regular";
                src: url("../fonts/SF-Pro-Display-Regular.ttf");
            }
            @font-face{
                font-family: "SF-Pro-Display-Light";
                src: url("../fonts/SF-Pro-Display-Light.ttf");
            }

            h1,
            h2,
            h3,
            h4,
            h5,
            h6{
                font-family: "SF-Pro-Display-SemiBold";
                text-transform: capitalize;
            }

            p,
            ul{
                font-family: "SF-Pro-Display-Medium";
                margin: 0;
                padding: 0;
                list-style: none;
            }

            input,
            textarea{
                font-family: "SF-Pro-Display-Regular";
                margin: 0;
                padding: 0;
            }


            span,
            a,
            button{
                font-family: "SF-Pro-Display-SemiBold";
                margin: 0;
                padding: 0;
            }

            a:hover{
                color: inherit;
            }

            body{
                overflow-x: hidden;
                background: #FEFEFE;
                font-family: "SF-Pro-Display-Medium";
            }

            main{
                overflow: hidden;
            }
            /*page_404*/
            .page_404{
                text-align: center;
                padding: 9rem 0 3rem;
                position: relative;
            }
            .page_404 h1{
                color: #181223;
                font-size: 7rem;
            }
            .page_404 img{width: 40%;}
            .page_404 h3{
                font-size: 4rem;
                margin: 2rem 0 0 0;
            }
            .page_404 p{
                font-size: 24px;
                color: #000000;
                margin: 25px 0;
            }
            .page_404 a{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
                width: 11%;
                display: block;
                margin: 0 auto 0;
                padding: 8px 0;
                font-size: 22px;
                border-radius: 49px;
            }
            /*page_404*/
            a,
            button,
            input,
            textarea:focus{
                outline: none;
                box-shadow: none;
                text-decoration: none;
            }

            .form-group input::-webkit-outer-spin-button,
            .form-group input::-webkit-inner-spin-button{
            -webkit-appearance: none;
            margin: 0;
            }
            /* Firefox */
            .form-group input[type=number]{
            -moz-appearance: textfield;
            }

            @keyframes zoom-in-zoom-out{
                0% {
                transform: scale(1, 1);
                }
                50% {
                transform: scale(1.1, 1.1);
                }
                100% {
                transform: scale(1, 1);
                }
            }
            /*Website Custom Style Css For Single Items Start Here*/

            /*Heading & Para Style Css*/
            .heading-one{
                font-size: 58px;
                line-height: 64px;
            }
            .heading-two{
                font-size: 54px;
                line-height: 60px;
            }
            .heading-three{
                font-size: 46px;
                line-height: 52px;
            }
            .heading-four{
                font-size: 38px;
                line-height: 44px;
            }
            .heading-five{
                font-size: 24px;
                line-height: 30px;
            }
            .heading-six{
                font-size: 20px;
                line-height: 26px;
            }
            .heading-seven{
                font-size: 18px;
                line-height: 24px;
            }
            p{
                font-size: 18px;
                line-height: 24px;
                margin: 0 0 10px;
            }
            li{
                font-size: 18px;
                line-height: 24px;
                margin: 0 0 5px;
            }
            /*Heading & Para Style Css*/

            /*Buttons Style Css*/
            .website-main-buttons{
                margin: 30px 0 0;
                display: flex;
                align-items: center;
            }
            .website-main-buttons a.read-more-btn,
            .website-main-buttons button.popup-btn,
            .website-main-buttons button.chat-btn,
            .website-main-buttons a.call-btn{
                font-size: 16px;
                width: 175px;
                height: 45px;
                border-radius: 50px;
                padding: 10px 10px;
                margin: 0 10px 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                text-transform: capitalize;
                transition: all .4s ease-in-out;
                position: relative;
            }
            /*Buttons Style Css*/

            /*Website Custom Style Css For Single Items End Here*/

            /*Header Css Start Here*/
            header{
                background: #f8991b;
                width: 100%;
                box-shadow: 0 0 20px -5px #b2b2b2;
                position: fixed;
                top: 0;
                z-index: 1000;
                transition: all .3s ease-in-out;
            }
            header.main-header.sticky{
                background: #000;
            }
            header nav.navbar{
                padding: 10px 30px;
                align-items: center;
                position: relative;
            }
            header nav.navbar .navbar-brand{
                padding: 0px 0;
                margin: 0;
            }
            header nav.navbar .navbar-brand .logo{
                width: 150px;
                margin: 0;
                transition: all 0.5s ease-in-out;
                display: block;
            }
            header .navbar-toggler{
                background-color: #fff;
            }
            header .navbar-toggler:focus{
                box-shadow: none;
            }
            header .navbar-expand-lg .navbar-collapse{
                justify-content: center;
                flex-direction: column;
                align-items: end;
                margin: 0;
            }
            header .navbar-collapse .navbar-main-nav{
                display: flex;
                align-items: center;
                width: 100%;
            }
            header .navbar-main-nav .navbar-main-center{
                width: 100%;
                display: grid;
                align-items: center;
                justify-content: center;
                margin: 0 10px;
            }
            header .navbar-main-center ul.navbar-main-info{
                display: flex;
                align-items: center;
                justify-content: center;
            }
            header .navbar-main-center ul.navbar-main-info li{
                margin: 0 10px;
            }
            header .navbar-main-center ul.navbar-main-info li a{
                color: #181223;
                font-size: 16px;
                display: inline-block;
                transition: all .3s ease-in-out;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient(
                to right,
                #F8991B,
                #F8991B 50%,
                #181223 50%);
                background-size: 200% 100%;
                background-position: 100%;
            }
            header .navbar-main-center ul.navbar-main-info li a:hover{
                transition: all 0.9s cubic-bezier(0.000, 0.000, 0.230, 1);
                background-position: 0%;
                background-image: linear-gradient(
                    to right,
                    #ffffff,
                    #ffffff 50%,
                    #181223 50%);
            }
            header .navbar-main-center ul.navbar-main-info li a i{
                color: #F8991B;
                margin: 0 3px 0 0;
            }
            header .navbar-main-center ul.navbar-nav{
                width: 100%;
                justify-content: center;
                margin: 0 10px 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item{
                margin: 0 10px 0;
                padding: 15px 0;
            }


            header .navbar-main-center ul.navbar-nav li.nav-item a.nav-link{
                color: #181223;
                font-size: 18px;
                line-height: 24px;
                padding: 0px 0px;
                text-transform: capitalize;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient(
                to right,
                #F8991B,
                #F8991B 50%,
                #181223 50%);
                background-size: 200% 100%;
                background-position: 100%;
                transition: all .3s ease-in-out;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item a.nav-link:hover{
                transition: all 0.9s cubic-bezier(0.000, 0.000, 0.230, 1);
                background-position: 0%;
                background-image: linear-gradient(to right, #ffffff, #ffffff 50%, #181223 50%);
            }
            header .navbar-main-center ul.navbar-nav li.nav-item.dropdown{}
            header ul.navbar-nav .nav-item.dropdown .dropdown-toggle{
                position: relative;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            header ul.navbar-nav .nav-item.dropdown .dropdown-toggle::after{
                content: "\f078";
                font-family: "Font Awesome 6 Pro";
                font-size: 12px;
                font-weight: 600;
                margin: 0 0 0 5px;
                border: none;
                transition: all .3s ease-in-out;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu{
                background: #FEFEFE;
                top: 50px;
                left: 0;
                width: 400px;
                border: none;
                border-radius: 0px;
                box-shadow: 0 0px 30px -15px #181223;
                padding: 0;
                opacity: 0;
                visibility: hidden;
                z-index: 9;
                -webkit-transform: translateY(35px);
                -ms-transform: translateY(35px);
                transform: translateY(35px);
                -webkit-transition: all ease .3s;
                -moz-transition: all ease .3s;
                transition: all ease .3s;
                display: flex;
                flex-wrap: wrap;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu{
                width: 200px;
                display: grid;
                flex-wrap: nowrap;
            }
            header ul.navbar-nav .nav-item.dropdown:hover ul.dropdown-menu{
                -webkit-transform: translateY(0px);
                -ms-transform: translateY(0px);
                transform: translateY(0px);
                opacity: 1;
                visibility: visible;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu li{
                padding: 0;
                margin: 0;
                width: 200px;
                border-right: 1px solid #f3f3f3;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu li a{
                color: #181223;
                border-bottom: 1px solid #f3f3f3;
                font-size: 14px;
                padding: 7px 7px;
                margin: 0;
                border-radius: 0;
                text-align: left;
                text-transform: capitalize;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient(to right, #F8991B, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: 100%;
                transition: all .3s ease-in-out;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu li a i{
                color: #F8991B;
                font-size: 12px;
                font-weight: 700;
                margin: 0 2px 0 0;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu li a.dropdown-item:focus, 
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu li a.dropdown-item:hover{
                transition: all 0.9s cubic-bezier(0.000, 0.000, 0.230, 1);
                background-position: 0%;
            }
            header .navbar-main-nav .website-main-buttons{
                justify-content: center;
                margin: 0;
            }
            header .navbar-main-nav .website-main-buttons button.popup-btn{
                background: linear-gradient(to right, #000000 50%, #ffffff 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        color: #f8991b;
        border: 2px solid #F8991B;
            }
            header .navbar-main-nav .website-main-buttons button.popup-btn:hover{
                background-position: left bottom;
            }
            /*Header Css End Here*/

            /**************************************************************************
            --------------------- Home Page Folds Css Start Here ---------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Banner Main Section Css Start Here*/
            section.banner-main-sec{
                background-image: url(../images/banner-main-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 100% 100%;
                padding: 150px 0 175px;
                position: relative;
                z-index: 1;
            }
            .banner-main-sec::before{
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                background-image: url(../images/banner-main-before.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: left center;
                width: 100%;
                height: 75%;
                opacity: 0.7;
                z-index: -1;
            }
            .banner-main-sec::after{
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                background-image: url(../images/banner-main-after.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: right center;
                width: 100%;
                height: 75%;
                opacity: 0.7;
                z-index: -1;
            }
            /* .banner-main-sec .banner-main-content{} */
            .banner-main-content .heading-one{
                color: #181223;
                margin: 0 0 20px;
            }
            .banner-main-content .heading-one span{
                color: #F8991B;
                font-size: 24px;
                line-height: 32px;
                display: block;
                text-shadow: 2px 2px 3px #181223;
            }
            .banner-main-content p{
                color: #181223;
            }
            .banner-main-content .website-main-buttons{
                margin: 30px 0 0;
            }
            .banner-main-content .website-main-buttons button.popup-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
            }
            .banner-main-content .website-main-buttons button.popup-btn:hover{
                background-position: left bottom;
            }
            .banner-main-content .website-main-buttons button.chat-btn{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
            }
            .banner-main-content .website-main-buttons button.chat-btn:hover{
                background-position: left bottom;
            }
            /*Banner Main Form Css Start*/
            .banner-main-sec .banner-main-form{
                background: #ffffff6e;
                border-radius: 20px;
                border: 1px solid #efefef;
                box-shadow: 0 3px 10px -6px #000000;
                padding: 30px 30px;
            }
            .banner-main-form .heading-four{
                color: #F8991B;
                margin: 0 0 20px;
                text-shadow: 2px 2px 3px #181223;
            }
            .banner-main-form .heading-four span{
                color: #181223;
                font-size: 20px;
                line-height: 28px;
                display: block;
            }
            .banner-main-form .form-group{
                margin: 0 0 10px;
            }
            .banner-main-form .form-group.form-group-last{
                margin: 0;
            }
            .banner-main-form .form-group .form-select{
                font-family: "SF-Pro-Display-Regular";
                background-color: #fff;
                color: #181223;
                font-size: 16px;
                width: 100%;
                border-radius: 0;
                border: 1px solid #fff;
                outline: none;
                box-shadow: none;
                padding: 10px 30px 10px 10px;
                cursor: pointer;
            }
            .banner-main-form .form-group input{
                background: #fff;
                color: #181223;
                font-size: 16px;
                width: 100%;
                height: 45px;
                border: 1px solid #fff;
                border-radius: 0px;
                padding: 10px 8px;
            }
            .banner-main-form .form-group input::placeholder{
                color: #9d9ba1;
            }
            .banner-main-form .form-group button.submit-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
                font-size: 18px;
                width: 175px;
                height: 45px;
                border-radius: 50px;
                padding: 8px 10px;
                margin: 10px 0 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .3s ease-in-out;
            }
            .banner-main-form .form-group button.submit-btn:hover{
                background-position: left bottom;
            }
            /*Banner Main Form Css End*/
            /*Banner Editing Form Css Start*/
            .banner-editing-form{
                background: #ffffff6e;
                width: 80%;
                padding: 30px 30px;
                margin: 0 auto;
                border: 1px solid #efefef;
                border-radius: 20px;
                box-shadow: 0 3px 10px -6px #000000;
            }
            .banner-editing-form .heading-four{
                color: #F8991B;
                margin: 0 0 20px;
                text-shadow: 2px 2px 3px #181223;
            }
            .banner-editing-form form{}
            .selceted-box#step2{
                display: none;
            }
            .banner-editing-form form .form-group{
                margin: 0 0 10px;
            }
            .banner-editing-form form .form-group label{
                color: #181223;
                font-size: 16px;
                line-height: 24px;
                margin: 0 0 5px;
            }
            .banner-editing-form form .form-group select{
                font-family: "SF-Pro-Display-Regular";
                background-color: #fff;
                color: #181223;
                font-size: 16px;
                width: 100%;
                border-radius: 0;
                border: 1px solid #fff;
                outline: none;
                box-shadow: none;
                padding: 10px 30px 10px 10px;
                cursor: pointer;
            }
            .banner-editing-form form .form-group input{
                background: #fff;
                color: #181223;
                font-size: 16px;
                width: 100%;
                height: 45px;
                border: 1px solid #fff;
                border-radius: 0px;
                padding: 10px 8px;
            }
            .banner-editing-form form .form-group input::placeholder{
                color: #9d9ba1;
            }
            .banner-editing-form form .form-group textarea{
                background: #fff;
                color: #181223;
                border: 1px solid #fff;
                font-size: 16px;
                width: 100%;
                height: 100px;
                padding: 10px 10px;
                border-radius: 0;
                outline: none;
                box-shadow: none;
                resize: none;
            }
            .banner-editing-form form .form-group textarea::placeholder{
                color: #9d9ba1;
            }

            .modal-body-form h3 {
                color: #f8991b !important;
            }
            
            #staticBackdrop .modal-content .btn-close {
                background: #f8991b !important;
            }
            
            .banner-editing-form form .form-group button.submit-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
                font-size: 18px;
                width: 175px;
                height: 45px;
                border-radius: 50px;
                padding: 8px 10px;
                margin: 10px 0 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .3s ease-in-out;
            }

            
            .banner-editing-form form .form-group button.submit-btn:hover{
                background-position: left bottom;
            }
            .banner-editing-form form .step-form-btns{
                display: flex;
                align-items: center;
            }
            .banner-editing-form form .step-form-btns button.next-btn{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
                font-size: 18px;
                width: 175px;
                height: 45px;
                border-radius: 50px;
                padding: 8px 10px;
                margin: 10px 0 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .3s ease-in-out;
            }
            .banner-editing-form form .step-form-btns button.next-btn:hover{
                background-position: left bottom;
            }
            .banner-editing-form form .step-form-btns button.previous-btn{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
                font-size: 18px;
                width: 175px;
                height: 45px;
                border-radius: 50px;
                padding: 8px 10px;
                margin: 10px 10px 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .3s ease-in-out;
            }
            .banner-editing-form form .step-form-btns button.previous-btn:hover{
                background-position: left bottom;
            }
            /*Banner Editing Form Css End*/
            /*Banner Published Form Css Start*/
            .banner-inner-published-form{
                background: #ffffff6e;
                width: 80%;
                padding: 30px 30px;
                margin: 0 auto;
                border: 1px solid #efefef;
                border-radius: 20px;
                box-shadow: 0 3px 10px -6px #000000;
            }
            .banner-inner-published-form .heading-four{
                color: #F8991B;
                margin: 0 0 20px;
                text-shadow: 2px 2px 3px #181223;
            }
            .banner-inner-published-form .form-group{
                margin: 0 0 10px;
            }
            .banner-inner-published-form .form-group.form-group-last{
                margin: 0;
            }
            .banner-inner-published-form .form-group .form-select{
                font-family: "SF-Pro-Display-Regular";
                background-color: #fff;
                color: #181223;
                font-size: 16px;
                width: 100%;
                border-radius: 0;
                border: 1px solid #fff;
                outline: none;
                box-shadow: none;
                padding: 10px 30px 10px 10px;
                cursor: pointer;
            }
            .banner-inner-published-form .form-group-select{
                margin: 0 0 10px;
            }
            .banner-inner-published-form .form-group-select .heading-six{
                color: #181223;
                margin: 0 0 10px;
            }
            .banner-inner-published-form .form-group-select .form-check-flex{
                display: flex;
                align-items: center;
                flex-wrap: wrap;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check{
                margin: 0 5px 7px;
                width: 45%;
                display: flex;
                align-items: center;
                padding: 0;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-input{
                background-color: transparent;
                border: 1px solid #F8991B;
                width: 13px;
                height: 13px;
                border-radius: 3px;
                outline: none;
                box-shadow: none;
                margin: 0 10px 0 0;
                cursor: pointer;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-input:checked[type=checkbox]{
                background-color: #F8991B;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{
                color: #181223;
                font-size: 16px;
                cursor: pointer;
            }
            .banner-inner-published-form .form-group input{
                background: #fff;
                color: #181223;
                font-size: 16px;
                width: 100%;
                height: 45px;
                border: 1px solid #fff;
                border-radius: 0px;
                padding: 10px 8px;
            }
            .banner-inner-published-form .form-group input::placeholder{
                color: #9d9ba1;
            }
            .banner-inner-published-form .form-group button.submit-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
                font-size: 18px;
                width: 175px;
                height: 45px;
                border-radius: 50px;
                padding: 8px 10px;
                margin: 10px 0 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .3s ease-in-out;
            }
            .banner-inner-published-form .form-group button.submit-btn:hover{
                background-position: left bottom;
            }
            /*Banner Published Form Css End*/
            /*Banner Main Section Css End Here*/

            /*Banner Down Brands Section Css Start Here*/
            section.bandown-brands-wrap{
                position: relative;
                padding: 30px 0;
            }
            .bandown-brands-wrap .bandown-brands-inner{}
            .bandown-brands-inner .heading-four{
                color: #fff;
                margin: 0 0 20px;
                text-align: center;
            }
            .bandown-brands-inner .bandown-brands-item{}
            .bandown-brands-item .slick-arrow{
                display: none !important;
            }
            .bandown-brands-item .brands-item-img{
                margin: 0 10px;
            }
            .brands-item-img img{
                height: 50px;
                object-fit: scale-down;
                margin: 0 auto;
                filter: brightness(0) saturate(100%) invert(6%) sepia(10%) saturate(4077%) hue-rotate(222deg) brightness(88%) contrast(94%);
            }
            /*Banner Down Brands Section Css End Here*/

            /*Unlock Story Section Css Start Here*/
            section.unlock-story-wrap{
                padding: 50px 0;
                position: relative;
                z-index: 1;
            }
            .unlock-story-wrap .unlock-story-head{
                width: 100%;
                margin: 0 auto 30px;
                text-align: center;
            }
            .unlock-story-head .heading-two{
                color: #181223;
                margin: 0 0 10px;
            }
            .unlock-story-wrap .unlock-story-inner{}
            .unlock-story-inner .unlock-story-img{
                text-align: center;
            }
            .unlock-story-img img{}
            .unlock-story-inner .unlock-story-content{}
            .unlock-story-content .heading-three{
                color: #181223;
                margin: 0 0 20px;
            }
            .unlock-story-content .heading-three span{
                color: #F8991B;
                margin: 0;
            }
            .unlock-story-content .heading-four{
                color: #181223;
                margin: 0 0 20px;
            }
            .unlock-story-content span{
                color: #181223;
                font-size: 24px;
                line-height: 30px;
                display: block;
                margin: 0 0 20px;
            }
            .unlock-story-content p{
                color: #181223;
                margin: 0 0 20px;
            }
            .unlock-story-content ul{
                padding: 0 0 0 20px;
                margin: 20px 0;
            }
            .unlock-story-content ul li{
                list-style: disc;
                color: #181223;
            }
            .unlock-story-content ul li::marker{
                color: #F8991B;
            }
            .unlock-story-content ul.unlock-double-list{
                display: grid;
                grid-template-columns: 1fr 1fr;
            }
            .unlock-story-content ul.unlock-double-list li{
                margin: 0 5px 5px 0;
            }
            .unlock-story-content .website-main-buttons{}
            .unlock-story-content .website-main-buttons button.popup-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
            }
            .unlock-story-content .website-main-buttons button.popup-btn:hover{
                background-position: left bottom;
            }
            .unlock-story-content .website-main-buttons button.chat-btn{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
            }
            .unlock-story-content .website-main-buttons button.chat-btn:hover{
                background-position: left bottom;
            }
            section.unlock-story-wrap.unlock-story-bg{
                background-image: url(../images/unlock-story-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 35% 100%;
                padding: 75px 0;
            }
            section.unlock-story-wrap.unlock-story-bg  .unlock-story-content .heading-three{
                color: #F8991B;
                text-shadow: 2px 2px 3px #181223;
            }
            /*Unlock Story Section Css End Here*/

            /*Service Offer Section Css Start Here*/
            section.service-offer-wrap{
                padding: 50px 0;
            }
            .service-offer-wrap .service-offer-head{
                width: 90%;
                margin: 0 auto 50px;
                text-align: center;
            }
            .service-offer-head .heading-two{
                color: #181223;
                margin: 0 0 10px;
            }
            .service-offer-head p{
                color: #181223;
            }
            .service-offer-wrap .service-offer-inner{}
            .service-offer-inner .service-offer-slider{}
            .service-offer-slider .slick-arrow{
                display: none !important;
            }
            .service-offer-inner .service-offer-box{
                padding: 20px 0;
                margin: 0 10px;
                text-align: center;
                user-select: text;
            }
            .service-offer-box .offer-box-img{
                margin: 0 0 20px;
            }
            .offer-box-img img{
                width: 100px;
                height: 100px;
                margin: 0 auto;
                object-fit: contain;
            }
            .service-offer-box .heading-five{
                color: #F8991B;
                margin: 0 0 20px;
            }
            .service-offer-box p{
                color: #181223;
                padding: 0 10px;
                min-height: 195px;
                max-height: 195px;
                overflow-y: auto;
            }
            .service-offer-box p::-webkit-scrollbar-track{
                -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
                border-radius: 0px;
            }
            .service-offer-box p::-webkit-scrollbar{
                width: 3px;
                background: #b2b2b2;
                border-radius: 0px;
            }
            .service-offer-box p::-webkit-scrollbar-thumb{
                background-color: #181223;
                border-radius: 0px;
            }
            .service-offer-box .website-main-buttons a.read-more-btn{
                width: 40px;
                height: 40px;
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
                margin: 0 auto;
            }
            .service-offer-box:hover .website-main-buttons a.read-more-btn{
                background-position: left bottom;
            }
            /*Service Offer Section Css End Here*/

            /*Why Choose Section Css Start Here*/
            section.why-choose-wrap{
                background: #fff;
                padding: 50px 0;
            }
            .why-choose-wrap .why-choose-head{
                margin: 0 0 50px;
                text-align: center;
            }
            .why-choose-head .choose-head-content{}
            .choose-head-content .heading-three{
                color: #181223;
                margin: 0 0 10px;
            }
            .choose-head-content p{
                color: #181223;
            }
            .why-choose-wrap .why-choose-inner{}
            .why-choose-inner .why-choose-box{
                padding: 20px 20px;
                margin: 0 0 20px;
                box-shadow: 0 5px 20px -5px #b2b2b2;
                position: relative;
                z-index: 1;
                display: flex;
            }
            .why-choose-box::after{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 0px;
                height: 100%;
                background: #181223;
                z-index: -1;
                transition: all .5s ease-in-out;
            }
            .why-choose-box:hover::after{
                width: 100%;
                height: 100%;
            }
            .why-choose-box .choose-box-img{
                margin: 0 20px 0 0;
                width: 20%;
                text-align: center;
            }
            .choose-box-img img{
                width: 100px;
                height: 85px;
                object-fit: contain;
            }
            .why-choose-box .choose-box-content{
                width: 80%;
                padding: 0 10px 0 0;
                min-height: 175px;
                max-height: 175px;
                overflow-y: auto;
            }
            .choose-box-content::-webkit-scrollbar-track{
                -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
                border-radius: 0px;
            }
            .choose-box-content::-webkit-scrollbar{
                width: 3px;
                background: #b2b2b2;
                border-radius: 0px;
            }
            .choose-box-content::-webkit-scrollbar-thumb{
                background-color: #F8991B;
                border-radius: 0px;
            }
            .choose-box-content .heading-five{
                color: #181223;
                margin: 0 0 10px;
                transition: all .3s ease-in-out;
            }
            .why-choose-box:hover .choose-box-content .heading-five{
                color: #fff;
            }
            .choose-box-content p{
                color: #181223;
                transition: all .3s ease-in-out;
            }
            .why-choose-box:hover .choose-box-content p{
                color: #fff;
            }
            /*Why Choose Section Css End Here*/

            /*CTA Banner Section Css Start Here*/
            section.cta-banner-wrap{
                background-image: url(../images/cta-ban-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 100% 100%;
                padding: 50px 0 200px;
                position: relative;
                z-index: 1;
            }
            .cta-banner-wrap .cta-banner-content{}
            .cta-banner-content .heading-three{
                color: #000;
                text-shadow: 2px 2px 3px #181223;
                margin: 0 0 20px;
            }
            .cta-banner-content p{
                color: #181223;
            }
            .cta-banner-content .website-main-buttons{}
            .cta-banner-content .website-main-buttons button.chat-btn{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
            }
            .cta-banner-content .website-main-buttons button.chat-btn:hover{
                background-position: left bottom;
            }
            .cta-banner-content .website-main-buttons a.call-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
                width: 200px;
            }
            .cta-banner-content .website-main-buttons a.call-btn:hover{
                background-position: left bottom;
            }
            .cta-banner-wrap .cta-banner-img{
                position: relative;
                text-align: center;
            }
            .cta-banner-wrap .cta-banner-img img{}
            /*CTA Banner Section Css End Here*/

            /*Step Works Section Css Start Here*/
            section.step-works-wrap{
                padding: 50px 0;
            }
            .step-works-wrap .step-works-head{
                width: 90%;
                text-align: center;
                margin: 0 auto 50px;
            }
            .step-works-head .heading-two{
                color: #181818;
                margin: 0 0 10px;
            }
            .step-works-head p{
                color: #181818;
            }
            .step-works-wrap .step-works-inner{}
            .step-works-inner .step-works-box{
                margin: 0 0 30px;
                display: flex;
            }
            .step-works-box .work-box-img{
                width: 25%;
                margin: 0 20px 0 0;
            }
            .work-box-img img{
                width: 100%;
            }
            .step-works-box .works-box-content{
                width: 75%;
            }
            .works-box-content .heading-five{
                color: #181223;
                margin: 0 0 10px;
            }
            .works-box-content p{
                color: #181223;
                padding: 0 5px 0 0;
                min-height: 100px;
                max-height: 100px;
                overflow-y: auto;
            }
            .works-box-content p::-webkit-scrollbar-track{
                -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
                border-radius: 0px;
            }
            .works-box-content p::-webkit-scrollbar{
                width: 3px;
                background: #b2b2b2;
                border-radius: 0px;
            }
            .works-box-content p::-webkit-scrollbar-thumb{
                background-color: #181223;
                border-radius: 0px;
            }
            /*Step Works Section Css End Here*/

            /*Main CTA Section Css Start Here*/
            section.cta-main-wrap{
                background-image: url(../images/unlock-story-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 100% 0%;
                padding: 75px 0;
                position: relative;
                z-index: 1;
            }
            .cta-main-wrap .cta-main-content{}
            .cta-main-content .heading-three{
                color: #F8991B;
                text-shadow: 2px 2px 3px #181223;
                margin: 0 0 20px;
            }
            .cta-main-content p{
                color: #181223;
            }
            .cta-main-content .website-main-buttons{}
            .cta-main-content .website-main-buttons button.chat-btn{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
            }
            .cta-main-content .website-main-buttons button.chat-btn:hover{
                background-position: left bottom;
            }
            .cta-main-content .website-main-buttons a.call-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
                width: 200px;
            }
            .cta-main-content .website-main-buttons a.call-btn:hover{
                background-position: left bottom;
            }
            .cta-main-wrap .cta-main-img{
                position: relative;
                text-align: center;
            }
            .cta-main-wrap .cta-main-img img{}
            /*Main CTA Section Css End Here*/

            /*Our Portfolio Section Css Start Here*/
            section.our-portfolio-wrap{
                background-image: url(../images/portfolio-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 100% 100%;
                padding: 50px 0 200px;
                position: relative;
                z-index: 1;
            }
            .our-portfolio-wrap .our-portfolio-head{
                width: 90%;
                margin: 0 auto 50px;
                text-align: center;
            }
            .our-portfolio-head .heading-two{
                color: #F8991B;
                text-shadow: 2px 2px 3px #181223;
                margin: 0 0 10px;
            }
            .our-portfolio-head p{
                color: #181223;
            }
            .our-portfolio-wrap .our-portfolio-inner{}
            .our-portfolio-inner .portfolio-tabitem-books{}
            .our-portfolio-slider .slick-arrow{
                top: 50%;
                right: 0;
                position: absolute;
                background: #181223;
                width: 40px;
                height: 40px;
                border: none;
                border-radius: 100%;
                text-align: center;
                font-size: 0;
                z-index: 9;
                transition: all .5s ease-in-out;
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
            }
            .our-portfolio-slider .slick-arrow:hover{
                background-position: left bottom;
            }
            .our-portfolio-slider .slick-prev{
                left: -50px;
            }
            .our-portfolio-slider .slick-prev::before{
                content: '\f104';
            }
            .our-portfolio-slider .slick-next{
                right: -50px;
            }
            .our-portfolio-slider .slick-next::before{
                content: '\f105';
            }
            .our-portfolio-slider .slick-prev::before,
            .our-portfolio-slider .slick-next::before{
                font-family: 'Font Awesome 6 Pro';
                font-size: 24px;
                font-weight: 600;
                color: #fff;
                border: none;
                display: block;
                opacity: 1;
            }
            .portfolio-tabitem-books .portfolio-books-box{
                margin: 0 10px;
            }
            .portfolio-books-box a{
                display: block;
                position: relative;
                overflow: hidden;
                transition: all .3s ease-in-out;
            }
            .portfolio-books-box a:hover{
                transform: scale(1.1);
            }
            .portfolio-books-box a img{}
            /*Our Portfolio Section Css End Here*/

            /*FAQS Section Css Start Here*/
            section.faqs-sec-wrap{
                padding: 50px 0;
            }
            .faqs-sec-wrap .faqs-sec-img{
                background-image: url(../images/cta-ban-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 50% 100%;
                height: 550px;
                padding: 30px 20px;
                text-align: center;
            }
            .faqs-sec-img .heading-four{
                color: #F8991B;
                text-shadow: 2px 2px 3px #181223;
                margin: 0 0 20px;
            }
            .faqs-sec-img img{}
            .faqs-sec-wrap .faqs-sec-item{}
            .faqs-sec-item .faqs-sec-head{
                margin: 0 0 30px;
            }
            .faqs-sec-head .heading-two{
                color: #181223;
                margin: 0 0 10px;
            }
            .faqs-sec-head p{
                color: #181223;
                margin: 0 0 10px;
            }
            .faqs-sec-item .accordion .accordion-item{
                margin: 0 0 0px;
                border-radius: 0px;
                background: transparent;
                border: none;
                border-bottom: 1px solid #181223;
            }
            .faqs-sec-item .accordion .accordion-item .accordion-header{}
            .faqs-sec-item .accordion-item .accordion-header button.accordion-button{
                font-family: "SF-Pro-Display-SemiBold";
                background: transparent;
                color: #181223;
                font-size: 20px;
                line-height: 26px;
                box-shadow: none;
                border-radius: 0px;
                padding: 10px 10px 10px 30px;
                display: flex;
                align-items: center;
                margin: 0;
                position: relative;
            }
            .faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed){
                color: #F8991B;
            }
            .faqs-sec-item .accordion-item .accordion-header .accordion-button::after{
                content: '\2b';
                background-image: none;
                background: transparent;
                color: #181223;
                font-size: 24px;
                width: 20px;
                height: 20px;
                line-height: 20px;
                border-radius: 0px;
                text-align: center;
                transform: rotate(-90deg);
                transition: all .3s ease-in-out;
                position: absolute;
                left: 0;
            }
            .faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{
                content: '\f068';
                font-family: 'Font Awesome 6 Pro';
                color: #F8991B;
                font-size: 20px;
                transform: rotate(0deg);
            }
            .faqs-sec-item .accordion-item .accordion-collapse{}
            .faqs-sec-item .accordion-item .accordion-collapse .accordion-body{
                font-family: "SF-Pro-Display-Regular";
                background: transparent;
                color: #181223;
                font-size: 16px;
                line-height: 22px;
                margin: 0;
                padding: 10px 10px;
                border-radius: 0px;
            }
            .faqs-sec-item .accordion-item .accordion-body ul{
                list-style: disc;
                padding: 0 0 0 20px;
                margin: 20px 0;
            }
            .faqs-sec-item .accordion-item .accordion-body ul li{
                color: #181223;
                font-size: 16px;
            }
            /*FAQS Section Css End Here*/

            /*Customer FeedBack Section Css Start Here*/
            section.customer-feedback-wrap{
                background-image: url(../images/testimonials-sec-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 100% 100%;
                padding: 100px 0 200px;
            }
            .customer-feedback-wrap .customer-feedback-head{
                width: 90%;
                text-align: center;
                margin: 0 auto 50px;
            }
            .customer-feedback-head .heading-two{
                color: #F8991B;
                text-shadow: 2px 2px 3px #181223;
                margin: 0 0 10px;
            }
            .customer-feedback-head p{
                color: #181223;
            }
            .customer-feedback-wrap .customer-feedback-inner{}
            .customer-feedback-inner .customer-feedback-slider{}
            .customer-feedback-slider .slick-arrow{
                top: 50%;
                position: absolute;
                background: none;
                border: none;
                font-size: 0;
                z-index: 9;
                display: none !important;
            }
            .customer-feedback-slider .slick-arrow:hover::before{
                color: #F8991B;
            }
            .customer-feedback-slider .slick-prev{
                left: -30px;
            }
            .customer-feedback-slider .slick-prev::before{
                content: '\f104';
            }
            .customer-feedback-slider .slick-next{
                right: -30px;
            }
            .customer-feedback-slider .slick-next::before{
                content: '\f105';
            }
            .customer-feedback-slider .slick-prev::before,
            .customer-feedback-slider .slick-next::before{
                font-family: 'Font Awesome 6 Pro';
                font-size: 34px;
                color: #181223;
                font-weight: 600;
                border: none;
                display: block;
                opacity: 1;
            }
            .customer-feedback-slider .feedback-slider-box{
                background: #ffffff6e;
                border-radius: 25px;
                border: 1px solid #efefef;
                box-shadow: 0 3px 10px -6px #000000;
                padding: 20px 20px;
                margin: 50px 20px;
                transition: all .3s ease-in-out;
                position: relative;
                user-select: text;
            }
            .feedback-slider-box:hover::after{
                width: 100%;
                height: 100%;
            }
            .feedback-slider-box::after{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 0;
                background: #fff;
                border-radius: 25px;
                z-index: -1;
                transition: all .5s ease-in-out;
            }
            .feedback-slider-box .feedback-slider-thumb{
                margin: 0 0 50px;
                position: relative;
            }
            .feedback-slider-thumb img{
                position: absolute;
                top: -70px;
                left: 0;
                right: 0;
                background: #FFFFFF;
                width: 100px;
                height: 100px;
                margin: 0 auto;
                border-radius: 100%;
                border: 2px dashed #F8991B;
            }
            .feedback-slider-box .feedback-slider-head{
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 0 0 20px;
                text-align: center;
            }
            .feedback-slider-head .heading-five{
                color: #181223;
                margin: 0 0 10px;
            }
            .feedback-slider-head span{
                color: #F8991B;
                font-size: 18px;
                line-height: 24px;
                margin: 0;
                display: flex;
                align-items: center;
            }
            .feedback-slider-head span img{
                width: 30px;
                height: 20px;
                margin: 0 0 0 10px;
            }
            .feedback-slider-box .feedback-slider-content{
                margin: 20px 0;
                text-align: center;
            }
            .feedback-slider-content p{
                color: #181223;
                padding: 0 10px 10px;
                min-height: 250px;
                max-height: 250px;
                overflow-y: auto;
            }
            .feedback-slider-content p::-webkit-scrollbar-track{
                -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
                border-radius: 0px;
            }
            .feedback-slider-content p::-webkit-scrollbar{
                width: 3px;
                background: #b2b2b2;
                border-radius: 0px;
            }
            .feedback-slider-content p::-webkit-scrollbar-thumb{
                background-color: #181223;
                border-radius: 0px;
            }
            .feedback-slider-box .feedback-slider-ratings{
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 10px 0;
            }
            .feedback-slider-ratings .rating-star-icons{
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .rating-star-icons img{
                width: 20px;
                height: 20px;
                margin: 0 5px 0px 0;
            }
            /*Customer FeedBack Section Css End Here*/

            /**************************************************************************
            --------------------- Home Page Folds Css End Here -----------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------------- Service Page Folds Css Start Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Services Together Section Css Start Here*/
            section.services-together-wrap{
                background-color: #f4f4f4;
                padding: 50px 0;
            }
            .services-together-wrap .services-together-head{
                margin: 0 auto 30px;
                text-align: center;
            }
            .services-together-wrap .services-together-head .heading-two{
                color: #181223;
                margin: 0 0 10px;
            }
            .services-together-wrap .services-together-head p{
                color: #181818;
            }
            .services-together-wrap .services-together-inner{}
            .services-together-inner .services-together-box{
                background: #fff;
                border: 1px solid #dedede;
                border-radius: 10px;
                padding: 20px 20px;
                margin: 0 5px 0;
                display: flex;
                transition: all .3s ease-in-out;
            }
            .services-together-inner .services-together-box:hover{
                background: #ffdae8;
            }
            .services-together-box .services-together-icon{
                margin: 0 10px 0 0;
                width: 20%;
            }
            .services-together-icon img{
                width: 70px;
                height: 70px;
                object-fit: contain;
            }
            .services-together-box .services-together-content{
                width: 80%;
            }
            .services-together-content .heading-seven{
                color: #181223;
                margin: 0 0 10px;
            }
            .services-together-content p{
                color: #181223;
                font-size: 16px;
                line-height: 22px;
                padding: 0 5px 0 0;
                margin: 0 0 10px;
                min-height: 150px;
                max-height: 150px;
                overflow-y: auto;
            }
            .services-together-content p::-webkit-scrollbar-track{
                -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
                border-radius: 0px;
            }
            .services-together-content p::-webkit-scrollbar{
                width: 3px;
                background: #b2b2b2;
                border-radius: 0px;
            }
            .services-together-content p::-webkit-scrollbar-thumb{
                background-color: #181223;
                border-radius: 0px;
            }
            .services-together-content a.more-btn{
                color: #181223;
                width: 100px;
                font-size: 16px;
                border-bottom: 2px solid #F8991B;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient(to right, #F8991B, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: 100%;
                transition: all .3s ease-in-out;
                display: block;
                text-align: left;
            }
            .services-together-content a.more-btn:hover{
                transition: all 0.9s cubic-bezier(0.000, 0.000, 0.230, 1);
                background-position: 0%;
            }
            /*Services Together Section Css End Here*/

            /*Our Process Section Css Start Here*/
            section.our-process-wrap{
                background: #fff;
                padding: 50px 0;
            }
            .our-process-wrap .our-process-head{
                margin: 0 0 50px;
                text-align: center;
            }
            .our-process-head .process-head-content{}
            .process-head-content .heading-three{
                color: #181223;
                margin: 0 0 10px;
            }
            .process-head-content p{
                color: #181223;
            }
            .our-process-wrap .our-process-inner{}
            .our-process-inner .our-process-box{
                padding: 20px 20px;
                margin: 0 0 20px;
                box-shadow: 0 5px 20px -5px #b2b2b2;
                position: relative;
                z-index: 1;
            }
            .our-process-box::after{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 0;
                background: #181223;
                z-index: -1;
                transition: all .5s ease-in-out;
            }
            .our-process-box:hover::after{
                width: 100%;
                height: 100%;
            }
            .our-process-box .process-box-img{
                margin: 0 0 20px;
                text-align: center;
            }
            .process-box-img img{
                width: 100px;
                height: 100px;
                object-fit: contain;
            }
            .our-process-box .process-box-content{
                padding: 0 5px 0;
                min-height: 225px;
                max-height: 225px;
                overflow-y: auto;
                text-align: center;
            }
            .process-box-content::-webkit-scrollbar-track{
                -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
                border-radius: 0px;
            }
            .process-box-content::-webkit-scrollbar{
                width: 3px;
                background: #b2b2b2;
                border-radius: 0px;
            }
            .process-box-content::-webkit-scrollbar-thumb{
                background-color: #F8991B;
                border-radius: 0px;
            }
            .process-box-content .heading-five{
                color: #181223;
                margin: 0 0 10px;
                transition: all .3s ease-in-out;
            }
            .our-process-box:hover .process-box-content .heading-five{
                color: #fff;
            }
            .process-box-content p{
                color: #181223;
                transition: all .3s ease-in-out;
            }
            .our-process-box:hover .process-box-content p{
                color: #fff;
            }
            .process-box-content ul{
                list-style: disc;
                display: grid;
                text-align: left;
                padding: 0 0 0 20px;
            }
            .process-box-content ul li{
                color: #181223;
                transition: all .3s ease-in-out;
            }
            .our-process-box:hover .process-box-content ul li{
                color: #fff;
            }
            /*Our Process Section Css End Here*/

            /*Cover Service Section Css Start Here*/
            section.cover-service-wrap{
                background-image: url(../images/unlock-story-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 35% 100%;
                padding: 50px 0;
            }
            .cover-service-wrap .cover-service-head{
                margin: 0 0 50px;
                text-align: center;
            }
            .cover-service-head .heading-three{
                color: #F8991B;
                text-shadow: 2px 2px 3px #181223;
                margin: 0 0 10px;
            }
            .cover-service-head p{
                color: #181223;
            }
            .cover-service-wrap .cover-service-inner{
                display: flex;
                justify-content: center;
            }
            .cover-service-inner .cover-service-box{
                padding: 20px 20px;
                border: 1px solid #b2b2b2;
                box-shadow: 0 5px 20px -5px #b2b2b2;
                position: relative;
                z-index: 1;
                width: 20%;
                margin: 0 5px;
            }
            .cover-service-box::after{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 0;
                background: #fff;
                z-index: -1;
                transition: all .5s ease-in-out;
            }
            .cover-service-box:hover::after{
                width: 100%;
                height: 100%;
            }
            .cover-service-box .cover-box-content{
                padding: 0 5px 0;
                min-height: 215px;
                max-height: 215px;
                overflow-y: auto;
                text-align: center;
            }
            .cover-box-content::-webkit-scrollbar-track{
                -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
                border-radius: 0px;
            }
            .cover-box-content::-webkit-scrollbar{
                width: 3px;
                background: #b2b2b2;
                border-radius: 0px;
            }
            .cover-box-content::-webkit-scrollbar-thumb{
                background-color: #F8991B;
                border-radius: 0px;
            }
            .cover-box-content .heading-six{
                color: #181223;
                margin: 0 0 20px;
            }
            .cover-box-content p{
                color: #181223;
            }
            /*Cover Service Section Css End Here*/

            /**************************************************************************
            --------------------- Service Page Folds Css End Here --------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------------- About Page Folds Css Start Here --------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*About Banner Section Css Start Here*/
            section.about-banner-sec{
                background-image: url(../images/cta-ban-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 100% 100%;
                padding: 175px 0 200px;
                position: relative;
                z-index: 1;
            }
            .about-banner-sec .about-banner-content{
                text-align: center;
            }
            .about-banner-content .heading-one{
                color: #F8991B;
                text-shadow: 2px 2px 3px #181223;
                margin: 0 0 20px;
            }
            .about-banner-content p{
                color: #181223;
            }
            .about-banner-content .website-main-buttons{
                margin: 30px 0 0;
                justify-content: center;
            }
            .about-banner-content .website-main-buttons button.popup-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
            }
            .about-banner-content .website-main-buttons button.popup-btn:hover{
                background-position: left bottom;
            }
            .about-banner-content .website-main-buttons button.chat-btn{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
            }
            .about-banner-content .website-main-buttons button.chat-btn:hover{
                background-position: left bottom;
            }
            /*About Banner Section Css End Here*/

            /**************************************************************************
            --------------------- About Page Folds Css End Here ----------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- Portfolio Page Folds Css Start Here ----------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Portfolio Notable Section Css Start Here*/
            section.portfolio-notable-wrap{
                padding: 50px 0;
            }
            .portfolio-notable-wrap .porfolio-notable-head{
                margin: 0 0 50px;
                text-align: center;
            }
            .portfolio-notable-wrap .porfolio-notable-head .heading-two{
                color: #181223;
                margin: 0 0 10px;
            }
            .portfolio-notable-wrap .porfolio-notable-head p{
                color: #181223;
            }
            .portfolio-notable-wrap .porfolio-notable-inner{
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }
            .porfolio-notable-inner .portfolio-notable-img{
                text-align: center;
                margin: 0 10px 20px;
            }
            .porfolio-notable-inner .portfolio-notable-img img{
                width: 200px;
            }
            /*Portfolio Notable Fold Css End*/

            /*Portfolio Brand Section Css Start Here*/
            section.portfolio-brand-wrap{
                padding: 50px 0;
                background: #f4f4f4;
            }
            .portfolio-brand-wrap .porfolio-brand-head{
                width: 90%;
                margin: 0 auto 30px;
                text-align: center;
            }
            .portfolio-brand-wrap .porfolio-brand-head .heading-three{
                color: #181223;
                margin: 0 0 10px;
            }
            .portfolio-brand-wrap .porfolio-brand-inner{
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }
            .porfolio-brand-inner .portfolio-brand-img{
                text-align: center;
                margin: 0 10px 10px;
            }
            .porfolio-brand-inner .portfolio-brand-img img{
                width: 160px;
            }
            /*Portfolio Brand Section Css End Here*/

            /**************************************************************************
            --------------- Portfolio Page Folds Css End Here ------------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ----------------- Contact Page Folds Css Start Here ----------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Contact Main Section Css Start Here*/
            section.contact-main-sec{
                padding: 80px 0;
            }
            .contact-main-sec .contact-main-inner{
                padding: 50px 30px;
                background-image: url(../images/unlock-story-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 50% 100%;
            }
            .contact-main-inner .contact-inner-head{
                margin: 0 0 30px;
            }
            .contact-inner-head .heading-three{
                color: #F8991B;
                text-shadow: 2px 2px 3px #181223;
                margin: 0 0 10px;
            }
            .contact-inner-head p{
                color: #181223;
            }
            .contact-main-inner .contact-main-form{}
            .contact-main-form .form-group{
                margin: 0 0 20px;
            }
            .contact-main-form .form-group.form-group-last{
                margin: 0;
            }
            .contact-main-form .form-group input{
                background: #fff;
                color: #181223;
                font-size: 16px;
                width: 100%;
                height: 50px;
                border: 1px solid #fff;
                border-radius: 0px;
                padding: 10px 8px;
            }
            .contact-main-form .form-group input::placeholder{
                color: #9d9ba1;
            }
            .contact-main-form .form-group textarea{
                background: #fff;
                color: #181223;
                border: 1px solid #fff;
                font-size: 16px;
                width: 100%;
                height: 120px;
                padding: 10px 10px;
                border-radius: 0;
                outline: none;
                box-shadow: none;
                resize: none;
            }
            .contact-main-form .form-group textarea::placeholder{
                color: #9d9ba1;
            }
            .contact-main-form .form-group button.submit-btn{
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #181223;
                font-size: 18px;
                width: 175px;
                height: 45px;
                border-radius: 50px;
                padding: 8px 10px;
                margin: 10px 0 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .3s ease-in-out;
            }
            .contact-main-form .form-group button.submit-btn:hover{
                background-position: left bottom;
            }
            .contact-main-sec .contact-main-image{
                text-align: center;
            }
            /*Contact Main Section Css End Here*/

            /*Contact Page Info Section Css Start Here*/
            section.contact-page-info{
                background-image: url(../images/banner-main-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 35% 100%;
        padding: 110px 0 175px;
        margin-bottom: 100px;
            }
            .contact-page-info .contact-info-inner{}
            .contact-info-inner .contact-info-box{
                background: #ffffff78;
                padding: 20px 15px;
                margin: 0 0 20px;
                min-height: 175px;
                max-height: 175px;
                box-shadow: 0 9px 13px -5px #959595;
                position: relative;
                z-index: 1;
            }
            .contact-info-box::after{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 0;
                background: #f4f4f4;
                z-index: -1;
                transition: all .5s ease-in-out;
            }
            .contact-info-box:hover::after{
                width: 100%;
                height: 100%;
            }
            .contact-info-box .heading-seven{
                color: #F8991B;
                margin: 0 0 20px;
                display: flex;
                align-items: center;
            }
            .contact-info-box h5 i{
                font-size: 18px;
                margin: 0 5px 0 0;
            }
            .contact-info-box a{
                color: #181223;
                font-size: 16px;
                line-height: 20px;
                word-break: break-word;
                display: block;
                transition: all .3s ease-in-out;
            }
            .contact-info-box a:hover{
                color: #F8991B;
            }
            .contact-info-box p{
                color: #181223;
                font-size: 16px;
                line-height: 20px;
                margin: 0;
            }
            /*Contact Page Info Section Css End Here*/

            /**************************************************************************
            ----------------- Contact Page Folds Css End Here ------------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /* Footer Css Start Here */
            footer.footer-main-sec{
                position: relative;
                z-index: 10;
            }

            
            .footer-main-sec .footer-top{
                padding: 50px 0 20px 0;
                border-bottom: 1px solid #181223;
                background-color: #000;
            }
            .footer-top .footer-logo-area{
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0 0 30px;
            }
            .footer-logo-area .footer-logo{
                width: 250px;
            }
            .footer-top .footer-links-area{
                padding: 0 20px;
                margin: 0 0 20px;
               
                height: 100%;
            }
            .footer-top .footer-links-area.footer-links-area-last{
                border-right: none;
            }
            .footer-links-area .heading-five{
                color: #F8991B;
                margin: 0 0 20px;
            }
            .footer-links-area .footer-services-nav-links{}
            .footer-services-nav-links ul.footer-nav-links{
                display: grid;
                grid-template-columns: 1fr 1fr;
            }
            .footer-links-area ul.footer-nav-links li{
                margin: 0 5px 10px;
            }
            .footer-links-area ul.footer-nav-links a{
                color: #181223;
                font-size: 16px;
                line-height: 22px;
                margin: 0;
                display: block;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient(to right, #F8991B, #F8991B 50%, #ffffff 50%);
                background-size: 200% 100%;
                background-position: 100%;
                transition: all .3s ease-in-out;
            }
            .footer-links-area ul.footer-nav-links a:hover{
                transition: all 0.9s cubic-bezier(0.000, 0.000, 0.230, 1);
                background-position: 0%;
            }
            .footer-top .footer-info-area{
                margin: 20px 0 0;
            }
            .footer-info-area ul.footer-info{
                display: flex;
                justify-content: space-between;
            }
            ul.footer-info li{
                background: #f4f4f4;
                display: flex;
                align-items: center;
                padding: 10px 10px;
                box-shadow: 0 3px 1px -6px #000000;
                width: 100%;
                justify-content: center;
                margin: 0 10px 0;
                border-radius: 10px;
            }
            ul.footer-info li i{
                background: #181223;
                color: #fff;
                font-size: 16px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                border-radius: 5px;
                margin: 0 5px 0 0;
                transition: all .5s ease-in-out;
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
            }
            ul.footer-info li:hover i{
                background-position: left bottom;
            }
            ul.footer-info li a{
                color: #181223;
                font-size: 16px;
                display: inline-block;
                transition: all .3s ease-in-out;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient(to right, #F8991B, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: 100%;
            }
            ul.footer-info li a:hover{
                transition: all 0.9s cubic-bezier(0.000, 0.000, 0.230, 1);
                background-position: 0%;
            }
            ul.footer-info li p{
                color: #181223;
                font-size: 16px;
                margin: 0;
            }
            ul.footer-info li img{
                filter: invert(1);
            }
            .footer-main-sec .footer-bottom{
                padding: 10px 0;
                background: #000;
            }
            .footer-bottom .footer-copyright{
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .footer-copyright p{
                color: #fff;
                margin: 0;
            }
            .footer-copyright ul.footer-social-list{
                display: flex;
            }
            ul.footer-social-list li{}
            ul.footer-social-list li a{
                background: #181223;
                color: #fff;
                font-size: 20px;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                border-radius: 5px;
                margin: 0 5px 0 0;
                display: block;
                position: relative;
                transition: all .5s ease-in-out;
                background: linear-gradient(to right, #F8991B 50%, #181223 50%);
                background-size: 200% 100%;
                background-position: right bottom;
            }
            ul.footer-social-list li a:hover{
                background-position: left bottom;
            }
            ul.footer-social-list li a i{}
            ul.footer-social-list li a img{
                filter: invert(1);
                padding: 5px;
                margin: -3px 0 0 0;
            }
            /* Footer Css End Here */
        

            @media only screen and (min-width: 1200px) and (max-width: 1399px){

            /*Website Custom Style Responsive Css For Single Items Start Here*/

            /*Heading & Para Style Responsive Css*/
            .heading-one{
                font-size: 46px;
                line-height: 52px;
            }
            .heading-two{
                font-size: 40px;
                line-height: 46px;
            }
            .heading-three{
                font-size: 36px;
                line-height: 42px;
            }
            .heading-four{
                font-size: 30px;
                line-height: 36px;
            }
            .heading-five{
                font-size: 22px;
                line-height: 28px;
            }
            .heading-six{
                font-size: 18px;
                line-height: 24px;
            }
            p{
                font-size: 16px;
                line-height: 22px;
            }
            li{
                font-size: 16px;
                line-height: 22px;
            }
            /*Heading & Para Style Responsive Css*/

            /*Buttons Style Responsive Css*/
            .website-main-buttons{
                flex-wrap: wrap;
            }
            .website-main-buttons a.read-more-btn,
            .website-main-buttons button.popup-btn,
            .website-main-buttons button.chat-btn,
            .website-main-buttons a.call-btn{
                font-size: 14px;
                width: 150px;
                padding: 10px 5px;
                margin: 0 5px 5px;
            }
            /*Buttons Style Responsive Css*/

            /*Website Custom Style Responsive Css For Single Items End Here*/

            /*Header Responsive Css Start Here*/
            header nav.navbar{
                padding: 10px 20px;
            }
            header .navbar-main-nav .navbar-main-center{
                margin: 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item{
                margin: 0 5px 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item a.nav-link{
                font-size: 16px;
                line-height: 22px;
            }
            /*Header Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Banner Main Section Responsive Css Start Here*/
            /*Banner Editing Form Responsive Css Start*/
            .banner-editing-form{
                width: 100%;
            }
            /*Banner Editing Form Responsive Css End*/
            /*Banner Published Form Responsive Css Start*/
            .banner-inner-published-form{
                width: 100%;
                padding: 20px 20px;
            }
            /*Banner Published Form Responsive Css End*/
            /*Banner Main Section Responsive Css End Here*/

            /*CTA Banner Section Responsive Css Start Here*/
            .cta-banner-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*CTA Banner Section Responsive Css End Here*/

            /*Main CTA Section Responsive Css Start Here*/
            .cta-main-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*Main CTA Section Responsive Css End Here*/

            /*Our Portfolio Section Responsive Css Start Here*/
            .our-portfolio-slider .slick-prev {
                left: -35px;
            }
            .our-portfolio-slider .slick-next{
                right: -35px;
            }
            /*Our Portfolio Section Responsive Css End Here*/

            /*Customer FeedBack Section Responsive Css Start Here*/
            .customer-feedback-slider .feedback-slider-box{
                margin: 50px 10px;
            }
            /*Customer FeedBack Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css Start Here -------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Services Together Section Responsive Css Start Here*/
            .services-together-inner .services-together-box{
                padding: 20px 10px;
            }
            .services-together-content p{
                min-height: 175px;
                max-height: 175px;
            }
            /*Services Together Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css End Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- About Page Folds Responsive Css Start Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*About Banner Section Responsive Css Start Here*/
            section.about-banner-sec{
                background-position: center;
                padding: 150px 0 175px;
            }
            /*About Banner Section Responsive Css End Here*/

            /**************************************************************************
            --------------- About Page Folds Responsive Css End Here -----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Footer Responsive Css Start Here*/
            ul.footer-info li a{
                font-size: 14px;
            }
            ul.footer-info li p{
                font-size: 14px;
            }
            /*Footer Responsive Css End Here*/

            }
            @media only screen and (min-width: 992px) and (max-width: 1199px){


                /* custom-add */

                header .navbar-main-center ul.navbar-nav li.nav-item a.nav-link {
                    font-size: 13px;
                }

                header nav.navbar .navbar-brand .logo {
                    width: 100px;
                }
                
                
                header .navbar-main-nav .website-main-buttons button.popup-btn {
                    font-size: 12px;
                    width: 130px;
                    padding: 10px 9px;
                    margin: 0 0px -10px;
                }
                
                header .navbar-main-center ul.navbar-main-info li a {
                    font-size: 13px;
                }
                
                .succ-head {
                    font-size: 30px;
                    line-height: 42px;
                    padding-bottom: 5px;
                }
                .succ-inner-cont p
                .succ-content strong {
                    font-size: 18px;
                }
                
                .succ-inner-cont h1 {
                    font-size: 44px !important;
                }
                
                                .succ-inner-cont p {
                                    font-size: 18px !important;
                                    line-height: 25px !important;
                                }

            /*Website Custom Style Responsive Css For Single Items Start Here*/

            /*Heading & Para Style Responsive Css*/
            .heading-one{
                font-size: 42px;
                line-height: 48px;
            }
            .heading-two{
                font-size: 32px;
                line-height: 38px;
            }
            .heading-three{
                font-size: 28px;
                line-height: 34px;
            }
            .heading-four{
                font-size: 26px;
                line-height: 32px;
            }
            .heading-five{
                font-size: 20px;
                line-height: 26px;
            }
            .heading-six{
                font-size: 18px;
                line-height: 24px;
            }
            p{
                font-size: 14px;
                line-height: 20px;
            }
            li{
                font-size: 14px;
                line-height: 20px;
            }
            /*Heading & Para Style Responsive Css*/

            /*Buttons Style Responsive Css*/
            .website-main-buttons{
                flex-wrap: wrap;
            }
            .website-main-buttons a.read-more-btn,
            .website-main-buttons button.popup-btn,
            .website-main-buttons button.chat-btn,
            .website-main-buttons a.call-btn{
                font-size: 14px;
                width: 150px;
                padding: 10px 5px;
                margin: 0 5px 5px;
            }
            /*Buttons Style Responsive Css*/

            /*Website Custom Style Responsive Css For Single Items End Here*/

            /*Header Responsive Css Start Here*/
            header nav.navbar{
                padding: 10px 10px;
            }
            header nav.navbar .navbar-brand .logo{
                width: 100px;
            }
            header .navbar-main-nav .navbar-main-center{
                margin: 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item{
                margin: 0 5px 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item a.nav-link{
                font-size: 13px;
                line-height: 22px;
            }

            .sticky .navbar-main-center ul.navbar-nav li.nav-item a.nav-link {
                font-size: 13px !important; 
            }
            /*Header Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Banner Main Section Responsive Css Start Here*/
            .banner-main-content .heading-one span{
                font-size: 20px;
                line-height: 26px;
            }
            /*Banner Main Form Responsive Css Start*/
            .banner-main-sec .banner-main-form{
                padding: 30px 20px;
            }
            .banner-main-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-main-form .heading-four span{
                font-size: 18px;
                line-height: 24px;
            }
            .banner-main-form .form-group .form-select{
                font-size: 14px;
            }
            .banner-main-form .form-group input{
                font-size: 14px;
            }
            .banner-main-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Main Form Responsive Css End*/
            /*Banner Editing Form Responsive Css Start*/
            .banner-editing-form{
                width: 100%;
                padding: 20px 20px;
            }
            .banner-editing-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-editing-form form .form-group label{
                font-size: 14px;
                line-height: 22px;
            }
            .banner-editing-form form .form-group select{
                font-size: 14px;
            }
            .banner-editing-form form .form-group input{
                font-size: 14px;
            }
            .banner-editing-form form .form-group textarea{
                font-size: 14px;
            }
            .banner-editing-form form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            .banner-editing-form form .step-form-btns button.next-btn{
                font-size: 14px;
                width: 150px;
            }
            .banner-editing-form form .step-form-btns button.previous-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Editing Form Responsive Css End*/
            /*Banner Published Form Responsive Css Start*/
            .banner-inner-published-form{
                width: 100%;
                padding: 20px 20px;
            }
            .banner-inner-published-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-inner-published-form .form-group .form-select{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check{
                width: 47%;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group input{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Published Form Responsive Css End*/
            /*Banner Main Section Responsive Css End Here*/

            /*Unlock Story Section Responsive Css Start Here*/
            .unlock-story-content span{
                font-size: 20px;
                line-height: 26px;
            }
            .unlock-story-content ul.unlock-double-list{
                grid-template-columns: 1fr;
            }
            /*Unlock Story Section Responsive Css End Here*/

            /*Why Choose Section Responsive Css Start Here*/
            .why-choose-box .choose-box-img{
                margin: 0 10px 0 0;
            }
            /*Why Choose Section Responsive Css End Here*/

            /*CTA Banner Section Responsive Css Start Here*/
            section.cta-banner-wrap{
                padding: 125px 0 200px;
            }
            .cta-banner-content .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cta-banner-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*CTA Banner Section Responsive Css End Here*/

            /*Step Works Section Responsive Css Start Here*/
            .step-works-box .work-box-img{
                margin: 0 10px 0 0;
            }
            /*Step Works Section Responsive Css End Here*/

            /*Main CTA Section Responsive Css Start Here*/
            .cta-main-content .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cta-main-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*Main CTA Section Responsive Css End Here*/

            /*Our Portfolio Section Responsive Css Start Here*/
            .our-portfolio-head .heading-two{
                text-shadow: 1px 1px 2px #181223;
            }
            .our-portfolio-slider .slick-prev {
                left: -25px;
            }
            .our-portfolio-slider .slick-next{
                right: -25px;
            }
            /*Our Portfolio Section Responsive Css End Here*/

            /*FAQS Section Responsive Css Start Here*/
            .faqs-sec-img .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .faqs-sec-item .accordion-item .accordion-header button.accordion-button{
                font-size: 18px;
                line-height: 24px;
            }
            .faqs-sec-item .accordion-item .accordion-collapse .accordion-body{
                font-size: 14px;
                line-height: 20px;
            }
            /*FAQS Section Responsive Css End Here*/

            /*Customer FeedBack Section Responsive Css Start Here*/
            .customer-feedback-head .heading-two{
                text-shadow: 1px 1px 2px #181223;
            }
            .customer-feedback-slider .feedback-slider-box{
                margin: 50px 20px;
            }
            .feedback-slider-head span{
                font-size: 16px;
                line-height: 22px;
            }
            .feedback-slider-content p{
                min-height: 200px;
                max-height: 200px;
            }
            /*Customer FeedBack Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css Start Here -------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Services Together Section Responsive Css Start Here*/
            .services-together-inner .services-together-box{
                padding: 20px 10px;
            }
            .services-together-content p{
                font-size: 14px;
                line-height: 20px;
            }
            .services-together-content a.more-btn{
                font-size: 14px;
            }
            /*Services Together Section Responsive Css End Here*/

            /*Cover Service Section Responsive Css Start Here*/
            .cover-service-head .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cover-service-wrap .cover-service-inner{
                flex-wrap: wrap;
            }
            .cover-service-inner .cover-service-box{
                width: 31%;
                margin: 0 5px 10px;
            }
            /*Cover Service Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css End Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- About Page Folds Responsive Css Start Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*About Banner Section Responsive Css Start Here*/
            section.about-banner-sec{
                background-position: center;
                padding: 150px 0 175px;
            }
            /*About Banner Section Responsive Css End Here*/

            /**************************************************************************
            --------------- About Page Folds Responsive Css End Here -----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ---------- Portfolio Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Portfolio Brand Section Responsive Css Start Here*/
            .porfolio-brand-inner .portfolio-brand-img img{
                width: 150px;
            }
            /*Portfolio Brand Section Responsive Css End Here*/

            /*Portfolio Notable Section Responsive Css Start Here*/
            .porfolio-notable-inner .portfolio-notable-img img{
                width: 150px;
            }
            /*Portfolio Notable Fold Responsive Css End*/

            /**************************************************************************
            ---------- Portfolio Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ---------- Contact Page Folds Responsive Css Start Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Contact Main Section Responsive Css Start Here*/
            .contact-inner-head .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .contact-main-form .form-group{
                margin: 0 0 10px;
            }
            .contact-main-form .form-group input{
                font-size: 14px;
            }
            .contact-main-form .form-group textarea{
                font-size: 14px;
            }
            .contact-main-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Contact Main Section Responsive Css End Here*/

            /**************************************************************************
            ----------- Contact Page Folds Responsive Css End Here -------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Footer Responsive Css Start Here*/
            .footer-top .footer-links-area{
                height: inherit;
            }
            .footer-services-nav-links ul.footer-nav-links{
                grid-template-columns: 1fr 1fr;
            }
            .footer-links-area ul.footer-nav-links a{
                font-size: 14px;
                line-height: 20px;
            }
            ul.footer-info li{
                margin: 0 5px 0;
            }
            ul.footer-info li a{
                font-size: 14px;
            }
            ul.footer-info li p{
                font-size: 14px;
            }
            ul.footer-social-list li a{
                font-size: 16px;
                width: 30px;
                height: 30px;
                line-height: 32px;
            }
            /*Footer Responsive Css End Here*/
            }
            @media only screen and (max-width: 1024px){
                .client-list b {
                    font-size: 26px!important;
                    font-weight: 600;
                    padding-right: 15px;
                }
                .client-list li {
                    font-size: 24px!important;
                    line-height: 52px!important;
                }
            }
            @media only screen and (min-width: 768px) and (max-width: 991px){

            /*Website Custom Style Responsive Css For Single Items Start Here*/

            /*Heading & Para Style Responsive Css*/
            .heading-one{
                font-size: 38px;
                line-height: 44px;
            }
            .heading-two{
                font-size: 32px;
                line-height: 38px;
            }
            .heading-three{
                font-size: 28px;
                line-height: 34px;
            }
            .heading-four{
                font-size: 26px;
                line-height: 32px;
            }
            .heading-five{
                font-size: 20px;
                line-height: 26px;
            }
            .heading-six{
                font-size: 18px;
                line-height: 24px;
            }
            p{
                font-size: 14px;
                line-height: 20px;
            }
            li{
                font-size: 14px;
                line-height: 20px;
            }
            /*Heading & Para Style Responsive Css*/

            /*Buttons Style Responsive Css*/
            .website-main-buttons{
                flex-wrap: wrap;
                justify-content: center;
            }
            .website-main-buttons a.read-more-btn,
            .website-main-buttons button.popup-btn,
            .website-main-buttons button.chat-btn,
            .website-main-buttons a.call-btn{
                font-size: 14px;
                width: 150px;
                padding: 10px 5px;
                margin: 0 5px 5px;
            }
            /*Buttons Style Responsive Css*/

            /*Website Custom Style Responsive Css For Single Items End Here*/

            /*Header Responsive Css Start Here*/
            header nav.navbar{
                padding: 10px 10px;
            }
            header nav.navbar .navbar-brand .logo{
                width: 120px;
            }
            header .navbar-expand-lg .navbar-collapse{
                margin: 10px 0;
                background: #f4f4f4;
            }
            header .navbar-collapse .navbar-main-nav{
                flex-direction: column;
            }
            header .navbar-main-nav .navbar-main-center{
                margin: 0 0 10px;
                display: inherit;
            }
            header .navbar-main-center ul.navbar-main-info{
                display: none;
            }
            header .navbar-main-center ul.navbar-nav{
                margin: 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item{
                margin: 0 10px 0;
                padding: 10px 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item a.nav-link{
                font-size: 16px;
                line-height: 22px;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item.dropdown{
                position: relative;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu{
                top: 0;
                left: 0;
                display: none;
                width: 100%;
            }
            header .navbar-nav .nav-item.dropdown:hover ul.dropdown-menu{
                display: none;
            }
            header .navbar-nav .nav-item.dropdown ul.dropdown-menu.show{
                display: block;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu{
                display: none;
                width: 100%;
            }
            header .navbar-nav .nav-item.dropdown:hover ul.dropdown-menu.dropdown-single-menu{
                display: none;
            }
            header .navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu.show{
                display: block;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu li{
                width: 100%;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu li{
                width: 100%;
            }
            header .navbar-main-nav .website-main-buttons{
                margin: 20px 0;
            }
            /*Header Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Banner Main Section Responsive Css Start Here*/
            section.banner-main-sec{
                padding: 100px 0 150px;
            }
            .banner-main-sec .banner-main-content{
                text-align: center;
            }
            .banner-main-content .heading-one span{
                font-size: 18px;
                line-height: 24px;
            }
            .banner-main-content .website-main-buttons{
                margin: 20px 0;
            }
            /*Banner Main Form Responsive Css Start*/
            .banner-main-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-main-form .heading-four span{
                font-size: 18px;
                line-height: 24px;
            }
            .banner-main-form .form-group .form-select{
                font-size: 14px;
            }
            .banner-main-form .form-group input{
                font-size: 14px;
            }
            .banner-main-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Main Form Responsive Css End*/
            /*Banner Editing Form Responsive Css Start*/
            .banner-editing-form{
                padding: 20px 20px;
            }
            .banner-editing-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-editing-form form .form-group label{
                font-size: 14px;
                line-height: 22px;
            }
            .banner-editing-form form .form-group select{
                font-size: 14px;
            }
            .banner-editing-form form .form-group input{
                font-size: 14px;
            }
            .banner-editing-form form .form-group textarea{
                font-size: 14px;
            }
            .banner-editing-form form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            .banner-editing-form form .step-form-btns button.next-btn{
                font-size: 14px;
                width: 150px;
            }
            .banner-editing-form form .step-form-btns button.previous-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Editing Form Responsive Css End*/
            /*Banner Published Form Responsive Css Start*/
            .banner-inner-published-form{
                padding: 20px 20px;
            }
            .banner-inner-published-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-inner-published-form .form-group .form-select{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check{
                width: 47%;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group input{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Published Form Responsive Css End*/
            /*Banner Main Section Responsive Css End Here*/

            /*Unlock Story Section Responsive Css Start Here*/
            section.unlock-story-wrap{
                padding: 30px 0;
            }
            .unlock-story-inner .unlock-story-img{
                margin: 0 0 20px;
            }
            .unlock-story-inner .unlock-story-content{
                text-align: center;
                margin: 0 0 20px;
            }
            .unlock-story-content span{
                font-size: 20px;
                line-height: 26px;
            }
            .unlock-story-content ul{
                text-align: left;
                display: grid;
                justify-content: center;
            }
            section.unlock-story-wrap.unlock-story-bg{
                padding: 100px 0 50px;
            }
            /*Unlock Story Section Responsive Css End Here*/

            /*Service Offer Section Responsive Css Start Here*/
            section.service-offer-wrap{
                padding: 30px 0;
            }
            .service-offer-wrap .service-offer-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .service-offer-box p{
                min-height: 175px;
                max-height: 175px;
            }
            /*Service Offer Section Responsive Css End Here*/

            /*Why Choose Section Responsive Css Start Here*/
            section.why-choose-wrap{
                padding: 30px 0;
            }
            .why-choose-wrap .why-choose-head{
                margin: 0 0 30px;
            }
            .why-choose-inner .why-choose-box{
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .why-choose-box .choose-box-img{
                margin: 0 0 20px;
                width: 100%;
                text-align: center;
            }
            .why-choose-box .choose-box-content{
                width: 100%;
                padding: 0 10px 0;
                text-align: center;
                min-height: 240px;
                max-height: 240px;
            }
            /*Why Choose Section Responsive Css End Here*/

            /*CTA Banner Section Responsive Css Start Here*/
            section.cta-banner-wrap{
                padding: 125px 0 200px;
            }
            .cta-banner-content .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cta-banner-content .website-main-buttons{
                justify-content: left;
            }
            .cta-banner-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*CTA Banner Section Responsive Css End Here*/

            /*Step Works Section Responsive Css Start Here*/
            section.step-works-wrap{
                padding: 30px 0;
            }
            .step-works-wrap .step-works-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .step-works-box .work-box-img{
                margin: 0 10px 0 0;
            }
            .works-box-content p{
                min-height: inherit;
                max-height: inherit;
            }
            /*Step Works Section Responsive Css End Here*/

            /*Main CTA Section Responsive Css Start Here*/
            .cta-main-content .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cta-main-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            .cta-main-content .website-main-buttons{
                justify-content: left;
            }
            /*Main CTA Section Responsive Css End Here*/

            /*Our Portfolio Section Responsive Css Start Here*/
            section.our-portfolio-wrap{
                padding: 50px 0 125px;
            }
            .our-portfolio-wrap .our-portfolio-head{
                margin: 0 auto 30px;
            }
            .our-portfolio-head .heading-two{
                text-shadow: 1px 1px 2px #181223;
            }
            .our-portfolio-slider .slick-prev {
                left: -25px;
            }
            .our-portfolio-slider .slick-next{
                right: -25px;
            }
            /*Our Portfolio Section Responsive Css End Here*/

            /*FAQS Section Responsive Css Start Here*/
            section.faqs-sec-wrap{
                padding: 30px 0;
            }
            .faqs-sec-img .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .faqs-sec-item .accordion-item .accordion-header button.accordion-button{
                font-size: 18px;
                line-height: 24px;
            }
            .faqs-sec-item .accordion-item .accordion-collapse .accordion-body{
                font-size: 14px;
                line-height: 20px;
            }
            /*FAQS Section Responsive Css End Here*/

            /*Customer FeedBack Section Responsive Css Start Here*/
            section.customer-feedback-wrap{
                padding: 75px 0 150px;
            }
            .customer-feedback-wrap .customer-feedback-head{
                margin: 0 auto 30px;
            }
            .customer-feedback-head .heading-two{
                text-shadow: 1px 1px 2px #181223;
            }
            .customer-feedback-slider .feedback-slider-box{
                margin: 50px 10px;
            }
            .feedback-slider-head span{
                font-size: 16px;
                line-height: 22px;
            }
            .feedback-slider-content p{
                min-height: 200px;
                max-height: 200px;
            }
            /*Customer FeedBack Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css Start Here -------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Services Together Section Responsive Css Start Here*/
            section.services-together-wrap{
                padding: 30px 0;
            }
            .services-together-inner .services-together-box{
                padding: 20px 10px;
            }
            .services-together-content p{
                font-size: 14px;
                line-height: 20px;
            }
            .services-together-content a.more-btn{
                font-size: 14px;
            }
            /*Services Together Section Responsive Css End Here*/

            /*Our Process Section Responsive Css Start Here*/
            section.our-process-wrap{
                padding: 30px 0;
            }
            .our-process-wrap .our-process-head{
                margin: 0 0 30px;
            }
            /*Our Process Section Responsive Css End Here*/

            /*Cover Service Section Responsive Css Start Here*/
            section.cover-service-wrap{
                padding: 75px 0;
            }
            .cover-service-wrap .cover-service-head{
                margin: 0 0 30px;
            }
            .cover-service-head .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cover-service-wrap .cover-service-inner{
                flex-wrap: wrap;
            }
            .cover-service-inner .cover-service-box{
                width: 31%;
                margin: 0 5px 10px;
            }
            /*Cover Service Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css End Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- About Page Folds Responsive Css Start Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*About Banner Section Responsive Css Start Here*/
            section.about-banner-sec{
                background-position: center;
                padding: 150px 0 175px;
            }
            /*About Banner Section Responsive Css End Here*/

            /**************************************************************************
            --------------- About Page Folds Responsive Css End Here -----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ---------- Portfolio Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Portfolio Brand Section Responsive Css Start Here*/
            section.portfolio-brand-wrap{
                padding: 30px 0;
            }
            .portfolio-brand-wrap .porfolio-brand-head{
                width: 100%;
            }
            .porfolio-brand-inner .portfolio-brand-img img{
                width: 150px;
            }
            /*Portfolio Brand Section Responsive Css End Here*/

            /*Portfolio Notable Section Responsive Css Start Here*/
            section.portfolio-notable-wrap{
                padding: 30px 0;
            }
            .portfolio-notable-wrap .porfolio-notable-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .porfolio-notable-inner .portfolio-notable-img img{
                width: 150px;
            }
            /*Portfolio Notable Fold Responsive Css End*/

            /**************************************************************************
            ---------- Portfolio Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ---------- Contact Page Folds Responsive Css Start Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Contact Main Section Responsive Css Start Here*/
            section.contact-main-sec{
                padding: 30px 0;
            }
            .contact-inner-head .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .contact-main-form .form-group{
                margin: 0 0 10px;
            }
            .contact-main-form .form-group input{
                font-size: 14px;
            }
            .contact-main-form .form-group textarea{
                font-size: 14px;
            }
            .contact-main-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Contact Main Section Responsive Css End Here*/

            /**************************************************************************
            ----------- Contact Page Folds Responsive Css End Here -------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Footer Responsive Css Start Here*/
            .footer-top .footer-links-area{
                height: inherit;
            }
            .footer-services-nav-links ul.footer-nav-links{
                grid-template-columns: 1fr 1fr;
            }
            .footer-links-area ul.footer-nav-links a{
                font-size: 14px;
                line-height: 20px;
            }
            .footer-info-area ul.footer-info{
                flex-wrap: wrap;
                justify-content: center;
            }
            ul.footer-info li{
                margin: 0 5px 10px;
                justify-content: left;
                width: 48%;
            }
            ul.footer-info li a{
                font-size: 14px;
            }
            ul.footer-info li p{
                font-size: 14px;
            }
            ul.footer-social-list li a{
                font-size: 16px;
                width: 30px;
                height: 30px;
                line-height: 32px;
            }
            /*Footer Responsive Css End Here*/

            }
            @media only screen and (min-width: 576px) and (max-width: 767px){

            /*Website Custom Style Responsive Css For Single Items Start Here*/

            /*Heading & Para Style Responsive Css*/
            .heading-one{
                font-size: 38px;
                line-height: 44px;
            }
            .footer-reviews {
            margin-top: 0;
            }
            .footer-reviews ul {
              display: block;
              text-align: center;
}
.footer-reviews li {
    padding-left: 0;
}

            .heading-two{
                font-size: 32px;
                line-height: 38px;
            }
            .heading-three{
                font-size: 28px;
                line-height: 34px;
            }
            .heading-four{
                font-size: 26px;
                line-height: 32px;
            }
            .heading-five{
                font-size: 20px;
                line-height: 26px;
            }
            .heading-six{
                font-size: 18px;
                line-height: 24px;
            }
            p{
                font-size: 14px;
                line-height: 20px;
            }
            li{
                font-size: 14px;
                line-height: 20px;
            }
            /*Heading & Para Style Responsive Css*/

            /*Buttons Style Responsive Css*/
            .website-main-buttons{
                flex-wrap: wrap;
                justify-content: center;
            }
            .website-main-buttons a.read-more-btn,
            .website-main-buttons button.popup-btn,
            .website-main-buttons button.chat-btn,
            .website-main-buttons a.call-btn{
                font-size: 14px;
                width: 150px;
                padding: 10px 5px;
                margin: 0 5px 5px;
            }
            /*Buttons Style Responsive Css*/

            /*Website Custom Style Responsive Css For Single Items End Here*/

            /*Header Responsive Css Start Here*/
            header nav.navbar{
                padding: 10px 10px;
            }
            header nav.navbar .navbar-brand .logo{
                width: 120px;
            }
            header .navbar-expand-lg .navbar-collapse{
                margin: 10px 0;
                background: #f4f4f4;
            }
            header .navbar-collapse .navbar-main-nav{
                flex-direction: column;
            }
            header .navbar-main-nav .navbar-main-center{
                margin: 0 0 10px;
                display: inherit;
            }
            header .navbar-main-center ul.navbar-main-info{
                display: none;
            }
            header .navbar-main-center ul.navbar-nav{
                margin: 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item{
                margin: 0 10px 0;
                padding: 10px 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item a.nav-link{
                font-size: 16px;
                line-height: 22px;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item.dropdown{
                position: relative;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu{
                top: 0;
                left: 0;
                display: none;
                width: 100%;
            }
            header .navbar-nav .nav-item.dropdown:hover ul.dropdown-menu{
                display: none;
            }
            header .navbar-nav .nav-item.dropdown ul.dropdown-menu.show{
                display: block;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu{
                display: none;
                width: 100%;
            }
            header .navbar-nav .nav-item.dropdown:hover ul.dropdown-menu.dropdown-single-menu{
                display: none;
            }
            header .navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu.show{
                display: block;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu li{
                width: 100%;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu li{
                width: 100%;
            }
            header .navbar-main-nav .website-main-buttons{
                margin: 20px 0;
            }
            /*Header Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Banner Main Section Responsive Css Start Here*/
            section.banner-main-sec{
                padding: 100px 0 150px;
            }
            .banner-main-sec .banner-main-content{
                text-align: center;
            }
            .banner-main-content .heading-one span{
                font-size: 18px;
                line-height: 24px;
            }
            .banner-main-content .website-main-buttons{
                margin: 20px 0;
            }
            /*Banner Main Form Responsive Css Start*/
            .banner-main-sec .banner-main-form{
                padding: 20px 20px;
                text-align: center;
            }
            .banner-main-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-main-form .heading-four span{
                font-size: 18px;
                line-height: 24px;
            }
            .banner-main-form .form-group .form-select{
                font-size: 14px;
            }
            .banner-main-form .form-group input{
                font-size: 14px;
            }
            .banner-main-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
                margin: 10px auto 0;
            }
            /*Banner Main Form Responsive Css End*/
            /*Banner Editing Form Responsive Css Start*/
            .banner-editing-form{
                width: 100%;
                padding: 20px 20px;
            }
            .banner-editing-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-editing-form form .form-group label{
                font-size: 14px;
                line-height: 22px;
            }
            .banner-editing-form form .form-group select{
                font-size: 14px;
            }
            .banner-editing-form form .form-group input{
                font-size: 14px;
            }
            .banner-editing-form form .form-group textarea{
                font-size: 14px;
            }
            .banner-editing-form form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            .banner-editing-form form .step-form-btns button.next-btn{
                font-size: 14px;
                width: 150px;
            }
            .banner-editing-form form .step-form-btns button.previous-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Editing Form Responsive Css End*/
            /*Banner Published Form Responsive Css Start*/
            .banner-inner-published-form{
                width: 100%;
                padding: 20px 20px;
            }
            .banner-inner-published-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-inner-published-form .form-group .form-select{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check{
                width: 100%;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group input{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Published Form Responsive Css End*/
            /*Banner Main Section Responsive Css End Here*/

            /*Unlock Story Section Responsive Css Start Here*/
            section.unlock-story-wrap{
                padding: 30px 0;
            }
            .unlock-story-inner .unlock-story-img{
                margin: 0 0 20px;
            }
            .unlock-story-inner .unlock-story-content{
                text-align: center;
                margin: 0 0 20px;
            }
            .unlock-story-content span{
                font-size: 20px;
                line-height: 26px;
            }
            .unlock-story-content ul{
                text-align: left;
                display: grid;
                justify-content: center;
            }
            section.unlock-story-wrap.unlock-story-bg{
                padding: 100px 0 50px;
            }
            /*Unlock Story Section Responsive Css End Here*/

            /*Service Offer Section Responsive Css Start Here*/
            section.service-offer-wrap{
                padding: 30px 0;
            }
            .service-offer-wrap .service-offer-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .service-offer-box p{
                min-height: 175px;
                max-height: 175px;
            }
            /*Service Offer Section Responsive Css End Here*/

            /*Why Choose Section Responsive Css Start Here*/
            section.why-choose-wrap{
                padding: 30px 0;
            }
            .why-choose-wrap .why-choose-head{
                margin: 0 0 30px;
            }
            .why-choose-inner .why-choose-box{
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .why-choose-box .choose-box-img{
                margin: 0 0 20px;
                width: 100%;
                text-align: center;
            }
            .why-choose-box .choose-box-content{
                width: 100%;
                padding: 0 10px 0;
                text-align: center;
                min-height: 240px;
                max-height: 240px;
            }
            /*Why Choose Section Responsive Css End Here*/

            /*CTA Banner Section Responsive Css Start Here*/
            section.cta-banner-wrap{
                padding: 125px 0 200px;
            }
            .cta-banner-wrap .cta-banner-content{
                text-align: center;
                margin: 0 0 20px;
            }
            .cta-banner-content .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cta-banner-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*CTA Banner Section Responsive Css End Here*/

            /*Step Works Section Responsive Css Start Here*/
            section.step-works-wrap{
                padding: 30px 0;
            }
            .step-works-wrap .step-works-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .step-works-box .work-box-img{
                margin: 0 10px 0 0;
            }
            .works-box-content p{
                min-height: inherit;
                max-height: inherit;
            }
            /*Step Works Section Responsive Css End Here*/

            /*Main CTA Section Responsive Css Start Here*/
            .cta-main-wrap .cta-main-content{
                text-align: center;
                margin: 0 0 20px;
            }
            .cta-main-content .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cta-main-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*Main CTA Section Responsive Css End Here*/

            /*Our Portfolio Section Responsive Css Start Here*/
            section.our-portfolio-wrap{
                padding: 50px 0 125px;
            }
            .our-portfolio-wrap .our-portfolio-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .our-portfolio-head .heading-two{
                text-shadow: 1px 1px 2px #181223;
            }
            .our-portfolio-slider .slick-arrow{
                display: none !important;
            }
            /*Our Portfolio Section Responsive Css End Here*/

            /*FAQS Section Responsive Css Start Here*/
            section.faqs-sec-wrap{
                padding: 30px 0;
            }
            .faqs-sec-wrap .faqs-sec-img{
                margin: 0 0 20px;
            }
            .faqs-sec-img .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .faqs-sec-item .faqs-sec-head{
                text-align: center;
            }
            .faqs-sec-item .accordion-item .accordion-header button.accordion-button{
                font-size: 18px;
                line-height: 24px;
            }
            .faqs-sec-item .accordion-item .accordion-collapse .accordion-body{
                font-size: 14px;
                line-height: 20px;
            }
            /*FAQS Section Responsive Css End Here*/

            /*Customer FeedBack Section Responsive Css Start Here*/
            section.customer-feedback-wrap{
                padding: 75px 0 150px;
            }
            .customer-feedback-wrap .customer-feedback-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .customer-feedback-head .heading-two{
                text-shadow: 1px 1px 2px #181223;
            }
            .customer-feedback-slider .feedback-slider-box{
                margin: 50px 10px;
            }
            .feedback-slider-head span{
                font-size: 16px;
                line-height: 22px;
            }
            .feedback-slider-content p{
                min-height: inherit;
                max-height: inherit;
            }
            /*Customer FeedBack Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css Start Here -------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Services Together Section Responsive Css Start Here*/
            section.services-together-wrap{
                padding: 30px 0;
            }
            .services-together-inner .services-together-box{
                padding: 20px 10px;
            }
            .services-together-box .services-together-icon{
                width: 15%;
            }
            .services-together-box .services-together-content{
                width: 85%;
            }
            .services-together-content p{
                font-size: 14px;
                line-height: 20px;
            }
            .services-together-content a.more-btn{
                font-size: 14px;
            }
            /*Services Together Section Responsive Css End Here*/

            /*Our Process Section Responsive Css Start Here*/
            section.our-process-wrap{
                padding: 30px 0;
            }
            .our-process-wrap .our-process-head{
                margin: 0 0 30px;
            }
            /*Our Process Section Responsive Css End Here*/

            /*Cover Service Section Responsive Css Start Here*/
            section.cover-service-wrap{
                padding: 75px 0;
            }
            .cover-service-wrap .cover-service-head{
                margin: 0 0 30px;
            }
            .cover-service-head .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cover-service-wrap .cover-service-inner{
                flex-wrap: wrap;
            }
            .cover-service-inner .cover-service-box{
                width: 47%;
                margin: 0 5px 10px;
            }
            /*Cover Service Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css End Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- About Page Folds Responsive Css Start Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*About Banner Section Responsive Css Start Here*/
            section.about-banner-sec{
                background-position: center;
                padding: 125px 0 175px;
            }
            /*About Banner Section Responsive Css End Here*/

            /**************************************************************************
            --------------- About Page Folds Responsive Css End Here -----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ---------- Portfolio Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Portfolio Brand Section Responsive Css Start Here*/
            section.portfolio-brand-wrap{
                padding: 30px 0;
            }
            .portfolio-brand-wrap .porfolio-brand-head{
                width: 100%;
            }
            .porfolio-brand-inner .portfolio-brand-img img{
                width: 150px;
            }
            /*Portfolio Brand Section Responsive Css End Here*/

            /*Portfolio Notable Section Responsive Css Start Here*/
            section.portfolio-notable-wrap{
                padding: 30px 0;
            }
            .portfolio-notable-wrap .porfolio-notable-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .porfolio-notable-inner .portfolio-notable-img img{
                width: 150px;
            }
            /*Portfolio Notable Fold Responsive Css End*/

            /**************************************************************************
            ---------- Portfolio Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ---------- Contact Page Folds Responsive Css Start Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Contact Main Section Responsive Css Start Here*/
            section.contact-main-sec{
                padding: 30px 0;
            }
            .contact-main-sec .contact-main-inner{
                margin: 0 0 20px;
            }
            .contact-main-inner .contact-inner-head{
                text-align: center;
            }
            .contact-inner-head .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .contact-main-form .form-group{
                margin: 0 0 10px;
            }
            .contact-main-form .form-group input{
                font-size: 14px;
            }
            .contact-main-form .form-group textarea{
                font-size: 14px;
            }
            .contact-main-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Contact Main Section Responsive Css End Here*/

            /**************************************************************************
            ----------- Contact Page Folds Responsive Css End Here -------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Footer Responsive Css Start Here*/
            .footer-logo-area .footer-logo{
                width: 200px;
            }
            .footer-top .footer-links-area{
                border-right: none;
                border-bottom: 1px solid #3D3D3D;
                height: inherit;
                text-align: center;
            }
            .footer-services-nav-links ul.footer-nav-links{
                grid-template-columns: 1fr;
            }
            .footer-links-area ul.footer-nav-links a{
                font-size: 14px;
                line-height: 20px;
            }
            .footer-info-area ul.footer-info{
                flex-direction: column;
            }
            ul.footer-info li{
                margin: 0 0 10px;
                justify-content: left;
            }
            ul.footer-info li a{
                font-size: 14px;
            }
            ul.footer-info li p{
                font-size: 14px;
            }
            .footer-bottom .footer-copyright{
                justify-content: center;
                flex-direction: column;
                text-align: center;
            }
            .footer-copyright ul.footer-social-list{
                justify-content: center;
                margin: 10px 0 0;
            }
            ul.footer-social-list li a{
                font-size: 16px;
                width: 30px;
                height: 30px;
                line-height: 32px;
            }
            /*Footer Responsive Css End Here*/
            }
            @media only screen and (min-width: 300px) and (max-width: 575px){

            /*Website Custom Style Responsive Css For Single Items Start Here*/
            /* custom add */
            section.Impact-main {
                padding: 0px 0!important;
            }
            .footer-reviews {
            margin-top: 0;
            }
            .footer-reviews ul {
              display: block;
              text-align: center;
}

.footer-reviews li {
    padding-left: 0;
}

            .succ-inner-se-1 h1.heading-one {
                padding-bottom: 50px!important;
                line-height: 49px!important;
                font-size: 35px!important;
            }
            .main-intro h2 {
                font-size: 35px!important;
                line-height: 38px!important;
            }
            .p1 {
                padding: 5px 20px !important;
            }
            .heading-one {
                font-size: 30px!important;
            }
            .\35 -year-main-cont {
                padding-left: 20px!important;
            }
            .succ-inner-se-1 {
                padding: 150px 0 80px 0!important;
            }
            .succ-head {
                font-size: 26px!important;
                line-height: 36px!important;
                padding-top: 20px;
            }
            .client-list li {
                font-size: 20px !important;
                line-height: 40px !important;
            }
            .client-list b {
                font-size: 22px !important;
            }
            .succ-content {
                padding-top: 0px;
                padding-bottom: 10px;
            }
            .succ-inner-cont h1 {
                font-size: 26px!important;
            }
            .succ-inner-cont p {
                padding: 0px!important;
            }
            section.main-success .row {
                padding-bottom: 20px!important;
            }

            /*Heading & Para Style Responsive Css*/
            .heading-one{
                font-size: 38px;
                line-height: 44px;
            }
            .heading-two{
                font-size: 32px;
                line-height: 38px;
            }
            .heading-three{
                font-size: 28px;
                line-height: 34px;
            }
            .heading-four{
                font-size: 26px;
                line-height: 32px;
            }
            .heading-five{
                font-size: 20px;
                line-height: 26px;
            }
            .heading-six{
                font-size: 18px;
                line-height: 24px;
            }
            p{
                font-size: 14px;
                line-height: 20px;
            }
            li{
                font-size: 14px;
                line-height: 20px;
            }
            /*Heading & Para Style Responsive Css*/

            /*Buttons Style Responsive Css*/
            /* .website-main-buttons{
                flex-wrap: wrap;
                justify-content: centleer;
            } */
            .website-main-buttons a.read-more-btn,
            .website-main-buttons button.popup-btn,
            .website-main-buttons button.chat-btn,
            .website-main-buttons a.call-btn{
                font-size: 14px;
                width: 150px;
                padding: 10px 5px;
                margin: 0 5px 5px;
            }
            /*Buttons Style Responsive Css*/

            /*Website Custom Style Responsive Css For Single Items End Here*/

            /*Header Responsive Css Start Here*/
            header nav.navbar{
                padding: 10px 10px;
            }
            header nav.navbar .navbar-brand .logo{
                width: 120px;
            }
            header .navbar-expand-lg .navbar-collapse{
                margin: 10px 0;
                background: #f4f4f4;
            }
            header .navbar-collapse .navbar-main-nav{
                flex-direction: column;
            }
            header .navbar-main-nav .navbar-main-center{
                margin: 0 0 10px;
                display: inherit;
            }
            header .navbar-main-center ul.navbar-main-info{
                display: none;
            }
            header .navbar-main-center ul.navbar-nav{
                margin: 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item{
                margin: 0 10px 0;
                padding: 10px 0;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item a.nav-link{
                font-size: 16px;
                line-height: 22px;
            }
            header .navbar-main-center ul.navbar-nav li.nav-item.dropdown{
                position: relative;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu{
                top: 0;
                left: 0;
                display: none;
                width: 100%;
            }
            header .navbar-nav .nav-item.dropdown:hover ul.dropdown-menu{
                display: none;
            }
            header .navbar-nav .nav-item.dropdown ul.dropdown-menu.show{
                display: block;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu{
                display: none;
                width: 100%;
            }
            header .navbar-nav .nav-item.dropdown:hover ul.dropdown-menu.dropdown-single-menu{
                display: none;
            }
            header .navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu.show{
                display: block;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-single-menu li{
                width: 100%;
            }
            header ul.navbar-nav .nav-item.dropdown ul.dropdown-menu li{
                width: 100%;
            }
            header .navbar-main-nav .website-main-buttons{
                margin: 20px 0;
            }
            /*Header Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Banner Main Section Responsive Css Start Here*/
            section.banner-main-sec{
                padding: 100px 0 150px;
            }
            .banner-main-sec .banner-main-content{
                text-align: center;
            }
            .banner-main-content .heading-one span{
                font-size: 18px;
                line-height: 24px;
            }
            .banner-main-content .website-main-buttons{
                margin: 20px 0;
            }
            /*Banner Main Form Responsive Css Start*/
            .banner-main-sec .banner-main-form{
                padding: 20px 20px;
                text-align: center;
            }
            .banner-main-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-main-form .heading-four span{
                font-size: 18px;
                line-height: 24px;
            }
            .banner-main-form .form-group .form-select{
                font-size: 14px;
            }
            .banner-main-form .form-group input{
                font-size: 14px;
            }
            .banner-main-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
                margin: 10px auto 0;
            }
            /*Banner Main Form Responsive Css End*/
            /*Banner Editing Form Responsive Css Start*/
            .banner-editing-form{
                width: 100%;
                padding: 20px 20px;
            }
            .banner-editing-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-editing-form form .form-group label{
                font-size: 14px;
                line-height: 22px;
            }
            .banner-editing-form form .form-group select{
                font-size: 14px;
            }
            .banner-editing-form form .form-group input{
                font-size: 14px;
            }
            .banner-editing-form form .form-group textarea{
                font-size: 14px;
            }
            .banner-editing-form form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            .banner-editing-form form .step-form-btns button.next-btn{
                font-size: 14px;
                width: 150px;
            }
            .banner-editing-form form .step-form-btns button.previous-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Editing Form Responsive Css End*/
            /*Banner Published Form Responsive Css Start*/
            .banner-inner-published-form{
                width: 100%;
                padding: 20px 20px;
            }
            .banner-inner-published-form .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .banner-inner-published-form .form-group .form-select{
                font-size: 12px;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check{
                width: 100%;
            }
            .banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group input{
                font-size: 14px;
            }
            .banner-inner-published-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
            }
            /*Banner Published Form Responsive Css End*/
            /*Banner Main Section Responsive Css End Here*/

            /*Unlock Story Section Responsive Css Start Here*/
            section.unlock-story-wrap{
                padding: 30px 0;
            }
            .unlock-story-inner .unlock-story-img{
                margin: 0 0 20px;
            }
            .unlock-story-inner .unlock-story-content{
                text-align: center;
                margin: 0 0 20px;
            }
            .unlock-story-content span{
                font-size: 20px;
                line-height: 26px;
            }
            .unlock-story-content ul{
                text-align: left;
            }
            .unlock-story-content ul.unlock-double-list{
                grid-template-columns: 1fr;
            }
            section.unlock-story-wrap.unlock-story-bg{
                padding: 100px 0 50px;
            }
            /*Unlock Story Section Responsive Css End Here*/

            /*Service Offer Section Responsive Css Start Here*/
            section.service-offer-wrap{
                padding: 30px 0;
            }
            .service-offer-wrap .service-offer-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .service-offer-box p{
                min-height: inherit;
                max-height: inherit;
            }
            /*Service Offer Section Responsive Css End Here*/

            /*Why Choose Section Responsive Css Start Here*/
            section.why-choose-wrap{
                padding: 30px 0;
            }
            .why-choose-wrap .why-choose-head{
                margin: 0 0 30px;
            }
            .why-choose-inner .why-choose-box{
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .why-choose-box .choose-box-img{
                margin: 0 0 20px;
                width: 100%;
                text-align: center;
            }
            .why-choose-box .choose-box-content{
                width: 100%;
                padding: 0 10px 0;
                text-align: center;
                min-height: inherit;
                max-height: inherit;
            }
            /*Why Choose Section Responsive Css End Here*/

            /*CTA Banner Section Responsive Css Start Here*/
            section.cta-banner-wrap{
                padding: 125px 0 200px;
            }
            .cta-banner-wrap .cta-banner-content{
                text-align: center;
                margin: 0 0 20px;
            }
            .cta-banner-content .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cta-banner-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*CTA Banner Section Responsive Css End Here*/

            /*Step Works Section Responsive Css Start Here*/
            section.step-works-wrap{
                padding: 30px 0;
            }
            .step-works-wrap .step-works-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .step-works-box .work-box-img{
                margin: 0 10px 0 0;
            }
            .works-box-content p{
                min-height: inherit;
                max-height: inherit;
            }
            /*Step Works Section Responsive Css End Here*/

            /*Main CTA Section Responsive Css Start Here*/
            .cta-main-wrap .cta-main-content{
                text-align: center;
                margin: 0 0 20px;
            }
            .cta-main-content .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cta-main-content .website-main-buttons a.call-btn{
                width: 175px;
            }
            /*Main CTA Section Responsive Css End Here*/

            /*Our Portfolio Section Responsive Css Start Here*/
            section.our-portfolio-wrap{
                padding: 50px 0 125px;
            }
            .our-portfolio-wrap .our-portfolio-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .our-portfolio-head .heading-two{
                text-shadow: 1px 1px 2px #181223;
            }
            .our-portfolio-slider .slick-arrow{
                display: none !important;
            }
            /*Our Portfolio Section Responsive Css End Here*/

            /*FAQS Section Responsive Css Start Here*/
            section.faqs-sec-wrap{
                padding: 30px 0;
            }
            .faqs-sec-wrap .faqs-sec-img{
                margin: 0 0 20px;
            }
            .faqs-sec-img .heading-four{
                text-shadow: 1px 1px 2px #181223;
            }
            .faqs-sec-item .faqs-sec-head{
                text-align: center;
            }
            .faqs-sec-item .accordion-item .accordion-header button.accordion-button{
                font-size: 18px;
                line-height: 24px;
            }
            .faqs-sec-item .accordion-item .accordion-collapse .accordion-body{
                font-size: 14px;
                line-height: 20px;
            }
            /*FAQS Section Responsive Css End Here*/

            /*Customer FeedBack Section Responsive Css Start Here*/
            section.customer-feedback-wrap{
                padding: 75px 0 150px;
            }
            .customer-feedback-wrap .customer-feedback-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .customer-feedback-head .heading-two{
                text-shadow: 1px 1px 2px #181223;
            }
            .customer-feedback-slider .feedback-slider-box{
                margin: 50px 10px;
            }
            .feedback-slider-head span{
                font-size: 16px;
                line-height: 22px;
            }
            .feedback-slider-content p{
                min-height: inherit;
                max-height: inherit;
            }
            /*Customer FeedBack Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Home Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css Start Here -------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Services Together Section Responsive Css Start Here*/
            section.services-together-wrap{
                padding: 30px 0;
            }
            .services-together-inner .services-together-box{
                padding: 20px 10px;
            }
            .services-together-box .services-together-icon{
                width: 25%;
            }
            .services-together-box .services-together-content{
                width: 75%;
            }
            .services-together-content p{
                font-size: 14px;
                line-height: 20px;
            }
            .services-together-content a.more-btn{
                font-size: 14px;
            }
            /*Services Together Section Responsive Css End Here*/

            /*Our Process Section Responsive Css Start Here*/
            section.our-process-wrap{
                padding: 30px 0;
            }
            .our-process-wrap .our-process-head{
                margin: 0 0 30px;
            }
            /*Our Process Section Responsive Css End Here*/

            /*Cover Service Section Responsive Css Start Here*/
            section.cover-service-wrap{
                padding: 75px 0;
            }
            .cover-service-wrap .cover-service-head{
                margin: 0 0 30px;
            }
            .cover-service-head .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .cover-service-wrap .cover-service-inner{
                flex-wrap: wrap;
            }
            .cover-service-inner .cover-service-box{
                width: 100%;
                margin: 0 5px 10px;
            }
            .cover-service-box .cover-box-content{
                min-height: inherit;
                max-height: inherit;
            }
            /*Cover Service Section Responsive Css End Here*/

            /**************************************************************************
            --------------- Service Page Folds Responsive Css End Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            --------------- About Page Folds Responsive Css Start Here ---------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*About Banner Section Responsive Css Start Here*/
            section.about-banner-sec{
                background-position: center;
                padding: 125px 0 175px;
            }
            /*About Banner Section Responsive Css End Here*/

            /**************************************************************************
            --------------- About Page Folds Responsive Css End Here -----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ---------- Portfolio Page Folds Responsive Css Start Here ----------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Portfolio Brand Section Responsive Css Start Here*/
            section.portfolio-brand-wrap{
                padding: 30px 0;
            }
            .portfolio-brand-wrap .porfolio-brand-head{
                width: 100%;
            }
            .porfolio-brand-inner .portfolio-brand-img img{
                width: 150px;
            }
            /*Portfolio Brand Section Responsive Css End Here*/

            /*Portfolio Notable Section Responsive Css Start Here*/
            section.portfolio-notable-wrap{
                padding: 30px 0;
            }
            .portfolio-notable-wrap .porfolio-notable-head{
                width: 100%;
                margin: 0 auto 30px;
            }
            .porfolio-notable-inner .portfolio-notable-img img{
                width: 150px;
            }
            /*Portfolio Notable Fold Responsive Css End*/

            /**************************************************************************
            ---------- Portfolio Page Folds Responsive Css End Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /**************************************************************************
            ---------- Contact Page Folds Responsive Css Start Here ------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Contact Main Section Responsive Css Start Here*/
            section.contact-main-sec{
                padding: 30px 0;
            }
            .contact-main-sec .contact-main-inner{
                margin: 0 0 20px;
            }
            .contact-main-inner .contact-inner-head{
                text-align: center;
            }
            .contact-inner-head .heading-three{
                text-shadow: 1px 1px 2px #181223;
            }
            .contact-main-form .form-group{
                margin: 0 0 10px;
            }
            .contact-main-form .form-group input{
                font-size: 14px;
            }
            .contact-main-form .form-group textarea{
                font-size: 14px;
            }
            .contact-main-form .form-group button.submit-btn{
                font-size: 14px;
                width: 150px;
                margin: 0 auto;;
            }
            /*Contact Main Section Responsive Css End Here*/

            /**************************************************************************
            ----------- Contact Page Folds Responsive Css End Here -------------------
            --------------------------------------------------------------------------
            **************************************************************************/

            /*Footer Responsive Css Start Here*/
            .footer-logo-area .footer-logo{
                width: 200px;
            }
            .footer-top .footer-links-area{
                border-right: none;
                border-bottom: 1px solid #3D3D3D;
                height: inherit;
                text-align: center;
            }
            .footer-services-nav-links ul.footer-nav-links{
                grid-template-columns: 1fr;
            }
            .footer-links-area ul.footer-nav-links a{
                font-size: 14px;
                line-height: 20px;
            }
            .footer-info-area ul.footer-info{
                flex-direction: column;
            }
            ul.footer-info li{
                margin: 0 0 10px;
                justify-content: left;
            }
            ul.footer-info li a{
                font-size: 14px;
            }
            ul.footer-info li p{
                font-size: 14px;
            }
            .footer-bottom .footer-copyright{
                justify-content: center;
                flex-direction: column;
                text-align: center;
            }
            .footer-copyright ul.footer-social-list{
                justify-content: center;
                margin: 10px 0 0;
            }
            ul.footer-social-list li a{
                font-size: 16px;
                width: 30px;
                height: 30px;
                line-height: 32px;
            }
            /*Footer Responsive Css End Here*/
            }


            .sticky .navbar-main-center ul.navbar-nav li.nav-item a.nav-link{
                color: #181223;
                font-size: 18px;
                line-height: 24px;
                padding: 0px 0px;
                text-transform: capitalize;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient(to right, #F8991B, #F8991B 50%, #ffffff 50%) !important;
                background-size: 200% 100%;
                background-position: 100%;
                transition: all .3s ease-in-out;
            }

            .sticky .navbar-main-center ul.navbar-main-info li a {

                background-image: linear-gradient(to right, #F8991B, #F8991B 50%, #f8f8f8 50%) !important;
            }




            /* Success-css */

            button.success-btn a {
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        color: #fff;
        border: 2px solid #F8991B;

            }

            button.success-btn a:hover {
                background-position: left bottom;
            }

            section.main-success {
                padding: 100px 0;
            }
            
            section.main-success .row {
                padding-bottom: 100px;
            }
            
            .succ-content strong {
                font-size: 20px;
                color: gray;
                font-weight: 300;
            }
            
            .succ-content b {
                color: #000;
                padding-right: 10px;
            }
            
            section.main-success img {
                width: 100%;
                border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;

            }

            .succ-inner-cont {
                text-align: center;
                padding: 60px 0px 0 0px;
            }
            
            
            .succ-inner-cont a {margin: 0px auto !important;
                display: table !important;}
            
            
            .succ-inner-cont h1 {
                color: #000;
                font-size: 60px;
            }
            
            .succ-head {
                font-size: 34px;
                line-height: 50px;
            }
            
            
            .succ-inner-cont p {
                font-size: 20px;
                padding: 15px 0;
                line-height: 32px;
            }

            .succ-inner-cont button.popup-btn{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
                margin: 0px auto;
            }
            .succ-inner-cont button.popup-btn:hover{
                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
                background-position: left bottom;
            }

            .succ-content .call-btn{

                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;  
            }

            .succ-content .call-btn:hover{

                background: linear-gradient(to right, #181223 50%, #F8991B 50%);
                background-size: 200% 100%;
                background-position: right bottom;
                color: #fff;
                border: 2px solid #F8991B;
                background-position: left bottom;
            }

            .main-header .logo2{
                display: none !important;
            }
            .main-header.sticky .logo{
                display: none !important;
            }
            .main-header.sticky .logo2{
                display: block !important;
            }



            /* Inner-page */

            section.succ-inner-se-1 {
                padding: 180px 0 100px 0;
            }
            
            section.succ-inner-se-1 img {
                width: 100%;
            }
            
            section.succ-inner-se-1 .row {
                align-items: center;
            }
            
            section.succ-inner-se-1 h1.heading-one {
                text-align: center;
        padding-bottom: 70px;
        color: #F8991B;
        line-height: 54px;
        display: block;
        text-shadow: 2px 2px 3px #181223;
        font-size: 40px;
            }


    ul.client-list li {
        font-size: 24px;
        line-height: 60px;
        font-weight: 100;
    }

    ul.client-list b {font-size: 34px;font-weight: 600;padding-right: 15px;}
    .\35 -year-main-cont {
        padding-left: 50px;
    }

    section.main-intro {
        text-align: center;
    }

    section.main-intro p {
        padding: 20px 0;
    }

    section.achiements-sec {
        text-align: center;
    }

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

    section.Impact-main {
        text-align: center;
        padding: 30px 0;
    }


    section.main-intro h2 {
        color: #F8991B;
        font-size: 44px;
        line-height: 32px;
        display: block;
        text-shadow: 2px 2px 3px #181223;
        padding: 40px 0 20px 0;
    }

    p.p1 {
        padding: 15px 200px ;
    }

    section.Testimonial-main {
        text-align: center;
        padding: 60px 0;
    }

    section.Testimonial-main .website-main-buttons {margin: 0px auto;display: table;}


    section.main-intro img {
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    section.Impact-main img {
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .achivment-cont img {
        width: 100%;
        height: 230px;
        object-fit: cover;
    }

    .achivment-cont {
        padding: 80px 0;
    }

    .pg-2 .impact-img img {
        width: 60%;
    }

    .pg-3 img {
        width: 80%;
        height: auto;
    }

    section.Testimonial-main .row {
        align-items: center;
    }

    .testi-cont {
        text-align: left;
    }

    .rating img {
        width: 100px;
        padding: 10px 0;
    }

    .testi-cont b {
        font-size: 20px;
    }

    .testi-cont h4 {
        font-size: 18px;
        color: gray;
    }

    .pg-4 img {
        height: auto;
    }

    .achivm-img.pg-4 {
        padding-top: 15px;
    }

    .achivm-img.pg-4 img {
        height: 700px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .achiv-inner-img.pg-4 img {
        width: 100%;
        padding-top: 20px;
    }

    .impact-img img {
        margin: 10px 0px;
    }
    .main-intro img{
        width: 100%;
    }
    
    .faqs-sec-img img.img-fluid {
    width: 70%;
    margin-top: 50px;
}

img.ach-img {width: 30%;height: auto;}

section.main-video {
    padding: 40px 0 120px 0;
}

section.main-video .container-fluid {
    padding: 0 0;
}

.desclimer p {
    color: #919191;
    font-size: 14px;
    padding-top: 20px;
}

ul.footer-nav-links img.img-fluid {
    filter: invert(1);
    padding-top: 120px;
}

.footer-reviews img.img-fluid {
    
    width: 140px;
}

.footer-reviews ul {
    display: flex;
    align-items: center;
    justify-content: end;
}

img.trust {
    width: 140px;
    filter: invert(1);
}

.footer-reviews li {
    padding-left: 30px;
}

.footer-reviews {
    margin-top: -60px;
}

img.amz {
    width: 100px;
}

.Testimonial-main video {
    display: none !important;
}