html{
    overflow: hidden ! important;
}        

body {
            font-family: "Poppins", "Montserrat", sans-serif;
            font-size: 16px;
            background-color: white;
            color: #333333;
            font-style: normal;
        }


        section {
            width: 100%;
            padding: 50px 0px;
            overflow: hidden;
        }

        a {
            text-decoration: none ! important;
            outline: none;
        }


        .container {}

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: #f79138;
            text-transform: capitalize;
            font-weight: 400 ! important;
            /* font-family: "Dosis"; */
            /* font-family: "Playfair Display"; */
            /* font-family: "Noto Sans"; */
            font-family: "Poppins";
        }

        button {
            outline: none ! important;
        }

        .btn.btn-primary {
            
            color: white;
            width: 100%;
            border: none;
            padding: 10px 15px;
            box-shadow: 0px 0px 8px -2px rgb(159 136 95 / 54%);
            font-size: 14px
        }

        .form-control:focus {
            border: 1px solid #f47f0f !important;
            box-shadow: none;
            outline: none;
            transition: 0.2s;

        }

        .switch_label {
            width: 40px;
            height: 25px;
            background-color: #00c253;
            border-radius: 30px;
            float: left;
            padding: 1px;
            margin-right: 10px;
            cursor: pointer;
        }

        .switch_label span {
            width: 20px;
            height: 23px;
            border-radius: 70%;
            background-color: #ffffff;
            display: inline-block;
            float: left;
        }

        .switch_label.active span {
            float: right;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/

        .navbar navbar-default {
            background-color: #fff7ec;

        }

        .navbar {
            background-color: #fff7ec;

        }

        .navbar-header {
            background-color: #fff7ec;
        }

        .nav navbar-nav navbar-right {
            background-color: #fff7ec;
        }

        .navbar-header img {
            width: 126px;
            height: auto;
            margin-left: 0px;
            background-color: #fff7ec;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        navbar-header {
            background-color: #fff7ec;
        }

        .nav li {
            position: relative;
            display: inline-block;
            padding: 0px 19px;
            background-color: ;
        }

        .navbar {
            padding: 0px;
        }

        .navbar-nav {
            display: inline-block;
            padding-right: 0px;
        }

        .nav li a {

            color: #353535;
            font-weight: 500;
        }

        .nav li.active a {
            font-weight: 500;
            color: #f47f0a;
        }

        .nav li.button.btn.btn-primary {
            width: fit-content;
            border-radius: 30px;
            padding: 5px 25px;
            color: white;
            background-image: linear-gradient(305deg, #f79138, #fecd20);
        }

        .nav li.button.btn.btn-primary a {
            color: white;
        }

        .navbar #menubar {
            background-color: #fff7ec;
            color: black;
            font-size: 20px;
            display: none;
        }

        .navbar-nav .dropdown-menu {
            width: 190px;
            position: absolute;
            height: auto;
            margin-left: 38px;
            box-shadow: 3px 3px 32px rgba(0, 0, 0, .12);
            border: none;
            padding: 10px 0px;
            font-size: 14px;
            border-radius: 10px;
            transition: 0.6s;
        }

        .navbar-nav .dropdown-menu li {
            position: relative;
            display: inline-block;
            padding: 5px 19px;


        }

        .navbar-nav .dropdown-menu li:hover a {
            color: #f47f0a;


        }

        @media (max-width: 680px) and (min-width: 280px) {



            .navbar-header {
                background-color: #fff7ec;
            }

            .nav navbar-nav navbar-right {}


            .navbar-header img {
                width: 150px;
                height: auto;
                margin-left: 60px;

                background-color: #fff7ec;
            }

            navbar-header {
                background-color: #fff7ec;
            }

            .nav li {
                position: relative;
                display: block;
                padding: 10px 23px;
                background-color: none;
               font-family: serif;
            }

            .nav li a {

                color: #635c5c;
                font-size: 18px;

            }

            .navbar {
                padding: 0px;
            }

            .navbar-nav {
    display: block;
    background-color: #ffffff;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    box-shadow: 0px 0px 8px 0px rgb(153 145 145 / 60%);
    display: none;
    overflow: auto;
}

            .navbar #menubar {
                background-color: #fff6ec;
                color: black;

                position: absolute;
                top: 5px;
                right: 2px;
                z-index: 999999;
                display: block;
                border: none;

            }

            .navbar #menubar i {
                font-size: 30px;
                color: #f9a238;



            }


            .navbar-header img {
                width: 150px;
                height: auto;
                margin-left: 15px;
                background-color: #fff7ec;
                margin-top: 10px;
            }

        }



    .submenu_tab {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: -28px; */
    padding: 3px 0px;
    text-align: center;
    /* box-shadow: 0 0 9px rgb(209 202 202 / 10%); */
    /* background-image: linear-gradient(305deg, #f79138, #fecd20); */
    background-color: #fffaf4;
    font-weight: 400;
    border: 1px solid #e8e8e8;
    margin-top: 6px;
}

        .submenu_tab ul {
            list-style: none;
            display: inline-block;
            float: right;
            /* position: absolute; */
            top: 0px;
            right: 223px;
            /* background: white; */
            padding: 0;
            margin: 0;
            width: 100%;
            /* text-align: center; */
            margin: auto;
            /* left: 0; */
            /* position: relative; */
            float: none;
        }

        .submenu_tab ul li {
    padding: 8px 9px;
    margin: 0px 3px;
    /* background-color: #ffffff; */
    font-size: 14px;
    width: 100%;
    width: fit-content;
    color: #1b1a1a;
    /* box-shadow: 0px 0px 8px -2px rgb(152 152 152 / 60%); */
    border-radius: 2px;
    border: 1px solid #fffdfd;
    position: relative;
    display: inline-block;
}

        .submenu_tab ul li i {
            color: #f79138;
            font-size: 16px;
            font-weight: 900;
        }

@media (max-width: 680px) and (min-width: 280px) {

.submenu_tab ul li i {
    color: #f79138;
    font-size: 16px;
    font-weight: 900;
    display: none;
}


}



        .submenu_tab2 .menubar {
            /* float: right; */
            width: 102% ! important;
            position: relative;
            top: 8px ! important;
            background-color: #7d6a6a;
            z-index: 1073;
            /* right: 20px; */
            height: auto;
            overflow: hidden;
            border-radius: 5px;
            /* box-shadow: 0px 0px 4px -1px rgb(130 129 129 / 27%); */
            background: #fffcfc;
            padding: 1px;
            padding-left: 0;
            /* left: 0px; */
            /* margin-left: 55px; */
        }

        .submenu_tab2 {
            width: 100%;
            height: auto;
            position: relative;
            /* margin-top: -28px; */
            padding: 3px 0px;
            text-align: center;
            /* box-shadow: 0 0 9px rgb(209 202 202 / 10%); */
            /* background-image: linear-gradient(305deg, #f79138, #fecd20); */
            background-color: #ffffff;
            font-weight: 400;

            margin-top: 6px;
        }

        .submenu_tab2 ul {
            list-style: none;
            display: inline-block;
            float: right;
            /* position: absolute; */
            top: 0px;
            right: 223px;
            background: white;
            padding: 0;
            margin: 0;
            width: 100%;
            /* text-align: center; */
            margin: auto;
            /* left: 0; */
            /* position: relative; */
        }

        .submenu_tab2 main ul {
            list-style: none;
            display: inline-block;
            float: right;
            /* position: absolute; */

            background: white;
            padding: 0;
            margin: 10px 2px;
            width: 100%;
            /* text-align: center; */

            /* left: 0; */
            /* position: relative; */
        }

        .submenu_tab2 main ul li {
            padding-left: 32px !important;
            padding-right: 20px ! important;
        }


        .submenu_tab2 main ul li::before {
            font-family: FontAwesome;
            content: "\f111";
            padding-right: 10px;
            font-size: 6px;
            margin-top: -4px;
            color: #f8ab67;
            position: absolute;
            top: 18px;
            left: 10px;
        }

        .submenu_tab2 ul li {
            padding: 8px 9px;
            margin: 0px 3px;
            /* background-color: #ffffff; */
            font-size: 14px;
            width: 100%;
            width: fit-content;
            color: #1b1a1a;
            /* box-shadow: 0px 0px 8px -2px rgb(152 152 152 / 60%); */
            border-radius: 2px;
            border: 1px solid transparent;
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: left;
        }

        .submenu_tab2 ul li i {
            color: #f79138;
            font-size: 16px;
            font-weight: 900;
            float: right;
            background-color: white;
            padding: 4px;
            border-radius: 6px;
            width: 25px;
            height: 25px;
            text-align: center;
        }

        .submenu_tab2 .menubar main {
            background: #ffffff ! important;
            width: calc(100% - 265px);
            padding: 7px ! important;
            border-radius: 12px;
            padding-bottom: 80px;
            padding: 0px 6px !important;
        }

        /*
    .navbar {
       padding: 0px;
    position: fixed;
    height: 74px;
    width: 100%;
    background: #fff6ec;
    z-index: 9999999;
    box-shadow: 0px 2px 4px -2px rgb(199 192 192 / 60%);
}

    
    .navbar-header img {
    width: 100px;
    height: auto;
    margin-left: 0px;
    background-color: #fff7ec;
    margin-top: 10px;
}
*/

        /***************************************************/
        /***********************My cart ****************************/
        /***************************************************/





        .mycart {
            width: 380px;
            /* float: right; */
            position: fixed;
            z-index: 9999999;
            top: 78px;
            right: 10px;
            margin: auto;
            border: 1px solid transparent;
            /* position: absolute; */
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
            background-color: white;
            padding: 15px;
            border-radius: 15px;

        }

        .mycart p {
            margin-top: 0;
            margin-bottom: 1rem;
            margin-right: 0px;
            padding: 5px;
            width: 100%;
            font-size: 16px;
        }

        .mycart li {


            padding: 0px;
            border: 1px solid transparent;
            background: #f4f4f4;
            margin-bottom: 5px;
            padding: 10px;
        }


        .mycart img {
            width: 50px;
            height: 50px;
        }

        .mycart .btn-dark {
            color: #fff;
            background-color: #343a40;
            border-color: #343a40;
            width: 100%;
        }

        .mycart .badge-primary {
            color: #423d3d;
            background-color: #ffffff;
            border: 1px solid #d6d5d4;
            border-radius: 10%;
            padding: 3px 8px;
            line-height: 14px;
            padding-top: 6px;


        }

        .mycart .badge-primary i {

            cursor: pointer;
        }

        .mycart .badge-primary i:hover {

            color: #f3800b;
        }


        .mycart #shoppingBagBtn {
            color: black;
            background-color: #e1ab09;
            border-color: #686868;
        }

        .mycart h3 {
            margin-left: 0px;
            text-align: left;

        }



        @media (min-width:240px)and (max-width:480px) {

            .mycart {
                width: 94%;
                /* float: right; */
                position: fixed;
                z-index: 9999999;
                top: 7px;
                right: 3%;
                margin: auto;
                border: 1px solid transparent;
                /* position: absolute; */
                box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
                background-color: white;
                padding: 15px;
                border-radius: 15px;
                height: 93vh;
            }



        }


        /***************************************************/
        /***************************************************/
        /***************************************************/

        .banner {
            margin-top: 0px;
            background-color: #fff6ec;
        }

        .banner img {
            width: 90%;
            height: auto;
            margin-top: 30px;
        }

        .banner form input {
            width: 100%;
            border: none;
            padding: 10px;
            background-color: #faf7f7;
            color: #868484;
            border-radius: 5px;
        }

        .banner form select {
            width: 100%;
            border: none;
            padding: 10px;
            background-color: #faf7f7;
            color: #868484;
            border-radius: 5px;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        #work .circle-img {
            box-shadow: 3px 3px 32px rgba(0, 0, 0, .12);
            border-radius: 70%;
            padding: 27px;
            width: 110px;
            height: 110px;
            background-color: white;
            margin: auto;
            margin-bottom: 15px;
        }

        #work h3 {
            font-size: 20px;
        }

        #work ul {
            text-align: left;
        }

        #work .circle-img img {

            width: 100%;
            transform: rotateY(0deg);
            transition: 0.5s;

        }

        #work .circle-img img:hover {}

        #work .col-md-4 {
            margin-bottom: 15px;
        }

        #work .col-md-4:hover .circle-img img {

            transform: rotateY(180deg);
            transition: 0.5s;

        }

        #work .middle:before {
            content: "";
            width: 100%;
            position: absolute;
            height: 1px;
            background-color: orange;

            left: -50%;
            top: 27%;
            z-index: -1;
        }

        #work .middle:after {
            content: "";
            width: 100%;
            position: absolute;
            height: 1px;
            background-color: orange;

            right: -50%;
            top: 27%;
            z-index: -1;
        }


        @media (max-width: 680px) and (min-width: 280px) {
            #work .middle:before {
                content: "";
                width: 100%;
                position: absolute;
                height: 1px;
                background-color: transparent;

                left: -50%;
                top: 27%;
                z-index: -1;
            }

            #work .middle:after {
                content: "";
                width: 100%;
                position: absolute;
                height: 1px;
                background-color: transparent;

                right: -50%;
                top: 27%;
                z-index: -1;
            }


        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        #floating_form {
            width: 340px;
            height: auto;
            float: right;
            position: fixed;
            z-index: 999;
            right: -340px;
            top: 10vh;
            background-color: white;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0px 0px 8px -2px rgb(159 136 95 / 54%);
            border: 1px solid #f7913866;
            overflow: visible;

        }

        #floating_form h4 {
            margin-bottom: 20px;
            font-size: 18px;
        }

        #floating_form .container {
            position: relative;
            width: 100%;
            padding: 0px;
        }

        #floating_form .heading {
            margin-bottom: 20px;
        }

        #floating_form #form_btn {
            width: 200px;
            transform: rotate(90deg);
            position: absolute;
            left: -123px;
            top: 131px;
            box-shadow: none;
            border-radius: 0px 0px 15px 15px;
            font-size: 16px;
            background: #f58726b3;
            outline: none;
        }

        #floating_form .form-control {
            background-color: #faf7f7;
            border: none;
            height: 40px;
            border-radius: 6px;
            margin-bottom: 15px;
            font-size: 12px;
        }

        .back-to-top {
            width: 40px;
            height: 40px;
            background-color: #f7aa66;
            color: white;
            border-radius: 75%;
            padding: 11px;
            position: fixed;
            right: 44px;
            z-index: 999;
            bottom: 110px;
            text-align: center;
        }


        .back-to-top:hover {

            color: white;

        }


        .heading {
            margin-bottom: 60px;
            text-align: center;
            width: 100%;
        }

        .heading h2 {
            font-weight: 600;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/


        #why_tmwala .img {
            align-items: center;


        }

        #why_tmwala .rounded-circle {
            width: 90px;
            padding: 20px;
            border: 2px solid #fc9f0a;
            border-radius: 90%;

            margin-bottom: 20px;
            background-color: #fefbfb;
        }

        #why_tmwala .container {
            background-color: rgb(255, 255, 255);
            width: 100%;

            text-align: center;

        }

        #why_tmwala h3 {
            color: #333333;
        }

        #why_tmwala p {
            color: #5d5d5d;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/

        #registraition {
            background-color: #fff9f1;
            padding: 20px;
            padding-top: 50px;

        }

        #registraition .full-width-heading {
            width: 100%;
            text-align: left;
            background-color: #fffafa;
            padding: 10px 0;
            margin-bottom: 5px;
            margin-left: 20px;
            margin-right: 20px;

        }

        #registraition .full-width-paragraph {
            width: 100%;


        }

        #registraition .white-bg-column {
            background-color: white;
            padding: 20px;
            margin-bottom: 20px;
            border: 1px solid rgb(255, 248, 248);
            margin-right: 20px;
            margin-left: 5px;
            height: 450px;
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
            border-radius: 20px;
        }

        #registraition .highlight-word-color {
            color: #fc9b00;
        }

        #registraition h2 {
            font-weight: 700;
            color: #040303;
            text-align: left;
            padding-left: 20px;
            font-size: 24px;

        }

        #registraition h4 {
            font-weight: 400;
            text-align: left;
            padding-left: 20px;
        }

        #registraition p {
            font-size: 17px;
            text-align: left;
            padding-left: 40px;
        }

        #registraition del {

            text-align: left;
            padding-left: 20px;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        #faq {}

        #faq .accordion {
            background-color: white;
            color: #444;
            cursor: pointer;
            padding: 15px;
            width: 100%;
            text-align: left;
            outline: none ! important;
            font-size: 17px;
            border: 1px solid #77707000;
            height: 80px;
            border-bottom: 1px solid #cccccc;

        }

        #faq .accordion.active {
            background-color: white;
            border: 1px solid transparent;
            outline: none;
        }

        #faq .accordion:after {
            content: '\002B';
            color: #595959;

            float: right;
            margin-left: 5px;
            font-size: 35px;
        }

        #faq .active:after {
            content: "\2212";
        }

        #faq .panel {
            padding: 0 18px;
            display: none;
            background-color: white;
            overflow: hidden;
            border-bottom: 1px solid #bbbbbb;
            padding-bottom: 38px;

        }

        #faq .accordion i {
            color: #fc9b00;
            font-size: 13px;
            margin-right: 15px;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        #process {
            overflow: hidden;
        }

        #process .box p {
            width: 227px;
            font-size: 13px;
        }

        @media (max-width: 680px) and (min-width: 280px) {
            #process .box p {
                display: none;
            }


        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        #testimonial {
            background-color: white;
        }

        #testimonial .box {
            color: #676767;
            padding: 80px 40px;
            height: 400px;
            border: 1px solid #f1f1f1;
            position: relative;
        }

        #testimonial .box img {
            width: 40px;
            height: auto;
            float: left;
            padding-bottom: 40px;
            position: absolute;
            top: 45px;
            left: 40px;
        }

        #testimonial .box p.description {
            font-size: 13px;
            font-weight: 400;
            text-align: justify;
        }

        #testimonial .box p.title {
            font-size: 14px;
            font-weight: 400;
        }

        #testimonial .swiper {
            width: 100%;
            height: fit-content;
            padding-bottom: 55px;
        }

        #testimonial .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 380px;
        }


        #testimonial .mySwiper .swiper-slide:nth-child(odd) {
            background-color: white;
        }

        #testimonial .mySwiper .swiper-slide:nth-child(even) {
            background-color: #fff9f1;
        }

        #testimonial .swiper-pagination-bullet-active {
            opacity: 1;
            background: #fc9b00;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        #footer {
            background-color: #5a5858;
            color: #ffffff;

        }

        #footer .footer-top {
            padding-top: 40px;
        }

        #footer .footer-box img {
            width: 200px;
            height: auto;
            padding: 20px;
            padding-left: 0px;
        }

        #footer .footer-box h3 {
            color: #ffffff;
            margin-bottom: 15px;
            font-size: 18px;
        }

        #footer .footer-box p {
            font-size: 14px;
            padding-bottom: 0px;
            margin-bottom: 7px;
        }

        #footer .footer-box .social_icon {
            display: inline-flex;
            width: 30px;
            height: 30px;
            padding: 6px 8px;
            border-radius: 70%;
            border: 1px solid white;
            color: white;
            background-color: #515151;
            text-align: center;
            margin-top: 20px;
        }

        #footer .copyright {
            color: #f1eeeb;
            text-align: center;
            font-size: 11px;
            padding: 15px;
        }

        #footer .footer-box a {
            color: white;

        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        .all_service {
            background-color: #f7aa66;
            height: 500px;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        .service {}

        .service .service_box {
            background-color: white;
            padding: 30px;
            box-shadow: 3px 3px 32px rgba(0, 0, 0, .12);
            border-radius: 30px;
            border: none;
            text-align: center;

        }

        .service .service_box h5 {
            color: black;
            font-weight: 600;
            margin-top: 40px;
        }

        .service .service_box p {
            color: #acaeb7;
            font-size: 13px;
        }

        .service .service_box #main_icon {
            background-color: #f8a65c;
            border-radius: 70%;
            color: white;
            position: absolute;
            top: -43px;
            left: 37%;
            font-size: 30px;
            box-shadow: 0px 3px 8px 11px rgb(205 159 75 / 26%);
            width: 80px;
            height: 80px;
            padding: 20px;
        }

        .service .service_box .read_more_btn {
            background-image: linear-gradient(305deg, #f79138, #fecd20);
            color: white;
            width: 140px;
            height: 40px;
            border-radius: 20px;
            border: none;
            font-weight: 500;
            font-size: 12px;


        }

        .service .service_box #btn_icon {

            color: white;
            font-size: 14px;

        }

        .service .service_box {
            background-color: white;
            padding: 30px;
            box-shadow: 3px 3px 32px rgba(0, 0, 0, .12);
            border-radius: 30px;
            border: none;
            text-align: center;

        }



        @media (min-width:240px)and (max-width:480px) {
            .service .service_box {
                margin-bottom: 80px;

            }


        }

        /***************************************************/
        /***************************************************/
        /***************************************************/

        #contact_info .left-bg {
            background-image: url("left-bg.png");
            background-repeat: no-repeat;
            position: absolute;
            width: 100%;
            display: inline-block;
            height: 110%;
            margin-top: -200px;
            margin-right: 50px;

        }


        #contact_info .col-md-6 .mob {

            background-color: aqua;
            width: 100px;
            height: 100px;
            border-radius: 70%;

        }

        #contact_info .images {
            display: inline-block;
            float: left;
            width: 18%;
            margin-right: 10px;
        }

        #contact_info .text {
            width: 70%;
            display: inline-block;
            float: left;

        }

        #contact_info li {
            margin-bottom: 10px;
            height: 130px;
        }

        #contact_info ul {
            list-style: none;
            padding: 0;
            margin: 0;

        }

        #contact_info .side_box {
            color: white;
            padding: 20px;
            border-radius: 70%;
            width: 400px;
            height: 400px;
            text-align: center;
            box-shadow: 0px 2px 6px rgb(0 0 0 / 25%);
            background: rgb(244, 129, 63);
            background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255) 35%);
        }

        #contact_info .side_box img {
            width: 326px;
            height: auto;
            /* margin-left: -120px; */
            /* transform: scaleX(-1); */
            /* margin-top: -40px; */

        }

        #contact_info .icon_box {
            width: 80px;
            height: 80px;
            color: white;
            border-radius: 10px;
            padding: 17px;
            text-align: center;
            font-size: 37px;
            display: inline-block;
            float: left;
            margin-right: 20px;
            background: rgb(244, 129, 63);
            background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255) 35%);
            color: orange;
            box-shadow: 3px 3px 32px rgba(0, 0, 0, .12);
            margin-right: 35px;
        }

        @media (min-width:240px)and (max-width:480px) {

            #contact_info .text {
                width: 100%;
                display: inline-block;
                float: left;
                text-align: center;

            }

            #contact_info li {
                margin-bottom: 10px;
                height: 130px;
                text-align: center;
            }

            #contact_info ul {
                list-style: none;
                padding: 0;
                margin: 0;
                text-align: center;

            }


            #contact_info .icon_box {
                width: 80px;
                height: 80px;
                color: white;
                border-radius: 10px;
                padding: 17px;
                text-align: center;
                font-size: 37px;
                display: inline-block;
                margin-right: 20px;
                background: rgb(244, 129, 63);
                background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255) 35%);
                color: orange;
                box-shadow: 3px 3px 32px rgba(0, 0, 0, .12);
                margin-right: 35px;
                margin: auto ! important;
                float: none;
            }

            #contact_info .text {
                margin-top: 15px;
            }

        }


        @media (min-width:240px)and (max-width:480px) {


            .modal.show .modal-dialog {
                width: 100%;
                max-width: 100% ! important;
            }


        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        .skills {
            background-color: #fff7ec;

        }

        .skills h2 {
            margin-top: 60px;
        }

        .skills img {
            margin-top: 60px;

        }

        .skills input {
            width: 90%;
            border-radius: 30px;
            height: 50px;

        }

        .skills span i {
            position: absolute;
            top: 220px;
            right: 85px;
            background-color: #f7ad38;
            color: white;
            border-radius: 70px;
            padding: 10px;
        }

        .skills p {
            margin-top: 25px;
            font-size: 12px;
            font-weight: 600;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/

        #ableton {}

        #ableton .first {
            width: 55%;
            height: auto;
            position: absolute;
            left: 0px;
            top: 20px;
            z-index: 999;
        }

        #ableton .second {
            width: 35%;
            height: auto;

            position: absolute;
            right: 20%;
            top: 250px;
            z-index: 1000;
        }

        #ableton .third {
            position: absolute;
            width: 35%;
            height: auto;

            top: 20px;
            right: 0px;
            z-index: 999;
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/


        #blog {}

        #blog .search-bar {
            width: 100%;
            max-width: 400px;

        }

        #blog .col-md-4 {
            margin-bottom: 30px;

        }

        #blog .card button {
            background-image: linear-gradient(305deg, #f79138, #fecd20);
            color: white;
            width: 140px;
            height: 40px;
            border-radius: 20px;
            border: none;
            font-weight: 500;
        }

        #blog .card-text {
            background-color: #ffede0;
            color: orange;
            width: fit-content;
            border-radius: 12px;
            padding: 1px 10px;
            font-size: 14px;

        }

        #blog .card-discription {
            height: 120px;
            overflow: hidden;
        }

        #blog .card-body p {
            font-size: 14px;
        }

        #blog .highlight {
            color: orangered;
        }

        #blog .highlight {
            padding-bottom: 15px;
        }

        #blog .card {
            border-radius: 30px;

            box-shadow: 3px 3px 32px rgba(0, 0, 0, .12);
            margin-bottom: 15px;
            transform: scale(1);
            transition: 0.6s;
        }

        #blog #search_btn {
            background-color: #f0852d;
            color: white;
            border-radius: 5px 30px 30px 5px;
            border: none;
            position: absolute;
            top: 7px;

        }

        #blog img.card-img-top {
            width: 100%;
            border-top-left-radius: calc(.25rem - 1px);
            border-top-right-radius: calc(.25rem - 1px);
            height: 120px;
            border-radius: 25px 25px 0px 0px;
            object-fit: cover;


        }

        #blog .fa-solid .fa-arrow-right {
            margin-left: 40px;
        }


        #blog .card:hover {
            transform: scale(1.05);
            transition: 0.6s;


        }

        #blog .card-body {
            border-radius: 0px 0px 25px 25px;
        }

        .plan {}

        .plan .plan_box {
            width: 100%;
            padding: 40px;
            height: auto;
            border-radius: 30px;
            /* box-shadow: 3px 3px 32px rgba(0, 0, 0, .12); */
            border: 1px solid #e4e4e4;

        }

        .plan .plan_box h3 {

            font-size: 20px;

        }

        .plan .plan_box h5 {
            font-size: 16px;

        }


        li::marker {
            color: orange;
        }


        @media (max-width: 680px) and (min-width: 280px) {
            .plan .plan_box {
                margin-bottom: 40px;
            }
        }



        .banner_img {}

        .banner_img .row {
            overflow: hidden;
            background-image: url('../images/s6.webp');
            background-size: contain;
            border-radius: 10px;

        }

        .banner_img .col-md-9 {
            background-color: #fff7ecf2;
            border-radius: 6px;
            box-shadow: 32px -1px 0px 1px rgb(225 190 154 / 58%);
            height: 408px;
            padding: 50px;
            position: relative;
            z-index: 2;
        }

        .banner_img .col-md-9 p {
            color: #1f1d1d;
            margin-bottom: 7px;
            font-size: 16px;
            font-family: 'Ionicons';
        }

        .banner_img .col-md-9 h2 {
            padding-bottom: 25px;
            color: #646464;
            font-weight: 400;
        }

        .banner_img .col-md-9 button {
            background-color: #f0852d;
            color: white;
            border-radius: 23px;
            padding: 11px;
            width: 162px;
            margin-top: 25px;
        }

        .banner_img .col-md-9 img {
            width: 120%;
            height: 390px;
            object-fit: cover;
            border-radius: 0px 30px 30px 0px;
            margin-left: -39px;
        }

        .banner_img img {
            width: 110%;
            height: 403px;
            object-fit: cover;
            border-radius: 0px 30px 30px 0px;
            margin-left: -50px;
            box-shadow: 3px 3px 32px rgba(0, 0, 0, .12);
        }

        /***************************************************/
        /***************************************************/
        /***************************************************/

        .profile {
            padding: 40px 7%;
            background-color: #efefef;
        }

        .profile .sidemenu {
            background-color: white;
            height: 400px;
            padding: 15px;
            box-shadow: 0px 0px 8px 5px rgb(225 212 212 / 60%);
            border-radius: 10px;
            margin-left: -25px;


        }

        .profile i {
            color: #7e776e;
        }

        .profile ul {
            list-style: none;

        }

        .profile ul li {
            border-bottom: 1px solid #ece3dc;
            padding: 13px;
            text-align: left;
            margin-left: -46px;


        }

        .profile ul a {
            color: #403c37;


        }

        .profile ul li:hover {
            color: orange;
        }

        .profile ul li:hover i {
            color: orange;
        }

/*
        .profile .form-group {
            margin: 15px;
        }
*/

        .profile .col-md-9 {
            padding-left: 0px;
}

        .profile .col-md-9 p {
            font-size: 18px;
            border-bottom: 1px solid #ece3dc;
            margin-bottom: 10px;
            
            padding-top: 0px;
            padding-bottom: 20px;
        }

/*
        .profile .col-md-9 input {
            width: 300px;
            border: 1px solid #fbbb325c;
            background-color: white;
            color: #7e776e;
        }
*/

        .profile #profile_btn {
            width: 200px;
            margin-left: -10px;

        }

        .profile .box {
            padding: 30px;
            padding-left: 70px;
            background: white;
            border-radius: 15px;
            box-shadow: 0px 0px 8px 0px rgb(198 196 196 / 52%);
            overflow: auto;

        }

        @media (max-width: 680px) and (min-width: 280px) {
            .profile {
                padding: 40px 0%;
            }

            .profile .sidemenu {
                margin-left: 0px;
                margin-bottom: 30px;
            }


            .profile .box {
                padding: 30px;
                padding-left: 20px;
                background: white;
                border-radius: 15px;
                box-shadow: 0px 0px 8px 0px rgb(198 196 196 / 52%);
                overflow: auto;
            }
        }

        .profile .col-md-3{
            width:300px;
            
        }
        
        .profile .col-md-9{
            width: calc(100% - 305px);
            height: 99vh;
            overflow: auto;
        }

.profile .col-md-9 .side_box{
    height:calc(99vh - 130px); 
}

.profile .container{
    padding:5px ! important;
}
        /***************************************************/
        /***************************************************/
        /***************************************************/


        .packages {}

        .packages .col-md-6 {}

        .packages .col-md-6 img {
            width: 100%;
            height: 600px;
            padding-right: 100px;
            object-fit: cover;

        }

        .packages .col-md-6 .side_box {
            background-color: #f79138;
            color: white;
            padding: 20px;
            border-radius: 10px;
            position: absolute;
            top: 100px;
            right: -0px;
            width: 300px;
            text-align: left;
            box-shadow: 24px 32px 80px -16px rgba(0, 0, 0, .6509803921568628);
            padding-left: 65px;



        }

        .packages .col-md-6 .side_box i {
            background-color: white;
            color: #676057;
            border-radius: 75%;
            padding: 3px;
            position: absolute;
            left: 20px;
            top: 30px;
            width: 30px;
            height: 30px;
            text-align: center;

        }

        .packages .package_info {
            margin-top: 100px;
            padding-left: 40px;
        }

        .packages .package_info i {
            color: #f79138;
            font-size: 24px;
        }

        .packages #check_price {
            background-color: white;
            color: orange;
            padding: 15px;
            width: 150px;
            border: 1px solid orange;

        }

        @media (min-width: 280px) and (max-width: 680px) {

            .packages .col-md-6 img {
                padding-right: 0px;
            }

            .packages .col-md-6 .side_box {
                display: none;

            }

            .packages .package_info {
                margin-top: 20px;

            }




        }









        .facility {}

        .facility .col-md-6 {}

        .facility .col-md-6 img {
            width: 100%;
            height: 700px;
            padding-left: 100px;
            object-fit: cover;

        }

        .facility .col-md-6 .side_box {
            background-color: orange;
            color: white;
            padding: 20px;
            border-radius: 10px;
            position: absolute;
            bottom: 50px;
            left: -50px;
            width: 300px;
            text-align: left;
            box-shadow: 24px 32px 80px -16px rgba(0, 0, 0, .6509803921568628);
            padding-left: 65px;



        }

        .facility .col-md-6 .side_box i {
            background-color: white;
            color: orange;
            border-radius: 75%;
            padding: 5px;
            position: absolute;
            left: 20px;
            top: 30px;
            width: 30px;
            height: 30px;
            text-align: center;

        }

        .facility .package_info {
            margin-top: 100px;
            padding-left: 40px;
        }

        .facility .package_info i {
            color: orange;
            font-size: 24px;
        }

        .facility #check_price {
            background-color: white;
            color: orange;
            padding: 15px;
            width: 150px;
            border: 1px solid orange;

        }







        /***************************************************/
        /***************************************************/
        /***************************************************/
        #blog_detail {}

        #blog_detail .swiper-horizontal {
            touch-action: pan-y;
            /* background: #e6e1e1; */
            border: 1px solid #cfcfcf;
        }

        #blog_detail .blogmySwiper2 .swiper-slide img {
            vertical-align: middle;
            border-style: none;
            width: 100%;
            height: 380px;
            object-fit: cover;
        }

        #blog_detail .blogmySwiper .swiper-wrapper .swiper-slide img {
            width: 100px;
            height: 100px;
            object-fit: cover;
        }

        #blog_detail h2 {
            color: #f79138;
            text-transform: capitalize;
            font-size: 20px;
        }


        #side_bar .recent_post {
            margin-top: 20px;
            background-color: #fef5eb;
            color: #fbb662;
            padding: 10px;
            border-left: 2px solid #fbb662;
            font-size: 16px;

        }

        #side_bar i {
            font-size: 18px;
            color: #f89438;
        }

        #side_bar p {
            font-size: 14px;
            font-family: 'math';
        }

        #side_bar p:hover {
            color: #f89438;
        }

        #side_bar .tags {
            border: 1px solid #dedddb;
            width: fit-content;
            padding: 5px 8px;
            font-size: 12px;
            display: inline-block;
            border-radius: 30px;
        }


        #side_bar h4 {
            font-size: 16px;
        }

        .searchbar {
            width: 100%;
            height: 40px;
            position: relative;
        }



        .searchbar input {
            height: 40px;
            border-radius: 30px;
            width: 100%;
        }

        .searchbar .search_btn {
            background-color: #f0852d;
            color: white;
            border-radius: 30px;
            border: none;
            position: absolute;
            top: 3px;
            width: 32px !important;
            right: 4px;
            padding: 7px;
            height: 32px;
            /* font-size: 3px; */

        }

        @media (max-width: 680px) and (min-width: 280px) {

            #side_bar {
                display: none;
            }


        }

        /***************************************************/
        /***************************************************/
        /***************************************************/
        #login {
            padding-top: 80px;
        }


        #login .myimg {
            max-width: 100%;
            width: auto;
            height: 400px;
            margin: auto;
        }

        #login .devider {
            font-size: 12px;
            text-align: center;
            margin-bottom: 15px;
            position: relative;
        }

        #login .devider:before {
            content: "";
            width: 10vw;
            height: 1px;
            background-color: #bfbfbf;
            position: absolute;
            z-index: 99;
            top: 10px;
            left: 0;

        }

        #login .devider:after {
            content: "";
            width: 10vw;
            height: 1px;
            background-color: #bfbfbf;
            position: absolute;
            z-index: 99;
            top: 10px;
            right: 0;

        }

        #login .logo {
            height: 90px;
            background-color: rgb(245, 245, 245);

        }

        #login .left-side {
            flex: 1;
        }

        #login .right-side {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;

        }

        #login .right-side img {
            max-width: 100%;
            height: auto;
            margin-bottom: 230px;
            margin-left: 150px;
        }

        #login .form-container {
            max-width: 400px;
            margin: auto;



        }

        #login label {
            font-weight: 600;
            font-size: 14px;
        }

        #login .form-group .form-control {
            background-color: #fff6ec;
            color: rgb(90, 90, 90);
            font-size: 12px;
            border: 1px solid transparent;
        }

        #login .google-login {
            background-color: #fff6ec;
            color: rgb(90, 90, 90);
            font-size: 12px;
        }

        #login .btn .btn-primary .btn-block {
            background-color: #fc9b00;
            color: white;

        }

        #login .btn-primary {
            color: #fff;
            /* background-color: #007bff; */
            border-color: #ffb027;
        }

        #login h1,
        #login h6,
        #login h2 {
            color: black
        }

        #login a {
            color: orange;
        }

        @media (max-width: 680px) and (min-width: 280px) {
            #login .myimg {
                margin-top: 50px;
                height: auto;
            }
        }




        .profile .col-md-9 .notification {
            font-size: 14px;
            border: none;

            margin-bottom: 0px;
        }

        .profile .notification i {
            color: #e28e33;
            font-size: 14px;

        }

        .table-striped tbody tr:nth-of-type(odd) {
            background-color: #fff7ec;
        }

        .table-striped tbody tr:hover {
            background-color: #f9be8a;
            color: white;
        }

        .table thead th {
            vertical-align: bottom;
            /* border-bottom: 2px solid #dee2e6; */
            font-weight: 400;
            border: none;
        }

        .table td,
        .table th {
            padding: .75rem;
            vertical-align: top;
            border-top: 1px solid #ffffff;
        }

        .plan_banner {
            background-color: #fcecd1;

        }

        .plan_baanner .col-md-7 {
            margin-left: -56px;
        }

        .plan_banner .box {
            margin-top: 80px;
            background-color: white;
            width: 600px;
            height: 250px;
            box-shadow: 0px 6px 5px 0px rgb(254 223 170);
            padding: 20px;
            margin-left: 20px;
        }

        .plan_banner h2 {
            margin: 35px 10px;

        }

        .plan_banner h5 {
            margin: -31px 15px;
            font-size: 18px;
            color: #ce4300;
        }

        .plan_banner img {
            width: 80%;
            height: 400px;
        }

        @media (max-width: 680px) and (min-width: 280px) {
            .plan_banner .box {
                text-align: center;
                width: px;
                height: 291px;
                width: 100%;
                margin: 0px;
                margin-top: 30px;
            }

            .plan_banner img {
                width: 80%;
                height: 300px;

                text-align: center;
                margin: auto;
                margin-top: 70px;
            }






            /***************************************************/
            /***************************************************/
            /***************************************************/
            .menu_bar .nav-link {
                cursor: pointer;
                color: rgb(28, 27, 27);
                font-weight: bolder;
            }

            .menu_bar .content {
                display: none;

            }

            .menu_bar .float-right {
                height: 70px;
            }

            .menu_bar span {
                font-size: 20px;

            }

            .menu_bar i {
                color: rgb(116, 113, 113);
                font-size: larger;


            }


            .menu_bar .sidebar {
                background-color: white;

                padding-top: 25px;


            }

            .menu_bar .sidebar-sticky {
                height: 600px;
                padding-top: 42px;
                width: 300px;
                background-color: #f7f7f7;
                float: left;
                margin-left: -15px;


            }

            .menu_bar .sidebar-sticky ul li {
                padding-top: 8px;
                padding-bottom: 8px;
            }

            .menu_bar .sidebar-sticky ul li:hover {
                background-color: white;

            }

            .menubar {
                height: 400px;
                display: none;
            }

            .menu_bar .content {
                margin-top: 40px;
                margin-left: 50px;
                color: black;
                display: none;



            }

            .menu_bar .content.active {
                margin-top: 40px;
                margin-left: 50px;
                color: black;
                display: block;

            }

            .menu_bar .content ul {
                list-style: none;
                padding: 0px 35px;
                margin-left: 90px;
            }

            .menu_bar .content li {
                color: #877878;
                margin: 12px;

            }

            .menu_bar .content h4 {
                margin-left: 136px;

                font-size: 20px;
                border-bottom: 1px solid #f0f1f3;
            }

            .menubar {
                float: right;
                width: 800px;
                position: absolute;
                top: 80px;
                background-color: white;
                z-index: 999;
                right: 50px;
                height: 500px;
                overflow: hidden;
                border-radius: 20px;
                box-shadow: 0px 0px 6px 0px rgb(195 176 176 / 60%);

            }

            .menubar ul {
                padding: 0;
                margin: 0;
            }

            .menubar ul li {
                width: 100%;
                padding: 6px 10px;

            }