/*search sytyling*/

                    body {
                        font-family: "Poppins", sans-serif;
                        font-weight: 300;
                        background-image: url('public/assets/background1.jpg');
                        background-color: #ffffff;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        z-index: -100;
                        background-position: 50% 50%;
                        background-size: cover;
                        background: repeat: no-repeat;
                    }

                    .height {
                        height: 8vh
                    }

                    .search {
                        position: relative;
                        box-shadow: 0 0 40px rgba(51, 51, 51, .1);
                        outline: none;
                    }

                    .search input {
                        height: 60px;
                        text-indent: 25px;
                        outline: none;
                    }

                    .search input:focus {
                        box-shadow: none;
                        border: #ffaa17;
                        outline: none;
                    }

                    .search .fa-search {
                        position: absolute;
                        top: 20px;
                        outline: none;
                        left: 16px
                    }

                    .search button {
                        position: absolute;
                        top: 5px;
                        right: 5px;
                        height: 50px;
                        width: 80px;
                        background: #ffaa17;
                    }

                    .customButton {
                        background-color: #ffaa17;
                        color: #ffaa17;
                    }

                    #price {
                        color: #FF9227;
                    }

                    .primaryColor {
                        color: #FF9227;
                    }

                    .centeredScreen {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

                    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);
                    #contact input[type="text"],
                    #contact input[type="email"],
                    #contact input[type="tel"],
                    #contact input[type="url"],
                    #contact textarea,
                    #contact button[type="submit"] {
                        font: 400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;
                    }

                    #contact {
                        background: #F9F9F9;
                        padding: 25px;
                        margin: 50px 0;
                    }

                    #contact h3 {
                        color: #FF9227;
                        display: block;
                        font-size: 30px;
                        font-weight: 400;
                    }

                    #contact h4 {
                        margin: 5px 0 15px;
                        display: block;
                        font-size: 13px;
                    }

                    fieldset {
                        border: medium none !important;
                        margin: 0 0 10px;
                        min-width: 100%;
                        padding: 0;
                        width: 100%;
                    }

                    #contact input[type="text"],
                    #contact input[type="email"],
                    #contact input[type="tel"],
                    #contact input[type="url"],
                    #contact textarea {
                        width: 100%;
                        border: 1px solid #CCC;
                        background: #FFF;
                        margin: 0 0 5px;
                        padding: 10px;
                    }

                    #contact input[type="text"]:hover,
                    #contact input[type="email"]:hover,
                    #contact input[type="tel"]:hover,
                    #contact input[type="url"]:hover,
                    #contact textarea:hover {
                        -webkit-transition: border-color 0.3s ease-in-out;
                        -moz-transition: border-color 0.3s ease-in-out;
                        transition: border-color 0.3s ease-in-out;
                        border: 1px solid #AAA;
                    }

                    #contact textarea {
                        height: 100px;
                        max-width: 100%;
                        resize: none;
                    }

                    #contact button[type="submit"] {
                        cursor: pointer;
                        width: 100%;
                        border: none;
                        background: #ffaa17;
                        color: #FFF;
                        margin: 0 0 5px;
                        padding: 10px;
                        font-size: 15px;
                    }

                    #contact button[type="submit"]:hover {
                        background: #ffaa17;
                        -webkit-transition: background 0.3s ease-in-out;
                        -moz-transition: background 0.3s ease-in-out;
                        transition: background-color 0.3s ease-in-out;
                    }

                    #contact button[type="submit"]:active {
                        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
                    }

                    #contact input:focus,
                    #contact textarea:focus {
                        outline: 0;
                        border: 1px solid #999;
                    }

                     ::-webkit-input-placeholder {
                        color: #888;
                    }

                     :-moz-placeholder {
                        color: #888;
                    }

                     ::-moz-placeholder {
                        color: #888;
                    }

                     :-ms-input-placeholder {
                        color: #888;
                    }

                    .parent-link {
                        width: 500px;
                        margin-left: 300px;
                        margin-top: 5px;
                    }

                    button {
                        background-color: #ffaa17;
                        color: white;
                        height: 55px;
                    }

                    .claim {
                        margin-left: 512px;
                        margin-top: -58px;
                    }

                    .header {
                        min-height: 100vh;
                        width: 100%;
                        background-position: center;
                        background-size: cover;
                        position: relative;
                        margin-top: 0px;
                        text-decoration: none;
                    }

                    #home-header {
                        min-height: 100vh;
                        width: 100%;
                        background-image: url("../assets/img/back.png");
                        background-position: center;
                        background-size: cover;
                        position: relative;
                        margin-top: 0px;
                        text-decoration: none;
                    }

                    .col-md-7 {
                        margin-top: 120px;
                        color: white;
                    }
                    /* .navbar-light {
    background-color: #353538;
} */

                    .header li a {
                        color: rgb(221, 215, 215);
                        text-decoration: none;
                    }

                    .header a:active {
                        color: #FF9227;
                    }

                    .header a:hover {
                        color: #FF9227;
                    }

                    h1 {
                        padding-top: 80px;
                    }

                    .rectangle {
                        position: absolute;
                        width: 675px;
                        height: 100px;
                        left: 0px;
                        top: 139px;
                        margin-top: 100px;
                        border: 1px solid #C4C4C4;
                        box-sizing: border-box;
                        border-radius: 8px;
                    }

                    .rectangle2 {
                        position: absolute;
                        width: 675px;
                        height: 100px;
                        left: 0px;
                        top: 139px;
                        margin-top: 230px;
                        border: 1px solid #C4C4C4;
                        box-sizing: border-box;
                        border-radius: 8px;
                    }

                    .rectangle3 {
                        position: absolute;
                        width: 675px;
                        height: 100px;
                        left: 0px;
                        top: 139px;
                        margin-top: 360px;
                        border: 1px solid #C4C4C4;
                        box-sizing: border-box;
                        border-radius: 8px;
                    }

                    .rectangle4 {
                        position: absolute;
                        width: 675px;
                        height: 100px;
                        left: 0px;
                        top: 139px;
                        margin-top: 490px;
                        border: 1px solid #C4C4C4;
                        box-sizing: border-box;
                        border-radius: 8px;
                    }
                    /* about us*/

                    h1 {
                        padding-top: 80px;
                    }

                    .rectangle {
                        position: absolute;
                        width: 675px;
                        height: 100px;
                        left: 0px;
                        top: 139px;
                        margin-top: 100px;
                        border: 1px solid #C4C4C4;
                        box-sizing: border-box;
                        border-radius: 8px;
                    }

                    .rectangle2 {
                        position: absolute;
                        width: 675px;
                        height: 100px;
                        left: 0px;
                        top: 139px;
                        margin-top: 230px;
                        border: 1px solid #C4C4C4;
                        box-sizing: border-box;
                        border-radius: 8px;
                    }

                    .rectangle3 {
                        position: absolute;
                        width: 675px;
                        height: 100px;
                        left: 0px;
                        top: 139px;
                        margin-top: 360px;
                        border: 1px solid #C4C4C4;
                        box-sizing: border-box;
                        border-radius: 8px;
                    }

                    .rectangle4 {
                        position: absolute;
                        width: 675px;
                        height: 100px;
                        left: 0px;
                        top: 139px;
                        margin-top: 490px;
                        border: 1px solid #C4C4C4;
                        box-sizing: border-box;
                        border-radius: 8px;
                    }
                    /* .list{
    margin-left: 750px;
margin-top: -400px;

}  */

                    .col-sm-6 {
                        padding-top: 50px;
                    }

                    div.image {
                        margin: 10px;
                        display: inline-block;
                    }

                    div.image img {
                        width: 65%;
                        height: 65vh;
                        margin-left: 750px;
                        margin-top: -35%;
                    }
                    /* .container {
    width: 100%;
  } */

                    .package-container {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-wrap: wrap;
                    }

                    .packages {
                        margin: 20px;
                        width: auto;
                        padding-bottom: 1.5em;
                        background-color: #ffffff;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        border-radius: 20px;
                        box-shadow: white;
                        flex-wrap: wrap;
                        color: #f4f4f4;
                    }
                    /* .list li {
    font-size: 20px;
    list-style: none;
    border-bottom: 1px solid #232222;
    padding-inline-start: 0;
    border-width: 1px;
    padding: 10px;
    color: rgb(21, 20, 20);
  } */

                    .first {
                        margin-top: 40px;
                        border-top: 1px solid #f4f4f4;
                    }

                    .list {
                        width: 80%;
                    }

                    ol,
                    ul {
                        padding: 0;
                    }

                    .button {
                        padding: 10px 30px;
                        text-decoration: none;
                        font-size: 1.4em;
                        margin: 15px 15px;
                        border-radius: 50px;
                        color: #f4f4f4;
                        transition: all 0.3s ease 0s;
                    }

                    .button:hover {
                        transform: scale(1.2);
                    }

                    .button1 {
                        background-color: #00cc99;
                        box-shadow: 0 0 10px 0 #00cc99 inset, 0 0 20px 2px #00cc99;
                    }

                    .button2 {
                        background-color: #ff007c;
                        box-shadow: 0 0 10px 0 #ff007c inset, 0 0 20px 2px #ff007c;
                    }

                    .button3 {
                        background-color: #ffae42;
                        box-shadow: 0 0 10px 0 #ffae42 inset, 0 0 20px 2px #ffae42;
                    }

                    .switch {
                        position: relative;
                        display: inline-block;
                        width: 60px;
                        height: 34px;
                    }

                    .switch input {
                        opacity: 0;
                        width: 0;
                        height: 0;
                    }

                    .slider {
                        position: absolute;
                        cursor: pointer;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-color: #938e90;
                        -webkit-transition: 0.4s;
                        transform: translate(0px, 0px);
                        transition: 0.6s ease transform, 0.6s box-shadow;
                    }

                    .slider:before {
                        position: absolute;
                        content: "";
                        height: 26px;
                        width: 26px;
                        left: 4px;
                        bottom: 4px;
                        background-color: white;
                        -webkit-transition: 0.4s;
                        transition: 0.4s;
                    }

                    input:checked+.slider {
                        background-color: #FF9227;
                    }

                    input:focus+.slider {
                        box-shadow: 0 0 1px #938e90;
                    }

                    input:checked+.slider:before {
                        -webkit-transform: translateX(26px);
                        -ms-transform: translateX(26px);
                        transform: translateX(26px);
                    }

                    .slider.round {
                        border-radius: 34px;
                    }

                    .slider.round:before {
                        border-radius: 50%;
                    }

                    .top {
                        color: white;
                        padding-top: 20px;
                        margin-left: 500px;
                    }

                    h2 {
                        text-color: white;
                    }

                    .package-container1 {
                        margin-left: 393px;
                        padding-top: 200px;
                    }
                    /* .package-container1 p{
font-family: 'poppins', Arial, sans-serif;
font-size: 25px;
padding-top: 20px;
color: #ffffff;

  } */

                    .float-right {
                        margin-left: 100px;
                    }

                    .shared {
                        margin-left: 450px;
                    }

                    .shared p {
                        color: #ffffff;
                        padding-top: 20px;
                        font-size: 23px;
                    }

                    .toggle-btn {
                        color: #ffffff;
                        font-weight: 200;
                        font-size: 20px;
                    }

                    .fixed-top {
                        background-color: #272729;
                    }

                    .h1 {
                        color: #D3057D;
                    }

                    .features {
                        color: #FF9227;
                    }

                    .ul .arrow-list {
                        color: #888;
                    }

                    ol,
                    ul {
                        color: #888;
                        padding-left: 0rem;
                        >>>>>>>origin/footer
                    }

                    ul {
                        display: block;
                        list-style-type: disc;
                        margin-block-start: 1em;
                        margin-block-end: 1em;
                        margin-inline-start: 0px;
                        margin-inline-end: 0px;
                        padding-inline-start: 40px;
                    }

                    ol,
                    ul {
                        color: #888;
                        padding-left: 0rem;
                    }

                    .number-box-number {
                        font-size: xx-large;
                    }

                    .number-box-content p {
                        font-size: large;
                    }

                    .footer-long {
                        height: 500px;
                        padding-top: 100px;
                    }

                    .footer-long {
                        height: 500px;
                        padding-top: 100px;
                    }

                    .horizontal {
                        float: left;
                        border: 1px solid green
                    }

                    .horizontal * {
                        display: inline-block;
                        margin-left: 10px;
                    }

                    .vertical {
                        float: left;
                        width: 100%;
                        border: 1px solid blue
                    }

                    .vertical>* {
                        display: block;
                        width: 100%;
                    }

                    .templates {
                        padding-bottom: 100px;
                    }

                    .bg-white {
                        padding-bottom: 200px;
                    }

                    .id {
                        justify-content: center;
                        align-items: center;
                        text-align: center;
                    }

                    body {
                        margin-top: 20px;
                    }

                    .pricing-content {}

                    .single-pricing {
                        background: #fff;
                        padding: 40px 20px;
                        border-radius: 5px;
                        position: relative;
                        z-index: 2;
                        border: 1px solid #eee;
                        box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .09);
                        transition: 0.3s;
                    }

                    @media only screen and (max-width:480px) {
                        .single-pricing {
                            margin-bottom: 30px;
                        }
                    }

                    .single-pricing:hover {
                        box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
                        z-index: 100;
                        transform: translate(0, -10px);
                    }

                    .price-label {
                        color: #fff;
                        background: #ffaa17;
                        font-size: 16px;
                        width: 100px;
                        margin-bottom: 15px;
                        display: block;
                        -webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
                        clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
                        margin-left: -20px;
                        position: absolute;
                    }

                    .price-head h2 {
                        font-weight: 600;
                        margin-bottom: 0px;
                        text-transform: capitalize;
                        font-size: 26px;
                    }

                    .price-head span {
                        display: inline-block;
                        background: #ffaa17;
                        width: 6px;
                        height: 6px;
                        border-radius: 30px;
                        margin-bottom: 20px;
                        margin-top: 15px;
                    }

                    .price {
                        font-weight: 500;
                        font-size: 50px;
                        margin-bottom: 0px;
                    }

                    .single-pricing {}

                    .single-pricing h5 {
                        font-size: 14px;
                        margin-bottom: 0px;
                        text-transform: uppercase;
                    }

                    .single-pricing ul {
                        list-style: none;
                        margin-bottom: 20px;
                        margin-top: 30px;
                    }

                    .single-pricing ul li {
                        line-height: 35px;
                    }

                    .single-pricing a {
                        background: none;
                        border: 2px solid #ffaa17;
                        border-radius: 5000px;
                        color: #ffaa17;
                        display: inline-block;
                        font-size: 16px;
                        overflow: hidden;
                        padding: 10px 45px;
                        text-transform: capitalize;
                        transition: all 0.3s ease 0s;
                    }

                    .single-pricing a:hover,
                    .single-pricing a:focus {
                        background: #ffaa17;
                        color: #fff;
                        border: 2px solid #ffaa17;
                    }

                    .single-pricing-white {
                        background: #232434
                    }

                    .single-pricing-white ul li {
                        color: #fff;
                    }

                    .single-pricing-white h2 {
                        color: #fff;
                    }

                    .single-pricing-white h1 {
                        color: #fff;
                    }

                    .single-pricing-white h5 {
                        color: #fff;
                    }
                    /* .footer-long {
                        bottom: 0;
                        width: 100%;
                    } */

                    .profile-info-dashboard {
                        padding-top: 50px;
                        padding-bottom: 190px;
                    }

                    .dashboards-title {
                        padding-top: 50px;
                    }

                    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");