@media only screen and (min-width: 600px) {
            .main {
                padding-top: 0px !important;
            }
            .hero-equal-height {
                top: 64px !important;
            }
            .fade-in-up.visible {
                margin-top: 40px !important;
            }

        }

        .stroke_text {
            color: white;
            background: red;
            border-radius: 10px 5px 10px 5px;
            margin-bottom: 10px !important;
        }

        .gradient_text {
            font-size: 30px;
            font-family: "Racing Sans One" !important;
            background-image: linear-gradient(335deg,
                    hsl(0deg 0% 0%) 0%,
                    hsl(0deg 100% 20%) 16%,
                    hsl(0deg 100% 21%) 24%,
                    hsl(0deg 100% 24%) 30%,
                    hsl(0deg 100% 26%) 35%,
                    hsl(0deg 100% 28%) 40%,
                    hsl(0deg 100% 30%) 45%,
                    hsl(0deg 100% 33%) 50%,
                    hsl(0deg 100% 35%) 55%,
                    hsl(0deg 100% 37%) 60%,
                    hsl(0deg 100% 40%) 65%,
                    hsl(0deg 100% 42%) 70%,
                    hsl(0deg 100% 45%) 76%,
                    hsl(0deg 100% 47%) 84%,
                    hsl(0deg 100% 50%) 100%);
            -webkit-background-clip: text;
            color: transparent;
            /* Hide the default text color */
        }
    
        /* Animation Keyframes */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(100px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Apply Animation Class */
        .fade-in-up {
            opacity: 0;
            /* Start hidden */
            transform: translateY(50px);
            /* Start from below */
            transition: opacity 1s ease-out, transform 1s ease-out;
        }

        /* When the element is in view */
        .fade-in-up.visible {
            opacity: 1;
            transform: translateY(0);
            animation: fadeInUp 0.6s forwards;
            /* Add animation */
        }

        .col-right {
            margin: 25px 0 30px 10px !important;
            text-align: center;
        }

        .col-left {
            float: left !important;
            margin: 25px 0 30px !important;
            text-align: center;
        }

        .countheading {
            background: rgb(255, 1, 0);
            background: linear-gradient(16deg, rgba(255, 1, 0, 1) 6%, rgba(152, 53, 53, 1) 92%);
            color: white !important;
            padding: 10px;
            border-radius: 5px;
            position: relative;
        }

        .countheading::after {
            position: absolute;
            content: "";
            width: 20px;
            height: 20px;
            background: rgb(255, 1, 0);
            background: linear-gradient(16deg, rgba(255, 1, 0, 1) 6%, rgba(152, 53, 53, 1) 92%);
            left: 43%;
            top: -10px;
            transform: translateX(-50px);
            transform: rotate(45deg) !important;
            z-index: -100;

        }

        .border.border-variant-soft.counting {
            margin-bottom: -10px !important;
            position: relative;
            z-index: -1000;
        }

        @media all and (min-width:600px) {
            .tootltip_rocket {
                position: relative;
                border-right: 4px solid red;
                border-radius: 15px;
            }

            .tootltip_rocket::after {
                position: absolute;
                content: "";
                width: 6px;
                height: 6px;
                background: red;
                right: -7px;
                top: 40%;
                transform: rotate(45deg);
            }

            .tootltip_rocket_left {
                position: relative;
                border-left: 4px solid red;
                border-radius: 15px;
                padding-left: 10px;
            }

            .tootltip_rocket_left::after {
                position: absolute;
                content: "";
                width: 6px;
                height: 6px;
                background: red;
                left: -7px;
                top: 40%;
                transform: rotate(45deg);
            }
        }

        .heartbeat {
            -webkit-animation: heartbeat 2s ease-in-out infinite both;
            animation: heartbeat 2s ease-in-out infinite both;
        }

        /* ----------------------------------------------
 * Generated by Animista on 2024-8-7 10:19:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

        /**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
        @-webkit-keyframes heartbeat {
            from {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;

            }

            10% {
                -webkit-transform: scale(0.91);
                transform: scale(0.91);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            17% {
                -webkit-transform: scale(0.98);
                transform: scale(0.98);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            33% {
                -webkit-transform: scale(0.87);
                transform: scale(0.87);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            45% {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
        }


        .col-md-2.otimg {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        @media (min-device-width: 359px) and (max-width: 991px) {
            .pricing-table .btn {
                padding: 10px 40px !important;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) {
            .abt-thm-1 {
                padding-left: 30px !important;
            }
        }



        @media only screen and (max-device-width: 480px) {
            .sme {
                margin-left: 25px !important;
            }
        }



        .custom-dot,
        .custom-dot-2,
        .hero-content-slider,
        .owl-carousel,
        .owl-drag,
        .owl-loaded,
        .owl-theme {
            margin-top: 5px !important;
        }

        .fancybox-slide>* {
            width: 600px;
            height: 500px;
        }

        @media only screen and (max-device-width: 480px) {
            .fancybox-slide>* {
                width: 500px;
                height: 450px;
                }
        }


        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .arpcolumnheader .bestPlanTitle {
            font-family: "Open Sans", sans-serif;
            font-size: 22px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .arp_price_value {
            font-family: "Open Sans", sans-serif;
            font-size: 24px;
            color: #eaa700;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .arp_price_duration {
            font-family: Open Sans;
            font-size: 14px;
            color: #333;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .arp_price_duration {
            margin-top: 20px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .arp_opt_options li {
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .bestPlanButton:not(.SecondBestPlanButton) {
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .bestPlanButton.SecondBestPlanButton {
            font-size: px;

        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .column_description {
            font-size: px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_0 .caption_li {
            font-family: Open Sans;
            font-size: 16px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .arpcolumnheader .bestPlanTitle {
            font-family: "Open Sans", sans-serif;
            font-size: 22px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .arp_price_value {
            font-family: "Open Sans", sans-serif;
            font-size: 24px;
            color: #eaa700;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .arp_price_duration {
            font-family: Open Sans;
            font-size: 14px;
            color: #333;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .arp_price_duration {
            margin-top: 20px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .arp_opt_options li {
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .bestPlanButton:not(.SecondBestPlanButton) {
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .bestPlanButton.SecondBestPlanButton {
            font-size: px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .column_description {
            font-size: px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_1 .caption_li {
            font-family: Open Sans;
            font-size: 16px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .arpcolumnheader .bestPlanTitle {
            font-family: "Open Sans", sans-serif;
            font-size: 22px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .arp_price_value {
            font-family: "Open Sans", sans-serif;
            font-size: 24px;
            color: #eaa700;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .arp_price_duration {
            font-family: Open Sans;
            font-size: 14px;
            color: #333;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .arp_price_duration {
            margin-top: 20px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .arp_opt_options li {
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .bestPlanButton:not(.SecondBestPlanButton) {
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .bestPlanButton.SecondBestPlanButton {
            font-size: px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .column_description {
            font-size: px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_2 .caption_li {
            font-family: Open Sans;
            font-size: 16px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .arpcolumnheader .bestPlanTitle {
            font-family: "Open Sans", sans-serif;
            font-size: 22px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .arp_price_value {
            font-family: "Open Sans", sans-serif;
            font-size: 24px;
            color: #eaa700;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .arp_price_duration {
            font-family: Open Sans;
            font-size: 14px;
            color: #333;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .arp_price_duration {
            margin-top: 20px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .arp_opt_options li {
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .bestPlanButton:not(.SecondBestPlanButton) {
            font-family: "Open Sans", sans-serif;
            font-size: 12px;
            color: #fff;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .bestPlanButton.SecondBestPlanButton {
                    font-size: px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .column_description {
            font-size: px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.style_column_3 .caption_li {
            font-family: Open Sans;
            font-size: 16px;
            color: #fff;
        }

        .arp_tooltip_20 {
            color: #fff !important;
            background: #000 !important;
        }

        .arp_tooltip_20 .tooltipster-content {
            line-height: 16px;
            padding: 8px 10px;
            font-family: "Open Sans", sans-serif;
            font-size: 16px;
            font-weight: 400;
            font-style: noraml;

        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper {
            margin-right: 10px;
        }

        .ArpPriceTable.arp_price_table_20.arptemplate_1 .maincaptioncolumn .arpcaptiontitle {
            color: #e3e3e3;
        }

        .ArpPriceTable.arp_price_table_20.arptemplate_4 .maincaptioncolumn .arpcaptiontitle {
            color: #000;
        }

        .ArpPriceTable.arp_price_table_20.arptemplate_4 .maincaptioncolumn .arpcaptiontitle {
            font-family: opensans-regular-webfont, Arial, Helvetica, sans-serif;
            font-size: 32px;
        }

        .arp_price_table_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper {
            opacity: 1;
        }

        .arptemplate_20.ArpPriceTable .ArpPricingTableColumnWrapper.shadow_effect.no_animation.column_highlight,
        .arptemplate_20.ArpPriceTable .ArpPricingTableColumnWrapper.shadow_effect.no_animation:hover {
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
            -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
            position: relative !important;
            z-index: 1;
        }

        .arp_tooltip_20 {
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px;
        }

        .ArpPriceTable.arpyellow .ArpPricingTableColumnWrapper:not(.maincaptioncolumn) .arpplan {
            height: 320px !important;
        }

        .ArpPriceTable.arpyellow .ArpPricingTableColumnWrapper:not(.maincaptioncolumn) .arpplan .arppricingtablebodycontent {
            height: 82px;
        }

        .ArpPriceTable.arpyellow .ArpPricingTableColumnWrapper:not(.maincaptioncolumn) .arpplan .arppricetablecolumnprice {
            height: 50px;
        }

        .ArpPriceTable.arpyellow .ArpPricingTableColumnWrapper:not(.maincaptioncolumn) .arpplan .arppricingtablebodycontent li {
            height: 0;
        }

        .arppricetablecolumnprice {
            height: 50px;
        }

        .ArpPriceTable.arpyellow .ArpPricingTableColumnWrapper:not(.maincaptioncolumn) .arpplan .arppricingtablebodycontent {
            height: 50px;
        }

        .arptemplate_20 .arpcolumnheader {
            min-height: 120px;
        }

        .arptemplate_20 .planContainer .arppricingtablebodyoptions li {
            line-height: 1.6;
        }

        .arptemplate_20 .arppricetablebutton .bestPlanButton.arp_medium_btn {
            min-height: 35px !important;
        }

        .arptemplate_20 .arppricetablebutton .bestPlanButton {
            width: 50% !important;
            top: 85px;
        }

        .arptemplate_20 #ArpPricingTableColumns .ArpPricingTableColumnWrapper .arpplan {
            width: 100%;
        }
   
        .wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 15px;
        }

        .pricing-table {
            box-shadow: 0 0 18px #ccc;
            text-align: center;
            padding: 30px 0;
            border-radius: 5px;
            position: relative;
            height: 490px;
        }

        .pricing-table .head {
            padding-bottom: 10px;
            transition: all 0.5s ease;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50px;
        }

        .pricing-table .head .title {
            margin-bottom: 20px;
            font-size: 20px;
            font-weight: 700;
            background: rgba(188, 188, 188, 0.4);
            width: 100%;
            height: 50px;
            text-align: center;
            line-height: 50px;
        }

        .pricing-table .content .price {
            background: linear-gradient(to right, #8e2de2 0, #4a00e0 100%);
            width: 90px;
            height: 90px;
            margin: auto;
            line-height: 90px;
            border-radius: 50%;
            border: 5px solid #fff;
            box-shadow: 0 0 10px #ccc;
            margin-top: -50px;
            transition: all 0.5s ease;
        }

        .pricing-table .content .price h1 {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
        }

        .pricing-table .content ul {
            list-style-type: none;
            margin-bottom: 20px;
            padding-top: 10px;
        }

        .pricing-table .content ul li {
            margin: 20px 0;
            font-size: 14px;
            color: #555;
        }

        .pricing-table .content .sign-up {
            background: linear-gradient(to right, #8e2de2 0, #4a00e0 100%);
            border-radius: 40px;
            font-weight: 500;
            position: relative;
            display: inline-block;
        }

        .pricing-table .btn {
            color: #fff;
            padding: 14px 40px;
            display: inline-block;
            text-align: center;
            font-weight: 600;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3 linear;
            transition: all 0.3 linear;
            border: none;
            font-size: 14px;
            text-transform: capitalize;
            position: relative;
            text-decoration: none;
            margin: 2px;
            z-index: 9999;
            text-decoration: none;
            border-radius: 50px;
        }

        .pricing-table .btn.bordered {
            z-index: 50;
            color: #333;
        }

        .pricing-table:hover .btn.bordered {
            color: #fff !important;
        }

        .pricing-table .btn.bordered:after {
            background: #fff none repeat scroll 0 0;
            border-radius: 50px;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3 linear;
            transition: all 0.3 linear;
            width: 100%;
            z-index: -1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }

        .pricing-table:hover .btn.bordered:after {
            opacity: 0;
            transform: scale(0);
        }

        @media screen and (max-width: 768px) {
            .wrapper {
                grid-template-columns: repeat(2, 1fr);

            }
        }

        @media screen and (max-width: 600px) {
            .wrapper {
                grid-template-columns: 1fr;
            }
        }

        .chicon {
            display: flex;
            flex-direction: row-reverse;
            flex-wrap: nowrap;
            margin: 0 auto;
        }

        table.table.table-striped.plan-details-table tr td {
            color: red;
            padding: 0.5rem;
            font-weight: 700;
        }

        table.table.table-striped.plan-details-table tr th {
            padding: 0.5rem;
        }

        .price1 h1 {
            color: red;
            margin-top: 45px;
        }

        .plan-details-text {
            color: #fff !important;
            margin-bottom: 0;
            display: inline-block;
            padding: 10px;
            background: #ffc107;
            color: #fff;
            background: linear-gradient(to right, #8e2de2 0, #4a00e0 100%);
            border-radius: 10px;
        }

        .vertical {
            width: 100%;
            position: relative;
            top: 82px;
            right: 2px;
            transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
        }

        #pointer2 {
            top: 0;
            width: 50px;
            height: 150px;
            position: absolute;
            background: linear-gradient(to right, #8e2de2 0, #4a00e0 100%);
            right: 0;
            color: #fff;
            text-align: center;
        }

        #pointer2:after {
            content: "";
            position: absolute;
            right: 0;
            width: 0;
            height: 0;
            bottom: -29.5px;
            left: 0;
            border-left: 25px solid #8e2de2;
            border-right: 26px solid #4a00e0;
            border-bottom: 30px solid transparent;
        }

        @media (min-device-width: 361px) and (max-width: 991px) {
            #pointer2:after {
                border-left: 20px solid #8e2de2;
                border-right: 20px solid #4a00e0;
            }

            #pointer2 {
                width: 40px;
            }
        }

        .ribbon {
            width: 150px;
            height: 150px;
            overflow: hidden;
            position: absolute;
        }

        .ribbon::after,
        .ribbon::before {
            position: absolute;
            z-index: -1;
            content: "";
            display: block;
            border: 5px solid #2980b9;
        }

        .ribbon span {
            position: absolute;
            display: block;
            width: 225px;
            padding: 15px 0;
            background: linear-gradient(to right, #facc31 0, #a98030 100%);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
            color: #fff;
            font: 700 17px/1 Lato, sans-serif;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            text-transform: uppercase;
            text-align: center;
        }

        .ribbon-top-left {
            top: -10px;
            left: -10px;
        }

        .ribbon-top-left::after,
        .ribbon-top-left::before {
            border-top-color: transparent;
            border-left-color: transparent;
        }

        .ribbon-top-left::before {
            top: 0;
            right: 0;
        }

        .ribbon-top-left::after {
            bottom: 0;
            left: 0;
        }

        .ribbon-top-left span {
            right: -25px;
            top: 36px;
            transform: rotate(-45deg);
        }

        @media (min-width: 359px) and (max-width: 991px) {
            .fibertit {
                padding-top: 0;
            }

            p:not(:last-child) {
                margin-bottom: 0;
            }

            .fiberbt {
                padding-bottom: 0;
            }

            .ribbon-top-left {
                top: -16px;
                left: -27px;
            }
        }

        .fiberbt {
            display: inline-block;
            width: 120px;
            padding-bottom: 20px;
        }

        .datamb {
            font-weight: 800 !important;
            font-size: 20px;
            width: 158px;
            text-align: center;
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 0 0 -20px;
            gap: 5px;
        }

        .chicon {
            display: flex;
            /* margin-right: -15px; */
            /* margin-left: -15px; */
            /* flex-direction: row-reverse; */
            /* justify-content: space-evenly; */
            flex-wrap: nowrap;
            /* padding-bottom: 10px; */
            /* text-align: center; */
            text-align: center;
            /* text-align: right; */
            margin: 0 auto;
        }

        .modal-header {
            padding: 5px;
        }


    </style>
    <!-- style sheet ends -->



    <!-- Google tag (gtag.js) -->
   

    <noscript><img height="1" width="1" style="display: none;"
            src="https://www.facebook.com/tr?id=1082393815679096&ev=PageView&noscript=1" loading="lazy" /></noscript>

    <meta name="facebook-domain-verification" content="77nwu4fjxsfx354s4lnypc8hhacw6j" />

<body>

    <div id="preloader">

        <div class="loader1"><span></span><span></span><span></span><span></span></div>

    </div>

    <style>
        .but {
            margin-left: -150px !important;
        }

        @media only screen and (min-width: 200px) and (max-width: 700px) {
            .sticky li img {
                width: 46px !important;
                margin: -5px 5px;
            }
        }

        @media (min-device-width:250px) and (max-width:389px) {
            .but {
                margin-left: -80px !important;
                opacity: 1.5;
                border: 3px solid #e8e8e8;
                border-radius: 7px;
                list-style-type: none;
                background-color: red;
                color: #efefef;
                height: 45px;
                padding: 0;
                margin: 0 15px -5px;
                -webkit-transition: all .6s ease-in-out;
                -moz-transition: all .6s ease-in-out;
                -o-transition: all .6s ease-in-out;
                transition: all .6s ease-in-out;
                cursor: pointer;
                filter: gray
            }
        }

        @media (min-device-width:390px) and (max-width:411px) {
            .but {
                margin-left: -80px !important;
                opacity: 1.5;
                border: 3px solid #e8e8e8;
                border-radius: 7px;
                list-style-type: none;
                background-color: red;
                color: #efefef;
                height: 45px;
                padding: 0;
                margin: 0 15px -5px;
                -webkit-transition: all .6s ease-in-out;
                -moz-transition: all .6s ease-in-out;
                -o-transition: all .6s ease-in-out;
                transition: all .6s ease-in-out;
                cursor: pointer;
                filter: gray
            }
        }

        @media (min-device-width:412px) and (max-width:767px) {
            .but {
                margin-left: -80px !important;
                opacity: 1.5;
                border: 3px solid #e8e8e8;
                border-radius: 7px;
                list-style-type: none;
                background-color: red;
                color: #efefef;
                height: 45px;
                padding: 0;
                margin: 0 15px -5px;
                -webkit-transition: all .6s ease-in-out;
                -moz-transition: all .6s ease-in-out;
                -o-transition: all .6s ease-in-out;
                transition: all .6s ease-in-out;
                cursor: pointer;
                filter: gray
            }
        }

        .css-r58ril {
            opacity: 0 !important;
            display: none !important
        }

        .but {
            animation: glowing 1.3s infinite
        }

        .buts {
            animation-name: pulse;
            animation-duration: 3s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out
        }

        /* #expertips_iframe {
            right: 10px !important;
            left: 0 !important;
            bottom: 0 !important
        } */

        .float2 {
            position: fixed;
            width: 154px;
            height: 154px;
            bottom: 300px;
            font-size: 30px;
            z-index: 100;
            animation-name: pulse;
            animation-duration: 3s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out
        }

        .float1 {
            position: fixed;
            width: 160px;
            height: 160px;
            bottom: 0;
            text-align: center;
            font-size: 30px;
            z-index: 100;
            animation-name: pulse;
            animation-duration: 3s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out
        }

        .main-btn-circle,
        .main-btn-rect {
            position: relative;
            margin: 0;
            color: ivory;
            background-color: #fc4f4f;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 1.1px;
            outline: 0;
            cursor: pointer;
            z-index: 100;
            font-weight: 600;
            padding: 14px 14px;
            line-height: 10px
        }

        .vert-move {
            -webkit-animation: mover 1s infinite alternate;
            animation: mover 1s infinite alternate
        }

        @-webkit-keyframes mover {
            0% {
                transform: translateY(0)
            }

            100% {
                transform: translateY(-10px)
            }
        }

        @keyframes mover {
            0% {
                transform: translateY(0)
            }

            100% {
                transform: translateY(-10px)
            }
        }

        @keyframes glowing {
            0% {
                background-color: #ff0404;
                box-shadow: 0 0 5px #a91d07
            }

            50% {
                background-color: #cb3305;
                box-shadow: 0 0 20px #e5e2e1
            }

            100% {
                background-color: #ff0909;
                box-shadow: 0 0 5px #121212
            }
        }

        @-webkit-keyframes pulse {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            50% {
                -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        @keyframes pulse {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            50% {
                -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        .pulse {
            -webkit-animation-name: pulse;
            animation-name: pulse
        }

        @-webkit-keyframes rubberBand {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }

            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }

            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }

            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }

            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        .faa-pulse,
        .faa-pulse.animated,
        .faa-pulse.animated-hover:hover {
            -webkit-animation: pulse 1s linear infinite;
            animation: pulse 1s linear infinite
        }

        .faa-parent.animated-hover:hover>.faa-pulse.faa-fast,
        .faa-pulse.animated-hover.faa-fast:hover,
        .faa-pulse.animated.faa-fast {
            -webkit-animation: pulse 1s linear infinite;
            animation: pulse 1s linear infinite
        }

        .faa-parent.animated-hover:hover>.faa-pulse.faa-slow,
        .faa-pulse.animated-hover.faa-slow:hover,
        .faa-pulse.animated.faa-slow {
            -webkit-animation: pulse 3s linear infinite;
            animation: pulse 3s linear infinite
        }

        .float {
            position: fixed;
            width: 50px;
            height: 50px;
            bottom: 130px;
            left: -5px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;
            animation-name: floating;
            animation-duration: 3s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
            margin-left: 30px;
            margin-top: 5px
        }

        .my-float {
            margin-top: 11px
        }

        ::selection {
            background: #87ceeb;
            color: #fff !important
        }

        ul.footer-contact li {
            font-size: 17px;
            color: #000
        }

        @media only screen and (max-width:959px) {
            .main-container .row-container .col-no-gutter>.row-inner>div {
                padding-left: 10px !important
            }
        }

        /@-webkit-keyframes pulse {
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }

        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }

        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        @-webkit-keyframes rubberBand {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }

            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }

            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }

            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }

            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        / /.float {
            position: fixed;
            width: 50px;
            height: 50px;
            bottom: 100px;
            left: -5px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;
            animation-name: floating;
            animation-duration: 3s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
            margin-left: 30px;
            margin-top: 5px
        }

        .my-float {
            margin-top: 11px
        }

        ::selection {
            background: #ff4260;
            color: #ff4260 !important
        }

        ul.footer-contact li {
            font-size: 17px;
            color: #000
        }

        @media only screen and (max-width:959px) {
            .main-container .row-container .col-no-gutter>.row-inner>div {
                padding-left: 10px !important
            }
        }

        / @media only screen and (min-width:200px) and (max-width:700px) {
            animation: bookani 3s infinite alternate
        }

        @-webkit-keyframes bookani {
            0% {
                transform: translateX(0)
            }

            100% {
                transform: translateX(-130px)
            }
        }

        @keyframes bookani {
            0% {
                transform: translateX(0)
            }

            100% {
                transform: translateX(-130px)
            }
        }

        .float {
            left: -28px !important
        }

        .menu ul {
            height: auto !important;
            margin: 0 10px 10px 13px
        }

        .menu ul {
            height: auto;
            width: 100%;
            transform: translate(0, 0)
        }

        .dropdown.show .dropdown-toggle {
            background: 0 0;
            color: #000
        }

        ::-moz-selection {
            background: #007bff52
        }

        ::selection {
            background: #007bff52
        }

        .topbar-text ul li a:hover {
            color: #000 !important
        }

        .menu li a {
            margin: 0 0 0 13px !important;
        }

        /*22/1/25-changes*/

        @media only screen and (max-device-width: 480px) {

            .arp_template_main_container,
            .fadeInUp,
            .wow {
                margin-left: 0px !important;
            }
        }

        @media only screen and (max-device-width: 600px) {
            .counter-sec {
                margin-top: 80px !important;
            }
        }