@import url('https://fonts.googleapis.com/css?family=Poppins|Ubuntu&display=swap');*{box-sizing: border-box;margin: 0;padding: 0}body{background: #eee;font-family: 'Ubuntu',sans-serif}.box{position: relative;width: 100%;padding-right: 15px;padding-left: 15px}.our-services{margin-top: 75px;padding-bottom: 30px;padding: 0 60px;min-height: 198px;text-align: center;border-radius: 10px;background-color: #fff;transition: all .4s ease-in-out;box-shadow: 0 0 25px 0 rgba(20,27,202,.17)}.our-services .icon{margin-bottom: -21px;transform: translateY(-50%);text-align: center}.our-services:hover h4, .our-services:hover p{color: #fff}.speedup:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #fb0054 0%, #f55b2a 100%)}.settings:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #34b5bf 0%, #210c59 100%)}.privacy:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #3615e7 0%, #44a2f6 100%)}.backups:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #fc6a0e 0%, #fdb642 100%)}.ssl:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #8d40fb 0%, #5a57fb 100%)}.database:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #27b88d 0%, #22dd73 100%)}







/* paln css */

body{margin-top:20px;

    background-color: #e4e6e9;

    color: #41464d;

}



.btn:not(:disabled):not(.disabled) {

    cursor: pointer;

}

.btn-a-brc-tp:not(.disabled):not(:disabled).active, .btn-brc-tp, .btn-brc-tp:focus:not(:hover):not(:active):not(.active):not(.dropdown-toggle), .btn-h-brc-tp:hover, .btn.btn-f-brc-tp:focus, .btn.btn-h-brc-tp:hover {

    border-color: transparent;

}

.btn-outline-blue {

    color: #0d6ce1;

    border-color: #5a9beb;

    background-color: transparent;

}

.btn {

    cursor: pointer;

    position: relative;

    z-index: auto;

    border-radius: .175rem;

    transition: color .15s,background-color .15s,border-color .15s,box-shadow .15s,opacity .15s;

}

.border-2 {

    border-width: 2px!important;

    border-style: solid!important;

    border-color: transparent;

}

.bgc-white {

    background-color: #fff!important;

}





.text-green-d1 {

    color: #277b5d!important;

}

.letter-spacing {

    letter-spacing: .5px!important;

}

.font-bolder, .text-600 {

    font-weight: 600!important;

}

.text-170 {

    font-size: 1.7em!important;

}



.text-purple-d1 {

    color: #FE561A!important;

}



.text-primary-d1 {

    color: #FD0002!important;

}

.text-secondary-d1 {

    color: #5f718b!important;

}

.text-180 {

    font-size: 1.8em!important;

}

.text-150 {

    font-size: 1.5em!important;

}

.text-danger-m3 {

    color: #e05858!important;

}

.rotate-45 {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.position-l {

    left: 0;

}

.position-b, .position-bc, .position-bl, .position-br, .position-center, .position-l, .position-lc, .position-r, .position-rc, .position-t, .position-tc, .position-tl, .position-tr {

    position: absolute!important;

    display: block;

}

.mt-n475, .my-n475 {

    margin-top: -2.5rem!important;

}

.ml-35, .mx-35 {

    margin-left: 1.25rem!important;

}



.text-dark-l1 {

    color: #56585e!important;

}

.text-90 {

    font-size: .9em!important;

}

.text-left {

    text-align: left!important;

}



.mt-25, .my-25 {

    margin-top: .75rem!important;

}



.text-110 {

    font-size: 1.1em!important;

}



.deleted-text{

text-decoration:line-through;;    

}



/* holiday package */



.circle-image {

    width: 100px; /* Adjust size as needed */

    height: 100px; /* Adjust size as needed */

    border-radius: 50%; /* Makes the image circular */

    object-fit: cover; /* Ensures the image fits properly */

    border: 2px solid #ccc; /* Optional: border for the circle */

    margin-bottom: 10px; /* Optional: spacing below the image */

}



/* features */

.blue-tick {

    list-style: none; /* Remove default list bullets */

    padding-left: 30px; /* Space for the tick */

    position: relative; /* Position for the tick */

    margin-bottom: 10px; /* Space between list items */

}



.blue-tick::before {

    content: '✔'; /* Unicode for check mark */

    color: #FE561A; /* Orange color */

    font-size: 20px; /* Slightly larger for visibility */

    position: absolute; /* Position the tick */

    left: 0; /* Align to the left of the li */

    top: 50%; /* Center it vertically */

    transform: translateY(-50%); /* Adjust vertical position */

}





/* plans */

/* plans */

body {

    margin-top: 20px;

}



.section-title {

    position: relative;

}



.section-title h2 {

    color: #1d2025;

    position: relative;

    margin: 0;

    font-size: 24px;

}



@media (min-width: 768px) and (max-width: 1024px) {

    .section-title h2 {

        font-size: 28px;

    }

}



@media (min-width: 992px) {

    .section-title h2 {

        font-size: 34px;

    }

}



.section-title.title-ex1 h2 {

    padding-bottom: 20px;

}



@media (min-width: 768px) and (max-width: 1024px) {

    .section-title.title-ex1 h2 {

        padding-bottom: 30px;

    }

}



@media (min-width: 992px) {

    .section-title.title-ex1 h2 {

        padding-bottom: 40px;

    }

}



.section-title.title-ex1 h2:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 12px;

    width: 110px;

    height: 1px;

    background-color: #d6dbe2;

}



@media (min-width: 768px) and (max-width: 1024px) {

    .section-title.title-ex1 h2:before {

        bottom: 17px;

    }

}



@media (min-width: 992px) {

    .section-title.title-ex1 h2:before {

        bottom: 25px;

    }

}



.section-title.title-ex1 h2:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 12px;

    width: 40px;

    height: 1px;

    background-color: #FE561A;

}



@media (min-width: 768px) and (max-width: 1024px) {

    .section-title.title-ex1 h2:after {

        bottom: 17px;

    }

}



@media (min-width: 992px) {

    .section-title.title-ex1 h2:after {

        bottom: 25px;

    }

}



.section-title.title-ex1.text-center h2:before {

    left: 50%;

    transform: translateX(-50%);

}



.section-title.title-ex1.text-center h2:after {

    left: 50%;

    transform: translateX(-50%);

}



.section-title.title-ex1.text-right h2:before {

    left: auto;

    right: 0;

}



.section-title.title-ex1.text-right h2:after {

    left: auto;

    right: 0;

}



.section-title.title-ex1 p {

    font-family: "Montserrat", sans-serif;

    color: #8b8e93;

    font-size: 14px;

    font-weight: 300;

}



/* price */

.price-card {

    background: #f5f5f6;

    padding: 40px 35px;

    position: relative;

    border-radius: 2px;

    overflow: hidden;

}



.price-card:before {

    position: absolute;

    content: "";

    top: 0;

    right: -35px;

    width: 88px;

    height: 88px;

    background: #FE561A;

    opacity: 0.2;

    border-radius: 8px;

    transform: rotate(45deg);

}



.price-card:after {

    position: absolute;

    content: "";

    top: 30px;

    right: -35px;

    width: 88px;

    height: 88px;

    background: #FE561A;

    opacity: 0.2;

    border-radius: 8px;

    transform: rotate(45deg);

}



.price-card h2 {

    font-size: 26px;

    font-weight: 600;

}



.price-card .btn {

    font-size: 11px;

    border-radius: 100px;

    padding: 0 25px;

    border: 0;

    color: #fff;

    float: right;

}



.price-card .btn.btn-primary {

    border: 0 !important;

}



.price-card.featured {

    background: #fff;

    border: 1px solid #ebebeb;

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);

}



.price-card:hover .btn {

    background: #FE561A;

    border-color: #FE561A;

}



p.price span {

    display: inline-block;

    padding: 45px 15px 50px;

    padding-right: 0;

    font-size: 50px;

    font-weight: 600;

    color: #FE561A;

    position: relative;

}



p.price span:before {

    position: absolute;

    content: "";

    font-size: 16px;

    top: 25px;

    font-weight: 300;

    left: 0;

}



.pricing-offers {

    padding: 0 0 10px;

}



.pricing-offers li {

    padding: 0 0 16px;

    line-height: 18px;

}



ul li {

    list-style-type: none;

}



.btn.btn-mid {

    height: 40px;

    line-height: 40px;

    padding: 0 20px;

}



/* Tablet specific adjustments */

@media (min-width: 768px) and (max-width: 1024px) {

    .price-card {

        padding: 30px 25px;

    }



    .price-card h2 {

        font-size: 22px;

    }



    .price-card .btn {

        font-size: 10px;

        padding: 0 20px;

    }



    p.price span {

        font-size: 40px;

        padding: 35px 10px 40px;

    }



    .section-title h2 {

        font-size: 28px;

    }

}