@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&family=Sumana&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap"); html {
    overflow-x: hidden !important;
}

body {
    overflow-x: clip;
}

body.lock-scroll {
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    overflow: hidden;
}

:root {
    --white: white;
    --gray: #999;
    --lightgray: whitesmoke;
    --darkgreen: #2a9d8f;
    --popular: #ffdd40;
    --starter: #f73859;
    --essential: #00aeef;
    --professional: #ff7f45;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(217 217 217);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-ring-inset: ;
}

@font-face {
    font-family: fb;
    src: url("../fonts/fb.ttf");
}

@font-face {
    font-family: fb1;
    src: url("../fonts/fb1.ttf");
}

@font-face {
    font-family: fb2;
    src: url("../fonts/fb2.ttf");
}

@font-face {
    font-family: fr;
    src: url("../fonts/fr.ttf");
}

.ourachievements #slide-content h5, .ppcocunter ul li span sup, header ul li, header ul li a, html {
    font-size: 16px;
}

.menufixed, .progressset {
    position: fixed;
    left: 0px;
    z-index: 999;
}

.box_inner ul, .reviewslist ul, .sector_list ul, .topmenu, ul {
    list-style: none;
}

html {
    scroll-behavior: smooth;
}

body {
    background: rgb(255, 255, 255);
    font-family: arial, sans-serif;
}

img {
    max-width: 100%;
}

ul {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

.actionclr {
    color: rgb(62, 61, 61);
    font-size: 17px;
    font-weight: 600;
    border-bottom: 2px solid rgb(0, 0, 0);
    margin-bottom: 9px;
    display: inline-block;
    padding-bottom: 2px;
}

.underclr {
    color: rgb(125, 89, 0);
    font-size: 19px;
    font-weight: 600;
}

.auditmenu ul, .bgcontent h1, .bgcontent h4, .bgcontent p, .box_inner h2, .commonerror h5, .defaultbtn, .facilitieslist ul li, .main_heading, .menu, .minheading, .ourreview, .overview h4, .packageenquiry h2, .packageenquiry h3, .packageenquiry p, .result, .result h6, .services h3, .site-btn, .specialbtn a, .tabspnl ul > li > a, .techobtn, .thankspage, .title h2, .webanyway .contentbox, .webpage h3 {
    text-align: center;
}

.lightbrowm, .menu ul li ul, .webbtn {
    background: rgb(238, 239, 233);
}

.homeicon, .menuham, .menulist, .menulogo, .topmenu {
    float: left;
}

.menuham {
    margin-top: 8px;
}

.progressset {
    top: 0px;
}

.cities .cities_list .nav, .vhorizontal ul {
    overflow-x: scroll;
    overflow-wrap: break-word;
    white-space: nowrap;
}

.bgcontent h1, .casebox h3, .defaultbtn, .menu ul li a, .popsbtn a, .ppcbox p, .thankspage h1, .whyus .modal-heading, ul.topmenu li a {
    text-transform: uppercase;
}

.customwidth {
    width: 1050px;
    margin: 0px auto;
}

.landingpage .sectionone .box_inner ul, .minheading, .title h2, .webpage h3, .webpage ul li, .whyus .modal-heading h3, header p {
    margin-bottom: 0px;
}

.lightgrey {
    background: rgb(217, 217, 217);
}

.darkblue {
    background: rgb(58, 88, 148);
}

.auditmenu, .lgtbg .flatbook, .lightblue {
    background: rgb(246, 248, 252);
}

.pad10, header {
    padding: 10px;
}

.pad20 {
    padding: 20px;
}

.pad30 {
    padding: 30px;
}

.pad50 {
    padding: 50px 20px;
}

.purple {
    background: rgb(85, 95, 170);
}

.yellow {
    background: rgb(230, 142, 24);
}

.green {
    background: rgb(102, 167, 43);
}

.brown {
    background: rgb(121, 85, 72);
}

.bg1, .boxgolden .card .card-header, .boxgolden .card-body, .color4, .darkgoldbg, .lightgolden, ul.topmenu li a.is-current {
    background: rgb(227, 193, 108) !important;
}

.oragne {
    background: rgb(255, 116, 56);
}

.color1 {
    background: rgb(206, 210, 239);
}

.color2 {
    background: rgb(176, 209, 147);
}

.color3 {
    background: rgb(187, 165, 157);
}

.fixed_scroll.col-md-4 {
    background: rgb(234, 245, 252) !important;
}

.bgcontent::after, .bgcontent::before {
    height: 6px;
    content: "";
}

.dsmblock, .homesec_postpaid .shadowhide::before {
    display: none !important;
}

.mr1, .requiment input[type="checkbox"] {
    margin-right: 5px;
}

.bdlft, .ml1 {
    margin-left: 5px !important;
}

.heading_color, .title {
    background: rgb(67, 66, 66);
}

.collapsing {
    transition: height 0.99s;
}

.form-control:focus {
    border-width: 2px;
    box-shadow: rgba(13, 110, 253, 0.25) 2px -1px 3px 0px;
    border-radius: 0px;
}

.main_heading {
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-family: "IBM Plex Sans";
    font-size: 1.87rem !important;
    line-height: 35px !important;
    font-weight: 500 !important;
}

.site-btn, header ul li a {
    font-weight: 500;
    display: block;
}

.site-btn {
    border: 0px;
    background: rgb(15, 72, 17);
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 0.5rem;
    cursor: pointer;
}

#ppcless, #tabs a, #tabsmob a, .bgcontent h1, .card_arrow_icon, .dbbtn, .packbox h5, .ppcbox .pcctitle, .ppcbox h5, .review h4, .tabctn h2, .tabspnl .tab-pane h3, .thankspage p, header h1 {
    font-weight: 700;
}

.minheading {
    background: rgb(58, 88, 148);
    color: rgb(255, 255, 255);
    font-size: 1.1rem;
    padding: 10px 0px;
}

.logo, header ul, header ul li a {
    text-align: left;
}

.progressset {
    background: rgb(200, 200, 200);
    height: 4px;
    min-width: 100%;
}

.pageprogress {
    transition: 0.1s linear;
    min-width: 0.2%;
    height: 5px;
}

.logo {
    padding-top: 17px;
}

header h1 {
    font-size: 1.8rem;
}

header p {
    font-size: 0.9rem;
}

header ul li a {
    color: rgb(0, 0, 0);
    width: 263px;
}

header ul li:last-child {
    font-size: 13px;
    padding-top: 5px;
    clear: both;
    color: rgb(58, 88, 148);
}

.menu ul li a, .menu ul li ul li a, ul.topmenu li a {
    font-weight: 500;
    font-size: 1rem;
}

.title h2 {
    font-size: 2.3rem;
    color: rgb(255, 255, 255);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    cursor: pointer;
}

#showlist {
    height: 300px;
    overflow: hidden;
}

.morelist {
    overflow: auto !important;
}

#advocateshow, #ahmedabadshow, #artcile, #bangaloreshow, #chennaishow, #comapnymore, #delhishow, #directorshow, #gurugramshow, #hyderabadshow, #inflationshow, #kolkatashow, #mumbaishow, #networkshow, #noidashow, #puneshow, #recessionshow, #statisticsshow, #workshow, .bdrshowonmobile, .desktopmenu .dropdown-toggle::after, .glistmob, .hide, .mobile-cta, .mobileheader, .mobileshow, .morelist button, .ppcmore, .processads .main_heading br, .slideupbox .slideremove, .swiper-button-next::after, .swiper-button-prev::after, .teammeet {
    display: none;
}

.dbbtn {
    border: 0px;
    background: 0px 0px;
    color: rgb(0, 0, 0);
}

.listhgt, .review ul {
    height: 300px;
    overflow-y: scroll;
}

.menu {
    background: rgb(255, 255, 255);
    padding: 3px 0px 0px;
}

.menu .menulogo img {
    width: 150px;
}

.menu a.menuicon, .menuham button {
    background: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    border: 0px;
    border-radius: 0px;
    padding: 10px;
    display: block;
}

.menu ul.firstmenu {
    text-align: center;
    float: left;
}

.menu ul.firstmenu > li {
    position: relative;
    display: inline-block;
}

.menu ul li a {
    color: rgb(33, 37, 41);
    padding: 21px 12px;
    display: block;
}

.menu ul.firstmenu > li > a.active {
    background: rgb(94, 182, 157);
    color: rgb(255, 255, 255);
    border-color: rgb(94, 182, 157);
}

.menu.has-sticky {
    position: fixed;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
    top: 6px;
    width: 100%;
    z-index: 99;
    padding: 8px 0px 0px;
    backdrop-filter: blur(10px);
    animation: 0.35s ease-out 0s 1 normal none running slideDown;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0px);
    }
}

.menu ul li ul {
    width: 300px;
    position: absolute;
    top: 120%;
    display: none;
    z-index: 99;
    left: -100%;
}

.menu ul li ul .arrow-up {
    width: 0px;
    height: 0px;
    border-left: 15px solid rgba(255, 255, 255, 0);
    border-right: 15px solid rgba(255, 255, 255, 0);
    border-bottom: 15px solid rgb(242, 234, 211);
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -11px;
}

.menu ul li ul li a {
    padding: 8px 15px;
    display: block;
    text-transform: capitalize;
    text-align: left;
}

.desktopmenu .dropdown-toggle.show i::before, .menu.childmenu ul li a.arrowup i::before, .slidedownmenu.arrowch i::before {
    content: "\f107";
}

.stageslist button #arrow1 i::before, .stageslist h3.changearrow i::before {
  content: ""\f107";
    color: rgb(94, 182, 157);
}

.menu ul li ul.submenu.open2 .arrow-up {
    left: 16%;
}

.childmenu {
    background: rgb(249, 248, 243);
}

.menu.childmenu ul li a.activebox {
    border-bottom: 3px solid rgb(94, 182, 157);
    position: relative;
}

.menu.childmenu ul li a.activebox::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-right: 10px solid rgba(255, 255, 255, 0);
    border-bottom: 10px solid rgb(242, 234, 211);
    position: absolute;
    right: 8px;
    bottom: -10px;
}

.childmenu li a {
    font-weight: 500 !important;
}

.menu.childmenu ul.firstmenu {
    text-align: right;
    scrollbar-width: none;
}

.menu.childmenu ul li a {
    padding: 11px 12px;
    text-transform: capitalize;
    font-size: 14px;
}

.homeicon {
    width: 50px;
    height: 44px;
    line-height: 40px;
    margin-left: 5px;
    font-size: 1.5rem;
}

.topmenu {
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.menuonlymob ul.childmenu li, .successmenu ul li, .tooglelist a, ul.topmenu li {
    display: inline-block;
}

ul.topmenu li a {
    padding: 0.6rem 0.5rem;
    display: block;
    color: rgb(67, 66, 66);
}

.menuonlymob ul.topmenu li a:active, ul.topmenu li a:active {
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 255);
    border-color: rgb(0, 0, 255);
}

.menulogo {
    padding-left: 10px;
    padding-top: 5px;
}

.menufixed {
    top: 4px;
    width: 100%;
    z-index: 9991;
}

.withoutchild {
    margin-top: 87.55px;
}

.withchild {
    margin-top: 90.55px;
}

.menuham img {
    width: 24px;
    margin-top: -4px;
}

.menuham span {
    color: rgb(94, 182, 157);
    font-size: 19px;
    padding-left: 7px;
}

.bgcontent {
    padding: 2rem 0px 3rem;
    position: relative;
    background: linear-gradient(-124deg, rgb(246, 239, 255) 0%, rgb(235, 246, 248) 100%);
}

.bgcontent::after {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}

.bgcontent::before {
    display: block;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.bgcontent h1 {
    font-size: 3rem;
    font-family: "IBM Plex Sans", serif;
    margin-top: 35px;
}

.bgcontent p {
    font-size: 15px;
    font-weight: 500;
    width: 80%;
    margin: 0px auto;
}

.bgcontent canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.caselist .casebtn:hover, .sectionone {
    background: rgb(217, 149, 54);
}

.sectionone h2 {
    color: rgb(0, 0, 0) !important;
    font-weight: 700;
}

.commonerror .swiper-wrapper, .sectionone .mySwiper .swiper-wrapper {
    padding-bottom: 40px;
}

.commonerror .swiper-button-next::after, .commonerror .swiper-button-prev::after, .sectionone .mySwiper .swiper-button-next::after, .sectionone .swiper-button-next::after, .sectionone .swiper-button-prev::after, .web5g .swiper-button-next::after, .web5g .swiper-button-prev::after {
    font-size: 20px;
    color: rgb(255, 255, 255);
}

.mainform label span, .sectionone i.fa-question-circle-o {
    color: red;
}

.headermenu a, .headermenu a:hover {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 600;
}

.desktopmenu .collapse.navbar-collapse, .headermenu .navbar-collapse {
    justify-content: end;
}

.headermenu .navbar-nav {
    align-items: center;
}

.commonerror .swiper-slide ul {
    height: 271px;
    overflow-y: scroll;
}

.commonbox {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.08) 2px 2px 5px 0px;
    padding: 15px;
    border: 1px solid rgb(201, 199, 199);
    border-radius: 10px;
}

.commonbox h2 {
    border-bottom: 1px solid rgb(232, 232, 232);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.commonbox.tbpad {
    padding-top: 15px;
    padding-bottom: 15px;
}

.aboutdirector, .homesec_postpaid, .information, .ppc-static {
    padding: 20px 0px;
}

.defaultbtn {
    background: rgb(227, 193, 108);
    margin: 0px auto;
    width: 200px;
    display: block;
    color: rgb(0, 0, 0);
    padding: 11px;
    font-weight: 600;
    letter-spacing: 1px;
}

.box_inner ul, .ghg1, .ghg2, .ghg3, .ghg4, .ghg5, .hgt-1, .lp-1, .result, .wb-1, .wb-2, .wb-3, .whyboxbg {
    background: rgb(239, 239, 239);
}

.customtable .tabledata .datacontent ul.whiteli li, .defaultbtn:hover, .preiumcolor .pricepoint, .quicklinks li a, .readless:hover, .specialbtn a:hover {
    color: rgb(255, 255, 255);
}

.box_inner ul li b, .box_inner ul li i {
    color: rgb(71, 71, 71);
}

.box_inner h2 {
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
    font-size: 1.2rem;
    padding: 10px 0px;
}

.box_inner ul {
    margin: 0px;
    padding: 0px;
}

.box_inner.fixscroll {
    height: 313px;
    overflow-y: scroll;
}

.box_inner ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    padding: 7px 10px;
    font-size: 0.8rem;
}

.details_form h2, .overview h2, .slideupbox .slidecnt .best_benifits {
    padding-top: 0px;
}

.details_form {
    background: rgb(223, 223, 215);
    padding: 20px 10px;
}

.heighlight-number .openModalBtn i {
    color: rgb(255, 255, 255) !important;
}

.details_form label {
    display: block;
    font-weight: 700;
    color: rgb(133, 127, 127);
    font-size: 0.8rem;
}

.details_form .input-group-text {
    display: flex;
    align-items: center;
    padding: 9px 4px;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(33, 37, 41);
    text-align: center;
    background-color: rgb(233, 236, 239);
    border: 1px solid rgb(206, 212, 218);
    border-radius: 0px;
    font-size: 0.8rem;
}

.details_form .input-group-prepend .red {
    margin-left: 3px;
}

.details_form .input-group-prepend {
    width: 23%;
}

.details_form input {
    font-size: 0.8rem;
}

input:focus ~ .quote__tooltip {
    width: 200px;
    top: 0px;
    font-size: 10px;
    padding: 10px;
    color: rgb(255, 255, 255);
    z-index: 0;
    transform: translateY(-120%) translateX(-50%);
    text-align: left;
    opacity: 1;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    position: absolute;
    background-color: rgb(51, 51, 51);
    left: 50%;
}

.quote__tooltip {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0px;
    transform: translateX(-50%);
}

.quote__tooltip::after {
    content: "";
    position: absolute;
    left: 9px;
    bottom: -5px;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: rgb(50, 50, 50);
    transform: rotate(45deg);
}

.accordion-button.collapsed::after, .accordion-button::after {
    color: rgb(94, 182, 157);
    background-size: 15px 15px;
    width: 18px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    background-position: center center;
}

input:focus {
    outline: 0px;
    border: 1px solid rgb(52, 152, 219);
    box-shadow: rgb(52, 152, 219) 0px 0px 3px inset !important;
}

input::placeholder {
    font-size: 10px;
}

.border-r {
    border: 1px solid rgb(206, 212, 218);
    background: rgb(255, 255, 255);
}

.numberbdr input {
    border: 1px solid rgb(255, 255, 255);
    max-width: 19px;
}

.form-space {
    display: flex;
    align-items: center;
    padding: 0px 3px;
    font-size: 0.8rem;
    background: rgb(255, 255, 255);
    border-left: none;
    border-right: none;
    color: rgb(203, 204, 205);
}

.details_form input.inputs.one.form-control {
    height: 25px;
    text-align: center;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0px;
    width: 19px;
    padding-right: 0px !important;
}

.numberbdr {
    padding: 6px 0px;
}

.numberbdr input::placeholder {
    opacity: 0.4;
}

.form-control:focus:focus {
    border-width: 0px !important;
    box-shadow: none !important;
}

.popupnumber {
    padding: 5px 0px;
    margin-bottom: 0px;
    height: 29px;
}

.popupnumber input.inputs.one.form-control {
    width: 16px;
}

.provider_design table th {
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding: 10px;
    font-weight: 500;
    text-align: center;
}

#tableprovider .accordion-body, .desktopmenu nav, .ourserviceslist2 .tabspnl .tab-pane {
    padding: 0px;
}

#tableprovider button, .ppc-points button {
    border: 0px;
    background: rgb(58, 88, 148);
    width: 100%;
    font-size: 20px;
    margin-bottom: 4px;
    border-radius: 0px;
    font-family: "IBM Plex Sans", serif;
    font-weight: 400;
    color: rgb(43, 43, 43) !important;
}

#tableprovider button:hover, .ppc-points button:hover {
    background-color: rgb(94, 182, 157);
    border-color: rgb(94, 182, 157);
}

#tableprovider button.collapsed i::before, .faqslist button.collapsed i::before, .ppc-points button.collapsed i::before {
    content: "-";
}

#tableprovider button i::before, .ppc-points button i::before {
    content: "+";
}

.faqslist button i::before, .faqslist.one .fa-minus-circle::before, .innerlist a i::before, .innerlist.one .fa-minus-circle::before {
    content: "-";
    color: rgb(94, 182, 157);
}

.faqslist button.collapsed i::before, .faqslist.one .collapsed .fa-minus-circle::before, .innerlist a.collapsed i::before, .innerlist.one .collapsed .fa-minus-circle::before {
    content: "+";
    color: rgb(72, 67, 67);
}

#tableprovider button:focus, .ppc-points button:focus, button:focus:not(:focus-visible) {
    box-shadow: none;
}

.accordion-button.collapsed::after {
    background-color: rgb(255, 255, 255);
    border-radius: 100%;
    border: 1px solid rgb(255, 255, 255);
}

.accordion-button::after {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 100%;
}

@keyframes Animated_pulse {
    0% {
        box-shadow: rgb(94, 182, 157) 0px 0px 0px 5px;
    }

    100% {
        box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 10px;
    }
}

@keyframes scaleup {
    0%, 100% {
        transform: scale3d(1.2, 1.2, 1.2);
    }

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

#tableprovider tr:nth-child(2n+1), .customtable .tablectn ul li:nth-child(2n+1), .packgelst li:nth-child(2n), .tablecustom .tablerow:nth-child(2n) .tablecell.first-td {
    background: rgb(247, 247, 247);
}

#tableprovider td {
    border: 1px solid rgb(225, 225, 225);
    padding: 10px;
    font-weight: 600;
}

#tableprovider i.fa-question-circle-o {
    color: rgb(0, 0, 0);
    font-size: 20px;
}

#tableprovider button.btn.btn-primary, .ppc-points button.btn.btn-primary {
    background: rgb(94, 182, 157);
    border-color: rgb(94, 182, 157);
}

#getquote1, #getquote2, #getquote3, #tableprovider button.btn.btn-primary.collapsed, .ppc-points button.btn.btn-primary.collapsed {
    background: rgba(227, 227, 227, 0.42);
    border: 1px solid rgb(225, 225, 225);
}

.compareheading th {
    font-size: 16px !important;
    padding: 5px 10px !important;
}

.cline, .cloudbg, .compareheading, .homesec_postpaid .accordion.slidepan h3, .listpnlone, .ppcbtnpoint, .project .flatbook, .result .bdr, .stages, .swipercontent, .tooglelist, .trad-table:last-child .check-apexure.table-td-mid {
    position: relative;
}

.compareheading .tbprice {
    position: absolute;
    top: -23px;
    background: rgb(67, 66, 66);
    padding: 3px 5px;
    margin-left: -6px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
}

#ppcless, .review .close {
    font-size: 16px;
    border: 0px;
    width: 100%;
}

.comparetable td {
    font-size: 13px;
    text-align: left;
    padding: 6px;
}

.comparetable a i {
    font-size: 15px !important;
    color: rgb(199, 199, 199) !important;
}

.comparetable tr:nth-child(2n) td:first-child, .customtable .tablectn ul li:nth-child(2n), .packgelst li:nth-child(2n+1), .tablecustom .tablerow:nth-child(2n+1) .tablecell.first-td {
    background: rgb(237, 237, 237);
}

.comparetable .pageslist p {
    font-size: 11px;
    color: rgb(177, 174, 174);
    font-weight: 400;
}

#ppcless {
    background: rgb(104, 97, 242);
    color: rgb(255, 255, 255);
    padding: 10px 0px;
    margin-bottom: 1rem;
    width: 50%;
    border-radius: 50px;
    margin-top: 11px;
}

.purplecolor .fa-check {
    color: rgba(85, 95, 170, 0.8);
}

.greencolor .fa-check {
    color: rgba(102, 167, 43, 0.85);
}

.browncolor .fa-check {
    color: rgba(121, 85, 72, 0.8);
}

.ourreview img {
    width: 190px;
}

.sector_list ul {
    margin: 0px 0px 10px;
    padding: 10px 0px;
}

.sector_list li {
    background: rgb(255, 255, 255);
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgb(215, 215, 215);
    display: inline-block;
    width: 22%;
    text-align: center;
    border-radius: 10px;
}

.sector_list li img {
    width: 100px;
    max-width: 100%;
    margin-bottom: 5px;
}

.country .sector_list li img, .lanimg .imgaln img {
    width: auto;
}

.review_overlay.reoverlay::before {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.review {
    background: rgb(255, 255, 255);
    display: block;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 80vh;
    z-index: 9999;
    padding: 0px 0px 30px;
    transform: translate(0px, 107%);
    animation: 0s ease 0.2s 1 normal none running all;
    transition: transform 0.5s;
}

.review .close {
    float: none;
    background: rgb(255, 255, 255);
    padding: 7px 10px;
    color: rgb(107, 107, 107);
    margin-right: -30px;
    height: 5vh;
    box-shadow: rgb(189, 189, 189) 0px 1px 3px;
    text-align: right;
    border-bottom: 1px solid rgb(189, 189, 189);
}

.review h2 {
    border-bottom: 2px solid rgb(0, 0, 0);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.review h4 {
    font-size: 1.2rem;
}

.menuslide.showmore, .review.showreview {
    transform: none;
}

.eleven11 ul {
    height: 80vh;
    padding-bottom: 4%;
}

.inner_model {
    height: 75vh;
    padding-top: 10px;
    overflow-y: scroll;
    color: rgb(0, 0, 0);
    width: 100%;
    padding-left: 10px;
}

.inner_model h5, .inner_model h6, .modelredesign button span, .preiumcolor .accordion-header button, .preiumcolor .best_benifits i.fa-question-circle-o, .preiumcolor .best_benifits li, .preiumcolor .card-title, .preiumcolor .card_benifitsection_desk li, .preiumcolor .pricepoint, .tabctn h2, .webbtn:hover {
    color: rgb(0, 0, 0);
}

.reviewslist ul {
    margin: 0px;
    padding: 0px 0px 10px;
    overflow-x: scroll;
    word-break: break-all;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.reviewslist li {
    background: rgb(246, 248, 252);
    padding: 1rem;
    width: 50%;
    font-size: 0.9rem;
    height: 75px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 33.33%;
    overflow-y: auto;
    margin-right: 3px;
}

.reviewslist li::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

body.gethide, body.scrollhide, html.gethide, html.scrollhide {
    overflow: hidden !important;
}

.faqs .faqsection {
    border-top: 10px solid rgb(72, 67, 67);
    border-right: 10px solid rgb(72, 67, 67);
    border-bottom: 10px solid rgb(72, 67, 67);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-top: -30px;
}

.faqslist button, .faqslist button:hover {
    background: 0px 0px;
    border: 0px;
    color: rgb(0, 0, 0);
}

.faqhgt {
    height: 400px;
    overflow-y: scroll;
}

.faqs .faq_title {
    display: inline-block;
    background: rgb(246, 248, 252);
    padding-right: 20px;
    padding-left: 17px;
}

.faqslist {
    border: 1px solid rgba(229, 227, 227, 0.44);
    padding: 10px;
    margin: 10px 0px;
    border-radius: 10px;
    background: rgb(244, 244, 244);
}

.faqslist hr {
    margin: 0px 0px 4px;
}

.faqslist button {
    font-size: 17px;
    padding: 0px;
    text-align: left;
    width: 100%;
    line-height: 10px;
    font-family: "IBM Plex Sans", serif;
    font-weight: 500;
    position: relative;
}

.faqslist .answericon, .faqslist button span {
    line-height: 32px;
    border-radius: 0px;
    text-align: center;
    height: 30px;
}

.faqslist button span {
    min-width: 35px;
    font-size: 14px;
    display: inline-block;
    background: rgb(72, 67, 67);
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 32px;
    margin-right: 5px;
}

.faqslist .answericon {
    width: 35px;
    background: rgb(242, 234, 211);
    font-size: 16px;
    float: left;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.menu_body ul li a i, .ppcbox .icon {
    width: 30px;
    height: 30px;
    text-align: center;
}

.faqslist .answerinline {
    padding: 0px 4px 4px 45px;
}

.faqslist .answerinline p {
    margin-bottom: 5px;
    font-size: 14px;
    color: rgb(118, 118, 118);
}

.faqslist i {
    float: right;
    font-size: 21px;
    padding-top: 7px;
    padding-right: 5px;
    padding-bottom: 0px;
    color: rgb(72, 67, 67);
    position: absolute;
    right: 10px;
}

.tabs_section .cities_list .nav {
    padding-bottom: 10px;
    margin-bottom: 1rem;
}

.cities .cities_list .nav a.active, .mob-designtab li button.active, .tabs_section .cities_list .nav a.active {
    background: rgb(94, 182, 157) !important;
    color: rgb(255, 255, 255) !important;
    border-color: rgb(94, 182, 157) !important;
}

.tabs_section .cities_list .nav a {
    color: rgb(67, 66, 66);
    cursor: pointer;
    padding: 5px 20px;
    margin-right: 10px;
    font-size: 13px;
    border: 1px solid rgb(67, 66, 66) !important;
    border-radius: 20px !important;
}

.customlist ul li {
    display: inline-block;
    width: 130px;
    margin-bottom: 1rem;
}

.facilitieslist li small, .hovertxt:hover ~ .hovercnt, .techobtn a, .tooglelist a.listicon i:hover::after, .tooglelist a.listicon:hover ~ .listhover, .ui-tabs-vertical .ui-tabs-nav li a, .webbtn {
    display: block;
}

.ppc-static p {
    padding: 7px 10px;
    color: rgb(111, 111, 111);
    border-bottom: 1px solid rgb(255, 255, 255);
    margin-bottom: 0px;
}

.ppcbox {
    border: 2px solid rgb(0, 0, 0);
    position: relative;
    background: rgb(247, 247, 247);
    padding: 10px 10px 0px;
}

.ppcbox h5 {
    font-size: 1.9rem;
}

.ppcbox h6 {
    font-size: 0.6rem;
    margin-bottom: 0px;
    height: 23px;
}

.ppcbox p, footer h3 {
    margin-bottom: 0.5rem;
}

.ppcbox p {
    font-size: 0.5rem;
    line-height: 0.8rem;
    height: 25px;
}

.modelredesign button, footer h3 {
    font-size: 1.3rem;
}

.ppcbox .pcctitle {
    text-align: center;
    font-size: 0.7rem;
    margin: 0px -10px;
}

.ppcbox .icon {
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 30px;
    border-radius: 0px 0px 0px 10px;
}

.ppcdown {
    position: static !important;
}

.ppcbtnpoint #ppcshow {
    position: absolute;
    left: 27%;
    top: 9px;
    font-size: 0.8rem;
}

.blinkoffer {
    animation: 3s ease 0s infinite normal none running blinkingText;
    background: rgb(227, 193, 108);
    color: rgb(0, 0, 0);
    font-size: 15px;
    width: 80px;
    margin: -30px auto 10px;
}

.yellowscroll::-webkit-scrollbar-thumb {
    box-shadow: none;
    border-radius: 0px;
    background-color: rgb(252, 183, 0) !important;
}

.yellowscroll::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 0px;
    background-color: rgb(231, 231, 231) !important;
}

.yellowscroll::-webkit-scrollbar {
    width: 8px;
    background-color: rgb(238, 238, 238) !important;
}

#showlist::-webkit-scrollbar-thumb, .ppchgt::-webkit-scrollbar-thumb {
    background: rgb(255, 116, 56);
}

::-webkit-scrollbar {
    width: 7px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background: rgb(184, 183, 183);
    border-radius: 0px;
}

::-webkit-scrollbar-track {
    background: rgb(241, 241, 241);
    box-shadow: grey 0px 0px 5px inset;
    border-radius: 0px;
}

.modal-overlay.slideuppopup {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9998;
}

.modal-content.slideupcontent {
    background-color: rgb(225, 225, 225);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    height: 100vh !important;
}

@media only screen and (max-width: 600px) {
    .modal-content.slideupcontent {
        height: 77vh !important;
    }

    .modal-content.slideupcontent.short-modal {
        height: auto !important;
        max-height: 60vh;
    }

    .close-btn {
        position: relative !important;
        top: -38px !important;
        left: 0px !important;
        margin: -29px auto !important;
    }
}

@media only screen and (min-width: 600px) {
    .short-modal .close-btn mark {
    }

    .modal-content.slideupcontent {
        height: 80vh;
        width: 70%;
    }
}

.modelredesign button:focus {
    outline: 0px;
}

.ui-tabs-vertical {
    width: 100%;
    background: 0px 0px;
}

#getclose, #menuclose, .close-btn {
    width: 40px;
    height: 40px;
}

.ui-tabs-vertical .ui-tabs-nav {
    padding: 20px;
    float: left;
    width: 12em;
    background: rgb(246, 248, 252);
    border: 0px;
    border-radius: 60px;
}

.ui-tabs-vertical .ui-tabs-nav li {
    position: relative;
    clear: left;
    width: 151px;
    line-height: 37px;
    height: 52px;
    border-radius: 100px;
    margin-bottom: 20px;
    border-bottom-width: 0px !important;
    border-right-width: 0px !important;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0px;
    padding-right: 0.1em;
    border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 1em;
    float: right;
    width: 50em;
}

#tabs, #tabsmob, .homesec_postpaid .accordion.slidepan .accordion-item {
    border: 0px;
}

#tabs a, #tabsmob a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
}

#tabs .ui-tabs-active, #tabsmob .ui-tabs-active {
    background: rgb(94, 182, 157);
    border-color: rgb(94, 182, 157);
    margin-bottom: 20px !important;
}

.tabctn {
    padding: 8rem 0px;
}

.tabctn p {
    color: rgb(0, 0, 0);
    font-weight: 500;
}

@keyframes animate {
    50% {
        left: 50%;
    }

    0% {
        left: 0px;
    }
}

#backgroundOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 98%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9998;
}

.close-btn {
    position: absolute;
    top: 341px;
    left: -57px;
    padding: 2px;
    cursor: pointer;
    font-size: 26px;
    color: rgb(255, 255, 255);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    text-align: center;
    margin: 10px auto;
    background-color: rgb(0, 0, 0);
}

.fixed_scroll {
    height: 95vh;
    overflow-x: hidden;
    padding: 0px 4px 20px;
}

#landingpage, .morehgt {
    overflow: hidden;
    transition: height 1s;
}

.web5glist .listpnl {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px;
    margin: 0px 3px 35px;
    padding: 5px;
}

.web5glist h2, .webbtn {
    background: linear-gradient(0deg, rgb(245, 245, 249), rgba(255, 255, 255, 0));
    color: rgb(0, 0, 0);
    font-size: 19px;
    font-weight: 700;
    line-height: 19px;
    margin: 0px 0px 5px;
    padding: 4px 10px;
}

.web5glist h2 {
    color: rgb(0, 0, 0);
    margin: 2px 10px 0px 3px;
    padding: 10px 15px;
    font-size: 17px;
    line-height: 20px;
    border-radius: 10px 10px 0px 0px;
}

.innerlist p, .web5glist .listpnl p {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 5px;
    background-color: rgb(255, 255, 255);
    margin-top: -5px;
    padding: 6px;
    color: rgb(93, 89, 89);
}

.whyus h2, .whyus h4 {
    margin-bottom: 0px;
    color: rgb(18, 18, 18);
}

.copyright p, footer .footerfirst ul li a {
    color: rgb(117, 117, 117);
}

.web5glist .listpnl hr {
    background: rgb(191, 191, 191);
}

.web5glist .listpnl li {
    color: rgb(90, 86, 149);
    font-size: 14px;
    line-height: 30px;
}

.copyright, footer {
    background: rgb(55, 55, 55);
}

#grouploop-1 .item, .innerlist, footer .footerfirst ul li {
    margin-bottom: 0.8rem;
}

.innerlist button {
    border: 0px;
    width: 100%;
    margin-right: 0px;
}

.mySwiper .swiper-pagination-bullet, .ppcservices .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: rgb(0, 0, 0);
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.mySwiper .swiper-pagination-bullet-active, .ppcservices .swiper-pagination-bullet-active {
    color: rgb(255, 255, 255);
    background: rgb(0, 122, 255);
}

@keyframes slideIn {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes slideOut {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(100%);
    }
}

@keyframes slideleft {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes slideleftOut {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(100%);
    }
}

footer {
    padding: 3rem 0px 0px;
}

footer h3 {
    color: rgb(235, 89, 118);
    border-bottom: 1px solid rgb(117, 117, 117);
    padding-bottom: 0.5rem;
}

.copyright p, footer h5 {
    font-size: 1rem;
    margin-bottom: 0px;
}

footer h5 {
    color: rgb(201, 201, 201);
}

.menu_body ul, footer .footerfirst ul {
    margin-top: 1rem;
}

footer .footerfirst ul li a i {
    margin-right: 0.6rem;
}

.quicklinks {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1rem;
}

.quicklinks li {
    display: flex;
    flex: 0 0 50%;
    padding-bottom: 1rem;
}

.copyright {
    padding: 15px 0px;
    text-align: center;
    background: rgb(48, 48, 48);
    border-top: 1px solid rgb(73, 73, 73);
}

.whyus h2 {
    padding: 10px;
    background: rgb(213, 213, 212);
    margin-left: -10px;
    margin-right: -10px;
    border-bottom: 1px solid rgb(209, 203, 203);
}

.whyus h4 {
    padding-top: 1rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    padding-bottom: 1rem;
}

.menu_body ul li, .ourserviceslist2 .tabspnl ul > li > a i, .tabspnl .tab-pane h5, .whyus p {
    font-size: 1rem;
}

.whyus p i {
    color: rgb(58, 88, 148);
}

.book_audit {
    background: rgb(239, 239, 239);
    padding: 20px;
    border-radius: 20px;
    margin: 20px 0px;
}

#menuclose, .menuslide {
    position: fixed;
    background: rgb(255, 255, 255);
    z-index: 9999;
}

.morehgt {
    height: 100px;
}

.lesshgt {
    height: 100vh;
    transition: height 1s;
}

.default_ctn {
    padding: 1rem 0px 3rem;
}

.cities .cities_list .nav {
    padding-bottom: 10px;
    margin-bottom: 1rem;
    overflow-y: hidden;
    display: inline-block;
    width: 100%;
}

.cities .cities_list .nav li {
    display: inline-block;
    white-space: nowrap;
    float: none;
}

.cities .cities_list .nav a {
    color: rgb(67, 66, 66);
    cursor: pointer;
    background: rgb(246, 248, 252);
    padding: 5px 20px;
    margin-right: 10px;
    border: 1px solid rgb(216, 216, 216) !important;
    border-radius: 6px !important;
}

#myTabContent ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#myTabContent ul li {
    display: inline-block;
    width: 24.67%;
    text-align: center;
    background: rgb(67, 66, 66);
    margin-bottom: 0.7rem;
    padding: 0.6rem;
    color: rgb(255, 255, 255);
    border-radius: 50px;
}

#menuclose, .cities button {
    border: 0px;
    text-align: center;
    color: rgb(0, 0, 0);
}

.cities button {
    background: rgb(227, 193, 108);
    width: 100%;
    display: block;
    padding: 0.5rem;
    font-weight: 500;
    cursor: pointer;
}

.menuslide {
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    max-width: 330px;
    padding: 10px 0px 30px;
    transform: translate(-115%, 0%);
    animation: 0s ease 0.2s 1 normal none running all;
    transition: transform 0.5s;
}

.menu_overlay.reoverlay::before {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.btn-close1 {
    border-radius: 100%;
    top: 200px;
    font-size: 23px;
    position: fixed;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(197, 197, 197, 0);
    line-height: 26px;
    width: auto;
    left: -100%;
    color: rgb(255, 255, 255);
    transition: 0.5s;
}

.menulfix {
    left: 0px;
    width: 327px;
    background: rgb(221, 221, 221);
    z-index: 999;
    position: relative;
    padding: 10px 0px;
}

.menuslide img {
    width: 205px;
    padding-left: 2%;
}

.menuslide .comtitle {
    font-weight: 700;
    display: block;
    padding-left: 2%;
    padding-top: 1%;
    font-size: 14px;
    margin-top: 10px;
}

.menu_body {
    padding: 0px 0px 20%;
}

.menu_body ul {
}

.menu_body ul.slidemenuoneslide {
    padding-top: 0px !important;
}

.menu_body ul li a {
    font-weight: 600;
    display: block;
    color: rgb(18, 18, 18);
    padding: 0.7rem 1rem;
    border-top: 1px solid rgb(223, 223, 223);
    font-family: "IBM Plex Sans";
    font-size: 12px;
}

.menu_body ul li a:active {
    color: rgb(94, 182, 157);
}

.menu_body ul li a i {
    float: right;
    line-height: 24px;
    border-left: 1px solid rgb(223, 223, 223);
}

.menu_body ul li ul li a {
    border: 0px;
    color: rgb(91, 88, 88);
}

.menu_body .slidemenu, .menu_body .slidemenuoneslide {
    display: none;
    border-left: 2px solid rgb(0, 0, 0);
    margin-bottom: 1rem;
    margin-left: 5px;
}

.package_wrap {
    padding: 12px 40px;
    text-align: center;
    background: rgb(67, 66, 66);
}

.package_wrap h3 {
    color: rgb(255, 255, 255);
    font-size: 28px;
    line-height: 35px;
}

.package_wrap .package_price {
    font-size: 35px;
    font-weight: 500;
    color: rgb(242, 234, 211);
    display: block;
    line-height: 80px;
}

.package_wrap .package_offers {
    margin-bottom: 20px;
    padding-left: 0px;
    text-align: left;
}

.package_wrap .package_offers li {
    color: rgb(255, 255, 255);
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid rgb(242, 234, 211);
}

.package_wrap .packageoffer {
    background: rgb(242, 234, 211);
    padding: 0.5rem 0px;
}

.package_wrap .packageoffer p {
    margin-bottom: 0px;
    font-weight: 700;
}

.blinking {
    animation: 3s ease 0s infinite normal none running blinkingText;
    font-weight: 700;
    font-size: 20px;
}

.blinking.sloe {
    animation: 2s ease 0s infinite normal none running blinkingText;
}

.details_form .btn-primary {
    background-color: rgb(58, 88, 148);
    border-color: rgb(58, 88, 148);
}

@keyframes blinkingText {
    0% {
        color: rgb(0, 0, 0);
    }

    10% {
        color: rgba(255, 255, 255, 0);
    }

    100% {
        color: rgb(67, 66, 66);
    }
}

.overview {
    padding: 40px 0px;
    background: rgb(246, 246, 246);
}

.overview h4 {
    margin-bottom: 0.3rem;
}

.tabspnl ul {
    border-color: rgb(209, 209, 209);
}

.table-td-last, .tabspnl ul > li {
    width: 23%;
}

.tabspnl ul > li > a {
    display: block;
    padding: 1.3rem 0px;
    font-size: 1rem;
    color: rgb(113, 113, 113);
}

.tabspnl ul > li > a:hover {
    color: rgb(113, 113, 113);
}

.tabspnl ul > li > a a.active {
    border-radius: 10px 10px 0px 0px;
    color: rgb(0, 0, 0);
    background-color: rgb(227, 193, 108) !important;
    border-color: rgb(227, 193, 108) !important;
}

.tabspnl ul > li > a i {
    display: block;
    margin-bottom: 0.8rem;
    font-size: 2rem;
}

.tabspnl .points {
    list-style: circle;
}

.tabspnl .points li {
    width: 100%;
    font-size: 1rem;
    padding-bottom: 1rem;
    text-align: justify;
}

.commonerror, .tabspnl .tab-pane, .technology {
    padding: 2rem 0px;
}

.marquee-carousel {
    padding-bottom: 0px;
    overflow: hidden;
}

.marquee-carousel .item-wrap {
    transform: translateX(0px);
    width: 400%;
    position: relative;
    white-space: nowrap;
    display: flex;
}

.marquee-carousel .item {
    column-gap: 16px;
    color: rgb(255, 255, 255);
    background-color: rgb(32, 32, 32);
    border-radius: 100px;
    flex: 0 0 auto;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 24px;
    padding: 8px 24px 8px 8px;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 48px;
    text-align: center;
}

.marquee_panel {
    padding: 4rem 0px;
    background: rgb(0, 0, 0);
}

.marquee-carousel .item img {
    width: 48px;
    height: 48px;
    max-width: 4rem;
    border-radius: 100%;
}

.marquee-carousel .item p {
    color: rgb(255, 255, 255);
    letter-spacing: -0.01em;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 0px;
}

.technology_list {
    padding-top: 2rem;
}

.technology_list ul li {
    background: rgb(230, 242, 254);
    margin-bottom: 3px;
    cursor: pointer;
    display: inline-block;
    width: 96px;
    height: 64px;
    padding: 10px;
}

.servcebd .prolist li, .specialbtn.btnwhitebg, .technology_list ul li:hover {
    background: rgb(255, 255, 255);
}

.technology_list ul li img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.techobtn {
    line-height: 30px;
    font-size: 30px;
    width: 40px !important;
}

.tlist {
    display: inline-block;
    background: rgb(246, 248, 252);
    padding: 8px 6px;
    position: relative;
    z-index: 97;
}

.technopanel {
    border-top: 10px solid rgb(72, 67, 67);
    border-right: 10px solid rgb(73, 67, 66);
    border-bottom: 10px solid rgb(73, 67, 65);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-top: -32px;
}

.technolist {
    height: 470px;
    overflow-y: scroll;
    padding-top: 20px;
}

.commonerror h2, .processads .listpnl {
    padding-bottom: 0px;
}

.commonerror .box_inner h2 {
    color: rgb(0, 0, 0);
    margin-top: 0px;
    padding-bottom: 1rem;
    padding-top: 0px;
}

.thankspage {
    padding: 5rem 0px;
}

.thankspage a {
    display: block;
    width: 200px;
    margin: 0px auto;
    background: rgb(67, 66, 66);
    color: rgb(255, 255, 255);
    padding: 15px 0px;
    font-weight: 700;
}

.pagesselect label, .requiment label {
    display: inline-block;
    width: 49%;
    padding-bottom: 10px;
    color: rgb(101, 101, 101);
}

.checklistshow input[type="checkbox"] {
    margin-right: 5px;
    margin-bottom: 10px;
}

.mob-designtab li button {
    color: rgb(67, 66, 66);
    cursor: pointer;
    padding: 0px 10px;
    margin-top: 7px;
    margin-right: 10px;
    background: rgb(246, 248, 252) !important;
    border: 1px solid rgb(246, 248, 252) !important;
    border-radius: 20px !important;
}

.webpage h3 {
    background: rgb(58, 88, 148);
    color: rgb(255, 255, 255);
    padding: 10px 0px;
    font-size: 1.4rem;
}

.webpage ul {
    background: rgb(234, 234, 234);
}

.webpage ul li {
    padding: 7px 10px;
    color: rgb(111, 111, 111);
    border-bottom: 1px solid rgb(255, 255, 255);
}

.progress-container {
    width: 100%;
    height: 8px;
    background: rgb(204, 204, 204);
    position: fixed;
    top: 0px;
    z-index: 9999;
}

.ppcfaq .faqslist .answericon, .progress-bar {
    background: rgb(94, 182, 157);
}

.progress-bar {
    height: 8px;
    width: 0%;
}

.aboutdirector .directorname {
    font-weight: 700;
    margin-bottom: 6px;
    font-family: "IBM Plex Sans";
    font-size: 24px;
}

.aboutdirector {
    background: rgba(255, 255, 255, 0.39);
    padding: 10px;
    border-radius: 4px;
    border: 1px solid rgba(224, 224, 224, 0.58);
    font-family: "IBM Plex Sans";
}

.innerdire ul {
    list-style: disc;
    padding-left: 1.5rem;
}

.innerdire ul li {
    /* border-bottom: 1px solid rgb(221, 221, 221); */
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.processads h2.main_heading, .processads h4 {
    background: 0px 0px;
    font-size: 0.9rem;
    border-bottom: 0px;
    margin-bottom: 0px;
}

.processads .webbtn {
    margin: 0px;
    padding: 10px 5px;
}

.processads .innerlist {
    margin-bottom: 0.8rem;
}

.processads .fhgt {
    height: 431px;
    overflow-y: scroll;
}

.ppcfaq .faqslist {
    border-color: rgba(221, 221, 221, 0.41);
}

.ppcfaq .faqslist hr {
    opacity: 0.1;
}

.homepageactive ul li ul li a, .ppcactive ul li ul li a {
    background: 0px 0px !important;
}

.creative, .essential, .ourservices, .ourstages, .ppcpackage {
    padding: 30px 0px;
}

.stageslist {
    position: relative;
    padding: 10px 0px;
    border-radius: 10px;
}

.stageslist::before {
    background: rgb(141, 141, 141);
    width: 3px;
    height: 100%;
    display: block;
    position: absolute;
    left: 12px;
    overflow: hidden;
    top: 20px;
}

.stageslist #icon1 .stageno.changeicon, .stageslist .stageno {
    background: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    border: 1px solid rgba(236, 236, 236, 0.41);
}

.stageslist button {
    border: 0px;
    width: 100%;
    text-align: left;
    display: flex;
    position: sticky;
    left: 0px;
    align-items: center;
    z-index: 9;
    top: 118px;
    background: rgb(25, 135, 84);
    padding: 5px;
}

.stagecontent h3, .stageslist button h3 {
    font-size: 18px;
    color: rgb(255, 255, 255);
}

.stageslist button h3 {
    font-weight: 500;
    margin-left: 12px;
    position: relative;
    font-family: "IBM Plex Sans", serif;
    margin-bottom: 0px;
    width: 90%;
}

.stageslist button h3 small {
    font-size: 12px;
    color: rgb(134, 134, 134);
    font-weight: 500;
    font-family: "IBM Plex Sans", serif;
}

.stageslist button h3 i {
    font-size: 21px;
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#icon1 .stageno::after, .stageslist #icon1 h3.changearrow i::before, .stageslist .stageno.iconchange::after {
    content: "";
}

.stageslist .stageno {
    padding: 4px 14px;
    position: relative;
    font-weight: 600;
    font-family: "IBM Plex Sans", serif;
    font-size: 13px;
    width: max-content;
    border-radius: 2px;
    color: rgb(0, 0, 0) !important;
    background: rgba(255, 255, 255, 0.48) !important;
}

#icon1 .stageno.changeicon::after {
    content: "ï„…";
}

.stageslist .stageno::after {
    content: "";
    font: 13px / 1 FontAwesome;
    position: absolute;
    right: 8px;
    top: 6px;
    display: none;
}

.auditbox button.active, .auditmenu ul li a.active, .stageslist #icon1 .stageno, .stageslist .stageno.iconchange {
    background: rgb(94, 182, 157);
    color: rgb(255, 255, 255);
}

.pageslist, .stagecontent .collapse p, .stagecontent .collapsing p {
    color: rgb(92, 92, 92);
}

.stageslist span {
    display: block;
    margin-top: 45px;
    border-top: 1px solid rgb(221, 221, 221);
    padding-top: 0.5rem;
}

.stagecontent {
    background: rgb(221, 221, 221);
    padding: 2rem;
    border-radius: 6px;
    border: 1px solid rgb(255, 255, 255);
    margin-top: 17px !important;
}

.stagecontent h3 {
    margin-bottom: 1rem;
    font-weight: 600;
}

.stagecontent h4 {
    font-size: 17px;
}

.stagecontent a {
    color: rgb(159, 159, 159);
}

.stagecontent ul {
    list-style: circle;
    padding-left: 13px;
    margin-bottom: 1rem;
}

.stagtehgt {
}

.homesec_postpaid .nav-pills, .importantpoints .swiper-wrapper, .lpexample h2 {
    margin-bottom: 2rem;
}

.box_inner_p p {
    border-top: 1px solid rgb(225, 225, 225);
    padding: 7px 4px;
    font-size: 0.8rem;
    background: rgb(239, 239, 239);
    margin-bottom: 0px;
    color: rgb(0, 0, 0);
}

.whyus .modal-heading {
    text-align: center;
    padding: 12px 10px;
    background: rgb(133, 154, 172);
    color: rgb(255, 255, 255);
    border-radius: 6px 6px 0px 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid rgb(209, 203, 203);
    position: relative;
    z-index: 99;
}

.packageenquiry {
    position: fixed;
    width: 100%;
    max-width: 300px;
    top: 50%;
    box-sizing: border-box;
    padding: 5px 10px;
    margin-top: -173px;
}

.packageenquiry h2 {
    font-size: 22px;
    margin-bottom: 10px;
    background: 0px 0px;
    border: 0px;
    padding: 0px;
}

.packageenquiry input, .packageenquiry textarea {
    font-size: 14px;
}

.packageenquiry img {
    width: 21px;
}

.packageenquiry .form-number {
    height: 35px;
}

.packageenquiry h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.cardstyle-1 .best_benifits li, .cardstyle-1 .card_benifitsection_desk li, .cardstyle-2 .best_benifits li, .cardstyle-2 .card_benifitsection_desk li, .getquote form p, .lpdev h6, .packageenquiry p, .pageslist, .tabonmobile h4 {
    font-size: 13px;
}

.popenquiry {
    width: 100%;
    height: 100%;
}

.auditbox {
    padding: 40px 10px 10px 17px;
}

.auditbox .box_inner h2 {
    padding: 10px 0px;
    font-size: 35px;
    border-bottom: 1px solid rgb(221, 221, 221);
    color: green;
}

.auditbox #pills-tab {
    padding: 10px;
    justify-content: center;
    position: sticky;
    width: 100%;
    background: rgb(246, 248, 252);
    top: -10px;
    z-index: 9999;
}

.auditbox button {
    margin-left: 0px;
    border: 0px;
    background: rgb(242, 234, 211);
    padding: 5px 10px;
    border-radius: 5px;
}

.auditbox .tab-content {
    margin-top: 0px;
}

.iframebox {
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
    padding-bottom: 5%;
}

.auditmenu ul {
    position: fixed;
    top: 0px;
    background: rgb(255, 255, 255);
    width: calc(100% - 300px);
    z-index: 999;
    padding: 7px 8px 7px 0px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.auditmenu ul li {
    display: inline-block;
    margin-left: 5px;
}

.auditmenu ul.width2 li {
    flex: 0 0 49%;
}

.auditmenu ul.width3 li {
}

.auditmenu ul li a {
    background: rgb(221, 221, 221);
    padding: 7px 14px;
    margin-bottom: 0.5rem;
    display: block;
    color: rgb(0, 0, 0);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 2px 0px 2px;
    text-transform: capitalize;
}

.auditbox .box_inner {
    padding-top: 30px;
}

.auditbox .box_inner p {
    margin-bottom: 8px;
    font-size: 16px;
}

.creative h4 {
    font-size: 1.1rem;
    position: relative;
    padding-bottom: 0.5rem;
}

.creative h4::after {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9;
    width: 15%;
    background: rgb(22, 149, 180);
}

.creative h3 {
    font-size: 2.6rem;
    position: relative;
    font-weight: 700;
    font-family: ui-serif;
}

.creative span {
    background: url("../images/highlighter.png") center center / 105% no-repeat;
    position: relative;
    z-index: 9;
    display: inline-block;
    padding: 0px 3px;
}

.creative a {
    margin: 0px;
}

.creative video {
    width: 100%;
    height: 350px;
}

.tabonmobile iframe {
    width: 100%;
    height: 437px;
}

.ourserviceslist, .ourserviceslist1, .ourserviceslist2, .padbt {
    padding-bottom: 10px;
}

.ourachievements #slide-content h6, .ppcpackage h2 small {
    font-size: 14px;
}

.navibar .swiper-button-next, .ourservices .swiper-button-next, .ppcpackage .swiper-button-next {
    bottom: 10px;
    top: inherit;
    height: 18px;
    width: 34px;
}

.navibar .swiper-button-prev, .ourservices .swiper-button-prev, .ppcpackage .swiper-button-prev {
    bottom: 10px;
    top: inherit;
    right: 64px;
    left: inherit;
    height: 18px;
    width: 34px;
}

.navibar .swiper-pagination-progressbar, .ourservices .swiper-pagination-progressbar, .ppcpackage .swiper-pagination-progressbar {
    bottom: 17px;
    top: inherit;
    width: calc(90% - 110px);
    right: 100px;
    left: inherit;
    height: 1px;
    background: rgba(42, 59, 78, 0.2);
}

.navibar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .ourservices .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .ppcpackage .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(0, 0, 0, 0.48);
}

.swiper-button-next svg, .swiper-button-prev svg {
    color: rgba(0, 0, 0, 0.48);
}

.ourservices .swiper-pagination-progressbar {
    width: 168px;
    bottom: 21px;
}

.services .swiper-button-next, .services .swiper-button-prev {
    height: 18px;
    width: 21px;
    bottom: 13px;
}

.services .swiper-button-next {
    right: 20px;
}

.services .swiper-pagination-fraction {
    font-size: 14px !important;
    bottom: 13px !important;
}

.navibar .swiper-pagination-progressbar {
    width: calc(87% - 110px);
    right: 116px;
}

.paginationbox .swiper-button-next {
    right: 28%;
    bottom: 0px;
    height: 44px;
    width: 44px;
}

.paginationbox .swiper-button-prev {
    right: 34%;
    bottom: 0px;
    height: 44px;
    width: 44px;
}

.paginationbox .swiper-pagination-progressbar {
    width: 100%;
    max-width: 278px;
    left: 34%;
    height: 7px;
}

.paginationbox .swiper-pagination-fraction {
    left: 27% !important;
    font-size: 19px !important;
}

.navibar .swiper-pagination-fraction, .ourservices .swiper-pagination-fraction, .ppcpackage .swiper-pagination-fraction {
    width: auto;
    font-size: 14px;
    bottom: 9px;
    color: rgb(42, 59, 78);
    left: 7px;
}

.ppcpackage .swiper-scrollbar {
    opacity: 1 !important;
    height: 3px;
}

.whychooseus .swiper-pagination-progressbar {
    width: 182px;
    right: 112px;
}

.ppcpackage .swiper-scrollbar-drag {
    background: rgb(0, 0, 0);
}

.importantpoints .swiper-pagination-progressbar {
    width: calc(89% - 115px);
}

.almodellist, .lpexample img {
    width: 100%;
}

.flatbook {
    border: 1px solid rgb(232, 232, 232);
    background: rgb(255, 255, 255);
    border-radius: 7px;
}

.flatbook img {
    width: 100%;
    border-radius: 7px 7px 0px 0px;
}

.flatbook h3 {
    font-size: 18px;
    padding: 10px 0px 0px 10px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
    margin-top: 7px;
    margin-bottom: 0px;
}

.flatbook .rating, .flatbook h4, .flatbook h5, .flatbook p, .successmenu {
    padding: 0px 10px;
}

.rating img {
    width: 16px;
    border-radius: 0px;
}

.facilitieslist ul, .flatbook .prolist ul {
    overflow: scroll hidden;
    overflow-wrap: break-word;
    width: 94%;
    display: inline-block;
    list-style: none;
}

.cardscroll, .extralist, .extrascroll, .instagram-feed iframe, .quotebox {
    overflow-y: scroll;
}

.rating .rate {
    background: rgb(255, 193, 7);
    padding: 2px 5px;
    font-size: 0.8rem;
    border-radius: 4px;
}

.rating .ratingno {
    font-size: 0.9rem;
    margin-left: 6px;
}

.flatbook .listone {
    padding: 5px;
    white-space: nowrap;
    display: inline-block;
    overflow-x: scroll;
    width: 100%;
    scrollbar-width: none;
}

.flatbook .listone button {
    font-size: 12px;
    padding: 2px 6px;
    background-color: rgba(104, 97, 242, 0.13);
    --tw-text-opacity: 1;
    color: rgb(104, 97, 242);
    border: none;
}

.flatbook .taxiline img, .flatbook .taxilineone img, .flatbook .taxilinetwo img {
    height: 229px;
}

.flatbook .ameneties {
    padding-left: 0px;
    margin-bottom: 0px;
}

.flatbook .flatprice {
    padding: 15px 10px 0px;
    font-weight: 600;
}

.flatbook h4 {
    font-size: 0.9rem;
    color: rgb(139, 139, 139);
    font-weight: 400;
    margin-bottom: 0px;
}

.flatbook h5 {
    color: rgb(139, 139, 139);
    font-size: 0.8rem;
}

.flatbook p {
    font-size: 0.7rem;
}

.flatbook .prolist ul {
    padding: 0px 0px 3px;
    margin: 0px 10px;
    scrollbar-width: thin;
}

.flatbook .prolist ul li {
    display: inline-block;
    font-size: 11px;
    white-space: nowrap;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(239, 239, 239);
    margin-right: 3px;
}

.flatbook .prolist ul li img {
    width: 12px;
}

.ourservices .st {
    font-size: 18px;
    color: rgb(0, 0, 0);
    text-align: left;
    padding: 10px 0px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.services {
    border-radius: 10px;
    border: 0px;
    padding: 10px;
    background: rgb(229 231 224 / var(--tw-bg-opacity, 1));
}

.result, .servcebd {
    padding-top: 10px;
}

.services img {
    border-radius: 10px;
}

.services h3 {
    font-weight: 300;
    padding: 15px 0px;
    margin-bottom: 0px;
    color: rgb(33, 37, 41);
}

.services .swiper-pagination-bullets {
    top: inherit;
    bottom: 0px;
    width: auto;
    left: 10px;
}

.services .swiper-pagination-bullet-active {
    background: rgb(220, 53, 69);
}

.ourserviceslist .moscot-1 {
    width: 350px;
    height: 300px;
}

.ourservices h4 {
    font-family: "IBM Plex Sans";
    margin-bottom: 2rem;
    font-size: 1.87rem;
    text-align: center;
}

.bg2 {
    background: rgb(232, 203, 255) !important;
}

.bg3 {
    background: rgb(183, 241, 227) !important;
}

.essential .essential-grid p, .essential h2, .webanyway h2 {
    font-family: Poppins, sans-serif;
}

.servcebd a img {
    width: 15px;
    height: 9px;
    margin-left: 6px;
}

.clientstory .storybox, .ourserviceslist2 .overview {
    padding: 10px 0px;
}

.ourserviceslist2 .tabspnl ul > li > a {
    font-size: 8px;
    padding: 0.5rem 0px;
}

.project .flatbook .rera {
    position: absolute;
    left: 0px;
    top: 10px;
    background: rgb(6, 175, 176);
    font-size: 0.6rem;
    color: rgb(255, 255, 255);
    padding: 2px 6px 0px;
}

.project .flatbook img {
    height: 160px;
}

.facilitieslist ul {
    padding: 20px 0px 3px;
    margin: 0px 10px;
    cursor: pointer;
}

.facilitieslist ul li {
    position: relative;
    display: inline-block;
    font-size: 10px;
    white-space: nowrap;
    padding: 24px 5px 15px;
    width: 25%;
    z-index: 9;
}

.facilitieslist li.pink {
    background: rgb(255, 251, 243);
}

.facilitieslist li.lightgreen {
    background: rgb(240, 249, 255);
}

.facilitieslist li img {
    width: 38px;
    position: absolute;
    top: -20px;
    z-index: 999;
    left: 50%;
    margin-left: -26px;
}

.result h6 {
    font-size: 25px;
    font-weight: 600;
    color: rgb(19, 87, 153);
}

.result p {
    font-size: 14px;
    line-height: 21px;
}

.result .bdr::before {
    content: "";
    display: block;
    width: 2px;
    background: rgb(221, 221, 221);
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.homesec_postpaid h2 {
    font-size: 25px;
    text-align: left;
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 0.5rem;
    display: inline-block;
}

.comparebtn, .h6heading, .lanimg, .meetteam .meetctn a, .numbered-list li::before, .traditionalwork h2, .webanyway .contentbox h4, .webanyway h2, .whychoosebma h2 {
    text-align: center;
}

.homesec_postpaid h2::after {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9;
    width: 100%;
}

.homesec_postpaid .slick-slide {
    margin: 0px 6px;
}

.homesec_postpaid .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: rgb(0, 0, 0);
    border-radius: 0px;
    background-color: transparent !important;
    border-bottom: 2px solid red !important;
}

.homesec_postpaid .nav-link {
    color: rgb(0, 0, 0);
    padding: 0px;
    margin: 0px 10px;
    font-size: 13px;
    font-weight: 500;
}

.best_benifits img {
    margin-bottom: 1rem;
    border-radius: 10px;
}

.best_benifits p {
    display: flex;
    padding-left: 17px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 7px;
    font-weight: 400;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.pageslist p {
    display: block;
    padding-left: 0px;
}

.best_benifits p::before {
    content: "";
    background-image: url("../images/right-arrow.png");
    width: 14px;
    display: block;
    z-index: 222222;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -5px;
    height: 15px;
    top: 3px;
}

.homesec_postpaid .accordion-button {
    font-size: 0.8rem;
    padding: 0.4rem 1.25rem;
}

.homesec_postpaid .accordion-button.collapsed {
    background: rgb(227, 227, 227);
    border: 1px solid rgb(214, 214, 214);
}

.preiumcolor .accordion-button {
    background: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
}

.homesec_postpaid .best_benifits i.fa-question-circle-o, .tooglelist a.listicon i {
    color: rgb(145, 145, 145);
    position: relative;
}

ul.location-top-properties--props {
    display: flex;
    text-transform: capitalize;
    flex-direction: column;
}

li.location-top-properties--prop {
    display: flex;
}

.location-top-properties--prop img {
    width: 31px;
    background: rgb(250, 250, 254);
    border: 1px solid rgb(238, 238, 238);
    padding: 4px;
    margin-right: 15px;
    border-radius: 3px;
}

.location-top-properties--prop-label {
    font-weight: 500;
    font-size: 10px;
    color: rgb(0, 0, 0);
}

.location-top-properties--prop-value, .packagebtn a span {
    font-size: 10px;
}

.location-rating__sm .location-rating--bookings, .ollist .hovercnt h6, p.card-text {
    font-size: 12px;
}

.contactus .cfo, .distance-locations a, .distance-locations > div, .taxi-service-btn .img-box a, .title-check {
    align-items: center;
    display: flex;
}

.homesec_postpaid .notelco_benifitdiv, .t-inner, .tbtn {
    justify-content: space-between;
    align-items: center;
    background: rgb(197, 197, 240);
    border-radius: 5px 5px 0px 0px;
    display: none;
}

.homesec_postpaid .notelco_benifittxt {
    font-family: ViBold, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.14;
    color: rgb(255, 255, 255);
    padding: 6px 10px;
    background-color: rgb(104, 97, 242);
    width: auto;
    font-size: 14px;
    position: relative;
    z-index: 1;
    height: 26px;
}

.meetteam .meetctn, .traditionalwork, .whychoosebma .whygrid p, .whychoosebma h2 {
    font-family: Poppins, sans-serif;
}

.homesec_postpaid .notelco_benifittxt::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 9.8px;
    background-color: rgb(104, 97, 242);
    border-radius: 0px 10px 0px 0px;
    transform: skewX(-35deg);
    z-index: -1;
    transition: 0.4s;
}

.homesec_postpaid .card {
    box-shadow: rgba(96, 97, 112, 0.1) 0px 8px 16px 0px, rgba(40, 41, 61, 0.04) 0px 2px 4px 0px;
    position: unset;
    margin-bottom: 30px;
    border: 1px solid rgb(163, 185, 195);
    border-radius: 0px;
}

.homesec_postpaid .card .card-header {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(213, 214, 217);
    position: sticky;
    top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0px;
    height: 400px;
}

.homesec_postpaid .card-title {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: rgb(47, 48, 67);
    margin-bottom: 5px;
    word-break: break-word;
    width: 100%;
    font-weight: 600;
    margin-top: 8px;
}

.homesec_postpaid .pricepoint, .storybox h5 {
    font-size: 15px;
    font-weight: 600;
}

.homesec_postpaid .pricepoint span {
    color: rgb(191, 191, 191);
}

.homesec_postpaid .pricepoint mark {
    background: rgba(104, 97, 242, 0.13);
    font-size: 12px;
    padding: 0px 17px;
    border-radius: 50px;
    display: inline-block;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(104, 97, 242);
    margin-top: 5px;
    line-height: 23px;
}

.comparebtn {
    display: block;
    background: rgb(165, 165, 165);
    color: rgb(28, 28, 28);
    padding: 5px 10px;
    font-size: 11px;
    width: auto;
    position: absolute;
    top: -1px;
    right: -1px;
    border-radius: 0px 6px;
    z-index: 999999;
}

.lpexample ul li, .lpexample ul li img {
    border-radius: 10px;
}

.homesec_postpaid .card-body {
    background: rgb(255, 255, 255);
    width: 100%;
    vertical-align: top;
    padding: 0px;
    overflow-x: hidden;
}

.homesec_postpaid .card-content {
    height: 100%;
    padding: 0px;
    position: relative;
}

.best_benifits li, .card_benifitsection_desk li {
    padding: 9px 5px;
    font-size: 0.9rem;
    border-top: 1px dashed rgba(167, 167, 167, 0.35);
}

.best_benifits li:first-child, .card_benifitsection_desk li:first-child {
    border-top: 0px;
}

.best_benifits li i, .card_benifitsection_desk li i {
    color: rgb(200, 200, 200);
    font-size: 12px;
}

.best_benifits {
    padding: 5px 0px;
}

.homesec_postpaid .accordion-button:not(.collapsed) {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border-left: 0px;
    border-right: 0px;
}

ul.location-top-properties--props {
    width: 100%;
    display: flex;
    margin: 0px;
    list-style: none;
    font-size: 12px;
    text-transform: capitalize;
    flex-direction: column;
    border-top: 1px solid rgb(229, 229, 229);
}

.vsty-2 {
    border-radius: 0px 0px 6px 6px;
}

.vstyle-1 {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    flex-direction: inherit !important;
    padding-top: 10px !important;
}

.vstyle-1 li {
    flex: 0 0 100%;
    align-items: flex-start;
    margin: 3px 0px;
}

.vstyle-1 .location-top-properties--prop img {
    margin-right: 5px;
    width: 30px;
    margin-top: 1px;
}

.hgtfixedone .hovercnt h6, .lppagefeature li, .vstyle-1 .location-top-properties--prop-label, .vstyle-1 .location-top-properties--prop-value {
    font-size: 12px;
}

.vstyle-1 .location-top-properties--prop-details {
    margin-top: -1px;
}

.ollist .hovercnt {
    top: -50px;
}

.ollist .hovercnt.hovbottom {
    top: inherit;
    bottom: -50px;
}

.hgtfixedone .hovercnt {
    height: 80px;
}

.hgtfixedone .hovercnt.tophgt {
    top: -80px;
}

.accordion.toparrow .best_benifits ul li .hovercnt {
    top: -34px;
}

.extralist {
    height: 249px;
    scrollbar-width: none;
}

.numbered-list {
    counter-reset: list-counter 0;
}

.numbered-list li {
    counter-increment: list-counter 1;
    list-style-type: none;
    padding-left: 28px;
    color: rgb(0, 0, 0);
}

.numbered-list li::before {
    content: counter(list-counter);
    position: absolute;
    left: 5px;
    border: 1px solid rgb(221, 221, 221);
    width: 18px;
    height: 18px;
    line-height: 17px;
    border-radius: 3px;
    background: rgb(235, 235, 254);
    font-size: 11px;
    color: rgb(104, 97, 242);
    font-weight: 700;
    margin-top: 2px;
}

.extrascroll {
    height: 270px;
}

.hgtpolicyctn, .hov099, .hov101, .hovepop1010 {
    height: auto !important;
}

.libgcg {
    background: rgb(241, 241, 241);
    color: rgb(82, 80, 80) !important;
}

.libgcgbl {
    background: rgb(61, 53, 53);
}

.h6heading {
    font-weight: 600;
    padding: 10px 0px;
    background: rgb(242, 234, 211);
    font-size: 14px;
    margin-bottom: 0px;
}

.accordinbgremover {
    background: 0px 0px !important;
    box-shadow: none !important;
}

.lppagefeature h6 {
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
    border-bottom: 1px solid rgb(223, 223, 223);
    margin-bottom: 0px;
}

.lppagefeature small {
    font-size: 11px;
    padding: 5px;
    display: block;
}

.hgtpolicyctn {
    top: -110px !important;
}

.hov101 {
    top: -47px !important;
    left: -1.1px !important;
}

.hovepop1010 {
    top: -27px !important;
    left: 6px !important;
}

.lptop01 .hovercnt {
    top: -34px !important;
}

.specialbtn {
    padding: 11px 20px;
    background-image: linear-gradient(rgba(255, 255, 255, 0) -179%, rgb(255, 255, 255) 100%);
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    border-radius: 0px 0px 6px 6px;
    z-index: 9999;
}

.specialbtn a {
    width: 100%;
    padding: 7px 20px;
    background-color: rgb(238, 39, 55);
    border-radius: 25px;
    font-size: 15px;
    line-height: 1.25;
    color: rgb(255, 255, 255);
    display: block;
}

.essential h2, .lpexample h2 {
    color: rgb(0, 0, 0);
    text-align: center;
}

.preiumcolor .card .card-header {
    background: rgb(13, 58, 193);
}

.preiumcolor .accordion-header button, .preiumcolor .best_benifits, .preiumcolor .card .card-header, .preiumcolor .card-body {
    background-color: rgb(242, 243, 244);
}

.preiumcolor .location-top-properties--prop-label, .preiumcolor .location-top-properties--prop-value {
}

.preiumcolor ul.location-top-properties--props {
}

.preiumcolor .specialbtn {
    background-image: linear-gradient(rgba(255, 255, 255, 0) -179%, rgba(0, 0, 0, 0.45) 33%);
    border-radius: 0px 0px 6px 6px;
}

.preiumcolor .specialbtn.btnwhitebg {
    background: rgb(0, 0, 0) !important;
}

.cardstyle-1 .card, .facebook-feed iframe, .hgt-1, .instagram-feed iframe, .wb-3 {
    height: 460px;
}

.cardstyle-6 .card {
    height: 446px;
}

.cardstyle-2 .card {
    height: 520px;
}

.cartstyle-5 .card {
    height: 400px;
}

.cardstyle-8 .card {
    height: 408px;
}

.card-style-7 {
}

.cartstyle-social-media .card {
    height: 383px;
}

.plansCardForMe .cardscroll::-webkit-scrollbar {
    display: none;
}

.plansCardForMe .cardscroll {
    scrollbar-width: none;
}

.iconclose i.fa-question-circle-o {
    color: rgb(200, 200, 200);
}

.frabarone .swiper-pagination-progressbar {
    width: calc(83% - 110px);
}

.adssection {
    padding: 10px 0px 30px;
}

.boxhgt_inner {
    height: 314px;
    background: rgb(239, 239, 239);
}

.boxhgt_inner.land {
    height: 333px;
}

.boxhgt_inner.webland {
    height: 394px;
}

.default_line {
    height: 291px;
    background: rgb(239, 239, 239);
}

.essential h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    padding: 0px 0px 10px;
}

.essential .essential-list {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
}

.essential .essential-grid {
    border-radius: 8px;
    background: rgb(255, 255, 255);
    padding: 7px 12px;
    display: flex;
    align-items: center;
    min-height: 55px;
    position: relative;
    flex: 0 0 30%;
}

.essential .essential-grid img {
    width: 30px;
}

.essential .essential-grid:nth-child(3), .essential .essential-grid:nth-child(9) {
    margin-right: 40px;
}

.essential .essential-grid:nth-child(4) {
    margin-left: 40px;
}

.essential .essential-grid p {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding-left: 12px;
    padding-bottom: 0px;
    color: rgb(68, 68, 68);
    margin-bottom: 0px;
}

.webanyway {
    background-color: rgb(255, 244, 219);
    padding-top: 60px;
    padding-bottom: 60px;
}

.webanyway h2 {
    font-weight: 600;
    font-size: 20px;
}

.webanyway .contentbox p {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.webanyway .contentbox h4 {
    color: rgb(65, 0, 153);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.lpexample h2, .whychoosebma .whygrid h3 {
    font-weight: 700;
    font-family: Poppins, sans-serif;
}

.lpexample {
    background: rgb(246, 248, 252);
    padding: 60px 0px;
}

.lpexample ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 30px;
}

.lpexample ul li {
    flex-basis: 30%;
    margin-right: 20px;
    margin-bottom: 60px;
    position: relative;
    box-shadow: rgba(68, 68, 68, 0.07) 0px 5px 15px;
}

.whychoosebma {
    padding-top: 60px;
    padding-bottom: 60px;
}

.whylist .col-md-4 {
    margin-top: 2rem;
}

.whychoosebma .whygrid {
    border-radius: 8px;
    background: rgb(255, 255, 255);
    padding: 20px 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
    height: 100%;
}

.whychoosebma .whygrid img {
    width: 70px;
    height: 70px;
}

.whychoosebma .whygrid h3 {
    font-size: 18px;
    color: rgb(65, 0, 153);
    margin-bottom: 0px;
}

.whychoosebma .whygrid p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: rgb(68, 68, 68);
    margin-bottom: 0px;
}

.meetteam .meetctn h2, .traditionalwork h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
}

.meetteam {
    padding: 50px 0px;
    background: rgb(245, 245, 247);
}

.meetteam .meetctn {
    border-right: 1px solid rgb(65, 0, 153);
    padding-right: 30px;
}

.meetteam .meetctn h2 {
    color: rgb(0, 0, 0);
    padding-bottom: 20px;
}

.meetteam .meetctn p {
    color: rgb(68, 68, 68);
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
}

.meetteam .meetctn p strong {
    font-weight: 500;
    color: rgb(0, 0, 0);
    background: rgb(254, 232, 179);
}

.meetteam .meetctn a {
    background-color: rgb(255, 182, 0);
    color: rgb(65, 0, 153);
    padding: 18.5px 36.2px;
    margin-top: 35px;
    display: block;
    min-width: 470px;
    max-width: 470px;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
    border-radius: 50px;
}

.meetteam .meetctn a:hover {
    background-color: rgb(242, 163, 0);
}

.meetimg {
    padding-left: 40px;
}

.traditionalwork {
    padding: 60px 0px;
}

.traditionalwork h2 {
    color: rgb(0, 0, 0);
    padding-bottom: 40px;
}

.bmglist {
    width: 100%;
    max-width: 721px;
    margin: 0px auto;
}

.table-flex {
    display: flex;
    border-bottom: 1px solid;
}

.table-head {
    padding-top: 25px;
    padding-bottom: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: rgb(0, 0, 0);
}

.check-apexure.table-td-mid, .traditional-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}

.table-head.table-td-mid {
    background: rgb(254, 232, 179);
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(255, 182, 0);
    border-right-color: rgb(255, 182, 0);
    border-left-color: rgb(255, 182, 0);
    border-image: initial;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-style: initial;
    border-bottom-color: initial;
}

.first-table-td {
    width: 54%;
}

.table-td-mid {
    width: 21%;
}

.title-check {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 27px;
    color: rgb(0, 0, 0);
    padding-left: 23px;
}

.check-apexure.table-td-mid {
    background: rgb(254, 232, 179);
    border-width: 0px 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgb(255, 182, 0);
    border-left-color: rgb(255, 182, 0);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-top-style: initial;
    border-top-color: initial;
}

#getclose img, .check-apexure.table-td-mid img, .traditional-wrap img {
    width: 20px;
}

.ghg1 {
    height: 236px;
}

.ghg2 {
    height: 327px;
}

.ghg3, .ghg4 {
    height: 293px;
}

.ghg5 {
    height: 311px;
}

.lp-1, .wb-1 {
    height: 310px;
}

.wb-2 {
    height: 360px;
}

.hgt1-1 {
    height: 320px;
    background: rgb(227, 193, 108) !important;
}

.lgtscr .mCSB_dragger_bar {
    left: -3px !important;
}

.outcomes {
    background: rgb(217, 149, 54);
    padding: 80px 0px;
}

.bmacounter, .casestudy, .contactus, .ppcocunter, .socialchannel {
    padding: 40px 0px;
}

.outcomes .navibar .swiper-pagination-progressbar {
    width: calc(87% - 120px);
}

.darkgoldbg ul li, .outcomes .box_inner_p p {
    background: rgb(227, 193, 108);
    border-top: 1px solid rgb(227, 227, 227);
}

.goldencolor {
    background: rgb(217, 149, 54) !important;
}

.lanimg {
    position: relative;
}

.flatbook .lanimg .imgaln, .ourachievements .swiper-main {
    padding-top: 20px;
}

.lanimg .lanoverlayimg {
    position: absolute;
    top: 44px;
    left: 50%;
    z-index: 2;
    height: 407px;
    overflow-y: scroll;
    width: 214px;
    margin: 0px auto 0px -106px;
}

.lanimg.h-lan .lanoverlayimg {
    height: 258px;
    margin: 0px auto 0px -109px;
    width: 221px;
}

.contactus h3 {
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: 2px solid rgba(238, 239, 232, 0.44);
    padding-bottom: 10px;
    font-family: "IBM Plex Sans";
}

.contactus .cfo {
    gap: 10px;
    padding-bottom: 15px;
}

.contactus .cfo i {
    font-size: 20px;
}

.contactus .cfo a {
    color: rgb(55, 55, 55);
    font-size: 15px;
    font-family: "IBM Plex Sans";
}

.contactadd p {
    margin-bottom: 0px;
    font-size: 15px;
    display: flex;
    height: 100px;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.52);
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 0px 0px;
    border-radius: 0px 0px 5px 5px;
    text-align: left;
}

.contactadd p i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: rgb(0, 0, 0);
    text-align: center;
    border-radius: 100%;
    color: rgb(255, 255, 255);
    flex: 0 0 30px;
}

.servicepagin .swiper-wrapper {
    margin-bottom: 5px;
}

.servicepagin .swiper-pagination {
    bottom: -5px !important;
}

.servicepagin .swiper-pagination-bullets {
    left: calc(50% - 120px);
}

.servicepagin .swiper-pagination > span {
    overflow: hidden;
    position: relative;
    width: 25px;
    height: 25px;
    background: rgb(244, 244, 244);
    line-height: 25px;
    z-index: 21;
    font-size: 10px;
    outline: 0px;
}

.servicepagin .swiper-pagination > span::before {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    background: rgb(231, 239, 251);
    box-shadow: rgb(21, 21, 21) 0px 0px 0px 1.2px inset;
    content: "";
    left: 0px;
    z-index: -1;
    opacity: 0;
}

.servicepagin .swiper-pagination > span::after {
    position: absolute;
    left: -28%;
    width: 204%;
    height: 182%;
    transform-origin: 40% 1px;
    background: rgb(231, 239, 251);
    content: "";
    z-index: -1;
    top: -2px;
}

.servicepagin .swiper-pagination > span.swiper-pagination-bullet-active::after {
    animation: 3.1s linear 0s 1 normal none running revealCircle;
}

.servicepagin .swiper-pagination > span.swiper-pagination-bullet-active::before {
    opacity: 1;
}

.servicepagin .swiper-pagination > span.swiper-pagination-bullet-active.anipaused::after {
    animation-play-state: paused;
}

@keyframes revealCircle {
    100% {
        transform: rotate(180deg);
    }
}

.servicepagin button {
    border: 0px;
    background-color: rgba(255, 255, 255, 0);
}

.servicepagin button img {
    width: 29px;
}

.videoicons span.swiper-pagination-bullet:nth-child(5), .videoicons1 span.swiper-pagination-bullet:nth-child(6) {
    text-indent: -40px;
}

.videoicons span.swiper-pagination-bullet:nth-child(5) img, .videoicons1 span.swiper-pagination-bullet:nth-child(6) img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.ppcocunter {
    background: rgb(64, 64, 70);
}

.ppcocunter ul {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ppcocunter ul li {
    border: 1px solid rgb(95, 95, 95);
    background: rgb(95, 95, 95);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    flex-basis: 16%;
    height: 110px;
}

.ppcocunter ul li span.counter {
    padding-right: 4px;
}

.ppcocunter ul li span {
    font-size: 30px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.ppcocunter ul li p {
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
}

.caselist ul li h4, .caselist ul li p {
    margin-bottom: 0px;
    color: rgb(51, 51, 51);
    font-family: Montserrat, sans-serif;
}

.getquote {
    position: fixed;
    right: -551px;
    top: 0px;
    z-index: 9999;
    transition: right 0.5s linear;
}

.getquote.showreview {
    right: 0px;
}

.quotebtn {
    width: 100%;
    height: 0px;
    position: absolute;
    left: -66px;
    bottom: 50%;
    margin-top: -58.5px;
    cursor: pointer;
    z-index: 0;
    pointer-events: all;
}

.getquote form, .quotebox {
    height: 100vh;
    background: rgb(255, 255, 255);
}

.quotebtn a {
    display: inline-block;
    color: rgb(255, 255, 255);
    padding: 4px 13px;
    font-size: 14px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgb(247, 25, 63);
    transform: rotate(-90deg);
}

.quotebox {
    overflow-x: hidden;
    scrollbar-width: none;
}

.getoverlay, .slidecnt, body.modal-open {
    overflow: hidden;
    display: none;
}

.getquote form {
    width: 550px;
    padding: 40px 10px;
}

.getquote form input, .getquote form select, .getquote form textarea {
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    font-size: 14px;
    border-bottom-style: solid;
    border-bottom-color: rgb(204, 204, 204);
    border-radius: 0px;
}

.getquote form label {
    color: rgb(131, 131, 131);
    font-size: 12px;
    font-weight: 500;
}

.getquote form .form-control:focus {
    border-color: rgb(204, 204, 204) !important;
    border-bottom-width: 1px !important;
    box-shadow: none !important;
}

.getquote form .col-md-12, .getquote form .col-md-6 {
    margin-bottom: 15px;
}

.getquote form .telphone {
    align-items: end;
    flex-wrap: inherit;
}

.getquote form .telphone .input-group-text {
    background: 0px 0px;
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-bottom-style: solid;
    border-bottom-color: rgb(204, 204, 204);
    border-radius: 0px;
}

.getquote form textarea {
    height: 100px !important;
}

.getquote form h3 {
    font-size: 25px;
    border: 1px solid rgb(221, 221, 221);
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
    background: rgb(217, 149, 54);
    color: rgb(255, 255, 255);
}

#getclose {
    background: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    margin-top: -46px;
    position: absolute;
    left: 0px;
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.quotebox .closescale {
    animation: 1.4s ease 0s infinite normal none running scaleup;
}

.getquote.showreview #getclose {
    left: -59px;
}

.getoverlay.getreoverlay::before {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    padding: 20px;
    background-color: rgb(247, 247, 247);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
    z-index: 1000;
    border-radius: 2px;
}

.popup .close-popup {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    font-size: 30px;
}

.popupoverlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.popform h3 {
    font-size: 21px;
    font-weight: 600;
}

.popform p {
    font-size: 12px;
    text-align: justify;
}

.popform form input, .popform form select {
    margin-bottom: 10px;
    font-size: 14px;
}

.popform form input[type="submit"] {
    background: rgb(255, 193, 7);
    width: 100%;
    border: 0px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
}

.poptit {
    font-size: 20px !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 20px;
    height: 30px;
    left: -7px;
    background: url("../images/scroll.png") no-repeat;
}

.acmob .mCSB_draggerRail {
    width: 5px;
    background: rgb(203, 209, 166);
    opacity: 1;
}

.acmob #mCSB_1_scrollbar_vertical {
    background: rgb(203, 209, 166);
    border: 5px solid rgb(236, 234, 232);
    border-radius: 10px;
}

.acmob .mCSB_scrollTools {
    opacity: 1;
    right: 3px;
}

.adsconsultation {
    width: 100%;
    height: 326px;
}

.casestudy h2 {
    text-align: center;
    padding-bottom: 30px;
    font-size: 1.87rem;
    font-family: "IBM Plex Sans";
}

.casebox {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
    padding: 20px 10px;
    border-radius: 10px;
}

.casebox h3 {
    font-size: 16px;
    font-weight: 700;
    color: rgb(43, 40, 42);
    text-align: center;
    margin-bottom: 10px;
}

.caselist, .lpdev h5 {
    margin-top: 20px;
}

.caselist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.caselist ul li {
    flex-basis: 48%;
    padding: 9px 10px;
    border: 1px solid rgb(105, 167, 204);
    border-radius: 20px;
    text-align: center;
}

.caselist ul li h4 {
    font-size: 20px;
    font-weight: 700;
}

.caselist ul li p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.caselist .casebtn {
    background-color: rgb(56, 182, 255);
    border-radius: 50px;
}

.caselist .casebtn a {
    display: block;
    color: rgb(255, 255, 255);
    padding: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}

#popupmodel .modelclosebtn {
    position: absolute;
    right: 0px;
    top: -11px;
    width: 30px;
    height: 30px;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border-radius: 100%;
    text-align: center;
    line-height: 33px;
    box-shadow: rgba(82, 82, 82, 0.5) 0px -5px 15px;
    z-index: 2;
}

#popupmodel .modelclosebtn .btn-close {
    transition: 0.2s ease-in-out;
    font-size: 13px;
}

#popupmodel .modelclosebtn .btn-close:hover {
    transform: rotate(90deg);
    color: rgb(0, 0, 0);
    font-size: 14px;
}

.mainform h3 {
    color: rgb(32, 32, 32);
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    margin-bottom: 3px;
}

.mainform .form-floating, .mainform .input-group-text, .mainform textarea {
    margin-bottom: 11px;
}

.mainform h3 span {
    color: rgb(217, 149, 54);
    font-weight: 600;
    margin-left: 5px;
}

.mainform p {
    color: rgb(81, 81, 81);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.mainform label {
    font-size: 14px;
    color: rgb(203, 203, 203);
    transition: 0.1s linear;
}

.mainform .form-control:focus {
    box-shadow: none;
    border-color: rgb(222, 226, 230);
}

.mainform .input-group-text {
    background: 0px 0px;
    width: 14%;
    margin-right: 2%;
    border-radius: 5px;
}

.mainform .input-group input {
    border-radius: 5px;
}

.mainform textarea {
    height: 82px;
}

.mainform input[type="submit"] {
    border-radius: 7px;
    background: rgb(217, 149, 54);
    width: 100%;
    height: 51px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.1s linear;
    border: 0px;
    text-decoration: none;
}

.mainform .form-floating .form-control {
    height: 52px;
    min-height: 52px;
    padding: 0.7rem 0.75rem 0px;
    font-size: 14px;
}

.casestudylist .swiper-wrapper {
    margin-bottom: 2.5rem;
}

.casestudylist .swiper-slide img {
    object-fit: fill;
    width: 100%;
    border: 1px solid rgba(242, 242, 242, 0.16);
    padding: 4px;
    background: rgba(241, 241, 241, 0.27);
}

.desktopmenu li a {
    font-size: 16px !important;
}

.desktopmenu .dropdown-menu {
    background-color: rgb(51, 51, 51);
    width: auto;
}

.desktopmenu .dropdown-menu a {
    color: rgb(255, 255, 255);
    background: 0px 0px;
}

.desktopmenu .dropdown-menu a:hover {
    color: rgb(242, 65, 117);
    border-bottom: 0.5px dashed rgb(202, 70, 114);
}

.desktopmenu ul.dropdown-menu.show::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: rgb(51, 51, 51);
    position: absolute;
    left: 3px;
    top: -7px;
    border-radius: 2px 6px;
    transform: rotate(45deg);
}

.desktopmenu ul.dropdown-menu::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: rgb(51, 51, 51);
    position: absolute;
    left: 3px;
    top: -7px;
    border-radius: 2px 6px;
    transform: rotate(45deg);
}

.packbgi {
    background: url("../images/packeges_bg.webp") center bottom / cover no-repeat rgb(212, 224, 238);
    padding: 35px 0px 45px;
}

.bgcolorbox {
    background-color: rgb(234, 245, 252);
}

.popsbtn a {
    height: 56px;
    line-height: 56px;
    margin-bottom: 16px;
    border-radius: 8px;
    display: block;
}

.popsbtn .popone {
    background-color: rgb(15, 193, 2);
    color: rgb(255, 255, 255);
    font-size: 18px;
    text-align: center;
}

.popsbtn .poptwo {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(179, 221, 253);
    color: rgb(98, 134, 159);
    text-align: center;
}

.hgtfixed .hovercnt {
    height: 80px;
    top: -60px;
}

.hgtmidfixed .hovercnt {
    height: 64px;
    top: -65px;
}

.hovercnt {
    position: absolute;
    background: rgb(0, 0, 0);
    top: -44px;
    width: calc(100% - 20px);
    display: none;
    z-index: 99;
    height: 50px;
    transition: 2s linear;
}

.hovbottom {
    top: inherit;
    bottom: -40px;
}

.hovercnt h6 {
    font-size: 13px;
    padding: 10px;
    margin-bottom: 0px;
    position: relative;
    color: rgb(255, 255, 255);
}

.packbox i, .slidebtn a {
    margin: 0px auto;
}

.hovertxt:hover i::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-right: 10px solid rgba(255, 255, 255, 0);
    border-top: 10px solid rgb(0, 0, 0);
    position: absolute;
    top: -10px;
    right: -5px;
}

.hovbottom h6::after {
    border-bottom: 10px solid rgb(0, 0, 0);
    border-top: 0px solid rgb(0, 0, 0);
    bottom: 0px;
    top: -7px;
}

.hoverbotm .hovertxt:hover i::after {
    border-bottom: 10px solid rgb(0, 0, 0);
    top: 12px;
    border-top: inherit;
}

.hovercnt.tophgt {
    top: -73px;
}

.hovbot99 {
    height: 100px;
    bottom: -100px !important;
}

.customtable .hovbottom {
    bottom: -45px;
}

.poptable button i.fa-angle-down::before {
    content: "" !important;
}

.customtable {
    display: flex;
    padding: 5px 0px;
    position: relative;
    background: rgb(225, 225, 225);
}

.customtable .tablectn {
    flex: 0 0 60%;
}

.customtable .tablectn ul, .data_pad {
    padding-top: 38px;
}

.customtable .tablectn h3 {
    background: rgb(67, 66, 66);
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-align: center;
    padding: 7px 5px;
    font-weight: 500;
    margin-bottom: 0px;
    height: 40px;
    position: fixed;
    width: calc(41%);
    margin-top: -5px;
    z-index: 99999;
}

.customtable .tablectn ul li i, .packlsthead .hovertxt, .swipercontent .swiperctn a {
    color: rgb(0, 0, 0);
    position: relative;
}

.customtable .datacontent .fixtab {
    position: fixed;
    width: 467px;
    margin-top: -5px;
    z-index: 999;
}

.customtable .tablectn ul li {
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(225, 225, 225);
    border-right-color: rgb(225, 225, 225);
    border-left-color: rgb(225, 225, 225);
    border-image: initial;
    padding: 10px;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    border-bottom-style: initial;
    border-bottom-color: initial;
    height: 40px;
}

.customtable .tablectn ul li.extrahgt {
    height: 72px;
}

.customtable .tablectn ul li i::after {
    top: -13px;
}

.customtable .tabledata {
    flex: 0 0 40%;
}

.customtable .tabledata .datacontent ul {
    white-space: nowrap;
    display: inline-block;
}

.customtable .tabledata .datacontent ul li {
    color: rgb(14, 14, 14);
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    padding: 4.6px 10px;
    display: inline-block;
    width: 96px;
    margin-right: -6px;
    border-width: 0px 1px 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: rgb(225, 225, 225);
    border-bottom-color: rgb(225, 225, 225);
    border-left-color: rgb(225, 225, 225);
    border-image: initial;
    border-top-style: initial;
    border-top-color: initial;
    height: 40px;
    line-height: 30px;
}

.customtable .tabledata .datacontent ul li i {
    color: rgb(86, 86, 86);
    font-size: 13px;
}

.customtable .tabledata .datacontent ul.lenghtabove li {
    height: 72px;
    line-height: 62px;
}

.customtable .tablectn ul {
    padding-right: 5px;
}

.customtable.threecolumn .tablectn {
    flex: 0 0 70%;
}

.customtable.threecolumn .tablectn h3 {
    width: calc(47.9%);
}

.pprice {
    background: rgb(255, 255, 255);
    padding: 5px 10px;
    margin-top: 2px;
    position: absolute;
    width: 100px;
    z-index: -1;
    border-radius: 16px 16px 0px 0px;
    border: 1px solid rgb(239, 239, 239);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pprice span {
    font-size: 14px;
    display: block;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 700;
}

.blurclr {
    color: rgb(214, 51, 45) !important;
    font-weight: 700 !important;
    font-size: 11px !important;
}

.homesec_postpaid .accordion.slidepan h3::before {
    content: "";
    display: block;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.3) -1px 6px 20px 20px;
    position: absolute;
    top: -9px;
}

.swipercontent .swiperbottom {
    transition: height 0.99s;
    height: 36px;
    overflow: hidden;
}

.swipercontent .swiperbottom.hgtaove {
    height: auto;
}

.swipercontent .swiperctn {
    position: absolute;
    top: 0px;
    width: 100%;
}

.swipercontent .swiperctn a {
    display: block;
    padding: 10px;
    background: rgba(255, 255, 255, 0.7);
    z-index: 999;
}

.swipercontent .swiperctn::before {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 10px;
}

.btnposition {
    position: absolute;
    width: 100%;
    top: 25px;
}

.btnposition::before {
    content: "";
    display: block;
}

.btnposition button {
    background: rgba(255, 255, 255, 0.24) !important;
}

.slideupbox {
    position: relative;
    padding-bottom: 20px;
}

.slidebtn {
    background: linear-gradient(179deg, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 73%);
    position: absolute;
    top: 25px;
    z-index: 99;
    text-align: center;
    width: 100%;
    padding: 12px 0px;
}

.readless, .slidebtn a {
    display: block;
    background: rgb(238, 39, 55);
    width: 120px;
    color: rgb(255, 255, 255);
    padding: 4px 0px;
    border-radius: 6px;
    font-size: 13px;
}

.impnote ul, .impnote ul li, .packagebtn, .packagerequest {
    display: inline-block;
}

.slidebtn.premiumbtn {
    background: linear-gradient(179deg, rgba(255, 255, 255, 0) 0px, rgb(47, 48, 67) 73%);
}

.slidecnt {
    height: 56px;
    transition: height 2s ease-out;
}

.slideupbox .slidecnt.slidehgt {
    height: auto;
    overflow: visible;
    transition: height 2s ease-out;
}

.slideupbox .slidecnt ul {
    border-top: 1px solid rgb(223, 223, 223);
}

.readless {
    margin: 10px auto 0px;
    text-align: center;
}

.btnbox .accordion-item {
    border: 0px;
    position: relative;
}

.btnbox .accordion-header {
    box-shadow: rgba(129, 129, 129, 0.34) -1px -10px 20px 8px;
}

.btnbox h3 button {
    background: 0px 0px;
}

.speciant li {
    color: rgb(238, 39, 55);
    font-size: 11px;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 4px 5px;
}

.impnote {
    margin-top: 15px;
}

.impnote ul {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
    padding-bottom: 5px;
}

.impnote ul li {
    background: rgb(255, 255, 255);
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
}

.packagebtn a {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgb(232, 222, 197);
    font-size: 10px;
    border-radius: 5px;
    line-height: normal;
    color: rgb(0, 0, 0);
    padding: 7px 4px;
}

.packagebtn a img {
    width: 16px;
    height: 16px;
}

.packagerequest a {
    padding: 0px;
    color: rgb(255, 255, 255);
    display: block;
    height: 41px;
    line-height: 41px;
    width: 100%;
    text-align: center;
    border-radius: 25px;
    font-size: 16px;
}

.packagerequest {
    padding: 0px 10px;
    width: calc(100% - 40px);
}

.packagebtn {
    width: 137px;
}

#gadstable i.fa-question-circle-o, #gadstable1 i.fa-question-circle-o, #gadstable2 i.fa-question-circle-o {
    font-size: inherit;
}

.whyhomepage li {
    font-size: 12px !important;
    padding: 4px 7px !important;
}

.tablerow.fixedrow {
    position: absolute;
    width: 99%;
    left: 0px;
    z-index: 9999;
    border: 2px solid rgb(247, 25, 63);
}

.tablecustom .tablerow {
    display: flex;
}

.tablecustom .tablerow .tablecell.first-td {
    flex: 0 0 55%;
    margin-right: 1%;
    border: 1px solid rgb(225, 225, 225);
    text-align: left;
    justify-content: flex-start;
    width: 59%;
}

.tablecustom .tablerow .headv1 {
    background: rgb(67, 66, 66) !important;
    border-left: 0px !important;
}

.packgelst li, .tablecustom .tablerow .tablecell {
    border: 1px solid rgb(225, 225, 225);
    font-size: 13px;
    padding: 10px;
}

.tablecustom .tablerow .tablecell.first-td h5 {
    background: rgb(67, 66, 66);
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-align: left;
    padding: 7px 12px;
    margin-bottom: 0px;
    width: 100%;
    font-weight: 700;
}

.tablecustom .tablerow .tablecell {
    flex: 0 0 11%;
    text-align: center;
    display: flex;
    align-items: center;
    width: 10%;
    justify-content: center;
    border-right: 0px;
    color: rgb(0, 0, 0);
    position: relative;
}

.tablecustom .tablerow .tablecell img {
    width: 30px;
    height: 30px;
    margin-top: 0px;
}

.tablecustom .tablerow .tablecell .closeppicon {
    width: 35px;
    height: 15px;
}

.tablecustom .tablerow .tablecell p {
    margin-bottom: 0px;
    text-align: center;
    padding: 5px 0px;
    color: rgb(255, 255, 255);
}

.tablecustom .tablerow .tablecell .pprice {
    z-index: 99;
    top: 0px;
    margin-top: -60px;
}

.tablerow.ptop {
    padding-top: 36px;
}

.tablecustom .tablerow .tablecell i {
    color: rgb(86, 86, 86);
}

.tablecustom .tablerow.fixedrow .tablecell, .tablerow.fixedrow .tablecell {
    border-top: 0px;
    border-bottom: 0px;
}

.tableheading {
    background: rgb(67, 66, 66);
    color: rgb(255, 255, 255);
    text-align: center;
    margin-bottom: 0px;
    padding: 10px;
    width: 100%;
}

.packgelst li {
    text-align: left;
}

.packlsthead .hovercnt {
    top: -44px;
}

.packlsthead {
    font-size: 17px;
    text-align: left;
    padding: 13px 10px;
    margin-bottom: 0px;
}

.packbox, .packbox i, .webpackages h3 {
    text-align: center;
}

.tablecustom .tablerow .hovertxt {
    position: relative;
    padding-left: 1px;
}

.innerhead {
    color: rgb(255, 255, 255);
    font-size: 11px;
    border-bottom: 1px solid rgb(255, 255, 255);
    padding: 8px 5px;
}

.webpackages {
    padding: 40px 0px;
    font-family: Montserrat, sans-serif;
}

.webpackages h3 {
    font-size: 40px;
    font-weight: 700;
}

.packbox {
    background: rgb(252, 185, 0);
    border-radius: 8px;
    border: 1px solid rgb(229, 229, 229);
    padding: 40px 20px;
    margin-top: 30px;
}

.packbox i {
    width: 100px;
    height: 100px;
    background: rgb(255, 255, 255);
    line-height: 100px;
    color: rgb(252, 185, 0);
    font-weight: 700;
    border-radius: 100%;
    font-size: 50px;
}

.packbox h4 {
    font-size: 22px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.packbox .clr1 {
    color: rgb(90, 90, 90);
    font-size: 17px;
}

.packbox .offer {
    background: rgb(255, 255, 255);
    font-size: 13px;
    padding: 3px;
    border-radius: 5px;
}

.packbox p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
}

.packageheading {
    padding-left: 11px !important;
}

.packageheading h6 {
    text-align: left;
    margin-bottom: 0px;
    font-weight: 700;
    text-transform: capitalize;
}

.mobilefooter {
    display: none;
}

.space5 .hovercnt {
    top: -35px;
    left: 0px;
}

.homedefaulthgt {
    height: 340px;
    overflow-y: scroll;
}

.tooglelist a.listicon i::after {
    border-bottom: 10px solid rgb(0, 0, 0);
    top: 12px;
    border-top: inherit;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-right: 10px solid rgba(255, 255, 255, 0);
    position: absolute;
    left: -4px;
    z-index: 9;
    display: none;
}

.tooglelist .listhover {
    position: absolute;
    width: 100%;
    left: 0px;
    background: rgb(0, 0, 0);
    z-index: 999999;
    transition: 2s linear;
    display: none;
    margin-top: 3px;
}

.tooglelist .listhover h6 {
    color: rgb(255, 255, 255);
    font-size: 12px;
    padding: 7px;
    margin-bottom: 0px;
}

.almodellist .listhover {
    width: 103%;
    left: -9px;
}

.footerquick li {
    margin-bottom: 11px !important;
}

.cloudrunning::after {
    content: "";
    display: block;
    background: url("../images/cloud-1-icon.png") center bottom / 140% 90% repeat-x;
    width: 100%;
    animation: 300s linear 0s infinite normal none running cloudMove;
    height: 41px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    /* opacity: 0.8; */
}

.bmacounter ul {
    display: flex;
    text-align: center;
}

.bmacounter ul li {
    border: 2px solid rgb(226, 226, 226);
    border-radius: 15px;
    padding: 20px;
    width: 25%;
    margin: 0px 10px;
}

.bmacounter ul li img {
    width: 80px;
    margin-bottom: 20px;
}

.bmacounter ul li .counter {
    font-size: 30px;
    margin: 10px 0px;
}

.bmacounter ul li .plusicon {
    font-size: 25px;
}

.bmacounter ul li p {
    margin-bottom: 0px;
    font-size: 14px;
}

@keyframes cloudMove {
    0% {
        background-position: -1920px 100%;
    }

    100% {
        background-position: 0px 100%;
    }
}

.successmenu ul {
    border: 1px solid rgb(203, 203, 203);
}

.successmenu ul li a {
    padding: 10px;
    font-size: 15px;
    border-width: 0px 0.2px 0px 0px;
    border-top-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-right-style: solid;
    border-right-color: rgb(203, 203, 203);
    font-weight: 600;
    text-transform: uppercase;
    color: rgb(67, 66, 66);
    display: block;
    margin-left: -5px;
    font-family: "IBM Plex Sans", serif;
}

.successmenu ul li:first-child a {
    margin-left: 0px;
}

.menuonlymob ul.topmenu li a.is-current, .menuonlymob ul.topmenu li.active a, .successmenu ul li.active a {
    background: rgba(255, 255, 255, 0.37);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.clientstory h3 {
    font-size: 25px;
    border-bottom: 2px solid rgb(221, 221, 221);
    padding-bottom: 6px;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "IBM Plex Sans", serif;
}

.storybox h4 {
    font-size: 18px;
    margin-bottom: 20px;
    background: rgba(245, 245, 255, 0.85);
    padding: 15px 10px;
    border-radius: 5px;
    border: 1px solid rgba(104, 97, 242, 0.04);
    font-family: "IBM Plex Sans", serif;
    font-weight: 700;
}

.storybox table td {
    border: 1px dashed rgba(189, 189, 189, 0.19);
    background: rgba(255, 255, 255, 0.47);
    font-size: 14px;
    padding: 15px 10px;
    font-family: "IBM Plex Sans", serif;
    color: rgb(88, 88, 88);
}

.storybox table h5 {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
}

.storybox table h6 {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 500;
}

.storybox p {
    margin-bottom: 0px;
    font-size: 13px;
}

.storybox ul.clientsli {
    display: flex;
    column-gap: 5px;
    padding: 0px 10px;
}

.storybox ul.clientsli li {
    width: 100%;
    text-align: center;
    background: rgb(255, 255, 255);
    padding: 20px 0px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "IBM Plex Sans", serif;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid rgb(239, 239, 239);
}

.lpdev .lanimg .lanoverlayimg {
    top: 39px;
    height: 409px;
}

.lpdev ul {
    margin-bottom: 20px;
}

.lpdev ul li {
    border-top: 1px solid rgb(225, 225, 225);
    padding: 10px;
    background: rgb(243, 243, 243);
    font-size: 13px;
}

.ourachievements .swiper-main img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 10px;
    padding: 8px;
    background: rgb(255, 255, 255);
}

.ourachievements .swiper-thumb {
    background-color: rgb(255, 255, 255);
    margin-top: 12px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid rgb(220, 220, 220);
}

.ourachievements .swiper-thumb .swiper-slide-thumb-active img {
    border: 3px solid rgb(217, 45, 45);
}

.ourachievements .swiper-thumb img {
    height: 90px;
    width: 100%;
    object-fit: cover;
    border-radius: 7px;
    border: 1px solid rgb(229, 229, 229);
    padding: 4px;
}

.ourachievements .swiper-main .swiper-button-next, .ourachievements .swiper-main .swiper-button-prev {
    background: rgb(143, 143, 143);
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.ourachievements .swiper-main .swiper-button-prev::after {
    display: block;
    color: rgb(255, 255, 255);
    font-size: 11px;
}

.ourachievements .swiper-main .swiper-button-next::after {
    display: block;
    color: rgb(255, 255, 255);
    font-size: 11px;
}

.ourachievements #slide-content {
    background: rgb(249, 249, 249);
    padding: 12px 15px;
}

.ourachievements #slide-content .thingsprice {
    font-weight: 500;
    font-size: 13px;
}

@media only screen and (min-width: 1680px) and (max-width: 1920px) {
    .packageenquiry {
        right: 4%;
    }

    .auditmenu ul {
        width: calc(68%);
    }
}

.menuonlymob {
    background: rgb(242, 242, 242);
    display: none;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.homeicon {
    float: left;
    background: rgba(227, 193, 108, 0.29);
    padding: 8.5px 9px;
}

.homeicon img {
    width: 24px;
}

.menuonlymob ul.topmenu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
    float: left;
}

.menuonlymob ul.topmenu li {
    display: inline-block;
    text-align: center;
}

.menuonlymob ul.topmenu li a {
    padding: 0.5rem 0.7rem;
    display: block;
    color: rgb(69, 69, 69);
    text-transform: capitalize;
    font-size: 1.1rem;
    font-weight: 500;
}

.menuonlymob ul.topmenu li a span {
}

.menuonlymob.has-sticky {
    position: fixed;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 16px;
    width: 100%;
    z-index: 99;
    top: 10px;
    animation: 0.35s ease-out 0s 1 normal none running slideDown;
    display: block !important;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0px);
    }
}

.menuonlymob ul.childmenu {
    text-align: right;
    margin-bottom: 0px;
    list-style: none;
}

.menuonlymob ul.childmenu a {
    padding: 0.5rem 0.7rem;
    display: block;
    color: rgb(67, 66, 66);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

@media only screen and (min-width: 1280px) and (max-width: 1364px) {
    .customtable .tablectn h3 {
        width: calc(32.1%);
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1120px) {
    #myTabContent ul li {
        width: 23.67%;
    }

    .ui-tabs-vertical .ui-tabs-panel {
        width: 46em;
    }

    .essential .essential-list {
        gap: 15px;
    }

    .essential .essential-grid p {
        font-size: 17px;
    }

    .ghg1 {
        height: 276px;
    }

    .ghg3 {
        height: 353px;
    }

    .ghg5 {
        height: 351px;
    }

    .lp-1 {
        height: 380px;
    }

    .hgt-1, .wb-3 {
        height: 560px;
    }

    .whychooseus .swiper-pagination-progressbar {
        width: 122px;
    }

    .ourservices .swiper-pagination-progressbar {
        width: 110px;
    }

    .navibar .swiper-pagination-progressbar {
        right: 108px;
    }

    .ourservices .st {
        font-size: 15px;
    }

    .paginationbox .swiper-pagination-fraction {
        left: 24% !important;
    }

    .paginationbox .swiper-pagination-progressbar {
        max-width: 252px;
        left: 31%;
    }

    .paginationbox .swiper-button-next, .paginationbox .swiper-button-prev {
        width: 46px;
    }

    .outcomes h4, .packbox h4 {
        font-size: 20px;
    }

    .contactus h3 {
        font-size: 18px;
    }

    .contactus .cfo a {
        font-size: 16px;
    }

    .socialchannel .details_form input.inputs.one.form-control {
        width: 17px;
    }

    .servicepagin .swiper-pagination-bullets {
        left: calc(50% - 69px);
    }

    .servicepagin .swiper-pagination > span {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .customtable .tabledata .datacontent ul li {
        width: 73px;
        font-size: 12px;
    }

    .pprice {
        width: 60px;
        margin-left: -3px;
    }

    .pprice span {
        font-size: 12px;
    }

    .customtable .tablectn ul li, .packbox p {
        font-size: 11px;
    }

    .tablerow.fixedrow {
        width: 98.7%;
    }
}

@media only screen and (min-width: 768px) {
    .col-sm-8.package-container {
        margin-bottom: 30px;
    }

    .auditbox.auditbox2.is-scroll {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .md-none {
        display: none;
    }

    .services {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main-menu-outer .desktopmenu {
        display: none;
    }

    .main-menu-outer {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    #myTabContent ul li {
        width: 24.5%;
    }

    .ui-tabs-vertical .ui-tabs-panel {
        width: 316em;
    }

    header ul {
        text-align: center;
    }

    .menu ul li ul.submenu.open2 {
        left: 0px;
    }

    .menu ul li ul {
        left: -70px;
    }

    .tabctn {
        padding: 3rem 0px;
    }

    .menu ul li a {
        padding: 13px 4px;
        font-size: 0.8rem;
    }

    .auditbox #pills-tab {
        width: calc(100% - 513px);
    }

    .creative h3 {
        font-size: 1.9rem;
    }

    .defaultbtn, .tablecustom .tablerow .tablecell.first-td h5 {
        font-size: 14px;
    }

    .auditmenu ul {
        width: calc(67%);
        margin: 0px 12px;
    }

    .mobwidth {
        width: 45%;
    }

    .provider_design table th {
        font-size: 18px;
    }

    .homeslider .swiper-pagination-progressbar {
        width: calc(91% - 110px);
    }

    .essential .essential-grid {
        flex: 0 0 47%;
    }

    .essential .essential-grid:nth-child(3), .essential .essential-grid:nth-child(9) {
        margin-right: 0px;
    }

    .essential .essential-grid:nth-child(4) {
        margin-left: 0px;
    }

    .webanyway .contentbox p {
        font-size: 28px;
    }

    .lpexample {
        padding: 60px 0px;
    }

    .meetteam .meetctn h2 {
        font-size: 26px;
    }

    .meetteam .meetctn p, .outcomes h4 {
        font-size: 16px;
    }

    .meetteam .meetctn a {
        min-width: 280px;
        max-width: 280px;
        font-size: 21px;
        line-height: 26px;
    }

    .essential h2, .traditionalwork h2 {
        font-size: 30px;
    }

    .packbox h4, .whychoosebma .whygrid h3 {
        font-size: 20px;
    }

    .whychoosebma .whygrid p {
        font-size: 14px;
        line-height: 25px;
    }

    .ghg1 {
        height: 396px;
    }

    .ghg2 {
        height: 466px;
    }

    .ghg3 {
        height: 493px;
    }

    .ghg4 {
        height: 406px;
    }

    .ghg5 {
        height: 463px;
    }

    .lp-1 {
        height: 433px;
    }

    .wb-1 {
        height: 430px;
    }

    .wb-2 {
        height: 460px;
    }

    .wb-3 {
        height: 730px;
    }

    .hgt-1 {
        height: 560px;
    }

    .hgt1-1 {
        height: 490px;
    }

    .details_form input.inputs.one.form-control, .socialchannel .details_form input.inputs.one.form-control {
        width: 17px;
    }

    .navibar .swiper-button-prev, .ourservices .swiper-button-prev, .ppcpackage .swiper-button-prev {
        width: 25px;
        right: 49px;
    }

    .navibar .swiper-button-next, .ourservices .swiper-button-next, .ppcpackage .swiper-button-next {
        width: 25px;
    }

    .whychooseus .swiper-pagination-progressbar {
        width: 72px;
    }

    .ourservices .swiper-pagination-progressbar {
        width: 31px;
    }

    .servcebd a {
        font-size: 12px;
        padding: 8px 13px;
    }

    .navibar .swiper-pagination-progressbar {
        right: 88px;
    }

    .contactus .cfo a, .contactus h3, .ourservices .st, .stageslist button h3 {
        font-size: 15px;
    }

    .paginationbox .swiper-pagination-fraction {
        left: 16% !important;
        font-size: 16px !important;
    }

    .paginationbox .swiper-pagination-progressbar {
        max-width: 226px;
        left: 25%;
    }

    .paginationbox .swiper-button-prev {
        width: 46px;
        right: 30%;
    }

    .paginationbox .swiper-button-next {
        width: 46px;
        right: 20%;
    }

    .facebook-feed iframe, .instagram-feed {
        height: 410px;
    }

    .static1, .static2 li {
        height: 53px !important;
    }

    .contactadd p {
        font-size: 12px;
    }

    .menu.childmenu ul li a {
        padding: 5px 6px;
    }

    .withchild {
        margin-top: 83.55px;
    }

    .servicepagin .swiper-pagination-bullets {
        left: calc(50% - 69px);
    }

    .servicepagin .swiper-pagination > span {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .bmacounter ul li .counter, .ppcocunter ul li span {
        font-size: 25px;
    }

    .customtable .tabledata .datacontent ul li i, .ppcocunter ul li p {
        font-size: 13px;
    }

    .fabpoptable .mobwidth {
        width: 34.5% !important;
    }

    .fabpoptable .compareheading th {
        font-size: 10px !important;
    }

    .customtable .tabledata .datacontent ul li {
        width: 54px;
        font-size: 12px;
    }

    .bmacounter ul li p, .customtable .tablectn ul li, .packbox p {
        font-size: 11px;
    }

    .customtable .tabledata .datacontent ul.lenghtabove li {
        height: 80px;
        line-height: 70px;
    }

    .customtable .tablectn h3 {
        width: calc(40.5%);
    }

    .customtable .datacontent .fixtab {
        width: 268px;
    }

    .customtable.threecolumn .tablectn h3 {
        width: calc(46.9%);
    }

    .pprice {
        padding: 5px 3px;
        margin-left: -7px;
        width: 46px;
    }

    .pprice span {
        font-size: 9px;
    }

    .static2 li {
        line-height: 53px !important;
    }

    .packbox i {
        font-size: 35px;
        height: 70px;
        line-height: 70px;
        width: 70px;
    }

    .tablerow.fixedrow {
        width: 98.3%;
    }

    .tablecustom .tablerow .tablecell.first-td h5 span {
        font-weight: 500;
    }
}

@media only screen and (max-width: 767px) {
    .aboutdirector{
        margin-bottom: 20px;
    }
    .aboutdirector .directorname{
        font-size: 22px !important;
    }
    .img-name ul li{
        font-size: 13px;
    }
    .img-name{
        flex-direction: column;
        align-items: self-start !important;
    }
    .Custom-outer-div {
    flex-direction: column;
    gap: 2px !important;
}

.Custom-outer-div .Custom {
    font-size: 10px !important;
}

a.Custom-price p {
    font-weight: 700;
    font-size: 9px;
}
    ul.package-button-upper li.active{
        border: 3px solid #1b8754;
    }
    .team-modal-content.bounce-out {
  animation: bounceOutRight2 1s ease forwards !important;
}

    .ourachievements .swiper-thumb .swiper-slide-thumb-active img {
        border-width: 1px;
    }

    .ourachievements .swiper-thumb img {
        height: 30px !important;
    }

    .ourachievements .swiper-main img, .ourachievements .swiper-thumb img {
        border-radius: 3px;
        padding: 3px;
    }

    .pbtn.pbtn2 a {
        font-size: 13px !important;
    }

    .project-team ul li img {
        width: 35px !important;
    }

    .blure-overlay-contetn {
        padding: 10px !important;
    }

    .client-sec .service-img img {
        object-fit: cover;
        margin-bottom: 10px;
        width: 20% !important;
        height: 71px !important;
    }

   
    .ourstages .container-fluid {
        padding: 0px;
    }

    .swiper-container-wrapper .swiper-button-prev {
        left: -9px !important;
    }

    .swiper-container-wrapper .swiper-button-next {
        right: -9px !important;
    }

    .swiper-container-wrapper .swiper-button-next, .swiper-container-wrapper .swiper-button-prev {
        border-radius: 2px !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }

    .google-ads-breadcrumb {
        padding: 50px 0px 150px !important;
    }

    .categories-info img {
        height: 63px !important;
    }

    .categories-info h6 {
        padding-top: 2px;
    }

    .Custom-paginationbox2 i {
        font-size: 10px;
    }

    .Custom-paginationbox2 .swiper-button-prev span.arrow-inner, .Custom-paginationbox2 .swiper-button-next span.arrow-inner {
        border: none;
        color: rgb(0, 0, 0);
        height: 20px !important;
        width: 18px !important;
    }

    .pt-custom {
        padding-top: 120px !important;
    }

    .category-five-section.mt-3 {
        margin-bottom: -242px;
    }

    .categories-info h6 {
        font-weight: 600;
        font-size: 11px;
    }

    .inner-body-scroll {
        max-height: 500px;
        overflow: hidden auto;
    }

    li .actionclr, .stagecontent ul li {
        font-size: 16px !important;
    }

    .underclr {
        font-size: 17px;
    }

    ul.package-button-upper li a {
        align-items: center;
        padding: 3px 0px !important;
    }

    .price-container .final-price-menu {
        margin-left: 0px !important;
    }

    .price-wrapper {
        flex-direction: column !important;
    }

    .Custom-plan {
        margin: 18px 0px !important;
    }

    .modal-enterprise .modal-content {
        max-width: 90%;
        width: 90%;
    }

    .c-div {
        flex-direction: row !important;
    }

    .price-head-img-div {
        display: flex;
        align-items: center;
        flex-direction: row !important;
    }

    .price-wrapper .discount-menu {
        font-size: 7px !important;
        margin-left: 3px !important;
    }

    a.Custom-price p {
        text-align: center;
        font-size: 11px !important;
        margin: 0px 11px !important;
    }

    .stageslist > button.active {
        height: 40px !important;
    }

    .in-line-one-m {
        font-weight: 700;
        display: block !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
        font-size: 12px !important;
    }

    .stageslist button h3 span {
        font-size: 10px;
    }

    .switch-wrapper .highlighter {
        top: 4.5px !important;
        height: calc(100% - 3px) !important;
    }

    .popup-on-load .popup-content button {
        padding: 7px !important;
    }

    .contact-options-mobile button {
        width: 100%;
        margin: 2px 0px;
        padding: 7px !important;
    }

    .popup-on-load .popup-content {
        width: 85%;
        max-width: 85% !important;
        min-width: 85% !important;
    }

    .lanoverlayimg.lanoverlayimg2 {
        height: 200px !important;
    }

    .bar-sticky.sticky .package-button-outer {
        margin-bottom: 0px;
    }

    .package-button-outer {
        padding-right: 0px !important;
    }

    .tablecustom .tablerow .tablecell img {
        width: 20px;
        height: 20px;
    }

    .pprice .card-title {
        font-size: 5px !important;
        font-weight: 700;
    }

    .cross-btn-change .close-btn {
        right: 0px;
        background: rgba(0, 0, 0, 0.83);
        box-shadow: none;
        font-weight: 700;
        border-radius: 4px;
        left: 33% !important;
        top: -33px !important;
        font-size: 12px !important;
        width: 60px !important;
        height: 30px !important;
        line-height: 26px !important;
    }

    .auditbox.auditbox2 .box_inner h2 {
        font-size: 18px !important;
    }

    .auditbox2 .box_inner h2 {
        margin-bottom: 0px;
    }

    .card-sub-title-1 {
        font-size: 13px;
    }

    ul.package-button-upper li.active::after {
        height: 10px;
        width: 10px;
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        background: rgb(27 135 84);
        z-index: -1;
        bottom: -6px;
    }

    .landing-page-head p {
        padding-top: 0px !important;
        font-size: 12px !important;
    }

    .breadcrumb-content h4 {
        font-size: 15px !important;
    }

    .breadcrumb-content h1 {
        font-size: 1.7rem !important;
        margin-top: 10px !important;
    }

    .breadcrumb-content p {
        font-size: 12px !important;
        line-height: 17px !important;
    }

    .short-modal .fixed_scroll {
        height: auto !important;
        max-height: 60vh;
    }

    .height-set-googleadd {
        height: 900px !important;
    }

    .pack-head .card-title {
        font-size: 25px;
    }

    .switch-wrapper {
        border: none !important;
        padding-top: 0px !important;
    }

    .switch-wrapper label span {
        color: rgb(93, 93, 93);
        font-size: 8px !important;
        top: 0px !important;
        padding: 2px 10px !important;
        font-weight: 700 !important;
    }

    .info-head p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .faqslist .answerinline p {
        font-size: 12px;
    }

    .card-mid .card-mid-inner:last-child {
        min-height: 300px !important;
    }

    .bgcontent h4 {
        font-weight: 600;
    }

    .stageslist > button.active h3 {
        margin-left: 10px;
    }

    .stageslist > button.active .stageno {
    }

    .stageslist::before {
        left: 11px;
    }

    .stageslist button {
        top: 83px;
        padding-top: 7px;
        padding-bottom: 5px;
    }

    .stagecontent h6 {
        font-size: 15px !important;
        font-weight: 500 !important;
    }

    .content-stage {
        margin-top: 71px;
    }

    .sticky {
        padding-bottom: 5px !important;
    }

    ul.package-button-upper {
        margin-bottom: 10px;
        margin-top: 15px !important;
        padding-left: 28px !important;
        padding-right: 18px !important;
    }

    .stageslist .stageno {
        width: 60px;
        text-align: center;
        font-size: 12px !important;
    }

    .stageslist > button.active {
        top: 48px !important;
        width: 100% !important;
        padding-left: 7px !important;
    }

    .numbered-list li {
        padding-right: 20px !important;
    }

    .need-ul-li li {
        font-size: 12px !important;
    }

    .package-modal .custom-modal-content {
        padding: 20px 7px !important;
        width: 97% !important;
    }

    .package-modal .bill-summary th, .package-modal .bill-summary td {
        padding: 5px 7px !important;
    }

    .bar-sticky .col-md-12.col-12 {
    }

    ul.package-button-upper li {
        width: 23%;
    }

    .price-container .final-price-menu {
        font-size: 9px !important;
        font-weight: 700 !important;
    }

    .price-container .original-price-menu {
        font-size: 10px !important;
    }

    .row.align-items-center.flex-reverse-in-mobile {
        flex-direction: column-reverse;
    }

    .one-time-inner h3 {
        font-size: 13px !important;
    }

    .card-mid p {
        font-size: 10px;
    }

    .main-menu-outer .menulogo {
        padding: 5px 0px;
    }

    .main-menu-outer .desktopmenu {
        display: none;
    }

    .main-menu-outer {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .homeslider .paginationbox {
        display: block;
    }

    .menuv2 {
        display: block !important;
    }

    .home-service {
        margin: 10px;
    }

    span.bill-tag {
        color: rgb(101, 101, 101) !important;
        font-size: 11px;
    }

    span.budget-line {
        font-size: 11px;
    }

    .lpdev {
        position: relative;
        z-index: 9;
    }

    .success-btn {
        display: flex;
        flex-direction: column;
    }

    .success-btn h6 {
        margin: 5px 0px;
    }

    .menu-default li {
        width: 30% !important;
    }

    .faqs .faqsection {
        padding-right: 4px !important;
    }

    .btn-close1.showbtn {
        left: 50px !important;
    }

    .sticky {
        top: 50px !important;
        padding-top: 20px !important;
        padding-bottom: 15px !important;
    }

    .btn-close1 {
        top: 17%;
        z-index: 99;
        left: 105%;
    }

    .menuslide img {
        width: 150px;
    }

    .ppcactive {
        z-index: 90;
        position: relative;
    }

    span.price-name {
        font-size: 6px !important;
    }

    .comapre-p {
        margin-top: 66px !important;
    }

    .switch-wrapper [type="radio"]:checked#monthly ~ .highlighter {
        transform: translateX(2%) !important;
    }

    .switch-wrapper [type="radio"]:checked#quarterly ~ .highlighter {
        height: calc(100% - 3px);
        top: 4.5px;
        transform: translateX(109%) !important;
    }

    .switch-wrapper [type="radio"]:checked#yearly ~ .highlighter {
        transform: translateX(328%) !important;
    }

    .switch-wrapper [type="radio"]:checked#halfyearly ~ .highlighter {
        transform: translateX(219%) !important;
    }

    .stageslist {
        padding-right: 0px;
    }

    .actionclr {
        font-size: 17px !important;
        font-weight: 600;
    }

    .package-button-outer {
        background: rgb(255, 255, 255);
        justify-content: center !important;
    }

    .switch-wrapper label {
        min-width: 65px !important;
        line-height: 20px !important;
        margin-top: 4px !important;
    }

    .switch-wrapper label {
        font-size: 10px !important;
    }

    .devmenu.position-relative {
        scrollbar-width: none;
    }

    span.puco-pill__label {
        font-size: 10px !important;
    }

    .topmenu {
        scrollbar-width: none;
    }

    .topmenu::-webkit-scrollbar {
        display: none;
    }

    span.include-tag {
        padding-top: 7px;
    }

    .card-mid {
        padding-top: 15px !important;
    }

    .card-mid-inner {
        margin-bottom: 7px !important;
        min-height: 165px !important;
    }

    .card_benifitsection_desk {
        margin: 12px 0px !important;
    }

    p.card-text.pricepoint {
        line-height: 26px !important;
    }

    span.notelco_benifitdiv-heading {
        font-size: 10px !important;
    }

    .heading-center {
        display: flex;
    }

    .bg-color-box .container-fluid {
        padding: 15px 25px !important;
    }

    .bg-color-box h2 {
        text-align: center;
    }

    .menu ul.firstmenu, .topmenu {
        white-space: nowrap;
        overflow-x: scroll;
    }

    .commonbox p, .menu ul li a, .menu ul li ul li a, .package_wrap .packageoffer p {
        font-size: 0.8rem;
    }

    .logo, .ourservices h3, header ul {
        text-align: center;
    }

    .menu ul li ul.submenu.open2 {
        left: 0px;
    }

    .menu ul li ul {
        left: -50px;
        width: 240px;
    }

    .menu ul li ul .arrow-up {
        left: 66%;
    }

    .menu ul.firstmenu {
        display: block;
        list-style: none;
        padding: 5px 0px;
        overflow-wrap: break-word;
        width: 380px;
        float: right;
    }

    .menu ul.firstmenu > li {
        display: inline-block;
        margin-bottom: 0.2rem;
        position: initial;
    }

    .menu ul.firstmenu > li > a {
        border: 2px solid rgb(221, 221, 221);
        border-radius: 100px;
        font-size: 0.8rem;
        padding: 2px 8px;
        text-transform: capitalize;
    }

    .package_wrap .package_offers li, .ppcpackage .swiper-pagination-fraction {
        font-size: 17px;
    }

    .package_wrap h3, .result h6, .whychoosebma .whygrid h3 {
        font-size: 20px;
    }

    .lpexample h2, .package_wrap {
        margin-bottom: 1rem;
    }

    .contactadd, .services {
        margin-bottom: 15px;
    }

    .package_wrap .packageoffer {
        padding: 0px;
    }

    .package_wrap .package_price {
        line-height: 50px;
        font-size: 30px;
    }

    header h1 {
        font-size: 1.3rem;
    }

    .tabspnl .tab-pane h5 {
        font-size: 11px;
    }

    .tabspnl .tab-pane h3 {
        font-size: 12px;
        font-weight: 700;
    }

    .packbox p, .tabspnl .tab-pane p {
        font-size: 10px;
    }

    .menu a.menuicon, .menuham button {
        padding: 5px 10px;
        background: 0px 0px;
        color: rgb(242, 65, 117);
        font-size: 26px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .menuham button span {
        font-size: 9px;
        padding-left: 0px;
    }

    .homeicon {
        width: 42px;
        height: 34px;
        line-height: 33px;
    }

    .homeicon img {
        width: 19px;
    }

    .topmenu {
        width: calc(100% - 131px);
        margin-left: 5px;
    }

    .menu ul li a {
        padding: 6px;
        border: 1px solid rgb(227, 193, 107);
    }

    .defaultbtn, .essential .essential-grid p, .packbox h4, .stagecontent h4, .stagecontent ul li {
        font-size: 14px;
    }

    .ppcocunter ul li p, .stagecontent p {
        font-size: 15px !important;
    }

    .commonbox h2, .creative h4 {
        font-size: 1rem;
    }

    .imagebox, .middleimg img {
        padding: 10px 0px;
    }

    .commonbox h2 {
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .auditbox #pills-tab {
        width: calc(100% - 183px);
    }

    .creative h3 {
        font-size: 1.4rem;
    }

    .menulogo {
        float: none;
        padding-top: 7px;
        text-align: center !important;
    }

    .ppcpackage .swiper-pagination-progressbar {
        width: calc(86% - 110px);
    }

    .packageenquiry {
        position: static;
        max-width: 100%;
        margin-top: 0px;
    }

    .auditmenu ul {
        width: 102%;
    }

    .iframebox {
        height: 90vh;
        padding-bottom: 16%;
    }

    .mobwidth {
        width: 41%;
    }

    .contactus .cfo a, .ourservices .st, .packbox h5, .provider_design table th, .stageslist button h3 {
        font-size: 15px;
    }

    .homeslider .swiper-pagination-progressbar {
        width: calc(81% - 110px);
    }

    .essential .essential-grid {
        flex: 0 0 47%;
    }

    .essential .essential-grid:nth-child(3), .essential .essential-grid:nth-child(9) {
        margin-right: 0px;
    }

    .essential .essential-grid:nth-child(4) {
        margin-left: 0px;
    }

    .essential .essential-list {
        margin-top: 1rem;
    }

    .contactus h3, .outcomes h4, .socialchannel .details_form {
        margin-top: 20px;
    }

    .essential-grid img {
        width: 40px;
    }

    .webanyway .contentbox p {
        font-size: 22px;
        line-height: 35px;
    }

    .webanyway .contentbox h4 {
        line-height: 36px;
        font-size: 26px;
    }

    .webanyway {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .lpexample {
        padding: 60px 0px;
    }

    .lpexample ul li {
        flex-basis: 29%;
        margin-bottom: 30px;
    }

    .meetteam .meetctn {
        border-right-width: 0px;
    }

    .meetteam .meetctn h2 {
        font-size: 26px;
        padding-bottom: 0px;
    }

    .meetteam .meetctn p, .outcomes h4 {
        font-size: 16px;
    }

    .meetteam .meetctn a {
        min-width: 100%;
        max-width: 100%;
        font-size: 20px;
        line-height: 26px;
        padding: 13.5px 24.2px;
    }

    .essential h2, .traditionalwork h2 {
        font-size: 24px;
    }

    .traditionalwork {
        padding: 30px 0px;
    }

    .whychoosebma .whygrid p {
        font-size: 14px;
        line-height: 25px;
    }

    .title-check {
        font-size: 14px;
        line-height: 20px;
        padding-left: 15px;
    }

    .trad-table img {
        width: 20px;
    }

    .table-head {
        font-size: 15px;
        line-height: 24px;
    }

    .ghg1 {
        height: 396px;
    }

    .ghg2 {
        height: 466px;
    }

    .ghg3 {
        height: 493px;
    }

    .ghg4 {
        height: 100%;
    }

    .ghg5 {
        height: 463px;
    }

    .lp-1 {
        height: 533px;
    }

    .wb-1 {
        height: 520px;
    }

    .wb-2 {
        height: 660px;
    }

    .wb-3 {
        height: 930px;
    }

    .meetimg {
        padding-left: 0px;
    }

    .hgt-1 {
        height: 910px;
    }

    .outcomes .navibar .swiper-pagination-progressbar {
        width: calc(87% - 80px);
    }

    .navibar .swiper-button-prev, .ourservices .swiper-button-prev, .ppcpackage .swiper-button-prev {
        width: 25px;
        right: 59px;
    }

    .navibar .swiper-button-next, .ourservices .swiper-button-next, .ppcpackage .swiper-button-next {
        width: 25px;
    }

    .whychooseus .swiper-pagination-progressbar {
        width: calc(100% - 150px);
    }

    .ourservices .swiper-pagination-progressbar {
        width: calc(100% - 160px);
    }

    .navibar .swiper-pagination-progressbar {
        right: 88px;
    }

    .paginationbox .swiper-pagination-fraction {
        left: 2% !important;
        font-size: 16px !important;
    }

    .paginationbox .swiper-pagination-progressbar {
        max-width: 286px;
        left: 18%;
    }

    .paginationbox .swiper-button-prev {
        width: 38px;
        right: 60px;
    }

    .paginationbox .swiper-button-next {
        width: 38px;
        right: 5px;
    }

    .flatbook .prolist ul li {
        font-size: 11px;
        padding: 3px 6px;
    }

    .ourservices h3 {
        margin-bottom: 1rem;
        font-size: 30px;
    }

    .services {
        padding-top: 30px;
        min-height: auto;
    }

    .moscot-1 {
        height: 443px !important;
    }

    .contactus {
        padding: 20px 0px;
    }

    .contactus h3 {
        font-size: 18px;
    }

    .socialchannel .details_form input.inputs.one.form-control {
        width: 17px;
    }

    .facebook-feed iframe, .instagram-feed {
        height: 500px;
    }

    .static1, .static2 li {
        height: 53px !important;
    }

    .contactadd img, .socialchannel .col-md-4 > img {
        width: 100%;
    }

    .withoutchild {
        margin-top: 73px;
    }

    .withchild {
        margin-top: 90px;
    }

    .ppcocunter ul li span {
        font-size: 25px;
    }

    .bmacounter ul, .ppcocunter ul {
        flex-wrap: wrap;
    }

    .ppcocunter ul li {
        flex-basis: 32%;
        height: auto;
    }

    .getquote form {
        width: 450px;
    }

    .getquote {
        right: -452px;
    }

    .getquote form .row {
        overflow-y: scroll;
        height: 77vh;
        scrollbar-width: none;
    }

    .customtable .tabledata .datacontent ul li {
        width: 58px;
        font-size: 14px;
        height: 50px;
        line-height: 40px;
    }

    .static2 li {
        line-height: 43px !important;
    }

    .customtable .tablectn ul li:nth-child(6) br {
        display: none;
    }

    .customtable .tablectn h3 {
        width: calc(57.6%);
    }

    .customtable .datacontent .fixtab {
        width: 243px;
    }

    .customtable.threecolumn .tablectn {
        flex-basis: 71%;
    }

    .customtable.threecolumn .tablectn h3 {
        width: 397px;
    }

    .pprice {
        padding: 5px 3px;
        width: 50px;
        margin-top: -15px;
    }

    .pprice span {
        font-size: 9px !important;
    }

    .customtable .tablectn ul li {
        height: 50px;
    }

    .webpackages h3 {
        font-size: 30px;
    }

    .packbox i {
        font-size: 36px;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

    .tablerow.fixedrow {
        width: 98.4%;
    }

    .tablecustom .tablerow .tablecell.first-td h5 span {
        font-weight: 500;
    }

    .hov099 {
        top: -30px !important;
    }

    .compads .hovercnt {
        top: -87px;
        height: 95px;
    }

    .comp89 .hovercnt {
        height: 65px;
        top: -55px;
    }

    .com90 .hovercnt {
        height: auto;
        top: -106px;
    }

    .bmacounter ul li {
        width: 46%;
        margin: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .menu ul.firstmenu, .menulist, .menulogo {
        float: left;
    }

    .bdrmobile, .desktophide, .desktoppagshow, .dsmnone, .homeicon, .meetteam, .mobilenotshow, .notshowgads, .whychoosebma h2 br, .withoutbgicon::after, .withoutbgicon::before, header, .menufixed2 {
        display: none;
    }

    .bdrshowonmobile, .bgcontent h4 span, .footerfirst br, .menuonlymob, .menuonlymob ul.topmenu li span, .mobileshow, .processads .main_heading br, .storybox ul.clientsli, .teammeet {
        display: block;
    }

    .menuonlymob ul.topmenu {
        width: calc(100% - 13px);
        margin-left: 5px;
        padding-right: 19px;
    }

    .menuonlymob ul.topmenu li a {
        padding: 5px 0.4rem;
        font-size: 0.64rem;
        border: 0px;
        display: flex;
        font-family: Geist, sans-serif;
        letter-spacing: 0.5px;
    }

    .menuonlymob ul.topmenu li.active a {
        text-shadow: currentcolor 0.5px 0px 0px;
        color: rgb(248, 248, 248);
        margin-left: 1px;
        background: rgb(26, 135, 84);
    }

    .menu-arrow {
        position: absolute;
        right: -8px;
        top: 0px;
        width: 65px;
        height: 100%;
        line-height: 100%;
        box-sizing: border-box;
        cursor: pointer;
        z-index: 99;
        background: linear-gradient(93deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 60%);
        display: block !important;
    }

    .menu-arrow img {
        width: 100%;
        height: 100%;
        opacity: 0.5;
    }

    .menuonlymob ul.childmenu {
        text-align: left;
        width: 95%;
        white-space: nowrap;
        padding: 2px 12px 5px;
        overflow-x: scroll;
        scrollbar-width: none;
        background: rgb(255, 255, 255);
        z-index: 80;
        position: relative;
    }

    .menuonlymob ul.childmenu a {
        text-transform: capitalize;
        font-size: 0.7rem;
        padding: 0.1rem 0.5rem;
        display: inline-block;
        border: 1px solid rgb(240, 240, 240);
        background: rgb(246, 246, 246);
        margin-right: 5px;
        font-weight: 500;
        border-radius: 4px;
    }

    .menuonlymob ul.topmenu li {
        margin-right: -5px;
    }

    .menuv2 {
        position: fixed;
        top: 0px;
        width: 100%;
        background: rgb(242, 242, 242);
        z-index: 999;
    }

    .menu .container, .menuv2 .container, .tabspnl .tab-pane, .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 0px;
    }

    .menuflex {
        display: flex;
        gap: 0px;
        align-items: center;
        padding: 10px 0px 10px 7px;
        background: rgb(133, 154, 172);
    }

    .menuflex .menuham {
        flex: 0 0 11%;
        width: 11%;
    }

    .menuflex .menu {
        flex: 0 0 78%;
        padding: 0px;
        width: 78%;
    }

    .menuflex .menuonlymob ul.childmenu, .menuflex .menuonlymob ul.topmenu {
        width: calc(100% + 0px);
        scrollbar-width: none;
    }

    .menuflex .menuham button {
        padding: 0px;
        font-size: 19px;
        margin: 3px auto 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .menuflex .menu-arrow {
        height: 100%;
        background: rgba(255, 255, 255, 0.81);
        right: -5px;
    }

    .menuflex .menu-arrow img {
        height: 100%;
    }

    .menuflex .menuonlymob ul.topmenu {
        margin-left: 0px;
    }

    .menuflex .menuham button span {
        font-size: 8px;
        padding-left: 0px;
        display: block;
        margin-top: -2px;
    }

    .menuflex .menuham img {
        width: 18px;
        height: 14px;
    }

    .newmenulist {
        margin-top: 53px !important;
    }

    .menu {
        background: rgb(249, 249, 249);
        border-radius: 8px;
    }

    .casestudylist .swiper-slide img, .ourachievements .swiper-main img, .ourachievements .swiper-thumb img, .ppcbox h6, .stageslist button {
        height: auto;
    }

    .nospace {
        margin-top: 105px !important;
    }

    .menu_body .slidemenu {
        padding-top: 0px;
    }

    .cardstyle-8 .card {
        height: 415px;
    }

    .vstyle-1 .location-top-properties--prop-label, .vstyle-1 .location-top-properties--prop-value {
        font-size: 10.5px;
    }

    .vstyle-1 .location-top-properties--prop img {
        width: 29px;
    }

    .homesec_postpaid .card {
        height: 486px;
    }

    .cartstyle-social-media .card {
        height: 391px !important;
    }

    .auditmenu ul, .bgcontent p, .homesec_postpaid h2::after {
        width: 100%;
    }

    .getquote form input.inputs.one {
        padding: 6px;
    }

    .getquote form input.inputs.one.form-control {
        max-width: 25px !important;
        width: 25px !important;
    }

    .auditbox .box_inner h2 {
        font-size: 23px !important;
    }

    .tooglelist .listhover h6 {
        font-size: 10px;
    }

    .lparrowmob .hovercnt {
        top: -34px;
        left: 0px;
    }

    .lpackge387 .hovercnt, .lptop01 .hovercnt {
        top: -36px;
    }

    .lptop02 .hovercnt {
        top: -35px;
        left: 0px;
    }

    .lpackge388 .hovercnt {
        left: 0px;
        top: -51px;
        height: 64px;
    }

    .extrascroll {
        height: 309px;
    }

    .vstyle-1 {
        gap: 10px;
    }

    ul.location-top-properties--props {
        padding-bottom: 10px;
    }

    .card-style-7 {
        height: auto !important;
    }

    .mobilefooter {
        display: block;
        background: rgb(255, 255, 255);
        position: fixed;
        left: 0px;
        width: 100%;
        z-index: 999;
        box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 10px;
        bottom: 0px;
    }

    .mobilefooter .ftbtn {
        padding: 4px 10px 0px;
        display: block;
        border: 1px solid rgb(239, 102, 20);
        color: rgb(0, 0, 0);
        width: 22.95%;
        float: left;
        text-align: center;
        line-height: 21px;
        font-weight: 600;
        font-size: 14px;
        margin: 5px 1%;
        border-radius: 3px;
    }

    #tabs ul, #tabs ul li, .tabs_section .cities_list .nav li {
        float: none;
    }

    .bgcontent p, .cities .cities_list .nav, .details_form img, .mobilefooter .ftbtn p, .ppcbox p {
        margin-bottom: 0px;
    }

    .mobilefooter .ftbtn img {
        display: block;
        margin: 0px auto;
        width: 25px;
        height: 25px;
    }

    .mobilefooter a:nth-of-type(2) {
        width: 48%;
        padding: 5px 13px;
        line-height: 40px;
        background: rgb(30, 187, 11);
        color: rgb(255, 255, 255);
        border-color: rgb(30, 187, 11);
        font-size: 14px;
    }

    .mobilefooter a:nth-of-type(2) img {
        margin-right: 5px;
        vertical-align: middle;
        display: inline-block !important;
    }

    .hovercnt {
        width: calc(100% + 0px);
    }

    .hovercnt.btmhgt {
        top: -32px;
    }

    .menulfix {
        width: 100%;
        align-items: center;
        padding: 10px 0px;
        position: relative;
    }

    #showlist li, .menu_body ul li {
        font-size: 0.9rem;
    }

    .box_inner ul li {
        padding: 7px 10px;
    }

    .whyus .box_inner ul li {
        padding: 7px 16px;
    }

    .casestudy, .legal .innerdire, .ourservices .commonbox, .whyus .box_inner.commonbox {
        padding: 10px 0px;
    }

    .auditbox {
        padding: 40px 6px 10px;
    }

    .auditbox .commonbox {
        padding: 15px 10px;
    }

    .auditbox .box_inner ul li {
        padding: 7px;
    }

    .whyhomepage li {
        font-size: 11px !important;
    }

    #tabs ul, #tabs ul li, .tabs_section .cities_list .nav, .tabs_section .cities_list .nav li {
        display: inline-block;
        white-space: nowrap;
    }

    .impnote {
        margin-top: 0px;
        padding: 0px 0px 0px 5px;
    }

    .form-space, .whyus h2 {
        font-size: 1.1rem;
    }

    .packageenquiry .form-space {
        margin-top: 5px;
    }

    .faqslist .answericon, .faqslist button b, .faqslist button span {
        font-size: 10px;
    }

    .impnote.speciant ul li {
        font-size: 10px;
    }

    .impnote ul li {
        font-size: 8px;
    }

    .tabspnl ul > li {
        width: 25%;
    }

    .tabspnl ul > li a {
        font-size: 0.7rem;
        padding: 10px 0px;
    }

    .modelredesign button, .tabspnl ul > li > a i, .webpage h3 {
        font-size: 1rem;
    }

    .overview {
        padding: 20px 0px 10px;
    }

    .marquee_panel {
        padding: 2rem 0px;
    }

    .marquee-carousel .item img {
        width: 38px;
        height: 38px;
        max-width: 3rem;
    }

    .technology_list ul li {
        width: 60px;
        height: 50px;
        padding: 5px;
    }

    #getquote1, #getquote2, #getquote3 {
        font-size: 0.7rem;
        padding: 2px 6.5px;
    }

    .pkgde table th {
        padding: 10px 11px;
    }

    .commonerror .box_inner h2, .technology_list {
        padding-top: 1rem;
    }

    .aboutdirector .directorname, .best_benifits li, .bgcontent h4, .box_inner ul li, .card_benifitsection_desk li, .creative h4, .inner_model p, .mob-designtab li button, .mob-designtab li button.active, .technology_list h3 {
        font-size: 0.8rem;
    }

    .sector_list li h6, .technology_list h6 {
        font-size: 0.6rem;
    }

    .ourreview .col-sm-4 {
        padding: 0px 5px;
    }

    .modal.fade.poupdesign .modal-dialog {
        transform: none;
        position: fixed;
        bottom: -100%;
        margin: 0px;
        width: 100%;
        transition: bottom 0.5s ease-out;
    }

    .modal.show.poupdesign .modal-dialog {
        bottom: 0px;
        transition: bottom 0.5s ease-out;
    }

    .sectionone .box_inner, .sectionone img {
        margin-bottom: 1rem;
    }

    .pad20 {
        padding: 10px 6px;
    }

    .gapmob {
        background: rgb(255, 255, 255);
        height: 10px;
    }

    #tableprovider td {
        font-size: 12px;
        font-weight: 400;
        padding: 5px 4px;
    }

    #tableprovider button, .ppc-points button, .ppcpackage .swiper-pagination-fraction, .stagecontent h3, .storybox h4, .webpackages h3 {
        font-size: 15px;
    }

    .sector_list li {
        width: 28%;
        padding: 0px;
    }

    .sector_list li img {
        width: 60px;
    }

    .bgcontent {
        padding: 1rem 0px;
    }

    .bgcontent h1 {
        font-size: 1rem;
        margin-top: 0px;
    }

    .bgcontent p {
        margin-top: 32px;
        font-size: 0.7rem;
        font-weight: inherit;
    }

    .faqslist {
        padding: 5px;
    }

    #titlemyTabContent img {
        margin-top: 1%;
    }

    .customlist ul li {
        width: 49%;
    }

    .tabs_section .cities_list .nav {
        overflow: scroll hidden;
        overflow-wrap: break-word;
        width: 100%;
    }

    .reviewslist li {
        flex: 0 0 80%;
        height: 50px;
        font-size: 0.7rem;
    }

    .details_form .form-control, .details_form .input-group-text {
        height: 34px;
    }

    #reviewten, .main_heading, .reviewslist ul {
        padding-bottom: 0px;
    }

    .faqslist button span {
        margin-right: 10px;
        font-size: 11px;
    }

    .faqslist .answericon {
        font-size: 13px;
    }

    .faqslist .answericon, .faqslist button span {
        height: 30px;
        line-height: 30px;
    }

    .faqslist button {
        font-size: 0.8rem;
        display: flex;
        align-items: center;
        padding-right: 41px;
        line-height: 15px !important;
    }

    .faqs .container {
        padding: 0px 3px;
    }

    .answerinline p, .faqslist p {
        font-size: 0.7rem;
        margin-bottom: 3px;
        padding-top: 0px;
    }

    #tabs ul {
        overflow: hidden;
        overflow-wrap: break-word;
        width: 100%;
        border-radius: 0px;
        padding: 10px;
        background: 0px 0px;
    }

    #tabs ul li {
        width: 59px;
        height: 22px;
        line-height: 18px;
        border-radius: 46px;
    }

    .tabctn {
        padding: 0px 1rem 1rem;
        height: 160px;
    }

    .ourservices .commonbox h2, .tabctn h2 {
        font-size: 1.3rem;
    }

    .landingpage .commonerror p, .tabctn p {
        font-size: 0.8rem;
        margin-bottom: 0px;
    }

    #tabs a, #tabsmob a {
        font-size: 11px;
        font-weight: 400;
    }

    .ui-tabs-vertical .ui-tabs-panel {
        float: none;
        width: 100%;
    }

    .menu.has-sticky {
        padding: 5px 0px 0px;
    }

    #tabs img {
        width: 250px;
        margin: 0px auto;
    }

    #showlist {
        height: 395px;
    }

    .faqslist i {
        font-size: 18px;
        padding-top: 3px;
        padding-right: 7px;
        padding-left: 7px;
    }

    .flatbook h3, .ppc-static p, .storybox table td, .tablecustom .tablerow .tablecell p, .tablecustom .tablerow .tablecell.first-td h5 {
        font-size: 13px;
    }

    #tabs .ui-tabs-active, #tabsmob .ui-tabs-active, .ui-tabs-vertical .ui-tabs-nav li {
        margin-bottom: 0px !important;
    }

    .customlist ul {
        height: 370px;
        overflow-y: scroll;
    }

    .footer_content p {
        padding: 1rem 0px;
        font-size: 1rem;
    }

    .menu ul li ul {
        left: 0px;
        width: 100%;
        top: 100%;
    }

    .menu ul li ul.open1 .arrow-up {
        left: initial;
        right: 20px;
    }

    .childmenu ul.firstmenu {
        width: 100%;
        float: none;
    }

    .fixbdr > li > a {
        border-radius: 0px !important;
    }

    .bdrshowonmobile, .moboutcome {
        box-shadow: rgba(0, 0, 0, 0.08) 2px 2px 5px 0px;
        border: 1px solid rgb(201, 199, 199);
    }

    .whyus p {
        font-size: 0.8rem;
        margin-bottom: 0.6rem;
        padding: 0px 10px;
    }

    .whyus h4 {
        margin-bottom: 0px;
        font-size: 0.9rem;
    }

    .about_us .provider_design, .faqs, .ppc-static, .tabs_section, .technology {
        padding-bottom: 30px;
    }

    .ppchgt {
        width: 100%;
        margin: 0px auto;
    }

    .moblgt {
        background: rgb(217, 217, 217);
    }

    .web5glist h2 {
        padding: 7px 15px;
    }

    .mobileheader p, header ul {
        padding-top: 5px;
    }

    .web5glist h2, .webbtn {
        font-size: 12px;
        line-height: 15px;
    }

    .innerlist .webbtn {
        text-align: start;
        font-weight: 500;
        font-size: 17px !important;
        line-height: 23px !important;
    }

    .innerlist p, .web5glist .listpnl p {
        font-size: 14px;
        line-height: 16px;
    }

    .ppcbtnpoint #ppcshow {
        left: initial;
        top: 7px;
        font-size: 0.8rem;
        right: 15px;
    }

    .logo img {
        padding-bottom: 5px;
    }

    #advocatemore, #ahmedabadmore, #bangaloremore, #chennaimore, #companyshow, #delhimore, #gurugrammore, #hyderabadmore, #inflationmore, #kolkatamore, #mumbaimore, #networkmore, #noidamore, #punemore, #recessionmore, #statisticsmore, .showbtn {
        padding: 0.1rem;
        font-weight: 400;
        font-size: 0.7rem;
        margin-top: 0.4rem;
    }

    #myTabContent ul li {
        width: 31.67%;
        font-size: 0.6rem;
        padding: 0.3rem;
        margin-bottom: 0.2rem;
    }

    .cities .cities_list .nav a {
        font-size: 0.8rem;
        padding: 3px 10px;
    }

    .childmenu li a {
        font-size: 0.6rem !important;
    }

    .menu.childmenu ul li:last-child a {
        padding-right: 17px;
    }

    .menu.childmenu .firstmenu > li > a {
        border-color: rgb(244, 116, 53);
        color: rgb(141, 141, 141);
        padding: 2px 12px;
        background: rgb(255, 255, 255);
        border-width: 1px;
    }

    .webpage ul li {
        font-size: 0.8rem;
        padding: 5px 10px;
    }

    .menuslide {
        max-width: 250px;
        right: 0px;
        transform: translate(115%, 0%);
        left: auto;
    }

    .menuslide #menuclose {
        font-size: 14px;
        left: 6%;
        top: 102px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: transparent;
    }

    .homeicon {
        height: 34px;
        line-height: 32px;
        margin-left: 5px;
    }

    .aboutdirector img {
       
        width: 110px;
        margin: 0px auto 10px;
        display: block;
    }

    .aboutdirector h3 {
        font-size: 1.2rem;
    }

    .legal img {
        height: auto;
        width: auto;
        margin-bottom: 0px;
    }

    header ul li a {
        font-size: 14px;
        float: none;
    }

    header h1, header p, header ul {
        text-align: center;
    }

    header ul li {
        width: 263px;
        margin: 0px auto;
        text-align: left;
    }

    .webreviewlist {
        padding: 10px 6px 3px;
    }

    #ppcless {
        font-size: 13px;
        padding: 4px 0px;
        font-weight: 500;
        margin-bottom: 0px;
    }

    .processads .web5glist {
        padding-bottom: 0px;
        padding-top: 1rem;
    }

    .processads .fhgt {
        margin-bottom: 0px;
        margin-right: 0px;
    }

    .processads h2.main_heading {
        padding: 1.5rem 0px 0px;
        margin: 0px;
        min-height: auto;
        font-size: 1.2rem;
        line-height: 20px;
    }

    .processads .whyus h4 {
        margin-bottom: 0px;
        padding-bottom: 10px;
    }

    .sectionone .details_form {
        margin-bottom: 30px;
    }

    .landingpage .sectionone .box_inner h2 {
        font-size: 1.5rem;
    }

    .landingpage .commonerror h2.main_heading {
        margin-bottom: 0px;
        font-size: 1.5rem !important;
        font-weight: 600 !important;
    }

    .landingpage .commonerror h2 {
        padding: 0px 0px 5px;
        font-weight: 400 !important;
        font-size: 0.8rem !important;
    }

    .glist h4 {
        font-size: 0.7rem;
        font-weight: 300;
        margin-bottom: 0px !important;
    }

    .custompackage .fixed_scroll {
        height: 420px;
    }

    .fixed_scroll {
        height: 76vh;
    }

    .details_form .input-group-text {
        padding: 9px 4px;
    }

    .details_form input {
    }

    input.inputs.one.form-control {
        max-width: 21px;
        height: 27px !important;
        width: 20px !important;
    }

    .numberbdr {
        padding: 3px 0px;
    }

    .mobileheader {
        display: block;
        padding: 10px;
        background: rgb(246, 248, 252);
    }

    .mobileheader h1 {
        font-size: 15px;
        margin-top: 10px;
        text-shadow: rgb(244, 116, 53) 1px 1px 2px;
    }

    .mobileheader p {
        margin-bottom: 0px;
        text-align: left;
        font-size: 11px;
    }

    .mobileheader ul {
        list-style: none;
        padding-left: 0px;
        text-align: right;
        margin-bottom: 7px;
    }

    .mobileheader ul li a {
        color: rgb(0, 0, 0);
        padding-bottom: 0px;
        display: block;
        margin-bottom: -3px;
        font-size: 14px;
    }

    .defaultbtn, .getquote form p, .lpdev ul li, .mobileheader ul li b, .packgelst li, .ppcpackage h2 small, .successmenu ul li a {
        font-size: 12px;
    }

    .mobileheader ul li:last-child {
        font-size: 12px;
        padding-top: 10px;
        color: rgb(58, 88, 148);
    }

    .mobileheader .mobrgt {
        padding-right: 5px;
    }

    .mobileheader .moblft {
        padding-left: 5px;
    }

    .mobileheader ul img {
        width: 13px;
    }

    .mobileheader .pno a {
        display: block;
        text-align: left;
        color: rgb(0, 0, 0);
        font-size: 15px;
        width: 200px;
        margin: 0px auto;
    }

    .stageslist span {
        font-size: 14px;
        margin-top: 40px;
    }

    .stageslist .stageno {
        padding: 3px 5px;
        font-size: 14px;
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.48) !important;
        color: rgb(0, 0, 0) !important;
    }

    .commonbox {
        padding: 10px;
    }

    .stagecontent {
        padding: 25px 10px;
        margin: 0px 10px;
    }

    .menuham img.mobileshow {
        margin-top: 0px;
        margin-bottom: 1px;
        display: inline-block !important;
    }

    .auditbox #pills-tab {
        width: 98%;
        top: -10px;
        left: 4px;
    }

    .defaulthgt {
        height: 300px;
        background: rgb(239, 239, 239);
        overflow-y: auto !important;
    }

    .menu.childmenu ul.firstmenu {
        padding: 3px 0px;
        float: none;
        text-align: left;
        scrollbar-width: none;
        width: 94%;
    }

    .defaultbtn {
        width: 160px;
        padding: 7px;
    }

    .creative h3 {
        font-size: 1.7rem;
    }

    .bdrshowonmobile .imagebox {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .main_heading {
        font-size: 24px !important;
    }

    .menulogo {
        text-align: left;
        padding-top: 17px;
        padding-bottom: 16px;
    }

    .menulogo img {
        width: 100px !important;
        margin-left: 5px;
    }

    .dsmblock {
        display: block !important;
    }

    .creative a {
        margin: 0px auto;
    }

    .getquote form h3, .ppcpackage .swiper-button-next::after, .ppcpackage .swiper-button-prev::after, .result h6 {
        font-size: 20px;
    }

    .ppcpackage .swiper-button-prev {
        bottom: 15px;
        right: 46px;
    }

    .ppcpackage .swiper-button-next {
        bottom: 15px;
    }

    .commonbox {
        background-color: rgb(251, 251, 251);
    }

    .guuterfalse {
        --bs-gutter-x: inherit;
    }

    .auditmenu ul li a {
        font-size: 10px;
        margin-bottom: 0px;
    }

    .iframebox {
        padding-bottom: 20%;
    }

    .homesec_postpaid h2 {
        font-size: 23px;
        padding-bottom: 0.3rem;
        font-weight: 600;
    }

    .eleven11 li, .numbered-list li, .wtb {
        font-size: 0.9rem !important;
    }

    .provider_design table th:first-child {
        width: 45.5%;
    }

    .mobwidth {
        width: 46%;
    }

    .provider_design table th {
        font-size: 15px !important;
        padding: 5px 0px !important;
    }

    .swiper-button-next svg, .swiper-button-prev svg {
        width: 20px;
    }

    .padbt {
        padding-bottom: 50px;
    }

    .navibar .swiper-pagination-fraction {
        left: 15px;
    }

    .auditbox .box_inner, .whychoosebma .whygrid p {
        padding-top: 10px;
    }

    .boxhgt_inner {
        height: 321px;
    }

    .boxhgt_inner.webland {
        height: 454px;
    }

    .eleven11 .review_body {
        height: 87vh;
        padding-bottom: 18%;
        overflow-y: scroll;
    }

    .eleven11 ul {
        height: auto;
        overflow: inherit;
    }

    .whychooseus .swiper-pagination-progressbar {
        width: 170px;
        bottom: 18px;
    }

    .ourservices .swiper-pagination-progressbar {
        width: 150px;
        bottom: 21px !important;
    }

    .navibar .swiper-pagination-progressbar, .ourservices .swiper-pagination-progressbar, .ppcpackage .swiper-pagination-progressbar {
        bottom: 17px;
        width: calc(90% - 120px);
    }

    .essential h2, .traditionalwork h2 {
        line-height: 34px;
    }

    .essential .essential-list {
        gap: 10px;
    }

    .clientstory h3, .lpexample h2 {
        font-size: 18px;
    }

    .traditionalwork {
        padding: 30px 0px 50px;
    }

    .whychoosebma h2 {
        font-size: 21px;
    }

    .whychoosebma .whygrid img {
        width: 65px;
        height: 65px;
        display: inline-block;
    }

    .whylist .col-md-4 {
        margin-top: 1rem;
    }

    .whychoosebma .whygrid h3 {
        font-size: 16px;
        display: inline-block;
        padding-left: 10px;
    }

    .whychoosebma .whygrid {
        height: auto;
        padding: 10px 15px;
        margin-top: 10px;
        display: block;
    }

    .lpde h2 {
        font-size: 30px;
    }

    .wtb {
        color: rgb(255, 116, 56);
        font-weight: 700;
    }

    .default_line {
        height: 180px;
    }

    .ourservices .st {
        font-size: 23px;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
        text-align: center;
        margin-bottom: 0px;
    }

    .servcebd a {
        padding: 6px 24px;
        font-size: 15px;
    }

    .ourachievements .swiper-main .swiper-button-next::after, .ourachievements .swiper-main .swiper-button-prev::after, .ppcpackage .commonbox h2 {
        font-size: 16px;
    }

    .essential-grid img {
        width: 70px !important;
        filter: drop-shadow(rgba(0, 0, 0, 0.4) 1px 2px 4px);
    }

    .storybox table h5, .whyus .modal-heading h3 {
        font-size: 14px;
    }

    .navibar .swiper-button-next, .navibar .swiper-button-prev, .ourservices .swiper-button-next, .ourservices .swiper-button-prev, .ppcpackage .swiper-button-next, .ppcpackage .swiper-button-prev {
        height: 0px;
    }

    .navibar .swiper-pagination-progressbar {
        right: 96px;
    }

    .services .swiper-button-next, .services .swiper-button-prev {
        bottom: 22px;
    }

    .paginationbox .swiper-pagination-fraction {
        font-size: 15px !important;
    }

    .paginationbox .swiper-button-next, .paginationbox .swiper-button-prev {
        width: 23px;
    }

    .paginationbox .swiper-pagination-progressbar {
        height: 2px;
    }

    .paginationbox .swiper-button-prev {
        bottom: 20px;
        right: 48px;
    }

    .paginationbox .swiper-button-next {
        bottom: 20px;
    }

    .bdrshowonmobile .swiper-button-next, .bdrshowonmobile .swiper-button-prev {
        bottom: 18px;
    }

    .outcomes {
        padding: 40px 0px;
        background: rgb(248, 248, 248);
    }

    .moscot-1 {
        height: 373px !important;
    }

    .stageslist button h3 i {
        font-size: 19px;
        top: 21px;
    }

    .stageslist button h3 {
        font-size: 13px;
        line-height: 16px;
        margin-left: 7px;
        color: rgb(255, 255, 255);
        border-bottom: none;
        padding-bottom: 0px;
    }

    .socialchannel .details_form h5 {
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .achievementstabs, .facebook-feed, .lpdev {
        margin-bottom: 20px;
    }

    .withchild {
        margin-top: 110px;
    }

    .ppcocunter ul li {
        flex-basis: 31%;
        height: 110px;
    }

    .getquote form {
        width: 350px;
        padding-bottom: 70px;
    }

    .getquote {
        right: -350px;
    }

    #getclose img {
        width: 16px;
    }

    #getclose {
        margin-top: -38px;
    }

    .getquote form .row {
        height: 86vh;
    }

    .moboutcome {
        padding: 10px;
        border-top: 4px solid rgb(244, 174, 0);
    }

    .yellowbox .commonbox, .yellowbox .moboutcome {
        border-top: 4px solid rgb(244, 174, 0);
        border-radius: 10px;
    }

    .yellowbox .commonbox h2, .yellowbox .moboutcome h4 {
        border-left: 4px solid rgb(252, 183, 0);
        padding-left: 18px;
        padding-bottom: 0px;
        margin-bottom: 1.5rem;
        border-bottom: 0px;
    }

    .casestudy h2 {
        font-size: 22px;
        padding-bottom: 10px;
    }

    .commonbox > p {
        font-size: 11px;
        margin-bottom: 0.4rem;
    }

    .fabpoptable .fbone {
        width: 46% !important;
    }

    .fabpoptable .fbtwo {
        width: 10% !important;
    }

    .customtable .tablectn h3 {
        width: calc(56.8%) !important;
    }

    .customtable .datacontent .fixtab {
        width: 159px;
    }

    .teammeet p {
        color: rgb(68, 68, 68);
        font-size: 16px;
        font-weight: 500;
        line-height: 27px;
    }

    .teammeet p strong {
        font-weight: 500;
        color: rgb(0, 0, 0);
        background: rgb(254, 232, 179);
    }

    .teammeet a {
        background-color: rgb(255, 182, 0);
        color: rgb(65, 0, 153);
        padding: 15.5px 25.2px;
        margin-top: 35px;
        display: block;
        min-width: 100%;
        max-width: 100%;
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        text-transform: capitalize;
        border-radius: 50px;
    }

    .teammeet a:hover {
        background-color: rgb(242, 163, 0);
    }

    .teammeet img {
        width: 200px;
    }

    .mobile-cta {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        display: flex;
        background: rgb(133, 154, 172);
        box-shadow: rgba(0, 0, 0, 0.07) 0px -1px 15px;
        z-index: 9999;
    }

    .mobile-cta .btn {
        text-align: center;
        font-size: 12px;
        letter-spacing: 0.5px;
        font-weight: 500;
        max-width: 33.33%;
        flex: 0 0 33.33%;
        padding: 0px;
        min-height: auto;
        position: relative;
        color: rgb(255, 255, 255);
    }

    .mobile-cta p {
        position: absolute;
        margin-bottom: 0px;
        width: 100%;
        top: -12px;
        height: 150%;
        opacity: 0;
    }

    .lp-h, .lp-p li {
        height: 55px !important;
    }

    .mobile-cta .btn .icon_bg {
        width: 40px;
        margin: 10px auto 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-cta .icon {
        width: 18px;
        height: 18px;
        object-fit: contain;
        display: block;
        margin: auto;
        filter: invert(1);
    }

    .customtable::before {
        top: 143px;
    }

    .impnote ul {
        scrollbar-width: none;
    }

    footer {
        padding-bottom: 63px;
    }

    .customtable.threecolumn .tablectn h3 {
        width: calc(67.9%);
    }

    .customtable.threecolumn .tabledata .datacontent ul li {
        width: 51px;
        font-size: 12px;
    }

    .customtable .tabledata .datacontent ul li {
        height: 40px;
        line-height: 30px;
        width: 52px;
    }

    .customtable .tablectn ul li {
        height: 40px;
    }

    .lp-p li {
        line-height: 45px !important;
    }

    .bmacounter ul li p, .tablecustom .tablerow .tablecell, .tablecustom .tablerow .tablecell.first-td {
        font-size: 11px;
    }

    .tablecustom .tablerow .tablecell {
        padding: 3px 6px;
    }

    .packbox h4 {
        font-size: 16px;
        font-weight: 500;
    }

    .packbox h5 {
        font-size: 15px;
        font-weight: 500;
    }

    .packbox p {
        font-size: 9px;
    }

    .packbox .offer {
        font-size: 11px;
        padding: 1px 3px;
    }

    .packbox {
        padding: 3px 10px 10px;
        margin-top: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .packbox i {
        font-size: 25px;
        width: 55px;
        height: 55px;
        line-height: 55px;
        flex: 0 0 20%;
    }

    .packbox i + div {
        text-align: left;
        flex: 0 0 76%;
    }

    .webpackages .row {
        display: inline-flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-wrap: break-word;
        width: 100%;
    }

    .webpackages .col-sm-4 {
        flex: 0 0 90%;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .webpackages {
        padding: 20px 0px;
    }

    .tablerow.fixedrow {
        width: 98.1%;
    }

    .packageheading h6 {
        font-size: 17px;
    }

    .tableheading {
        font-size: 13px;
        padding: 7px;
    }

    .singleline .hovercnt {
        height: 33px;
        top: -31px;
    }

    .argap .hovercnt {
        top: -34px;
    }

    .packlsthead {
        font-size: 14px;
        padding: 8px 10px;
    }

    .com90 .hovercnt {
        top: -90px;
    }

    .menuham img {
        width: 18px;
    }

    .extrascroll::-webkit-scrollbar {
        width: 5px;
    }

    .extrascroll::-webkit-scrollbar-track {
        background: rgb(241, 241, 241);
        box-shadow: rgb(255, 255, 255) 0px 0px 5px inset;
    }

    .bmacounter ul li {
        width: 45%;
        margin: 6px;
    }

    .bmacounter ul li img {
        width: 50px;
        margin-bottom: 0px;
    }

    .bmacounter ul li .counter {
        font-size: 25px;
        margin: 10px 0px 0px;
    }

    .auditbox.clientstory {
        padding-top: 13px;
    }

    .storybox ul.clientsli li {
        padding: 8px 0px;
        font-size: 13px;
        margin: 10px 0px;
    }

    .ourachievements .swiper-main .swiper-button-next, .ourachievements .swiper-main .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .ourachievements .swiper-main {
        padding-top: 0px;
        background: rgb(255, 255, 255);
    }
}

.card_header h2, .card_header p {
    padding-bottom: 0px;
    text-align: left;
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 511px) {
    .spaceone {
        top: -82px !important;
    }

    .spacetwo .hovercnt {
        left: 0px !important;
        top: -36px !important;
    }

    .spacethree .hovercnt {
        height: 70px;
        top: -55px;
    }

    .spacefour .hovercnt {
        height: 57px;
    }

    .space5 .hovercnt {
        top: -35px !important;
    }

    .hovepop1010 {
        top: -40px !important;
    }

    .menu ul.firstmenu {
        width: 100%;
        margin-left: 10px;
    }

    .menu ul.firstmenu > li > a {
        font-size: 0.7rem;
    }

    .outcomes .navibar .swiper-pagination-progressbar {
        width: calc(87% - 100px);
    }

    .outcomes .navibar .swiper-button-next, .outcomes .navibar .swiper-button-prev {
        bottom: 18px;
    }

    .customtable.threecolumn .tablectn {
        flex-basis: 90%;
    }

    .customtable.threecolumn .tabledata {
        flex-basis: 30%;
    }

    .customtable.threecolumn .tablectn h3 {
        width: calc(71.8%);
    }

    .customtable .tabledata .datacontent ul li {
        width: 48px;
        font-size: 10px;
    }

    .customtable .tablectn h3 {
        height: 39px;
        line-height: 26px;
        width: calc(57.2%);
    }

    .customtable .tabledata .datacontent ul li i {
        font-size: 10px;
    }

    .customtable.threecolumn .tabledata .datacontent ul li {
        width: 40px;
        padding: 4px 6px;
    }

    .customtable .tablectn ul li.extrahgt {
        height: 56px;
    }

    .customtable .tabledata .datacontent ul.lenghtabove li {
        height: 56px;
        line-height: 50px;
    }

    .tablerow.fixedrow {
        width: 98.1%;
    }

    .tablecustom .tablerow .tablecell .pprice {
        margin-top: -10px;
        padding-bottom: 0px;
        margin-left: 0px;
    }

    .tablecustom .tablerow .tablecell.first-td h5 span {
        font-weight: 500;
        font-size: 9px;
    }

    .tablecustom .tablerow .tablecell.first-td h5 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 467px) {
    .commonbox {
        padding: 10px 6px;
    }

    footer {
        padding-top: 20px;
    }

    footer h3 {
        font-size: 24px;
    }

    footer h5 {
        font-size: 18px;
        margin-top: 25px;
    }

    footer .footerfirst ul li a {
        font-size: 14px;
    }

    footer .footerfirst ul li {
        margin-block: 4px; }

    footer .footerfirst ul {
        margin-top: 7px;
    }

    .footerfirst {
        margin-top: 20px;
    }

    .getquote form {
        width: 270px;
    }

    .getquote {
        right: -270px;
    }

    .getquote form .telphone .input-group-text {
        padding: 6px;
        font-size: 14px;
    }

    .getquote form input.inputs.one.form-control {
        max-width: 19px !important;
        width: 19px !important;
    }

    .getquote form input.inputs.one {
        padding: 4px;
    }

    .getquote form .row {
        height: 80vh;
    }

    .box_inner_p p {
        padding: 7px;
        font-size: 0.7rem;
    }

    #tableprovider td, .table-head, .title-check {
        font-size: 11px;
    }

    .customtable .tablectn h3 {
        width: 198px;
    }

    .provider_design table th {
        font-size: 11px !important;
        padding: 5px 0px !important;
    }

    .provider_design table th:nth-child(2) {
        width: 14% !important;
    }

    .essential h2 br, .traditionalwork h2 br, .webanyway .contentbox h4 br {
        display: none;
    }

    .essential h2, .traditionalwork h2 {
        line-height: 28px;
        font-size: 18px;
    }

    .essential .essential-grid p {
        font-size: 9px;
        line-height: 12px;
        text-align: left;
        padding: 3px 0px 3px 8px;
    }

    .webanyway, .whychoosebma {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .webanyway .contentbox p {
        font-size: 16px;
        line-height: 34px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .webanyway .contentbox h4 {
        line-height: 24px;
        font-size: 16px;
    }

    .lpexample {
        padding: 40px 0px;
    }

    .lpexample ul {
        padding-top: 10px;
        display: inline-block;
        white-space: nowrap;
        overflow-x: scroll;
        width: 100%;
    }

    .lpexample ul li {
        margin-right: 0px;
        text-align: center;
        display: inline-block;
        margin-bottom: 10px;
    }

    .webanyway h2 {
        font-size: 18px;
    }

    .meetteam {
        padding: 20px 0px;
    }

    .meetteam .meetctn {
        padding-right: 0px;
    }

    .meetteam .meetctn h2 {
        font-size: 20px;
    }

    .meetteam .meetctn p {
        font-size: 13px;
        line-height: 25px;
    }

    .meetteam .meetctn a {
        padding: 7.5px 10.2px;
        font-size: 15px;
        margin: 15px 0px;
    }

    .table-head {
        line-height: 15px;
    }

    .check-apexure.table-td-mid, .traditional-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .trad-table img {
        width: 15px;
    }

    .default_line {
        height: 280px;
    }

    .ppcpackage .commonbox h2 {
        border-bottom: 0px;
        margin-bottom: 0px;
    }

    .navibar .swiper-pagination-progressbar {
        right: 116px;
    }

    .homeslider .swiper-pagination-progressbar {
        left: 61px;
    }

    .ourservices h3 {
        font-size: 25px;
    }

    .moscot-1 {
        height: 293px !important;
    }

    .ppcocunter ul li {
        flex-basis: 48%;
        height: auto;
    }

    .customtable.threecolumn .tablectn h3 {
        width: calc(65%);
    }

    .customtable::before {
        top: 142px;
    }

    .tablerow.fixedrow {
        width: 96.2%;
    }

    .tablecell .pprice {
        width: 36px;
        margin-top: -38px;
    }

    .innerhead {
        font-size: 10px;
    }
}

@media only screen and (max-width: 400px) {
    .menu ul.firstmenu {
        width: 210px;
        margin-left: 10px;
    }

    .childmenu ul.firstmenu {
        width: 100%;
    }

    .auditbox #pills-tab {
        width: 100%;
        top: -10px;
    }

    .auditbox button {
        font-size: 12px;
    }

    .navibar .swiper-pagination-fraction, .ppcpackage .swiper-pagination-fraction {
        font-size: 15px;
    }

    .result h6 {
        font-size: 16px;
    }

    .whychooseus .swiper-pagination-progressbar {
        width: 140px;
    }

    .ourservices .swiper-pagination-progressbar {
        width: 154px;
    }

    .bdrshowonmobile .swiper-pagination-progressbar {
        width: calc(90% - 130px);
        right: 94px;
    }

    .tablecell .pprice {
        margin-left: 0px;
        margin-top: -30px;
        width: 100%;
    }

    .tablecustom .tablerow .tablecell, .tablecustom .tablerow .tablecell.first-td {
        font-size: 10px;
    }
}

@media only screen and (max-width: 351px) {
    .menu ul.firstmenu {
        width: 195px;
    }

    .auditbox button {
        font-size: 10px;
    }

    .tablerow.fixedrow {
        width: 94.9%;
    }
}

@media only screen and (max-width: 769px) {
    .blinkoffer {
        font-size: 11px;
        width: 51px;
        margin: -20px auto 10px;
    }

    .card_header h2 {
        font-size: 17px !important;
    }

    .card_header p {
        font-size: 14px !important;
    }

    .card_sub_title {
        font-size: 16px !important;
    }

    .card_flexItem li {
        font-size: 13px;
    }

    .card_points {
        font-size: 12px !important;
    }

    .sectionone_content h5 {
        font-size: 10px !important;
        line-height: 14px !important;
    }
}

.card_area {
    background-color: rgb(234, 234, 234);
    color: rgb(111, 111, 111);
    padding: 6px;
    border-radius: 10px;
}

.card_hr_line {
    height: 3px;
    width: 189px;
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
}

.card_header {
    display: flex;
    gap: 20px;
}

.card_header h2 {
    font-size: 21px;
}

.card_header p {
    font-size: 16px;
    border-bottom: 2px solid rgb(0, 0, 0);
}

.card_header img {
    height: 44px;
    width: 96px;
    margin-bottom: 0px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 5px;
}

.card_sub_title {
    font-size: 18px;
    text-align: center;
    margin: 5px 0px;
    background-color: rgb(208, 208, 208);
    padding: 5px 0px;
    border-radius: 5px;
}

.card_flexBox {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
}

.card_flexItem {
    list-style: none;
}

.card_flexItem li {
    margin-bottom: 1px;
    text-align: left !important;
}

.card_flexItem span {
    background-color: rgb(118, 178, 81);
    padding: 1px 3px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    margin-right: 5px;
}

.card_flexBox img, .card_points {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
}

.card_flexBox img {
    height: 56px;
    width: 120px;
    padding: 5px;
}

.card_points {
    margin-bottom: 5px;
    padding: 2px 4px;
    color: rgb(231, 53, 53);
    font-weight: 700;
    font-size: 15px;
    text-align: left !important;
}

.sectionone_content {
    background-color: rgb(84, 84, 84);
    padding: 20px 0px;
    color: rgb(255, 255, 255);
}

.sectionone_content h5 {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
    font-family: "IBM Plex Sans", serif;
    text-transform: capitalize;
    font-weight: 400;
}

@media only screen and (max-width: 567px) {
    .extralist {
        height: 285px;
    }

    .hov4, .hov5 {
        height: 60px !important;
    }

    .mbpad {
        padding-bottom: 20px;
    }

    .hov33 {
        top: -33px;
    }

    .hov4 {
        top: -39px !important;
    }

    .hov6 {
        height: 50px !important;
        top: -30px !important;
    }

    .singlehov {
        height: 33px;
        top: -30px;
    }

    .hov77 {
        height: 47px !important;
        top: -47px !important;
    }

    .blinkoffer {
        font-size: 8px;
        width: 28px;
        margin: -15px auto 5px;
    }

    .mobpad {
        padding: 0px;
    }

    .packageenquiry {
        max-width: 100%;
        position: static;
        margin-top: 0px;
        padding: 20px 20px 40px;
        margin-bottom: 100px;
    }

    .whyswiper.navibar .swiper-pagination-fraction {
        left: 24px;
    }

    .whyswiper.navibar .swiper-pagination-progressbar {
        right: 114px;
    }

    .whyswiper.navibar .swiper-button-prev {
        right: 77px;
    }

    .whyswiper.navibar .swiper-button-next {
        right: 30px;
    }

    .servicepagin .swiper-pagination-bullets {
        left: calc(50% - 108px);
    }

    .popup {
        width: 320px;
    }

    .adsconsultation {
        height: auto;
    }

    .customtable .tablectn h3 {
        font-size: 14px;
    }

    .hovercnt h6 {
        font-size: 10px;
    }

    .pprice {
        width: 38px;
    }

    .packagerequest a {
        height: 31px;
        line-height: 31px;
        font-size: 14px;
    }

    .menuham {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 401px) and (max-width: 468px) {
    .navibar .swiper-pagination-progressbar {
        width: calc(90% - 150px);
    }

    .outcomes .navibar .swiper-pagination-progressbar {
        right: 95px;
        width: calc(87% - 112px);
    }

    .whyswiper .swiper-pagination-progressbar {
        width: calc(90% - 150px);
        right: 120px;
    }

    .customtable.threecolumn .tablectn h3 {
        width: calc(66%);
    }

    .customtable .tablectn h3 {
        width: calc(56.5%);
    }

    .customtable .tabledata .datacontent ul li {
        width: 41px;
        height: 25px;
        line-height: 20px;
        padding: 4.6px 4px;
        font-size: 9px !important;
    }

    .static6 li, .whiteli.fixtab li {
        height: 40px !important;
        line-height: 30px !important;
    }

    .static1, .static2 li {
        height: 43px !important;
    }

    .static1 {
        line-height: 17px !important;
    }

    .static2 li {
        line-height: 33px !important;
    }

    .sp40, .sp401 li {
        height: 25px !important;
        line-height: 17px !important;
    }

    .customtable .tablectn ul li {
        height: 25px;
        line-height: 15px;
        font-size: 10px;
        padding: 4px 10px;
    }

    input.inputs.one.form-control {
        max-width: 24px;
        width: 24px !important;
    }

    .customtable.threecolumn .tablectn {
        flex: 0 0 70%;
    }

    .static5 {
        height: 40px !important;
    }

    .bgcontent p {
        margin-top: 22px;
    }

    .tablerow.fixedrow {
        width: 97.6%;
    }

    .tablecustom .tablerow .tablecell.first-td h5 {
        padding: 7px 10px;
    }

    .packlsthead {
        font-size: 12px;
    }

    .menu.childmenu ul li a.activebox::after {
        border-left: 7px solid rgba(255, 255, 255, 0);
        border-right: 7px solid rgba(255, 255, 255, 0);
        border-bottom: 7px solid rgb(242, 234, 211);
        position: absolute;
        right: 13px;
        bottom: -10px;
    }
}

@media only screen and (max-width: 400px) {
    .outcomes .navibar .swiper-pagination-progressbar {
        right: 96px;
        width: calc(87% - 120px);
    }

    .whyswiper .swiper-pagination-progressbar {
        width: calc(90% - 160px);
        right: 120px;
    }

    .customtable .tablectn h3 {
        width: calc(56.2%);
    }

    .customtable .tablectn ul li {
        font-size: 9px;
        line-height: 14px;
        height: 25px;
        padding: 4px;
    }

    .customtable .datacontent .fixtab li, .static6 li {
        height: 40px !important;
        line-height: 30px !important;
    }

    .customtable .tabledata .datacontent ul li {
        height: 25px;
        line-height: 20px;
        width: 40px;
        padding: 4px;
    }

    .customtable.threecolumn .tablectn h3 {
        width: calc(64.2%);
    }

    .customtable::before {
        top: calc(3px + 20vh);
        height: 70px;
    }

    .pprice {
        width: 33px;
        margin-left: -2px;
        margin-top: -38px;
    }

    .pprice span {
        font-size: 7px !important;
        line-height: 12px;
    }

    .static1 {
        height: 30px !important;
        line-height: normal !important;
    }

    .static2 li {
        height: 28.5px !important;
        line-height: 20px !important;
    }

    .customtable.threecolumn .tablectn {
        flex: 0 0 69%;
    }

    .auditmenu ul li a {
        padding: 3px 8px;
    }

    .static5 {
        height: 40px !important;
    }

    .bgcontent p {
        margin-top: 8px;
        font-size: 9px;
    }

    .menu.childmenu ul li a.activebox::after {
        border-left: 7px solid rgba(255, 255, 255, 0);
        border-right: 7px solid rgba(255, 255, 255, 0);
        border-bottom: 7px solid rgb(242, 234, 211);
        position: absolute;
        right: 13px;
        bottom: -10px;
    }
}

@media only screen and (max-width: 386px) {
    .customtable .tabledata .datacontent ul li {
        width: 38px;
    }

    .tablerow.fixedrow {
        width: 98%;
    }

    .tablecustom .tablerow .tablecell .pprice {
        margin-top: -22px;
    }

    .packlsthead {
        font-size: 11px;
        padding: 7px 3px;
    }

    .lp385 .hovercnt {
        top: -33px;
    }

    .lp386 .hovercnt {
        top: -33px;
        left: 0px;
    }

    .tooglelist.almodellist .listhover {
        margin-left: 0px;
        width: 110%;
    }
}

@media only screen and (max-width: 365px) {
    .customtable .tabledata .datacontent ul li {
        width: 37px;
    }

    .customtable .tablectn h3 {
        width: calc(55.6%);
    }

    .tablerow.fixedrow {
        width: 97.3%;
    }

    .tablecustom .tablerow .tablecell.first-td h5 {
        font-size: 11px;
    }
}

.sticky-side {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -17.4375rem;
    z-index: 99999;
    transition: 0.5s;
    display: none;
}

@media (min-width: 992px) {
    .sticky-side {
        right: -18.43rem;
    }
}

@media (min-width: 1200px) {
    .sticky-side {
    }
}

@media (max-width: 767.98px) {
    .img-name .cloudbg{
        margin-right: 0;
    }
    ul.package-button-upper li a {
        padding: 5px 1px;
    }

    .p-extra-outer {
        min-height: 130px;
    }

    .content-up .defaulthgt.box_inner_p {
        min-height: 90px !important;
    }

    .commonbox.bg-deep-green.extra-outer h2 {
        font-size: 16px !important;
    }

    ul.package-button-upper {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: 5px 0px 0px !important;
    }

    .set-height11 {
        height: 880px !important;
    }

    .bar-sticky.sticky {
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        z-index: 9997;
        padding-top: 0px !important;
    }

    ul.package-button-upper li span {
        color: rgb(0, 0, 0);
        text-align: center;
        justify-content: center;
        font-size: 11px !important;
        margin-top: 0px !important;
    }

    ul.package-button-upper li img {
        width: 15px !important;
        height: 15px;
    }

    .sticky-side {
        right: -18.7rem;
        display: none !important;
    }

    .sticky-side__btn .img-wrap {
        margin-top: -1.2rem !important;
    }

    .sticky-side__btn .img-wrap {
        width: 36px !important;
        height: 36px !important;
        border-width: 2px !important;
        border-radius: 0px !important;
        margin-left: -12px !important;
    }

    .sticky-side__btn button {
        padding: 0.3rem 0.75rem !important;
    }

    .sticky-side__btn {
        max-width: 11% !important;
        flex-basis: 11% !important;
    }

    .sticky-side__btn .btn-wrap {
        transform: translate(7px, 16px) rotate(-90deg) !important;
    }

    .sticky-side__btn button {
        font-size: 18px !important;
    }

    .sticky-side__btn .img-wrap {
        margin-left: -13px;
    }
}

.sticky-side.open {
    right: -10px;
}

.sticky-side__content {
    background-color: rgb(0, 0, 0);
    max-width: 20.9875rem;
}

@media (min-width: 992px) {
    .sticky-side__content {
        max-width: 22.9875rem;
    }
}

.sticky-side__content .row {
    margin: 0px;
}

.sticky-side__content .close-btn {
    text-align: right;
    position: absolute;
    right: 0.3125rem;
    top: -2.4375rem;
}

@media (min-width: 992px) {
    .sticky-side__content .close-btn {
        top: -2.9375rem;
    }
}

.sticky-side__content .close-btn button {
    background-color: rgba(0, 0, 0, 0.9);
    color: rgb(184, 184, 192);
    border: 0px;
    border-radius: 100%;
    outline: none;
    font-size: 15px;
    line-height: 1;
    transition: 0.2s;
}

.sticky-side__content .close-btn button:hover {
}

.sticky-side__content .text-wrap {
    color: rgb(255, 255, 255);
}

.sticky-side__content .text-wrap h5 {
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-weight: 600;
}

@media (min-width: 992px) {
    .sticky-side__content .text-wrap h5 {
    }
}

.sticky-side__content ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 1.25rem;
}

.sticky-side__content ul li {
    position: relative;
}

@media (min-width: 992px) {
    .sticky-side__content ul li {
    }
}

.sticky-side__content ul li:last-child {
    margin-bottom: 0px;
}

.sticky-side__content ul li span {
    color: rgb(241, 188, 30);
    position: absolute;
    left: 0.125rem;
    top: 0.3125rem;
}

.sticky-side__content ul li span.icon-phone-alt {
    font-size: 1.0625rem;
}

.sticky-side__content ul li span.icon-chat {
    font-size: 1.3125rem;
}

.sticky-side__content ul li span.icon-calender {
    font-size: 1.0625rem;
    top: 0.4375rem;
    left: 0.1875rem;
}

.sticky-side__content ul li a {
    color: rgb(255, 255, 255);
    transition: 0.2s;
    text-decoration: none;
    font-size: 13px;
}

.sticky-side__content ul li a:hover {
    color: rgb(241, 188, 30);
}

.sticky-side__help {
    cursor: pointer;
}

.sticky-side__help::after {
    top: -3rem;
}

.sticky-side__btn {
    max-width: 17%;
    flex-basis: 17%;
    background-color: rgb(241, 188, 30);
    position: relative;
}

@media (min-width: 992px) {
    .sticky-side__btn {
        max-width: 20%;
        flex-basis: 20%;
    }
}

@media (min-width: 1200px) {
    .sticky-side__btn {
        max-width: 20%;
        flex-basis: 20%;
    }
}

.sticky-side__btn .img-wrap {
    border-radius: 100%;
    overflow: hidden;
    border: 4px solid rgb(241, 188, 30);
    margin-top: -1.9375rem;
    z-index: 1;
    position: relative;
    width: 57px;
    height: 57px;
    background-color: rgb(241, 188, 30);
}

@media (min-width: 992px) {
    .sticky-side__btn .img-wrap {
        margin-top: -2.625rem;
        width: 74px;
        height: 74px;
    }
}

@media (min-width: 1200px) {
    .sticky-side__btn .img-wrap {
        margin-top: -2.5rem;
        margin-left: -12px;
    }
}

@media (min-width: 1850px) {
    .sticky-side__btn .img-wrap {
        width: 5.3125rem;
        height: 5.3125rem;
    }
}

.sticky-side__btn .img-wrap figure {
    margin-bottom: 0px;
}

.sticky-side__btn .img-wrap img {
    width: 100%;
}

.sticky-side__btn .btn-wrap {
    transform-origin: 100% 100%;
    margin-top: 4.5625rem;
    transform: translateY(-45px) rotate(-90deg);
}

@media (min-width: 992px) {
    .sticky-side__btn .btn-wrap {
        margin-top: 4.0625rem;
    }
}

@media (min-width: 1200px) {
    .sticky-side__btn .btn-wrap {
        margin-top: 6.6rem;
    }
}

.sticky-side__btn button {
    line-height: 1;
    padding: 0.8375rem 0.75rem;
    background-color: rgb(241, 188, 30);
    border: 0px;
    font-weight: 700;
    font-size: 1.8125rem;
    white-space: nowrap;
    outline: none;
    color: rgb(0, 0, 0);
}

@media (min-width: 992px) {
    .sticky-side__btn button {
        font-size: 20px;
        padding: 1.25rem 1.3rem;
    }
}

@media (min-width: 1200px) {
    .sticky-side__btn button {
        padding: 1rem 1.4rem;
    }
}

.sticky-side__info {
    padding: 1.9375rem;
    position: relative;
    flex-basis: 83%;
    max-width: 83%;
    border-width: 2px 2px 2px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(241, 188, 30);
    border-right-color: rgb(241, 188, 30);
    border-bottom-color: rgb(241, 188, 30);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
}

@media (min-width: 992px) {
    .sticky-side__info {
        flex-basis: 80%;
        max-width: 80%;
        padding: 2.375rem 1.9375rem;
    }
}

@media (min-width: 1200px) {
    .sticky-side__info {
        flex-basis: 77%;
        max-width: 77%;
    }
}

.img-wrap video {
    width: 100%;
}

@media (min-width: 992px) {
    .sticky-side__content .close-btn {
        top: -2.9375rem;
    }
}

.sticky-side__content .close-btn {
    text-align: right;
    position: absolute;
    right: 0.3125rem;
    top: -2.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    left: auto;
}

.devmenu2 {
    overflow-y: hidden;
    border: 1px solid rgba(205, 205, 205, 0.38);
    border-radius: 0.5rem;
    padding: 2px;
}

.devmenu.position-relative {
    overflow-y: hidden;
    background: rgb(255, 255, 255);
}

.devmenu2 ul li.active a {
    background: rgba(255, 255, 255, 0.37);
    border-radius: 0.5rem;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.card-mid {
    padding: 30px 0px 7px;
}

.card-mid li {
    font-weight: 500;
    font-size: 14px;
}

.card-mid p {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0px;
    font-family: "IBM Plex Sans";
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.71) !important;
}

.card-mid-inner {
    margin-bottom: 10px;
    padding: 0px 10px;
}

.card-mid li a {
    color: rgb(0, 0, 0);
    font-family: "IBM Plex Sans";
    margin-right: 10px;
    font-size: 14px;
}

.card-mid-inner .hovbottom {
    bottom: 100%;
}

.card-mid li img {
    margin-right: 4px;
    width: 18px;
}

p.card-text.pricepoint {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 33px;
}

.pricepoint .text-decoration-line-through {
    font-size: 1rem;
    font-weight: 300;
    font-family: "IBM Plex Sans", serif;
    color: rgb(94, 110, 120) !important;
}

.homesec_postpaid .pricepoint span.price {
    font-size: 1.8rem;
    font-family: "IBM Plex Sans", serif;
    color: rgb(0, 0, 0);
    font-weight: 500;
    margin-bottom: 4px;
}

.homesec_postpaid .pricepoint span.price .time {
    font-size: 1.25rem;
    color: rgb(0, 0, 0);
    font-family: arial, sans-serif;
    font-weight: 500;
}

img.price-f-img {
    width: 60px;
    margin-top: 30px;
}

span.notelco_benifitdiv-heading {
    font-size: 11px;
    font-weight: 600;
    margin-right: 10px;
    color: rgb(125, 119, 237);
    font-family: "IBM Plex Sans", serif;
}

.green-bg-light {
    background: rgb(234, 250, 233);
}

.green-bg-light .card .card-header, .green-bg-light .card, .green-bg-light .card-body {
    background: transparent;
}

.best_benifits.extrascroll {
    height: auto;
    border-top: 1px solid rgb(243, 243, 243);
    overflow-y: auto;
}

.location-top-properties--prop-value {
    color: rgb(94, 94, 94);
    font-size: 9px !important;
}

.card_benifitsection_desk {
    margin: 10px 0px;
    border-bottom: 1px solid rgb(217, 217, 217);
    border-radius: 10px 10px 0px 0px;
    padding-bottom: 20px;
    background: rgb(243, 243, 243);
}

span.include-tag {
    background: rgba(239, 239, 239, 0.31);
    color: rgb(90, 90, 90);
    font-size: 1rem;
    padding: 30px 10px 14px;
    text-transform: capitalize;
    font-weight: 800;
    display: block;
    box-shadow: rgba(99, 99, 99, 0.11) 0px 2px 8px 0px;
}

span.puco-pill__label2 {
    background: rgb(255, 204, 0) !important;
    color: rgb(0, 0, 0) !important;
}

span.puco-pill__label {
    background: rgb(104, 97, 242);
    color: rgb(255, 255, 255);
    padding: 2px 12px;
    border-radius: 30px;
    position: absolute;
    right: 8px;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
}

.Custom-paginationbox .swiper-button-next {
    margin-top: 0px;
    margin-left: 15px;
    color: rgb(0, 0, 0);
    font-size: 26px;
    width: auto;
    position: static !important;
}

.Custom-paginationbox .swiper-button-prev {
    margin-top: 0px;
    margin-right: 15px;
    color: rgb(0, 0, 0);
    font-size: 18px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static !important;
}

.Custom-paginationbox .swiper-pagination-fraction {
    position: static;
    margin-top: 1px;
    background: rgb(255, 255, 255);
    height: 30px;
    padding: 0px 10px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid rgb(178, 178, 178);
    width: max-content;
    font-size: 12px !important;
}

.Custom-paginationbox {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.Custom-paginationbox .swiper-button-next span.arrow-inner {
    background: rgb(255, 255, 255);
    width: 30px;
    height: 30px;
    color: rgb(129, 129, 129);
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 4px;
    font-size: 14px !important;
}

.Custom-paginationbox .swiper-button-prev span.arrow-inner {
    background: rgb(255, 255, 255);
    width: 30px;
    height: 30px;
    color: rgb(129, 129, 129);
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 4px;
    font-size: 14px !important;
}

.switch-wrapper {
    position: relative;
    display: inline-flex;
    padding: 13px 4px 0px;
    margin-bottom: 0px;
    background: rgb(255, 255, 255);
}

.switch-wrapper [type="radio"] {
    position: absolute;
    left: -9999px;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"], .switch-wrapper [type="radio"]:checked#quarterly ~ label[for="quarterly"], .switch-wrapper [type="radio"]:checked#halfyearly ~ label[for="halfyearly"], .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"], .switch-wrapper [type="radio"]:checked#static ~ label[for="static"], .switch-wrapper [type="radio"]:checked#dynamic ~ label[for="dynamic"] {
    color: rgb(0, 0, 0);
}

.switch-wrapper label {
    font-size: 16px;
    z-index: 1;
    min-width: 140px;
    line-height: 36px;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
    text-align: center;
    position: relative;
    margin: 0px 2px;
    color: rgb(104, 97, 242);
    font-weight: 600;
}

.switch-wrapper .highlighter {
    position: absolute;
    top: 12.5px;
    left: 6px;
    width: calc(25% - 8px);
    height: calc(100% - 11px);
    background: rgb(237, 213, 153);
    transition: transform 0.25s ease-in-out;
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
}

.switch-wrapper [type="radio"]:checked#monthly ~ .highlighter {
    transform: translateX(0%);
}

.switch-wrapper [type="radio"]:checked#quarterly ~ .highlighter {
    transform: translateX(105%);
}

.switch-wrapper [type="radio"]:checked#halfyearly ~ .highlighter {
    transform: translateX(210%);
}

.switch-wrapper [type="radio"]:checked#yearly ~ .highlighter {
    transform: translateX(314%);
}

.package-button-outer {
    display: flex;
    justify-content: end;
    background: rgb(255, 255, 255);
}

.ourstages .commonbox {
    border-radius: 10px;
}

.border-r-10 {
    border-radius: 10px;
}

.overflow-h {
    overflow: hidden;
}

.bg-white {
    background: rgb(255, 255, 255) !important;
}

.box_inner_p .bg-white p {
    background: rgb(255, 255, 255) !important;
}

.bg-33 {
    background: rgb(238, 239, 233);
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.faq-inner {
    border-radius: 10px;
}

.ppc-showmore {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.bill-tag {
    font-size: 10px;
    line-height: 9px;
    font-weight: 700;
    margin: 4px 0px;
    color: rgb(58, 58, 58) !important;
}

.country img {
    min-width: 100%;
    border-radius: 10px;
}

.logo-box {
    padding-right: 8px;
}

.menu-default {
    display: flex;
    justify-content: space-around;
    border: none !important;
}

.menu-default li {
    width: 32%;
}

.menu-default li a {
    background: rgb(214, 214, 214);
    text-align: center;
    border-radius: 6px;
}

.menu-default li.active a {
    color: rgb(255, 255, 255);
    background: rgb(252, 183, 0) !important;
}

.sticky-5 {
    position: sticky;
    top: 0px;
    background: rgb(246, 248, 252);
    padding: 5px 0px;
}

h6.heightlight-h6 {
    background: rgb(13, 110, 253);
    display: inline;
    color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 7px;
    font-family: "IBM Plex Sans";
    letter-spacing: 0.7px;
    margin-right: 10px;
    font-size: 15px !important;
}

.bar-sticky {
    background: rgb(237, 213, 153);
    width: 100%;
    transition: 0.3s;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-top: 0px !important;
}

ul.package-button-upper {
    display: flex;
    margin-top: 5px;
    justify-content: space-between;
    padding: 0px;
}

ul.package-button-upper li {
    border: 1px solid rgb(163, 185, 195);
    position: relative;
    background: rgb(133, 154, 172);
    line-height: 1;
    width: 24.4%;
    border-radius: 2px;
}

.is-sticky {
    background-color: rgb(248, 248, 248);
    transition: background-color 0.1s ease-in-out;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(233, 233, 233);
    z-index: 99;
}

ul.package-button-upper li a {
    display: flex;
    flex-direction: column;
    background: rgb(242, 249, 253);
    padding: 3px 5px;
    height: 100%;
    justify-content: space-between;
}

ul.package-button-upper li img {
    width: 23px;
}

ul.package-button-upper li span {
    color: rgb(0, 0, 0);
    font-size: 15px;
    text-align: center;
}

.comapre-p {
    margin-top: 45px;
}

span.price-name {
    font-size: 10px;
    text-align: center;
}

.package-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

a.package-btn-1, a.package-btn-1a, a.package-btn-11, .Enterprise {
    background: rgb(74, 143, 244);
    padding: 8px 15px;
    margin: 30px 0px 15px;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    font-size: 9px;
}

.package-button span {
    margin: 17px 0px;
}

a.package-btn-2 {
    color: rgb(69, 69, 69);
    border-bottom: 1px solid rgb(0, 0, 0);
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 15px;
}

button#menuclose i {
    background: rgb(255, 255, 255);
    min-height: 30px;
    min-width: 30px;
    line-height: 30px;
    border-radius: 100px;
    color: rgb(0, 0, 0);
}

.reoverlay .btn-close1 {
}

.sticky {
    position: sticky;
    top: 131px;
    left: 0px;
    width: 100%;
    background: rgb(237, 212, 153);
    z-index: 99;
    padding-top: 0px;
}

ul.package-button-upper li.active {
    border-color: transparent;
    z-index: 1;
}

ul.package-button-upper li.active a span {
    color: rgb(33, 37, 41);
}

ul.package-button-upper li.active img {
    filter: drop-shadow(rgb(255, 255, 255) 2px 4px 6px);
}

.bar-sticky2.sticky2 {
    position: fixed;
    top: 0px;
}

.counter-outer .counter {
    border: 1px solid rgb(228, 228, 228);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    padding: 10px 0px;
    border-radius: 7px;
}

span.background-10-light {
    display: flex;
    font-size: 30px;
    font-weight: 600;
}

.successmenu.bar-sticky2 {
    position: fixed;
    width: 100%;
    background: rgb(246, 248, 252);
    top: 0px;
    padding: 20px 0px;
    z-index: 99;
}

.menu-default .current a {
    background: rgb(94, 182, 157);
}

span.budget-line {
    text-transform: capitalize;
    font-weight: 400;
    font-family: "IBM Plex Sans";
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
}

span.resources-heading {
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-family: "IBM Plex Sans";
    font-size: 13px;
}

.home-service {
    margin: 20px;
}

.home-service .container-fluid {
    background: rgb(241, 240, 232);
    padding: 20px;
    border-radius: 50px;
}

.menuv2 {
    display: none;
}

.homeslider .paginationbox {
    display: none;
}

.toogle-btn-for-add-price .switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 20px;
    margin-right: 20px;
    min-width: 37px;
}

.toogle-btn-for-add-price .switch input {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.toogle-btn-for-add-price .slider {
    position: absolute;
    cursor: pointer;
    inset: 0px;
    background-color: rgb(204, 204, 204);
    transition: 0.4s;
}

.toogle-btn-for-add-price .slider::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
}

.toogle-btn-for-add-price input:checked + .slider {
    background-color: rgb(94, 182, 157);
}

.toogle-btn-for-add-price input:focus + .slider {
    box-shadow: rgb(33, 150, 243) 0px 0px 1px;
}

.toogle-btn-for-add-price input:checked + .slider::before {
    transform: translateX(15px);
}

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

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

.tooglelist2 {
}

.listhover2 {
    display: none;
    position: absolute;
    background: rgb(127, 127, 127);
    padding: 50px 1px 30px 17px;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 10px;
    width: 100%;
    z-index: 100;
    margin-top: 8px;
    left: 0px;
    max-height: 400px;
}

.listhover2 h6 {
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    text-align: left;
    overflow-y: auto;
    max-height: 300px;
    padding-right: 10px;
    font-size: 15px !important;
    font-family: arial, sans-serif !important;
}

.listicon.listicon2 i {
    color: rgb(191, 191, 191);
}

.listhover2 a.closeBtn i {
    position: absolute;
    right: 23px;
    font-size: 23px;
    top: 4px;
    color: rgb(255, 255, 255) !important;
}

.listhover2 a.closeBtn {
    border-radius: 100px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 12px;
    right: 3px;
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.listicon2 {
    position: relative;
    margin-left: 5px;
}

.listicon2.active::after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 13px solid rgb(127, 127, 127);
    position: absolute;
    left: 50%;
    top: 91%;
    transform: translateX(-50%);
    z-index: 1111;
}

.listhover2 h6 ul {
    background: rgba(255, 255, 255, 0);
    padding-left: 1px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 4px;
    height: auto;
    min-height: auto;
    margin-left: 10px !important;
}

.listhover2 h6 ul li {
    border: none;
    list-style: disc;
    margin-left: 15px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    color: rgb(255, 255, 255);
    padding-left: 0px !important;
}

li.tooglelist2 {
    padding: 6px 7px 6px 28px !important;
}

.one-time-inner h3 {
    font-size: 18px;
    margin-top: 9px;
    color: rgb(255, 255, 255);
    font-family: fb;
    line-height: 24px;
}

.one-time-inner {
    border-right: 2px solid rgb(255, 255, 255);
    border-bottom: 2px solid rgb(255, 255, 255);
    padding: 0px 15px 15px;
    border-radius: 0px 0px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    min-height: 280px;
}

.one-time-inner img {
    border-radius: 5px;
    width: 60px;
    height: 40px;
    object-fit: cover;
}

.one-time-service {
    padding: 30px 0px;
    background: rgb(21, 21, 30);
}

.one-time-inner a {
    display: inline-block;
    position: relative;
    color: rgb(235, 157, 42);
    border-radius: 5px;
    font-weight: 600;
}

.one-time-inner p {
    font-size: 13px;
    color: rgb(180, 180, 180);
    margin-bottom: 35px;
}

.one-time-inner a i {
    font-size: 12px;
}

.toggle-btn-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toggle-btn-heading h3 {
    font-size: 0.8rem;
    font-weight: 400;
    font-family: "IBM Plex Sans";
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
    position: static;
}

.toogle-btn-for-add-price {
    border: 1px solid rgb(230, 230, 230);
    margin: 15px 7px;
    padding: 10px 7px;
    border-radius: 6px;
    background: rgba(243, 243, 243, 0.55);
}

.toogle-btn-for-add-price ul li {
    font-size: 10px;
    margin: 5px 0px;
}

.toogle-btn-for-add-price ul li i {
    font-size: 10px;
    margin-right: 6px;
    color: rgb(94, 182, 157);
}

.box_inner ul li ul li {
    list-style: disc;
    padding-left: 0px;
    margin-left: 24px;
}

.card-mid .card-mid-inner:first-child {
    min-height: 170px;
}

.card-mid .card-mid-inner:last-child {
    min-height: 300px;
    border-top: 1px solid rgb(184, 185, 188);
    padding-top: 20px;
    margin-top: 15px;
}

.card-mid .card-mid-inner:last-child i {
    font-size: 10px;
    margin-right: 0px;
    color: rgb(94, 182, 157);
}

.card_benifitsection_desk {
}

.card_benifitsection_desk::after {
    width: 100%;
    height: 83px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(rgba(242, 242, 209, 0.18) 0%, rgba(242, 242, 242, 0.81) 54%);
    z-index: 1;
    right: 24px;
}

section.one-time-service.lightblue .main_heading {
    color: rgb(255, 255, 255);
    font-family: fb;
    margin-bottom: 60px;
}

.paginationbox.Custom-paginationbox .swiper-pagination-progressbar {
    position: static;
    max-width: 100%;
    background: rgb(124, 124, 124);
}

.paginationbox.Custom-paginationbox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgb(235, 157, 42);
}

.one-time-inner2 {
    border: 1px solid rgb(249, 249, 249);
    color: rgb(0, 0, 0);
    background-color: rgb(250, 250, 250);
    border-radius: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 1.5rem;
    display: flex;
    position: relative;
}

.one-time-inner2 h3 {
    font-size: 20px;
    font-family: "IBM Plex Sans";
    margin-top: 10px;
}

.one-time-inner2 p {
    font-size: 13px;
}

.tag-div img {
    background-color: rgb(211, 229, 240);
    border-radius: 100%;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    margin-right: auto;
    display: flex;
    padding: 6px;
}

.tag-div .tag {
    gap: 0.5rem;
    background-color: var(--grey-200);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-color: rgb(0, 0, 0);
    border-radius: 0.25rem;
    align-items: center;
    padding: 0.35rem 0.4rem 0.3rem;
    font-size: 12px;
    font-weight: 500;
    line-height: 90%;
    display: flex;
}

.banner-ul ul {
    background: rgb(228, 228, 221);
    border: 1px solid rgb(209, 209, 209);
    position: relative;
}

.tag-div .tag.is-purple {
    background-color: rgb(233, 218, 255);
    color: rgb(88, 22, 184);
}

.tag-div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

section.one-time-service2 {
    padding: 50px 0px;
}

section.one-time-service2 .heading {
    text-align: center;
    margin-bottom: 30px;
}

.one-time-inner2 a {
    color: rgb(0, 0, 0);
    font-size: 13px;
}

.one-time-inner2 a i {
    font-size: 10px;
}

.flatbook .prolist ul {
    list-style: none;
    padding: 0px 0px 3px;
    margin: 0px 6px;
    overflow-x: initial;
    display: flex;
    overflow-wrap: normal;
    width: 100%;
}

.inclusion_block {
    border: 1px solid rgba(91, 88, 88, 0.24);
    border-radius: 6px;
    padding: 6px 17px 0px 5px;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 24px !important;
}

.incl_align {
    background: rgb(255, 255, 255);
    left: 15px;
    padding: 0px 10px;
    position: absolute;
    top: -8px;
    text-transform: capitalize;
    color: green !important;
    font-weight: 500 !important;
    font-size: 10px !important;
}

.inclusion_block ul {
    overflow: auto;
    margin: 5px 0px;
    height: 50px;
}

.inclusion_block ul li {
    font-size: 10px;
    margin: 2px;
    padding: 2px;
    display: flex;
    align-items: flex-start;
}

.benfitslist ul {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    padding: 10px 0px;
}

.benfitslist ul li {
    width: 24%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 7px;
    text-align: center;
}

.benfitslist ul li img {
    width: 20px;
    height: 20px;
}

.benfitslist ul li h6 {
    font-size: 10px;
    font-weight: 500;
    margin-top: 4px;
}

.section-padding {
    padding: 50px 0px;
}

.row.btnsp {
    padding: 8px 10px 10px;
}

.inclusion_block ul li i {
    color: rgb(94, 182, 157);
    display: block;
    margin-top: 2px;
    margin-right: 3px;
}

.inclusion_block ul::-webkit-scrollbar {
    display: none;
}

section.section-padding h2 {
    text-align: center;
    margin-bottom: 30px;
}

.inclusion_block {
    position: relative;
}

.inclusion_block::before {
    content: "";
    width: 100%;
    height: 20px;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0px;
    left: 0px;
    position: absolute;
}

.btnsp {
    padding: 0px 10px 10px;
}

.btnsp .btn-warning span {
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(177, 120, 22);
    border-radius: 6px;
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.custom-btn-color {
    --tw-bg-opacity: 1;
    background-color: rgb(235 157 42 / var(--tw-bg-opacity, 1));
    border-radius: 6px;
    border: 0.5px solid rgb(177, 120, 22);
    width: 100%;
    padding: 0px 0px 3px !important;
}

.inclusion_block2 {
    border: 1px solid rgb(231, 231, 231);
    margin: 0px 5px;
    border-radius: 6px;
    position: relative;
}

.inclusion-btn a {
    font-size: 12px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.inclusion-btn {
    border-top: 1px solid rgba(208, 209, 201, 0.46);
    border-right: 1px solid rgba(208, 209, 201, 0.46);
    border-left: 1px solid rgba(208, 209, 201, 0.46);
    border-image: initial;
    display: flex;
    justify-content: center;
    background: rgba(202, 202, 202, 0.63);
    padding: 6px 2px 0px 0px;
    --tw-border-opacity: 1;
    border-bottom: none;
    border-radius: 0px;
    margin-bottom: 0px;
}

.inclusion-btn a {
    background: rgb(212, 213, 211);
    padding: 5px 9px;
    border-radius: 0px;
    margin: 0px 4px;
    color: rgb(0, 0, 0);
}

.ic-scroll ul li {
    font-size: 12px;
    margin-bottom: 6px;
}

.ic-scroll ul {
    margin-bottom: 27px;
    margin-top: 10px;
}

.ic-scroll {
    height: 165px;
    overflow-y: auto;
    padding: 10px 10px 10px 0px;
}

.ic-scroll ul li i {
    color: rgb(94, 182, 157);
    margin-top: 2px;
    margin-right: 4px;
}

.inclusion_block2::before {
    content: "";
    width: 100%;
    height: 20px;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0px;
    left: 0px;
    position: absolute;
}

section.section-padding.bg-new {
    background: rgb(238, 239, 233);
}

.ic-scroll::-webkit-scrollbar {
    width: 10px;
}

.ic-scroll::-webkit-scrollbar-track {
    background: rgb(228, 231, 224);
}

.ic-scroll::-webkit-scrollbar-thumb {
    background: rgb(182, 185, 179);
}

.flatbook2 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 224 / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(208 209 201 / var(--tw-border-opacity, 1));
    margin-top: 50px;
    position: relative;
}

.flatbook2 .inclusion_block2::before {
    background: rgba(229, 231, 224, 0.81);
}

.flatbook.flatbook2.border-heighlight {
    --tw-border-opacity: 1;
    border-color: rgb(247 165 1 / var(--tw-border-opacity, 1));
    border-width: 3px;
}

.tag-flatbook {
    --tw-border-opacity: 1;
    position: absolute;
    top: -32px;
    right: 10px;
    border: 3px solid rgb(247, 165, 1);
    padding: 5px;
    border-radius: 4px;
    background: rgb(229, 231, 224);
}

.tag-flatbook h3 {
    margin-top: 0px;
    font-size: 12px;
    padding-top: 0px;
    padding-left: 0px;
}

.tag-flatbook p {
    font-size: 9px;
    margin-bottom: 0px;
    padding: 0px;
}

.bg-new2 {
    background: rgb(21, 21, 30);
}

.flatbook3 {
    color: rgb(255, 255, 255);
    background: rgb(42, 42, 42);
    border-color: rgb(80, 79, 79);
}

.flatbook3 .inclusion_block2 {
    border: none;
}

.flatbook3 .inclusion-btn {
    background: rgb(72, 72, 72);
    justify-content: center;
    border-bottom: none rgb(72, 72, 72);
    border-radius: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-top-color: rgb(72, 72, 72);
    border-right-color: rgb(72, 72, 72);
    border-left-color: rgb(72, 72, 72);
}

.flatbook3 .ic-scroll ul li {
    color: rgb(180, 180, 180);
}

.flatbook3 .inclusion_block2::before {
    background: rgba(42, 42, 42, 0.85);
}

.flatbook3 .benfitslist ul li img {
    filter: invert(1);
}

.flatbook3 .tag-flatbook {
    background: rgb(42, 42, 42);
}

.flatbook3 .inclusion_block2 .active {
    background: rgb(42, 42, 42);
    margin-bottom: -1px;
    border-radius: 4px 4px 0px 0px;
    color: rgb(94, 182, 157);
}

.flatbook3 .ic-scroll {
    padding: 3px 10px;
    border: 1px solid rgb(90, 90, 90) !important;
}

.flatbook3 .ic-scroll::-webkit-scrollbar {
    width: 10px;
}

.flatbook3 .ic-scroll::-webkit-scrollbar-track {
    background: rgb(56, 56, 62);
}

.flatbook3 .ic-scroll::-webkit-scrollbar-thumb {
    background: rgb(107, 107, 107);
}

.flatbook3 .inclusion-btn a {
    background: rgb(72, 72, 72);
    color: rgb(255, 255, 255);
}

.flatbook2 .inclusion_block1 .active {
    background: rgb(229, 231, 224);
    margin-bottom: -1px;
    border-radius: 4px 4px 0px 0px;
    color: rgb(94, 182, 157);
}

.ic-scroll hr {
    margin: 10px 0px 20px;
    height: 2px;
    background: rgb(255, 255, 255);
}

.flatbook2 .ic-scroll {
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(213, 213, 213);
    border-image: initial;
    padding: 3px 10px;
    border-top: none;
}

.flatbook3 .btnsp .btn-warning span {
    background: rgb(199, 199, 199);
}

.flatbook h3 span {
    font-size: 10px;
    color: rgb(124, 124, 124);
}

.home-why-choose {
    border: 1px solid rgb(214, 214, 214);
    padding: 3px 0px 3px 3px;
    border-radius: 6px 6px 0px 0px;
}

.banner-ul ul::-webkit-scrollbar {
    width: 10px;
}

.banner-ul ul::-webkit-scrollbar-track {
    background: rgb(228, 231, 224);
}

.banner-ul ul::-webkit-scrollbar-thumb {
    background: rgb(182, 185, 179);
}

.card_benifitsection_desk li i {
    color: rgb(176, 172, 253);
}

.multi-select-container {
    position: relative;
    width: 100%;
}

.multi-select {
    border: 1px solid rgb(204, 204, 204);
    padding: 0.6rem 1.8rem 0.6rem 4px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    background: white;
    overflow-y: auto;
    position: relative;
}

#placeholder {
    color: rgb(92, 92, 92);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: baseline;
}

.selected-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.multi-select-container .tag {
    background: rgb(235, 157, 42);
    color: white;
    padding: 2px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.multi-select-container .remove-tag {
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.multi-select-container .dropdown2 {
    display: none;
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    margin-top: 5px;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
    z-index: 10;
    padding: 8px 0px;
}

.dropdown2.show {
    display: block;
}

.multi-select-container .dropdown-item {
    padding: 4px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.multi-select-container .dropdown-item input {
    margin-right: 10px;
}

.multi-select-container .dropdown-item:hover {
    background: rgb(241, 241, 241);
}

button.remove-all-btn {
    position: absolute;
    right: 7px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    line-height: 20px;
    color: rgb(235, 157, 42);
    border: none;
    border-radius: 100px;
    background: none;
}

.package-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.package-modal .custom-modal-content {
    background: white;
    width: 90%;
    max-width: 550px;
    border-radius: 10px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px;
    text-align: center;
    animation: 0.3s ease-in-out 0s 1 normal none running fadeIn;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.package-modal .custom-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
    color: rgb(85, 85, 85);
}

.package-modal .custom-close:hover {
    color: rgb(0, 0, 0);
}

.package-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.package-modal .modal-header img {
    width: 30px;
    height: 30px;
}

.package-modal .modal-header h2 {
    font-size: 20px;
    color: rgb(51, 51, 51);
    font-weight: 700;
    font-family: "IBM Plex Sans";
    margin-bottom: 0px;
}

.package-modal .bill-summary {
    background: rgb(248, 248, 248);
    padding: 9px;
    border-radius: 8px;
    margin-bottom: 12px;
    text-align: left;
    border: 1px solid rgb(234, 234, 234);
}

.package-modal .bill-summary h3 {
    margin-bottom: 10px;
    color: rgb(68, 68, 68);
    font-size: 14px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.package-modal .bill-summary table {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.package-modal .bill-summary th, .package-modal .bill-summary td {
    padding: 5px 10px;
    border: 1px solid rgba(221, 221, 221, 0.5);
    text-align: center;
    font-size: 13px;
    font-family: "IBM Plex Sans";
}

.package-modal .bill-summary th {
    background: rgb(242, 234, 211);
    color: rgb(86, 86, 86);
    font-size: 12px;
}

.package-modal .total-price {
    background: rgb(40, 167, 69);
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.details_form.details_form2.border-r-10 {
    background: rgb(248, 248, 248);
    border: 1px solid rgb(234, 234, 234);
    padding: 9px;
    border-radius: 8px;
    height: auto;
    min-height: auto;
}

.details_form.details_form2.border-r-10 h2 {
    font-size: 14px;
}

section.aboutus .box_inner {
    border: 1px solid rgb(233, 233, 233);
}

section.aboutus .box_inner ul {
    background: rgba(223, 223, 215, 0.16);
    padding: 16px;
}

section.aboutus .box_inner ul li {
    border: 1px solid rgb(225, 225, 225);
    border-radius: 6px;
    margin: 9px 0px;
    background: rgba(255, 255, 255, 0.27);
    font-family: "IBM Plex Sans";
}

.contact-box-outer {
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 8px;
    overflow: hidden;
}

.contactadd img {
    width: 100%;
}

.contact-box-outer span {
    padding: 10px;
    display: block;
    background: rgba(255, 255, 255, 0.52);
}

.need-ul-li li {
    color: rgb(115, 115, 115);
    font-size: 11px !important;
    margin: 0px !important;
    padding: 0px !important;
}

.need-ul-li li:last-child {
    border: none;
}

#enquiryModal, #enquiryModal22 {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

#enquiryModal .modal-content, #enquiryModal22 .modal-content {
    background-color: rgb(255, 255, 255);
    width: 90%;
    max-width: 500px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    animation: 0.3s ease-in-out 0s 1 normal none running fadeIn;
    transform: translate(-50%, -50%);
}

#enquiryModal .close, #enquiryModal22 .close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

#enquiryModal h2, #enquiryModal22 h2 {
    margin-bottom: 15px;
    font-size: 22px;
    color: rgb(51, 51, 51);
}

#top-btn-Modal h2 {
    margin-bottom: 15px;
    font-size: 22px;
    color: rgb(51, 51, 51);
}

.price-container {
    display: flex;
    align-items: center;
}

.price-container .original-price-menu {
    font-size: 13px;
    text-decoration: line-through;
    color: rgb(96, 95, 95);
    margin-top: 4px;
    font-family: "IBM Plex Sans";
}

.price-container .final-price-menu {
    color: rgb(118, 118, 118);
    font-size: 16px;
    font-weight: 500;
    font-family: "IBM Plex Sans";
    margin-top: 4px;
    margin-left: 7px;
}

.price-container .discount-menu {
    color: rgb(118, 118, 118);
    font-size: 11px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
    margin-top: 4px;
}

.price-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

span.package-duration {
    font-size: 12px;
    font-weight: 500;
    color: rgb(0, 0, 0) !important;
}

ul.package-button-upper li.active .price-container .discount-menu, ul.package-button-upper li.active .price-container .final-price-menu, ul.package-button-upper li.active .price-container .original-price-menu {
    color: rgb(118, 118, 118);
}

.toogle-btn-for-add-price h4 {
    font-size: 11px;
    font-weight: 400;
    color: rgb(65, 65, 65);
    margin-top: 2px;
    font-family: "IBM Plex Sans";
}

.card_benifitsection_desk li .fa-close {
    color: rgba(149, 1, 1, 0.4) !important;
}

.best_benifits.standard-div h2 {
    font-size: 16px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
}

.best_benifits.standard-div {
    border: 1px solid rgb(230, 230, 230);
    margin: 15px 0px 20px;
    padding: 30px 7px;
    border-radius: 6px;
    background: rgb(243, 243, 243);
}

.toogle-btn-for-add-price h5 {
    font-size: 10px;
    font-weight: 500;
    font-family: "IBM Plex Sans";
    margin-top: 6px;
    margin-bottom: 0px;
    color: rgb(94, 94, 94);
    padding-top: 2px;
}

.toogle-btn-for-add-price h5 span {
    display: block;
    font-size: 20px;
}

.numbered-list li {
    padding-right: 22px;
}

.stagecontent h6 {
    font-size: 16px;
    font-family: arial, sans-serif;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 20px;
    color: rgb(64, 64, 64);
}

span.ontime-price {
    font-size: 22px;
    margin-top: 11px;
    display: block;
    font-family: fb;
    color: rgb(235, 157, 42);
}

.googleadd-price-h {
    display: flex;
    margin-top: 10px;
    margin-left: 10px;
    align-items: baseline;
    font-family: "IBM Plex Sans";
}

.googleadd-price-h span {
    font-size: 12px;
    color: rgb(205, 205, 205);
}

.googleadd-price-h h4 {
    margin-right: 0px;
    padding-right: 0px;
    font-size: 18px;
    font-weight: 500;
    font-family: "IBM Plex Sans";
    color: rgb(247, 165, 2);
    padding-left: 4px;
}

.googleadd-price-h h6 {
    font-size: 11px;
    margin-left: 2px;
}

.googleadd-price-h2 span {
    color: rgb(0, 0, 0);
}

.best_benifits li i {
    margin-right: 0px;
    color: rgb(146, 208, 191);
    margin-top: 2px;
}

.stageslist > button.active {
    position: sticky;
    top: 140px;
    height: 45px;
    padding: 2px 10px 2px 0px;
    width: 100%;
    background: rgb(249, 249, 242);
    border-radius: 3px;
    z-index: 1;
    left: 0px;
}

.stageslist > button.active .stageno {
    left: 3px;
}

.stageslist > button.active h3 {
    border: none;
    padding-bottom: 0px;
}

.stagecontent ul p {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.content-stage {
    margin-top: 20px;
}

.stageslist:last-child::before {
    height: 97.5%;
}

.ourstages {
    padding-bottom: 60px;
    background: rgb(255, 255, 255);
}

.faqs {
    padding: 50px 15px 50px 0px;
}

.sec-p-tb {
    padding: 50px 0px;
}

.landing-page-box .extrascroll {
    height: 270px;
}

#scrollMenu {
    scroll-behavior: smooth;
}

.answerinline ul li {
    list-style: disc;
    margin-left: 25px;
    font-size: 13px;
    color: rgb(134, 134, 134);
}

.listhover2 h6 ul li::before {
    display: none !important;
}

.listhover2 h5 {
    font-size: 15px;
    font-weight: 600;
}

.best_benifits.extrascroll2 li {
}

.need-ul-li i {
    font-size: 10px;
    margin-right: 0px;
    color: rgb(94, 182, 157);
}

.offerlist ul {
    overflow-y: scroll;
    height: 130px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin: 25px 4px 10px;
    position: relative;
    border: 1px solid rgb(90, 90, 90) !important;
    padding-top: 20px !important;
}

.offerlist.right-blur span {
    position: absolute;
    top: -10px;
    left: 12px;
    background: rgb(42, 42, 42);
    z-index: 1;
    padding: 2px 5px;
    color: rgb(94, 182, 157);
    font-size: 11px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.offerlist.right-blur {
    position: relative;
}

.offerlist ul li {
    font-size: 12px;
    margin-bottom: 6px;
    color: rgb(180, 180, 180);
}

.flatbook3 .inclusion_block2 .inclusion-btn2 a {
    background: rgb(42, 42, 42);
    margin-bottom: -1px;
    border-radius: 4px 4px 0px 0px;
    color: rgb(94, 182, 157);
}

.flatbook3 .ic-scrolll {
    height: auto;
}

.flatbook3 .need-ul-li li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.flatbook3 .need-ul-li li {
    border-bottom: 1px dashed rgba(203, 204, 202, 0.38);
}

.faqhgt::-webkit-scrollbar {
    display: none;
}

.technolist::-webkit-scrollbar {
    display: none;
}

.card_benifitsection_desk2 {
    overflow-x: hidden;
}

.footer-img {
    width: 250px;
    border-radius: 10px;
}

.box_inner ul h5 {
    text-align: left;
    font-size: 18px;
    color: green;
    font-weight: 700;
}

ul.landing-page-ul {
    border: 1px solid rgb(211, 211, 211);
    margin-bottom: 11px;
    margin-left: 0px;
    padding: 10px;
    text-align: left;
}

ul.landing-page-ul li {
    list-style: disc;
    margin-left: 25px;
    border: none;
    padding-left: 0px !important;
}

ul.landing-page-ul li:first-child {
    list-style: none;
    margin-left: 0px;
}

ul.landing-page-ul li h6 {
    margin-bottom: 0px;
}

ul.landing-page-h6-ul {
    border: 1px solid rgb(211, 211, 211);
}

ul.landing-page-h6-ul h6 {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

li.landing-page-inner-li-head {
    list-style: none !important;
    margin-left: 6px !important;
}

.best_benifits.standard-div li {
    padding-left: 0px !important;
}

.ic-scroll .tooglelist2 {
    padding-left: 0px !important;
}

ul.extra-ul li {
    list-style: disc;
    font-size: 13px;
}

ul.extra-ul {
    padding-left: 23px;
    margin: 3px;
}

.box_inner_p h6 {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
    margin-bottom: 0px;
    color: rgb(94, 182, 157);
    font-family: sans-serif;
    padding-bottom: 0px;
    padding-top: 0px !important;
}

.commonbox > p {
    font-size: 13px;
    margin-bottom: 0.4rem;
}

.wtb {
    color: rgb(157, 171, 173);
    font-size: 12px;
}

.bg-\[radial-gradient\(\#3E4646\,\#0f3335_40\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(rgb(62, 70, 70), rgb(15, 51, 53) 40%, rgb(6, 26, 28), rgb(6, 26, 28));
}

.rounded-\[340px\] {
    border-radius: 340px;
}

.w-\[83cqw\] {
    width: 100%;
}

.h-\[75cqw\] {
    height: 100%;
}

.z-0 {
    z-index: 0;
}

.top-\[17cqw\] {
    top: -56px;
}

.left-\[20cqw\] {
    left: 20px;
}

.absolute {
    position: absolute;
}

.bg-deep-green {
    --tw-bg-opacity: 1;
    background-color: rgb(6 26 28 / var(--tw-bg-opacity));
    position: relative;
    overflow: hidden;
}

.border-hairline-green {
    --tw-border-opacity: 1;
    border-color: rgb(30 44 49 / var(--tw-border-opacity));
}

.content-up {
    z-index: 2;
    position: relative;
    color: rgb(157, 171, 173);
    text-align: center;
}

.bg-new {
    padding: 50px 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.round-bg {
    transform: scale(1.2);
    opacity: 0.6;
}

.extra-outer {
    min-height: 550px;
    padding: 10px;
    border-color: rgb(30 44 49 / var(--tw-border-opacity)) !important;
}

.commonbox.bg-deep-green.extra-outer h2 {
    color: rgb(255, 255, 255);
    border-bottom: none;
    font-weight: 700;
    font-family: sans-serif;
    font-size: 19px;
    background: rgb(35, 71, 72);
    border-radius: 5px;
    padding: 9px;
    margin-bottom: 10px;
    line-height: 30px;
    margin-top: 10px;
}

.first-p-extra ul {
    color: rgb(177, 177, 177);
    font-weight: 100;
    font-family: sans-serif;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 13px;
    margin-block: 0px; text-align: left;
}

.first-p-extra p {
    font-size: 13px;
}

.content-up .box_inner_p p {
    background: transparent;
    color: rgb(157, 171, 173);
    border: none;
    font-size: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}

.content-up .defaulthgt.box_inner_p {
    background: transparent;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.first-p-extra ul {
}

.first-p-extra ul li {
    font-weight: 500;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    display: flex;
    min-height: 50px;
}

.solutions-price-h {
    color: rgb(255, 255, 255);
    align-items: center;
    flex-direction: column;
    margin: 15px 0px;
    display: none;
}

.solutions-price-h h4 {
    margin-bottom: 0px;
    font-size: 38px;
    margin-left: 3px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.solutions-price-h h6 {
    margin-bottom: 0px;
    font-size: 12px;
    color: rgb(188, 188, 188);
}

.solutions-price-h span {
    font-size: 14px;
    color: rgb(94, 182, 157);
}

.solutions-btn a {
    background: rgb(35, 71, 71);
    padding: 10px;
    color: rgb(255, 255, 255);
    margin: 10px 0px;
    display: block;
    text-align: center;
    border-radius: 100px;
    border: 1px solid rgb(137, 137, 137);
}

.solutions-price-h > div {
    display: flex;
    align-items: baseline;
}

.content-up img {
    width: 65px;
    background: rgb(35, 71, 71);
    padding: 7px;
    border-radius: 10px;
    border: 1px solid rgba(211, 211, 211, 0.28);
}

.landing-page-head {
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
}

.landing-page-head h2 {
    font-size: 2rem;
    font-family: "IBM Plex Sans";
    color: rgb(255, 255, 255);
    font-weight: 600;
    margin-bottom: 0px;
}

.landing-page-head p {
    color: rgba(255, 255, 255, 0.74);
    padding-top: 27px;
    font-size: 21px;
}

.card-midd-inner {
    padding: 7px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    margin: 4px;
    border-radius: 4px;
    min-height: 330px;
}

.card-midd-inner ul li {
    display: flex;
    font-size: 12px;
    margin: 1px 0px;
    color: rgb(120, 120, 120);
}

.card-midd-inner ul li i {
    font-size: 10px;
    color: rgb(94, 182, 157);
    margin-top: 5px;
    margin-right: 4px;
}

.card-midd-inner h6 {
    font-weight: 700;
    font-family: "IBM Plex Sans";
    font-size: 14px;
}

.homesec_postpaid2 .card .card-header {
    border-bottom: none;
    height: 400px;
}

.toogle-btn-for-add-price ul li {
    list-style: disc;
    margin-left: 21px;
}

.location-top-properties--props2.vstyle-1 {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px;
}

.location-top-properties--props2.vstyle-1 li {
    width: 100%;
    flex: 0 0 auto !important;
}

.card-midd-inner:last-child {
    min-height: 330px;
}

.content-up > p {
    margin-bottom: 3px;
    min-height: 70px;
}

.first-p-extra ul li i {
    color: rgb(94, 182, 157);
    margin-right: 5px;
    display: block;
    margin-top: 2px;
}

.p-extra-outer {
    min-height: 120px;
}

.content-up .defaulthgt.box_inner_p {
    min-height: 80px;
}

ul.Standard-ul li {
    counter-increment: none;
    list-style: disc;
    margin-left: 27px;
    padding: 3px 0px !important;
    font-size: 0.8rem !important;
    border: none !important;
}

ul.Standard-ul li::before {
    display: none;
}

.google-location-prop {
    padding: 15px;
}

.google-location-prop h4 {
    font-size: 1rem;
    font-weight: 800;
}

.card-sub-title-1.tooglelist2 a {
    margin-left: 5px;
}

.card-sub-title-1 {
    font-size: 13px;
    text-align: center;
}

span.include-tag h5 {
    font-size: 11px;
    margin-top: 5px;
}

.card-content.card-content-margin {
    margin: 7px;
}

span.exclusive-line {
    font-size: 11px;
    line-height: 16px;
    display: block;
    margin-top: 14px;
    padding-left: 9px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.numbered-list-inner-ul li {
    counter-increment: none;
    list-style: disc;
    margin-left: 31px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font-weight: 400;
    font-size: 9px !important;
    border-top: none !important;
    padding-right: 0px !important;
}

.numbered-list-inner-ul li::before {
    display: none;
}

.numbered-list-inner-ul {
    margin-top: 4px;
}

span.exclusive-line.exclusive-line2 {
    margin-top: 2px;
    margin-bottom: 10px;
}

.switch-wrapper label span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 600;
    top: -6px;
    width: max-content;
    color: rgb(104, 97, 242);
    font-family: "IBM Plex Sans";
}

.pack-head {
    background: rgba(133, 154, 172, 0.13);
    padding: 10px;
}

.card.card-style-7.card-style-72 {
    overflow: hidden;
    border-radius: 7px 7px 0px 0px !important;
}

.best_benifits.extrascroll2.set-height1 {
    min-height: 1150px;
}

.best_benifits.extrascroll2.set-height2 {
    min-height: 320px;
}

.best_benifits.extrascroll2.set-height3 {
    min-height: 620px;
}

.toogle-btn-for-add-price.set-height4 {
    min-height: 190px;
}

.numbered-list-inner-ul li i {
    display: none;
}

span.include-tag.tooglelist2 p {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0px;
    font-family: "IBM Plex Sans";
}

span.span-line-under {
    display: block;
    font-size: 10px;
    font-family: "IBM Plex Sans";
    margin-top: 9px;
    font-weight: 400;
}

.google-location-prop span {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0px;
    display: block;
    font-family: "IBM Plex Sans";
    margin-top: 6px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 5px;
}

ul.google-location-prop-new li {
    font-size: 9px;
    margin: 3px 0px;
}

ul.google-location-prop-new li ul {
    list-style: disc;
    font-size: 9px;
    margin-left: 31px !important;
}

ul.google-location-prop-new li ul li span {
    font-size: 8px;
}

ul.google-location-prop-new li i {
    margin-top: 2px;
    margin-right: 3px;
    color: rgb(146, 208, 191) !important;
}

h6.google-location-h6 {
    font-size: 10px;
    margin-top: 19px;
    font-weight: 400;
    font-family: "IBM Plex Sans";
}

a.li-button i {
    font-size: 9px !important;
    color: rgb(13, 110, 253) !important;
}

.location-top-properties--props22 {
    padding: 0px 0px 20px !important;
    border-top: none !important;
}

.best_benifits.extrascroll2 li a {
    color: rgba(70, 77, 86, 0.58);
}

.w-bold {
    font-weight: 600 !important;
}

.card-midd-inner.card-mid-innerw {
    min-height: auto;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0px;
}

.location-top-properties--props22 h6 {
    font-size: 10px;
    font-family: "IBM Plex Sans";
    margin-top: 9px;
    font-weight: 400;
}

.slider-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
}

.slide img {
    width: 100%;
    display: block;
}

.dots {
    text-align: center;
    margin-top: 10px;
}

.dot {
    height: 12px;
    width: 12px;
    margin: 0px 5px;
    background-color: rgb(187, 187, 187);
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background-color: rgb(51, 51, 51);
}

.whyhomepage li.tooglelist2 {
    padding-left: 7px !important;
}

.remove-number li::before {
    display: none;
}

.remove-number li {
    padding: 9px 5px !important;
}

span.point-heighlight {
    display: flex;
    font-size: 0.7rem;
}

.heighlight-number::before {
    background: rgba(255, 193, 7, 0.75) !important;
    border-color: rgb(255, 193, 7) !important;
    color: rgb(0, 0, 0) !important;
}

ul.Standard-ul.Standard-ul2 li {
    margin: 4px 0px 4px 22px;
    font-size: 0.8rem !important;
}

.view-more-btn {
    text-align: center;
    background: rgb(228, 228, 228);
    margin-top: 12px;
}

.view-more-btn a {
    font-size: 13px;
    width: 100%;
    display: block;
    padding: 4px;
    color: rgb(104, 97, 242);
    font-weight: 600;
}

.set-height11 {
    height: 1050px;
}

.height-set-googleadd {
    height: 1150px;
}

.short-modal .whyus .modal-heading {
    text-align: left;
}

.short-modal .close-btn mark {
    background: transparent;
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.short-modal .close-btn {
    border-radius: 7px;
    display: flex;
    align-items: center;
    height: 30px;
    width: auto;
    justify-content: center;
    left: 85%;
    z-index: 222;
    background: transparent;
    box-shadow: none;
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 11px !important;
    top: 8px !important;
}

.short-modal .close-btn i {
    background: rgb(0, 0, 0);
    width: 15px;
    height: 15px;
    color: rgb(255, 255, 255);
    line-height: 15px;
    border-radius: 100px;
    font-size: 9px;
}

.listhover2 h6 li.heighlight-number {
    list-style: none !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.breadcrumb-content {
    text-align: center;
}

.breadcrumb-content h1 {
    font-size: 35px;
    font-weight: 700;
    margin-top: 20px;
    color: rgb(69 77 84/var(--tw-text-opacity)) !important;
}

.breadcrumb-content h4 {
    font-size: 30px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.breadcrumb-content p {
    font-size: 16px;
    line-height: 27px;
    color: rgb(112, 112, 112);
}

.topmenu.fade-left::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    z-index: 1;
}

.topmenu.fade-right::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    z-index: 1;
}

.menuonlymob2.fade-left::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    z-index: 99;
}

.menuonlymob2.fade-right::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    z-index: 1;
}

.btn-close1.showbtn {
    left: 25%;
    transition: 0.4s;
    font-size: 19px;
}

.multi-select-container p {
    font-size: 0.8rem;
    margin-bottom: 0px;
    margin-left: 0px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    background: rgb(233, 236, 239);
    padding: 2px 5px;
    display: inline-block;
}

.dropdown-actions button {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 10px;
    border-radius: 5px;
    margin: 8px;
}

.dropdown-actions {
    display: flex;
    justify-content: end;
}

.multi-select i {
    font-size: 10px;
    position: absolute;
    right: 17px;
    top: 47%;
    transform: translateY(-20%);
}

button.clear-btn {
    background: transparent;
    border: none;
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

span.include-tag p {
    font-size: 0.7rem;
    font-weight: 400;
}

.heighlight-number mark {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    width: 18px;
    height: 18px;
    line-height: 17px;
    border-radius: 3px;
    font-size: 11px;
    color: rgb(104, 97, 242);
    font-weight: 700;
    margin-right: 4px;
    background: rgb(255, 193, 7) !important;
    border-color: rgba(255, 193, 7, 0.22) !important;
}

.custom-modal-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-modal-box {
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
    position: relative;
}

.custom-modal-header {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.custom-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
}

.lanimg .imgaln img {
    width: 250px;
}

.custom-icon_bg {
    margin-right: 8px;
}

.custom-img_bg img {
    width: 18px;
    height: 18px;
}

.custom-modal-body h2 {
    margin-bottom: 15px;
    color: rgb(51, 51, 51);
    text-align: center;
    font-size: 22px !important;
}

.auditmenu.auditmenu2 ul {
    position: static;
    width: 100%;
}

.auditbox2 .box_inner h2 {
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    padding-top: 0px;
    margin-left: 0px;
    margin-top: 0px !important;
}

.auditbox.auditbox2 {
    padding: 0px 10px;
    background: rgb(255, 255, 255);
}

.auditbox.auditbox2 .box_inner ul {
    padding-left: 15px;
    background: transparent;
}

.auditbox.auditbox2 .box_inner ul li {
    list-style: disc;
}

.packageenquiry.packageenquiry2 {
    position: static;
    margin-top: 0px;
    width: 100%;
    max-width: 100%;
    background: rgb(255, 255, 255);
    padding: 22px;
}

.auditmenu.auditmenu2 .width3 li {
}

.packageenquiry.packageenquiry2 .details_form {
    border: 1px solid rgb(207, 207, 207);
    border-radius: 10px;
    margin-bottom: 100px;
    padding: 10px !important;
}

.auditmenu.auditmenu2 {
    position: sticky;
    width: 100%;
    top: 0px;
}

.imgaln.imgaln2 img {
    width: 100%;
}

.lanoverlayimg.lanoverlayimg2 {
    width: 96%;
    transform: translateX(-50%);
    margin: 0px;
    top: 10px;
    height: 236px;
    left: 50% !important;
}

.site-main-heading p {
    text-align: center;
    font-size: 13px;
    line-height: 15px;
    margin-top: 70px;
    font-weight: 500;
    padding: 0px 10px;
}

footer .site-main-heading p {
    margin-top: 20px;
    color: rgb(192, 190, 190);
}

section.ourservices {
    background: rgba(238, 239, 233, 0.77);
}

.servcebd.servcebd2 .prolist ul li {
    margin: 2px 1px;
    padding: 3px 8px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.servcebd.servcebd2 .prolist ul {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    margin: 0px;
    overflow: scroll hidden;
    overflow-wrap: break-word;
}

.servcebd2, .servcebd2 .st {
    padding-top: 0px;
    margin-top: 0px;
}

.servcebd.servcebd2 {
    border-radius: 10px;
    padding-top: 7px;
}

.servcebd2 .btnsp {
    margin-top: 25px;
}

.pprice .card-title {
    font-size: 13px;
    font-weight: 700;
}

.menu_body ul li a.active {
    background: rgb(93, 182, 157) !important;
}

.desktopmenu .dropdown {
    position: relative;
}

.desktopmenu .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
}

.desktopmenu .dropdown:hover .dropdown-menu {
    display: block;
}

.sticky .plr-0-sm {
    padding-left: 0px;
    padding-right: 0px;
}

.switch-wrapper .highlighter1 {
    width: calc(33% - 8px);
}

.switch-wrapper2 label {
    padding-top: 5px;
    padding-bottom: 7px;
}

.switch-wrapper [type="radio"]:checked#static ~ .highlighter {
    transform: translateX(0%);
}

.switch-wrapper [type="radio"]:checked#dynamic ~ .highlighter {
    transform: translateX(105%);
}

.switch-wrapper [type="radio"]:checked#ecommerce ~ .highlighter {
    transform: translateX(210%);
}

.switch-wrapper [type="radio"]:checked#static ~ label[for="monthly"], .switch-wrapper [type="radio"]:checked#dynamic ~ label[for="quarterly"], .switch-wrapper [type="radio"]:checked#ecommerce ~ label[for="halfyearly"] {
    color: rgb(0, 0, 0);
}

.best_benifits.extrascroll2.set-height111 {
    height: 1100px;
}

.tabs-content-container .switch {
    position: relative;
    display: inline-block;
    height: 34px;
    width: 75px !important;
}

.tabs-content-container .switch input {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.tabs-content-container .slider {
    position: absolute;
    cursor: pointer;
    background-color: rgb(204, 204, 204);
    transition: 0.4s;
    border-radius: 34px;
    inset: 0px;
}

.tabs-content-container .slider::before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    border-radius: 50%;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
}

.tabs-content-container input:checked + .slider {
    background-color: rgb(93, 182, 157);
}

.tabs-content-container input:checked + .slider::before {
    transform: translateX(26px);
}

.tabs-content-container .tab-pane {
    opacity: 0;
    transition: opacity 0.1s;
    pointer-events: none;
    position: absolute;
    width: 100%;
    display: none;
}

.tabs-content-container .tab-pane.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    display: block;
}

.tab-sec-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cross-btn-change .close-btn i {
    display: none;
}

.cross-btn-change .close-btn span {
    display: block;
}

.close-btn span {
    display: none;
}

.cross-btn-change .close-btn {
    top: 50px;
    left: -140px;
    width: 80px;
    font-size: 16px;
    line-height: 32px;
    height: 36px;
}

.dropdown-check-list {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: Arial, sans-serif;
}

.dropdown-check-list .anchor {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.21);
    padding: 6px;
    cursor: pointer;
    display: block;
    border-radius: 6px;
    position: relative;
    font-size: 14px;
    transition: 0.3s;
    text-align: left;
}

.dropdown-check-list .anchor:hover {
    border-color: rgb(136, 136, 136);
}

.dropdown-check-list .anchor::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(134deg);
    border-style: solid;
    border-color: rgb(51, 51, 51);
    border-image: initial;
    border-width: 2px 2px 0px 0px;
    padding: 2px;
    transition: transform 0.3s;
}

.dropdown-check-list ul.items {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    background: rgb(255, 255, 255);
    border-right: 1px solid rgba(204, 204, 204, 0.54);
    border-bottom: 1px solid rgba(204, 204, 204, 0.54);
    border-left: 1px solid rgba(204, 204, 204, 0.54);
    border-image: initial;
    border-top: none;
    z-index: 99;
    max-height: 200px;
    overflow-y: auto;
    border-radius: 0px 0px 6px 6px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#list1 ul.items.open {
    display: block;
    max-height: 300px;
}

.dropdown-check-list ul.items li {
    list-style: none;
    padding: 7px 11px;
    cursor: pointer;
    display: flex;
    transition: background 0.2s;
    font-size: 12px;
    text-align: left;
}

.dropdown-check-list ul.items li:hover {
    background-color: rgb(240, 240, 240);
}

.dropdown-check-list input[type="checkbox"] {
    display: none;
}

.dropdown-check-list input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid rgb(136, 136, 136);
    border-radius: 4px;
    margin-right: 6px;
    vertical-align: middle;
    transition: 0.2s;
}

.dropdown-check-list input[type="checkbox"]:checked + label::before {
    background-color: rgb(40, 168, 69);
    border-color: rgb(40, 168, 69);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4 8L11 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}

.discount-txt {
    color: rgb(229, 57, 53);
    font-weight: bold;
    margin-left: auto;
    font-size: 11px;
}

.extra-service {
    display: flex;
    margin-bottom: 15px;
}

.extra-service {
    display: flex;
    margin-bottom: 12px;
}

.homeslider.swiper-initialized {
    visibility: visible;
}

.homeslider .swiper-slide {
    flex-shrink: 0;
}

.auditmenu ul li.current a {
    background: rgb(26, 135, 84);
    color: rgb(255, 255, 255);
}

.lpexample {
    overflow-x: hidden !important;
    max-width: 100%;
}

.cf-modal-overlay {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.cf-modal-box {
    background-color: rgb(255, 255, 255);
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px;
}

.cf-modal-box .details_form.details_form2.border-r-10 h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 22px;
    color: rgb(51, 51, 51);
}

.cf-modal-close-icon {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 24px;
    color: rgb(170, 170, 170);
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

.cf-modal-close-icon:hover {
    color: rgb(0, 0, 0);
}

.cf-modal-btn-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
}

ul.Resources-ul li {
    list-style: disc;
    margin-left: 15px;
}

.cf-modal-btn {
    flex: 1 1 0%;
    padding: 12px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

.cf-modal-btn-submit {
    background-color: rgb(0, 123, 255);
    color: white;
}

.cf-modal-btn-submit:hover {
    background-color: rgb(0, 86, 179);
}

.cf-modal-btn-close {
    background-color: rgb(108, 117, 125);
    color: white;
}

.cf-modal-btn-close:hover {
    background-color: rgb(90, 98, 104);
}

.auditmenu3 ul {
    position: static !important;
    width: 100%;
}

.auditmenu.auditmenu3 {
    position: sticky;
    top: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
}

.auditmenu.auditmenu3 ul li {
    flex: 1 1 auto;
    width: 33% !important;
}

.outer-sticky {
    background: rgb(255, 255, 255);
}

.button-tab-container {
    border: 1px solid rgba(93, 182, 157, 0.18);
    background: rgb(255, 255, 255);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.button-tab-container button {
    height: 36px;
    width: 36px;
    padding: 0px;
    border: none;
    background: rgb(255, 255, 255);
}

.button-tab-container button.active {
    border: 2px solid rgb(93, 182, 157);
    border-radius: 6px;
}

.button-tab-container hr {
    border-bottom: none rgb(214, 230, 254);
    border-left: none rgb(214, 230, 254);
    border-top: none rgb(214, 230, 254);
    border-right-color: rgb(214, 230, 254);
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1px;
    z-index: 0;
}

.button-tab-container button img {
    height: 25px;
    width: 25px;
    object-fit: cover;
}

.button-tab-container button:last-child img {
    width: 30px;
    height: 30px;
}

.popup-on-load {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-on-load .popup-content {
    background: white;
    padding: 24px;
    text-align: center;
    position: relative;
    max-width: 500px;
    min-width: 500px;
}

.popup-on-load .popup-content input[type="text"], .popup-on-load .popup-content input[type="tel"] {
    padding: 8px 10px;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    font-size: 12px;
    background: rgb(248, 248, 248);
}

.popup-on-load .popup-content button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: rgb(76, 175, 80);
    color: white;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 2px solid rgb(76, 175, 79);
}

.popup-on-load .popup-content button:hover {
    background-color: rgb(69, 160, 73);
}

.popup-on-load .close-btn2 {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    color: rgb(0, 0, 0) !important;
    background-color: transparent !important;
    font-size: 20px !important;
    border: none !important;
}

.popup-on-load .close-btn2:hover {
    background-color: rgb(204, 0, 0);
}

.popup-on-load .popup-content h3 {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

.popup-on-load .popup-content h3 span {
    display: block;
    color: rgb(39, 174, 96);
}

#input-area-id {
    display: none;
}

.popup-on-load .contact-options-mobile[for="input-area-id"] {
    display: none;
}

.popup-on-load .textarea-form textarea {
    width: 100%;
    border: 1px solid rgb(222, 222, 222);
    padding: 6px;
    background: rgb(248, 248, 248);
    font-size: 12px;
}

.popup-on-load .query-box p, .phone-p {
    font-size: 12px;
    margin-bottom: 4px;
    text-align: left;
    color: rgb(136, 136, 136);
    font-weight: 600;
}

.popup-on-load p.field-title {
    color: rgb(136, 136, 136);
    font-size: 11px;
    text-align: left;
    margin-bottom: 5px;
}

.popup-on-load .phone-input-container input {
    width: 100%;
    border: 1px solid rgb(222, 222, 222);
    padding: 5px;
    border-radius: 0px !important;
}

.popup-on-load .email-wrapper input, .input-form input {
    width: 100%;
    border: 1px solid rgb(199, 199, 199);
    padding: 8px 10px;
    font-size: 12px;
    background: rgb(248, 248, 248);
    border-radius: 0px !important;
}

.input-form button {
    margin-top: 10px;
}

.popup-on-load button#submitBtn {
    margin-top: 13px;
    background-color: rgb(75, 175, 79) !important;
}

.popup-on-load label.whatsapp-checkbox {
    text-align: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.popup-on-load span.whatsapp-label {
    font-size: 9px;
    font-weight: 600;
    color: rgb(136, 136, 136);
    margin-left: 5px;
}

.dynamicCardButtonssvg path {
    stroke: rgb(39, 174, 96);
    transition: stroke 0.3s;
}

.requestCallBackExit {
    background-color: rgb(60, 226, 130) !important;
}

button.callMeBackButton {
    padding: 14px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-image: initial;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.86px;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: rgb(39, 174, 96) !important;
    border-bottom: 2px solid rgb(60, 226, 130) !important;
    background: rgba(39, 174, 96, 0.3) !important;
}

.contact-options-mobile button {
    width: 100%;
    margin: 2px 0px;
}

button.not-intrested {
    margin-top: 10px;
    text-decoration: underline;
    font-size: 14px !important;
    background-color: transparent !important;
    color: rgb(76, 175, 79) !important;
    padding: 0px !important;
    border: none !important;
}

.color-same {
    color: rgb(16, 16, 16) !important;
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

.diffrence-box {
    border: 1px solid rgba(0, 0, 0, 0.03);
    background: rgb(235, 235, 235);
    padding: 20px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.default-padding {
    padding-left: 0px;
}

.stageslist button h3 span {
    border: none;
    margin: 0px 0px 0px 4px;
    display: inline;
    font-size: 13px;
    color: rgb(0, 0, 0);
}

.breadcrumb-content-outer {
    background: rgb(242, 249, 253);
    padding: 30px 0px;
}

.switch-wrapper .highlighter3 {
    width: calc(50% - 8px);
}

.Custom-plan {
    font-family: "IBM Plex Sans", serif;
    font-weight: 300;
    margin: 22px 0px;
    font-size: 30px !important;
    color: rgb(0, 0, 0) !important;
    display: block !important;
}

a.Custom-price .price-wrapper {
    display: none;
}

a.Custom-price p {
    font-size: 18px;
    color: rgb(0, 0, 0);
    margin: 2px 0px;
    font-weight: 400;
}

.top-btn-modal {
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.top-btn-modal .modal-content {
    background: rgb(255, 255, 255);
    margin: 10% auto;
    width: 90%;
    max-width: 500px;
    position: relative;
    border-radius: 8px;
}

.top-btn-modal .close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

button.small-enquire-btn {
    background: rgb(61, 188, 97);
    color: rgb(255, 255, 255);
    border: none;
    font-size: 15px;
    padding: 6px 12px;
    margin-top: 5px;
    border-radius: 100px;
    margin-bottom: 2px;
    display: none;
}

.box_inner h2 a i {
    font-size: 12px;
}

ul.numbered-list.numbered-list2 li::before {
    display: none;
}

ul.numbered-list.numbered-list2 li {
    padding: 11px;
    display: flex;
}

ul.numbered-list.numbered-list2 li i {
    margin-right: 5px;
    color: rgb(0, 178, 31) !important;
}

.toggle-btn-heading h3 i {
    color: rgb(0, 178, 31);
    margin-right: 5px;
}

ul.numbered-list.numbered-list2 li.instagram .instagram {
    color: rgb(174, 48, 252) !important;
}

ul.numbered-list.numbered-list2 li.facebook .facebook {
    color: rgb(0, 85, 205) !important;
}

li.li-with-point {
    display: flex;
    flex-direction: column;
}

li.li-with-point span {
    display: flex;
}

ul.numbered-list.numbered-list2 .li-with-point ul li i {
    font-size: 3px;
    margin-top: 5px;
    color: rgb(0, 0, 0) !important;
}

.price-wrapper span {
    display: flex;
    align-items: center;
}

.price-wrapper .discount-menu {
    margin-left: 8px;
    color: rgb(234, 4, 4) !important;
}

.swiperlp {
    padding-top: 40px;
}

.swiperlp .Custom-paginationbox {
    top: -30px;
}

.popup-on-load .iti {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(204, 204, 204);
    padding-left: 5px;
    margin-bottom: 10px;
    background: rgb(248, 248, 248);
}

.popup-on-load .iti input {
    margin-bottom: 0px !important;
    border: none !important;
}

.popup-on-load .iti img {
    width: 24px;
}

.custom-select {
    display: inline-block;
    width: 80%;
    position: relative;
}

.custom-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
    color: rgb(85, 85, 85);
    font-size: 10px;
}

.course-wrapper select {
    appearance: none;
    padding-right: 2rem;
}

.custom-select select {
    border-radius: 0px;
    font-size: 13px;
    height: 40px;
}

.modal-enterprise {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-enterprise h2 {
    margin-bottom: 15px;
    color: rgb(51, 51, 51);
    font-size: 22px !important;
}

.modal-enterprise .modal-content {
    background-color: white;
    margin: 15% auto;
    border-radius: 10px;
    width: 500px;
    text-align: center;
}

.modal-enterprise .close {
    float: right;
    font-size: 24px;
    cursor: pointer;
}

.modal-enterprise .modal-content span#closeModal {
    position: absolute;
    right: 17px;
}

.select-width-c {
    width: 80%;
}

.select-width-c .custom-select {
    width: 100%;
}

.popup-on-load .iti span {
    font-size: 13px;
    margin-left: 10px;
}

.c-div {
    display: flex;
    align-items: center;
}

.price-head-img-div {
    display: flex;
    align-items: center;
}

.price-head-img-div span {
    font-weight: 600;
    color: rgb(125, 89, 0) !important;
}

.c-div span {
    font-weight: 600;
    color: rgb(125, 89, 0) !important;
}

.c-div img {
    margin-right: 2px;
}

.modal-open-lock {
    touch-action: none;
    overscroll-behavior: contain;
}

.custom-dropdown {
    display: none;
    position: absolute;
    background: white;
    z-index: 999;
    text-align: center;
    transition: 0.5s;
    width: auto !important;
    left: 0px !important;
    top: 100% !important;
}

.nav-item {
    margin: 0px 3px;
    position: relative;
}

.nav-item.about-dropdown {
    position: relative;
}

.nav-item.active::before {
    content: "";
    left: 0px;
    top: 15px;
    width: 100%;
    height: 100%;
    background: rgb(238, 239, 233);
    transition: 0.5s;
    position: absolute;
}

.nav-item.active a {
    z-index: 2;
    position: relative;
}

.nav-item.active .custom-dropdown {
    display: block;
}

.opacity-none {
    opacity: 0;
    pointer-events: none;
}

.custom-dropdown li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-right: 30px !important;
}

.custom-dropdown li:last-child {
    border-bottom: none;
}

span.include-tag i {
    color: rgb(145, 145, 145) !important;
}

span.heighlight-text {
    background: rgb(255, 211, 0);
    font-weight: 600;
    padding: 2px;
}

@media only screen and (max-width: 600px) {
    .modal-content.slideupcontent.cross-btn-change, .modal-content.slideupcontent.cross-btn-change iframe {
        height: 60vh !important;
    }
}

.tooglelist2 .openModalBtn {
    color: rgb(93, 182, 157);
}

.border-none {
    border: none !important;
    padding-bottom: 0px !important;
}

li .actionclr {
    border-bottom: navajowhite;
    font-size: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.listhover2 h6 ul.social-page-ul-hover {
    margin-left: 0px !important;
}

ul.social-page-ul-hover li {
    margin-left: 0px !important;
}

ul.social-page-ul-hover .li-with-point .Standard-ul li i.fa-circle {
    color: rgb(255, 255, 255) !important;
}

ul.social-page-ul-hover li .Standard-ul li {
    color: rgb(255, 255, 255);
    margin-left: 15px !important;
}

.devmenu2 {
    overflow-y: hidden;
    border: 1px solid rgba(205, 205, 205, 0.38);
    border-radius: 0.5rem;
    padding: 2px;
}

.devmenu.position-relative {
    overflow-y: hidden;
    background: rgb(255, 255, 255);
}

.devmenu2 ul li.active a {
    background: rgba(255, 255, 255, 0.37);
    border-radius: 0.5rem;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.card-mid {
    padding: 30px 0px 7px;
}

.card-mid li {
    font-weight: 500;
    font-size: 14px;
}

.card-mid p {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0px;
    font-family: "IBM Plex Sans";
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.71) !important;
}

.card-mid-inner {
    margin-bottom: 10px;
    padding: 0px 10px;
}

.card-mid li a {
    color: rgb(0, 0, 0);
    font-family: "IBM Plex Sans";
    margin-right: 10px;
    font-size: 14px;
}

.card-mid-inner .hovbottom {
    bottom: 100%;
}

.card-mid li img {
    margin-right: 4px;
    width: 18px;
}

p.card-text.pricepoint {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 33px;
}

.pricepoint .text-decoration-line-through {
    font-size: 1rem;
    font-weight: 300;
    font-family: "IBM Plex Sans", serif;
    color: rgb(94, 110, 120) !important;
}

.homesec_postpaid .pricepoint span.price {
    font-size: 1.8rem;
    font-family: "IBM Plex Sans", serif;
    color: rgb(0, 0, 0);
    font-weight: 500;
    margin-bottom: 4px;
}

.homesec_postpaid .pricepoint span.price .time {
    font-size: 1.25rem;
    color: rgb(0, 0, 0);
    font-family: arial, sans-serif;
    font-weight: 500;
}

img.price-f-img {
    width: 60px;
    margin-top: 30px;
}

span.notelco_benifitdiv-heading {
    font-size: 11px;
    font-weight: 600;
    margin-right: 10px;
    color: rgb(125, 119, 237);
    font-family: "IBM Plex Sans", serif;
}

.green-bg-light {
    background: rgb(234, 250, 233);
}

.green-bg-light .card .card-header, .green-bg-light .card, .green-bg-light .card-body {
    background: transparent;
}

.best_benifits.extrascroll {
    height: auto;
    border-top: 1px solid rgb(243, 243, 243);
    overflow-y: auto;
}

.location-top-properties--prop-value {
    color: rgb(94, 94, 94);
    font-size: 9px !important;
}

.card_benifitsection_desk {
    margin: 10px 0px;
    border-bottom: 1px solid rgb(217, 217, 217);
    border-radius: 10px 10px 0px 0px;
    padding-bottom: 20px;
    background: rgb(243, 243, 243);
}

span.include-tag {
    background: rgba(239, 239, 239, 0.31);
    color: rgb(90, 90, 90);
    font-size: 1rem;
    padding: 30px 10px 14px;
    text-transform: capitalize;
    font-weight: 800;
    display: block;
    box-shadow: rgba(99, 99, 99, 0.11) 0px 2px 8px 0px;
}

span.puco-pill__label2 {
    background: rgb(255, 204, 0) !important;
    color: rgb(0, 0, 0) !important;
}

span.puco-pill__label {
    background: rgb(104, 97, 242);
    color: rgb(255, 255, 255);
    padding: 2px 12px;
    border-radius: 30px;
    position: absolute;
    right: 8px;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
}

.Custom-paginationbox .swiper-button-next {
    margin-top: 0px;
    margin-left: 15px;
    color: rgb(0, 0, 0);
    font-size: 26px;
    width: auto;
    position: static !important;
}

.Custom-paginationbox .swiper-button-prev {
    margin-top: 0px;
    margin-right: 15px;
    color: rgb(0, 0, 0);
    font-size: 18px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static !important;
}

.Custom-paginationbox .swiper-pagination-fraction {
    position: static;
    margin-top: 1px;
    background: rgb(255, 255, 255);
    height: 30px;
    padding: 0px 10px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid rgb(178, 178, 178);
    width: max-content;
    font-size: 12px !important;
}

.Custom-paginationbox {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.Custom-paginationbox .swiper-button-next span.arrow-inner {
    background: rgb(255, 255, 255);
    width: 30px;
    height: 30px;
    color: rgb(129, 129, 129);
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 4px;
    font-size: 14px !important;
}

.Custom-paginationbox .swiper-button-prev span.arrow-inner {
    background: rgb(255, 255, 255);
    width: 30px;
    height: 30px;
    color: rgb(129, 129, 129);
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 4px;
    font-size: 14px !important;
}

.switch-wrapper {
    position: relative;
    display: inline-flex;
    padding: 13px 4px 0px;
    margin-bottom: 0px;
    background: rgb(255, 255, 255);
}

.switch-wrapper [type="radio"] {
    position: absolute;
    left: -9999px;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"], .switch-wrapper [type="radio"]:checked#quarterly ~ label[for="quarterly"], .switch-wrapper [type="radio"]:checked#halfyearly ~ label[for="halfyearly"], .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
    color: rgb(0, 0, 0);
}

.switch-wrapper label {
    font-size: 16px;
    z-index: 1;
    min-width: 140px;
    line-height: 36px;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
    text-align: center;
    position: relative;
    margin: 0px 2px;
    color: rgb(154, 154, 154);
    font-weight: 500;
    font-family: "IBM Plex Sans", serif;
}

.switch-wrapper .highlighter {
    position: absolute;
    top: 12.5px;
    left: 6px;
    width: calc(25% - 8px);
    height: calc(100% - 11px);
    background: rgb(237, 213, 153);
    transition: transform 0.25s ease-in-out;
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
}

.switch-wrapper [type="radio"]:checked#monthly ~ .highlighter {
    transform: translateX(0%);
}

.switch-wrapper [type="radio"]:checked#quarterly ~ .highlighter {
    transform: translateX(105%);
}

.switch-wrapper [type="radio"]:checked#halfyearly ~ .highlighter {
    transform: translateX(210%);
}

.switch-wrapper [type="radio"]:checked#yearly ~ .highlighter {
    transform: translateX(314%);
}

.package-button-outer {
    display: flex;
    justify-content: end;
    background: rgb(255, 255, 255);
}

.ourstages .commonbox {
    border-radius: 10px;
}

.border-r-10 {
    border-radius: 10px;
}

.overflow-h {
    overflow: hidden;
}

.bg-white {
    background: rgb(255, 255, 255) !important;
}

.box_inner_p .bg-white p {
    background: rgb(255, 255, 255) !important;
}

.bg-33 {
    background: rgb(238, 239, 233);
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.faq-inner {
    border-radius: 10px;
}

.ppc-showmore {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.bill-tag {
    font-size: 10px;
    line-height: 9px;
    font-weight: 700;
    margin: 4px 0px;
    color: rgb(58, 58, 58) !important;
}

.country img {
    min-width: 100%;
    border-radius: 10px;
}

.logo-box {
    padding-right: 8px;
}

.menu-default {
    display: flex;
    justify-content: space-around;
    border: none !important;
}

.menu-default li {
    width: 32%;
}

.menu-default li a {
    background: rgb(214, 214, 214);
    text-align: center;
    border-radius: 6px;
}

.menu-default li.active a {
    color: rgb(255, 255, 255);
    background: rgb(252, 183, 0) !important;
}

.sticky-5 {
    position: sticky;
    top: 0px;
    background: rgb(246, 248, 252);
    padding: 5px 0px;
}

h6.heightlight-h6 {
    background: rgb(13, 110, 253);
    display: inline;
    color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 7px;
    font-family: "IBM Plex Sans";
    letter-spacing: 0.7px;
    margin-right: 10px;
    font-size: 15px !important;
}

.bar-sticky {
    background: rgb(237, 213, 153);
    width: 100%;
    transition: 0.3s;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-top: 0px !important;
}

ul.package-button-upper {
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
    padding: 0px;
}

ul.package-button-upper li {
    border: 1px solid rgb(163, 185, 195);
    position: relative;
    background: rgb(133, 154, 172);
    line-height: 1;
    width: 24.4%;
    border-radius: 2px;
}

.is-sticky {
    background-color: rgb(248, 248, 248);
    transition: background-color 0.1s ease-in-out;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(233, 233, 233);
    z-index: 99;
}

ul.package-button-upper li a {
    display: flex;
    flex-direction: column;
    background: rgb(242, 249, 253);
    padding: 3px 5px;
    height: 100%;
    justify-content: space-between;
}

ul.package-button-upper li img {
    width: 23px;
}

ul.package-button-upper li span {
    color: rgb(0, 0, 0);
    font-size: 15px;
    text-align: center;
}

.comapre-p {
    margin-top: 45px;
}

span.price-name {
    font-size: 10px;
    text-align: center;
}

.package-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

a.package-btn-1, a.package-btn-1a, a.package-btn-11, .Enterprise {
    background: rgb(74, 143, 244);
    padding: 8px 15px;
    margin: 30px 0px 15px;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    font-size: 9px;
}

.package-button span {
    margin: 17px 0px;
}

a.package-btn-2 {
    color: rgb(69, 69, 69);
    border-bottom: 1px solid rgb(0, 0, 0);
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 15px;
}

button#menuclose i {
    background: rgb(255, 255, 255);
    min-height: 30px;
    min-width: 30px;
    line-height: 30px;
    border-radius: 100px;
    color: rgb(0, 0, 0);
}

.reoverlay .btn-close1 {
}

.sticky {
    position: sticky;
    top: 112px;
    left: 0px;
    width: 100%;
    background: rgb(237, 212, 153);
    z-index: 99;
    padding-top: 0px;
}

ul.package-button-upper li.active {
    z-index: 1;
    /* border: 3px solid #1b8754; */
}

ul.package-button-upper li.active a span {
    color: rgb(33, 37, 41);
}

ul.package-button-upper li.active img {
    filter: drop-shadow(rgb(255, 255, 255) 2px 4px 6px);
}

.bar-sticky2.sticky2 {
    position: fixed;
    top: 0px;
}

.counter-outer .counter {
    border: 1px solid rgb(228, 228, 228);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    padding: 10px 0px;
    border-radius: 7px;
}

span.background-10-light {
    display: flex;
    font-size: 30px;
    font-weight: 600;
}

.successmenu.bar-sticky2 {
    position: sticky;
    width: 100%;
    background: rgb(246, 248, 252);
    top: 0px;
    padding: 10px 0px;
    z-index: 99;
}

.menu-default .current a {
    background: rgb(94, 182, 157);
}

span.budget-line {
    text-transform: capitalize;
    font-weight: 400;
    font-family: "IBM Plex Sans";
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
}

span.resources-heading {
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-family: "IBM Plex Sans";
    font-size: 13px;
}

.home-service {
    margin: 20px;
}

.home-service .container-fluid {
    background: rgb(241, 240, 232);
    padding: 20px;
    border-radius: 50px;
}

.menuv2 {
    display: none;
}

.homeslider .paginationbox {
    display: none;
}

.toogle-btn-for-add-price .switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 20px;
    margin-right: 20px;
    min-width: 37px;
}

.toogle-btn-for-add-price .switch input {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.toogle-btn-for-add-price .slider {
    position: absolute;
    cursor: pointer;
    inset: 0px;
    background-color: rgb(204, 204, 204);
    transition: 0.4s;
}

.toogle-btn-for-add-price .slider::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
}

.toogle-btn-for-add-price input:checked + .slider {
    background-color: rgb(94, 182, 157);
}

.toogle-btn-for-add-price input:focus + .slider {
    box-shadow: rgb(33, 150, 243) 0px 0px 1px;
}

.toogle-btn-for-add-price input:checked + .slider::before {
    transform: translateX(15px);
}

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

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

.tooglelist2 {
}

.listhover2 {
    display: none;
    position: absolute;
    background: rgb(127, 127, 127);
    padding: 50px 1px 30px 17px;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 10px;
    width: 100%;
    z-index: 100;
    margin-top: 8px;
    left: 0px;
    max-height: 400px;
}

.listhover2 h6 {
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    text-align: left;
    overflow-y: auto;
    max-height: 300px;
    padding-right: 10px;
    font-size: 15px !important;
    font-family: arial, sans-serif !important;
}

.listicon.listicon2 i {
    color: rgb(191, 191, 191);
}

.listhover2 a.closeBtn i {
    position: absolute;
    right: 23px;
    font-size: 23px;
    top: 4px;
    color: rgb(255, 255, 255) !important;
}

.listhover2 a.closeBtn {
    border-radius: 100px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 12px;
    right: 3px;
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.listicon2 {
    position: relative;
    margin-left: 5px;
}

.listicon2.active::after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 13px solid rgb(127, 127, 127);
    position: absolute;
    left: 50%;
    top: 91%;
    transform: translateX(-50%);
    z-index: 1111;
}

.listhover2 h6 ul {
    background: rgba(255, 255, 255, 0);
    padding-left: 1px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 4px;
    height: auto;
    min-height: auto;
    margin-left: 10px !important;
}

.listhover2 h6 ul li {
    border: none;
    list-style: disc;
    margin-left: 15px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    color: rgb(255, 255, 255);
    padding-left: 0px !important;
}

li.tooglelist2 {
    padding: 6px 7px 6px 28px !important;
}

.one-time-inner h3 {
    font-size: 18px;
    margin-top: 9px;
    color: rgb(255, 255, 255);
    font-family: fb;
    line-height: 24px;
}

.one-time-inner {
    border-right: 2px solid rgb(255, 255, 255);
    border-bottom: 2px solid rgb(255, 255, 255);
    padding: 0px 15px 15px;
    border-radius: 0px 0px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    min-height: 280px;
}

.one-time-inner img {
    border-radius: 5px;
    width: 60px;
    height: 40px;
    object-fit: cover;
}

.one-time-service {
    padding: 30px 0px;
    background: rgb(21, 21, 30);
}

.one-time-inner a {
    display: inline-block;
    position: relative;
    color: rgb(235, 157, 42);
    border-radius: 5px;
    font-weight: 600;
}

.one-time-inner p {
    font-size: 13px;
    color: rgb(180, 180, 180);
    margin-bottom: 35px;
}

.one-time-inner a i {
    font-size: 12px;
}

.toggle-btn-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toggle-btn-heading h3 {
    font-size: 0.8rem;
    font-weight: 400;
    font-family: "IBM Plex Sans";
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
    position: static;
}

.toogle-btn-for-add-price {
    border: 1px solid rgb(230, 230, 230);
    margin: 15px 7px;
    padding: 10px 7px;
    border-radius: 6px;
    background: rgba(243, 243, 243, 0.55);
}

.toogle-btn-for-add-price ul li {
    font-size: 10px;
    margin: 5px 0px;
}

.toogle-btn-for-add-price ul li i {
    font-size: 10px;
    margin-right: 6px;
    color: rgb(94, 182, 157);
}

.box_inner ul li ul li {
    list-style: disc;
    padding-left: 0px;
    margin-left: 24px;
}

.card-mid .card-mid-inner:first-child {
    min-height: 170px;
}

.card-mid .card-mid-inner:last-child {
    min-height: 300px;
    border-top: 1px solid rgb(184, 185, 188);
    padding-top: 20px;
    margin-top: 15px;
}

.card-mid .card-mid-inner:last-child i {
    font-size: 10px;
    margin-right: 0px;
    color: rgb(94, 182, 157);
}

.card_benifitsection_desk {
}

.card_benifitsection_desk::after {
    width: 100%;
    height: 83px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(rgba(242, 242, 209, 0.18) 0%, rgba(242, 242, 242, 0.81) 54%);
    z-index: 1;
    right: 24px;
}

section.one-time-service.lightblue .main_heading {
    color: rgb(255, 255, 255);
    font-family: fb;
    margin-bottom: 60px;
}

.paginationbox.Custom-paginationbox .swiper-pagination-progressbar {
    position: static;
    max-width: 100%;
    background: rgb(124, 124, 124);
}

.paginationbox.Custom-paginationbox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgb(235, 157, 42);
}

.one-time-inner2 {
    border: 1px solid rgb(249, 249, 249);
    color: rgb(0, 0, 0);
    background-color: rgb(250, 250, 250);
    border-radius: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 1.5rem;
    display: flex;
    position: relative;
}

.one-time-inner2 h3 {
    font-size: 20px;
    font-family: "IBM Plex Sans";
    margin-top: 10px;
}

.one-time-inner2 p {
    font-size: 13px;
}

.tag-div img {
    background-color: rgb(211, 229, 240);
    border-radius: 100%;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    margin-right: auto;
    display: flex;
    padding: 6px;
}

.tag-div .tag {
    gap: 0.5rem;
    background-color: var(--grey-200);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-color: rgb(0, 0, 0);
    border-radius: 0.25rem;
    align-items: center;
    padding: 0.35rem 0.4rem 0.3rem;
    font-size: 12px;
    font-weight: 500;
    line-height: 90%;
    display: flex;
}

.banner-ul ul {
    background: rgb(228, 228, 221);
    border: 1px solid rgb(209, 209, 209);
    position: relative;
}

.tag-div .tag.is-purple {
    background-color: rgb(233, 218, 255);
    color: rgb(88, 22, 184);
}

.tag-div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

section.one-time-service2 {
    padding: 50px 0px;
}

section.one-time-service2 .heading {
    text-align: center;
    margin-bottom: 30px;
}

.one-time-inner2 a {
    color: rgb(0, 0, 0);
    font-size: 13px;
}

.one-time-inner2 a i {
    font-size: 10px;
}

.flatbook .prolist ul {
    list-style: none;
    padding: 0px 0px 3px;
    margin: 0px 6px;
    overflow-x: initial;
    display: flex;
    overflow-wrap: normal;
    width: 100%;
}

.inclusion_block {
    border: 1px solid rgba(91, 88, 88, 0.24);
    border-radius: 6px;
    padding: 6px 17px 0px 5px;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 24px !important;
}

.incl_align {
    background: rgb(255, 255, 255);
    left: 15px;
    padding: 0px 10px;
    position: absolute;
    top: -8px;
    text-transform: capitalize;
    color: green !important;
    font-weight: 500 !important;
    font-size: 10px !important;
}

.inclusion_block ul {
    overflow: auto;
    margin: 5px 0px;
    height: 50px;
}

.inclusion_block ul li {
    font-size: 10px;
    margin: 2px;
    padding: 2px;
    display: flex;
    align-items: flex-start;
}

.benfitslist ul {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    padding: 10px 0px;
}

.benfitslist ul li {
    width: 24%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 7px;
    text-align: center;
}

.benfitslist ul li img {
    width: 20px;
    height: 20px;
}

.benfitslist ul li h6 {
    font-size: 10px;
    font-weight: 500;
    margin-top: 4px;
}

.section-padding {
    padding: 50px 0px;
}

.row.btnsp {
    padding: 8px 10px 10px;
}

.inclusion_block ul li i {
    color: rgb(94, 182, 157);
    display: block;
    margin-top: 2px;
    margin-right: 3px;
}

.inclusion_block ul::-webkit-scrollbar {
    display: none;
}

section.section-padding h2 {
    text-align: center;
    margin-bottom: 30px;
}

.inclusion_block {
    position: relative;
}

.inclusion_block::before {
    content: "";
    width: 100%;
    height: 20px;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0px;
    left: 0px;
    position: absolute;
}

.btnsp {
    padding: 0px 10px 10px;
}

.btnsp .btn-warning span {
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(177, 120, 22);
    border-radius: 6px;
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.custom-btn-color {
    --tw-bg-opacity: 1;
    background-color: rgb(235 157 42 / var(--tw-bg-opacity, 1));
    border-radius: 6px;
    border: 0.5px solid rgb(177, 120, 22);
    width: 100%;
    padding: 0px 0px 3px !important;
}

.inclusion_block2 {
    border: 1px solid rgb(231, 231, 231);
    margin: 0px 5px;
    border-radius: 6px;
    position: relative;
}

.inclusion-btn a {
    font-size: 12px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.inclusion-btn {
    border-top: 1px solid rgba(208, 209, 201, 0.46);
    border-right: 1px solid rgba(208, 209, 201, 0.46);
    border-left: 1px solid rgba(208, 209, 201, 0.46);
    border-image: initial;
    display: flex;
    justify-content: center;
    background: rgba(202, 202, 202, 0.63);
    padding: 6px 2px 0px 0px;
    --tw-border-opacity: 1;
    border-bottom: none;
    border-radius: 0px;
    margin-bottom: 0px;
}

.inclusion-btn a {
    background: rgb(212, 213, 211);
    padding: 5px 9px;
    border-radius: 0px;
    margin: 0px 4px;
    color: rgb(0, 0, 0);
}

.ic-scroll ul li {
    font-size: 12px;
    margin-bottom: 6px;
}

.ic-scroll ul {
    margin-bottom: 27px;
    margin-top: 10px;
}

.ic-scroll {
    height: 165px;
    overflow-y: auto;
    padding: 10px 10px 10px 0px;
}

.ic-scroll ul li i {
    color: rgb(94, 182, 157);
    margin-top: 2px;
    margin-right: 4px;
}

.inclusion_block2::before {
    content: "";
    width: 100%;
    height: 20px;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0px;
    left: 0px;
    position: absolute;
}

section.section-padding.bg-new {
    background: rgb(238, 239, 233);
}

.ic-scroll::-webkit-scrollbar {
    width: 10px;
}

.ic-scroll::-webkit-scrollbar-track {
    background: rgb(228, 231, 224);
}

.ic-scroll::-webkit-scrollbar-thumb {
    background: rgb(182, 185, 179);
}

.flatbook2 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 224 / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(208 209 201 / var(--tw-border-opacity, 1));
    margin-top: 50px;
    position: relative;
}

.flatbook2 .inclusion_block2::before {
    background: rgba(229, 231, 224, 0.81);
}

.flatbook.flatbook2.border-heighlight {
    --tw-border-opacity: 1;
    border-color: rgb(247 165 1 / var(--tw-border-opacity, 1));
    border-width: 3px;
}

.tag-flatbook {
    --tw-border-opacity: 1;
    position: absolute;
    top: -32px;
    right: 10px;
    border: 3px solid rgb(247, 165, 1);
    padding: 5px;
    border-radius: 4px;
    background: rgb(229, 231, 224);
}

.tag-flatbook h3 {
    margin-top: 0px;
    font-size: 12px;
    padding-top: 0px;
    padding-left: 0px;
}

.tag-flatbook p {
    font-size: 9px;
    margin-bottom: 0px;
    padding: 0px;
}

.bg-new2 {
    background: rgb(21, 21, 30);
}

.flatbook3 {
    color: rgb(255, 255, 255);
    background: rgb(42, 42, 42);
    border-color: rgb(80, 79, 79);
}

.flatbook3 .inclusion_block2 {
    border: none;
}

.flatbook3 .inclusion-btn {
    background: rgb(72, 72, 72);
    justify-content: center;
    border-bottom: none rgb(72, 72, 72);
    border-radius: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-top-color: rgb(72, 72, 72);
    border-right-color: rgb(72, 72, 72);
    border-left-color: rgb(72, 72, 72);
}

.flatbook3 .ic-scroll ul li {
    color: rgb(180, 180, 180);
}

.flatbook3 .inclusion_block2::before {
    background: rgba(42, 42, 42, 0.85);
}

.flatbook3 .benfitslist ul li img {
    filter: invert(1);
}

.flatbook3 .tag-flatbook {
    background: rgb(42, 42, 42);
}

.flatbook3 .inclusion_block2 .active {
    background: rgb(42, 42, 42);
    margin-bottom: -1px;
    border-radius: 4px 4px 0px 0px;
    color: rgb(94, 182, 157);
}

.flatbook3 .ic-scroll {
    padding: 3px 10px;
    border: 1px solid rgb(90, 90, 90) !important;
}

.flatbook3 .ic-scroll::-webkit-scrollbar {
    width: 10px;
}

.flatbook3 .ic-scroll::-webkit-scrollbar-track {
    background: rgb(56, 56, 62);
}

.flatbook3 .ic-scroll::-webkit-scrollbar-thumb {
    background: rgb(107, 107, 107);
}

.flatbook3 .inclusion-btn a {
    background: rgb(72, 72, 72);
    color: rgb(255, 255, 255);
}

.flatbook2 .inclusion_block1 .active {
    background: rgb(229, 231, 224);
    margin-bottom: -1px;
    border-radius: 4px 4px 0px 0px;
    color: rgb(94, 182, 157);
}

.ic-scroll hr {
    margin: 10px 0px 20px;
    height: 2px;
    background: rgb(255, 255, 255);
}

.flatbook2 .ic-scroll {
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(213, 213, 213);
    border-image: initial;
    padding: 3px 10px;
    border-top: none;
}

.flatbook3 .btnsp .btn-warning span {
    background: rgb(199, 199, 199);
}

.flatbook h3 span {
    font-size: 10px;
    color: rgb(124, 124, 124);
}

.home-why-choose {
    border: 1px solid rgb(214, 214, 214);
    padding: 3px 0px 3px 3px;
    border-radius: 6px 6px 0px 0px;
}

.banner-ul ul::-webkit-scrollbar {
    width: 10px;
}

.banner-ul ul::-webkit-scrollbar-track {
    background: rgb(228, 231, 224);
}

.banner-ul ul::-webkit-scrollbar-thumb {
    background: rgb(182, 185, 179);
}

.card_benifitsection_desk li i {
    color: rgb(176, 172, 253);
}

.multi-select-container {
    position: relative;
    width: 100%;
}

.multi-select {
    border: 1px solid rgb(204, 204, 204);
    padding: 0.6rem 1.8rem 0.6rem 4px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    background: white;
    overflow-y: auto;
    position: relative;
}

#placeholder {
    color: rgb(92, 92, 92);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: baseline;
}

.selected-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.multi-select-container .tag {
    background: rgb(235, 157, 42);
    color: white;
    padding: 2px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.multi-select-container .remove-tag {
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.multi-select-container .dropdown2 {
    display: none;
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    margin-top: 5px;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
    z-index: 10;
    padding: 8px 0px;
}

.dropdown2.show {
    display: block;
}

.multi-select-container .dropdown-item {
    padding: 4px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.multi-select-container .dropdown-item input {
    margin-right: 10px;
}

.multi-select-container .dropdown-item:hover {
    background: rgb(241, 241, 241);
}

button.remove-all-btn {
    position: absolute;
    right: 7px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    line-height: 20px;
    color: rgb(235, 157, 42);
    border: none;
    border-radius: 100px;
    background: none;
}

.package-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.package-modal .custom-modal-content {
    background: white;
    width: 90%;
    max-width: 550px;
    border-radius: 10px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px;
    text-align: center;
    animation: 0.3s ease-in-out 0s 1 normal none running fadeIn;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.package-modal .custom-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
    color: rgb(85, 85, 85);
}

.package-modal .custom-close:hover {
    color: rgb(0, 0, 0);
}

.package-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 6px;
    padding: 0px 10px 10px;
}

.package-modal .modal-header img {
    width: 30px;
    height: 30px;
}

.package-modal .modal-header h2 {
    font-size: 20px;
    color: rgb(51, 51, 51);
    font-weight: 700;
    font-family: "IBM Plex Sans";
    margin-bottom: 0px;
}

.package-modal .bill-summary {
    background: rgb(248, 248, 248);
    padding: 9px;
    border-radius: 8px;
    margin-bottom: 12px;
    text-align: left;
    border: 1px solid rgb(234, 234, 234);
}

.package-modal .bill-summary h3 {
    margin-bottom: 10px;
    color: rgb(68, 68, 68);
    font-size: 14px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.package-modal .bill-summary table {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.package-modal .bill-summary th, .package-modal .bill-summary td {
    padding: 5px 10px;
    border: 1px solid rgba(221, 221, 221, 0.5);
    text-align: center;
    font-size: 13px;
    font-family: "IBM Plex Sans";
}

.package-modal .bill-summary th {
    background: rgb(242, 234, 211);
    color: rgb(86, 86, 86);
    font-size: 12px;
}

.package-modal .total-price {
    background: rgb(40, 167, 69);
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.details_form.details_form2.border-r-10 {
    background: rgb(248, 248, 248);
    border: 1px solid rgb(234, 234, 234);
    padding: 9px;
    border-radius: 8px;
    height: auto;
    min-height: auto;
}

.details_form.details_form2.border-r-10 h2 {
    font-size: 14px;
}

section.aboutus .box_inner {
    border: 1px solid rgb(233, 233, 233);
}

section.aboutus .box_inner ul {
    background: rgba(223, 223, 215, 0.16);
    padding: 16px;
}

section.aboutus .box_inner ul li {
    border: 1px solid rgb(225, 225, 225);
    border-radius: 6px;
    margin: 9px 0px;
    background: rgba(255, 255, 255, 0.27);
    font-family: "IBM Plex Sans";
}

.contact-box-outer {
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 8px;
    overflow: hidden;
}

.contactadd img {
    width: 100%;
}

.contact-box-outer span {
    padding: 10px;
    display: block;
    background: rgba(255, 255, 255, 0.52);
}

.need-ul-li li {
    color: rgb(115, 115, 115);
    font-size: 11px !important;
    margin: 0px !important;
    padding: 0px !important;
}

.need-ul-li li:last-child {
    border: none;
}

#enquiryModal, #enquiryModal22 {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

#enquiryModal .modal-content, #enquiryModal22 .modal-content {
    background-color: rgb(255, 255, 255);
    width: 90%;
    max-width: 500px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    animation: 0.3s ease-in-out 0s 1 normal none running fadeIn;
    transform: translate(-50%, -50%);
}

#enquiryModal .close, #enquiryModal22 .close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

#enquiryModal h2, #enquiryModal22 h2 {
    margin-bottom: 15px;
    font-size: 22px;
    color: rgb(51, 51, 51);
}

#top-btn-Modal h2 {
    margin-bottom: 15px;
    font-size: 22px;
    color: rgb(51, 51, 51);
}

.price-container {
    display: flex;
    align-items: center;
}

.price-container .original-price-menu {
    font-size: 13px;
    text-decoration: line-through;
    color: rgb(96, 95, 95);
    margin-top: 4px;
    font-family: "IBM Plex Sans";
}

.price-container .final-price-menu {
    color: rgb(118, 118, 118);
    font-size: 16px;
    font-weight: 500;
    font-family: "IBM Plex Sans";
    margin-top: 4px;
    margin-left: 7px;
}

.price-container .discount-menu {
    color: rgb(118, 118, 118);
    font-size: 11px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
    margin-top: 4px;
}

.price-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

span.package-duration {
    font-size: 12px;
    font-weight: 500;
    color: rgb(0, 0, 0) !important;
}

ul.package-button-upper li.active .price-container .discount-menu, ul.package-button-upper li.active .price-container .final-price-menu, ul.package-button-upper li.active .price-container .original-price-menu {
    color: rgb(118, 118, 118);
}

.toogle-btn-for-add-price h4 {
    font-size: 11px;
    font-weight: 400;
    color: rgb(65, 65, 65);
    margin-top: 2px;
    font-family: "IBM Plex Sans";
}

.card_benifitsection_desk li .fa-close {
    color: rgba(149, 1, 1, 0.4) !important;
}

.best_benifits.standard-div h2 {
    font-size: 16px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
}

.best_benifits.standard-div {
    border: 1px solid rgb(230, 230, 230);
    margin: 15px 0px 20px;
    padding: 30px 7px;
    border-radius: 6px;
    background: rgb(243, 243, 243);
}

.toogle-btn-for-add-price h5 {
    font-size: 10px;
    font-weight: 500;
    font-family: "IBM Plex Sans";
    margin-top: 6px;
    margin-bottom: 0px;
    color: rgb(94, 94, 94);
    padding-top: 2px;
}

.toogle-btn-for-add-price h5 span {
    display: block;
    font-size: 20px;
}

.numbered-list li {
    padding-right: 10px;
}

.stagecontent h6 {
    font-size: 16px;
    font-family: arial, sans-serif;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 20px;
    color: rgb(64, 64, 64);
}

span.ontime-price {
    font-size: 22px;
    margin-top: 11px;
    display: block;
    font-family: fb;
    color: rgb(235, 157, 42);
}

.googleadd-price-h {
    display: flex;
    margin-top: 0px;
    margin-left: 10px;
    align-items: baseline;
    font-family: "IBM Plex Sans";
    margin-bottom: 10px;
}

.googleadd-price-h span {
    font-size: 12px;
    color: rgb(205, 205, 205);
}

.googleadd-price-h h4 {
    margin-right: 0px;
    padding-right: 0px;
    font-size: 18px;
    font-weight: 500;
    font-family: "IBM Plex Sans";
    color: rgb(247, 165, 2);
    padding-left: 4px;
}

.googleadd-price-h h6 {
    font-size: 11px;
    margin-left: 2px;
}

.googleadd-price-h2 span {
    color: rgb(0, 0, 0);
}

.best_benifits li i {
    margin-right: 0px;
    color: rgb(146, 208, 191);
    margin-top: 2px;
}

.stageslist > button.active {
    position: sticky;
    top: 140px;
    height: 45px;
    padding: 2px 10px 2px 0px;
    width: 100%;
    background: rgb(249, 249, 242);
    border-radius: 3px;
    z-index: 1;
    left: 0px;
}

.stageslist > button.active .stageno {
    left: 3px;
}

.stageslist > button.active h3 {
    border: none;
    padding-bottom: 0px;
}

.stagecontent ul p {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.content-stage {
    margin-top: 20px;
}

.stageslist:last-child::before {
    height: 97.5%;
}

.ourstages {
    padding-bottom: 60px;
    background: rgb(255, 255, 255);
}

.faqs {
    padding: 50px 15px 50px 0px;
}

.sec-p-tb {
    padding: 50px 0px;
}

.landing-page-box .extrascroll {
    height: 270px;
}

#scrollMenu {
    scroll-behavior: smooth;
}

.answerinline ul li {
    list-style: disc;
    margin-left: 25px;
    font-size: 13px;
    color: rgb(134, 134, 134);
}

.listhover2 h6 ul li::before {
    display: none !important;
}

.listhover2 h5 {
    font-size: 15px;
    font-weight: 600;
}

.best_benifits.extrascroll2 li {
}

.need-ul-li i {
    font-size: 10px;
    margin-right: 0px;
    color: rgb(94, 182, 157);
}

.offerlist ul {
    overflow-y: scroll;
    height: 130px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin: 25px 4px 10px;
    position: relative;
    border: 1px solid rgb(90, 90, 90) !important;
    padding-top: 20px !important;
}

.offerlist.right-blur span {
    position: absolute;
    top: -10px;
    left: 12px;
    background: rgb(42, 42, 42);
    z-index: 1;
    padding: 2px 5px;
    color: rgb(94, 182, 157);
    font-size: 11px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.offerlist.right-blur {
    position: relative;
}

.offerlist ul li {
    font-size: 12px;
    margin-bottom: 6px;
    color: rgb(180, 180, 180);
}

.flatbook3 .inclusion_block2 .inclusion-btn2 a {
    background: rgb(42, 42, 42);
    margin-bottom: -1px;
    border-radius: 4px 4px 0px 0px;
    color: rgb(94, 182, 157);
}

.flatbook3 .ic-scrolll {
    height: auto;
}

.flatbook3 .need-ul-li li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.flatbook3 .need-ul-li li {
    border-bottom: 1px dashed rgba(203, 204, 202, 0.38);
}

.faqhgt::-webkit-scrollbar {
    display: none;
}

.technolist::-webkit-scrollbar {
    display: none;
}

.card_benifitsection_desk2 {
    overflow-x: hidden;
}

.footer-img {
    width: 250px;
    border-radius: 10px;
}

.box_inner ul h5 {
    text-align: left;
    font-size: 18px;
    color: green;
    font-weight: 700;
}

ul.landing-page-ul {
    border: 1px solid rgb(211, 211, 211);
    margin-bottom: 11px;
    margin-left: 0px;
    padding: 10px;
    text-align: left;
}

ul.landing-page-ul li {
    list-style: disc;
    margin-left: 25px;
    border: none;
    padding-left: 0px !important;
}

ul.landing-page-ul li:first-child {
    list-style: none;
    margin-left: 0px;
}

ul.landing-page-ul li h6 {
    margin-bottom: 0px;
}

ul.landing-page-h6-ul {
    border: 1px solid rgb(211, 211, 211);
}

ul.landing-page-h6-ul h6 {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

li.landing-page-inner-li-head {
    list-style: none !important;
    margin-left: 6px !important;
}

.best_benifits.standard-div li {
    padding-left: 0px !important;
}

.ic-scroll .tooglelist2 {
    padding-left: 0px !important;
}

ul.extra-ul li {
    list-style: disc;
    font-size: 13px;
}

ul.extra-ul {
    padding-left: 23px;
    margin: 3px;
}

.box_inner_p h6 {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
    margin-bottom: 0px;
    color: rgb(94, 182, 157);
    font-family: sans-serif;
    padding-bottom: 0px;
    padding-top: 0px !important;
}

.commonbox > p {
    font-size: 13px;
    margin-bottom: 0.4rem;
}

.wtb {
    color: rgb(157, 171, 173);
    font-size: 12px;
}

.bg-\[radial-gradient\(\#3E4646\,\#0f3335_40\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(rgb(62, 70, 70), rgb(15, 51, 53) 40%, rgb(6, 26, 28), rgb(6, 26, 28));
}

.rounded-\[340px\] {
    border-radius: 340px;
}

.w-\[83cqw\] {
    width: 100%;
}

.h-\[75cqw\] {
    height: 100%;
}

.z-0 {
    z-index: 0;
}

.top-\[17cqw\] {
    top: -56px;
}

.left-\[20cqw\] {
    left: 20px;
}

.absolute {
    position: absolute;
}

.bg-deep-green {
    --tw-bg-opacity: 1;
    background-color: rgb(6 26 28 / var(--tw-bg-opacity));
    position: relative;
    overflow: hidden;
}

.border-hairline-green {
    --tw-border-opacity: 1;
    border-color: rgb(30 44 49 / var(--tw-border-opacity));
}

.content-up {
    z-index: 2;
    position: relative;
    color: rgb(157, 171, 173);
    text-align: center;
}

.bg-new {
    padding: 50px 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.round-bg {
    transform: scale(1.2);
    opacity: 0.6;
}

.extra-outer {
    min-height: 550px;
    padding: 10px;
    border-color: rgb(30 44 49 / var(--tw-border-opacity)) !important;
}

.commonbox.bg-deep-green.extra-outer h2 {
    color: rgb(255, 255, 255);
    border-bottom: none;
    font-weight: 700;
    font-family: sans-serif;
    font-size: 19px;
    background: rgb(35, 71, 72);
    border-radius: 5px;
    padding: 9px;
    margin-bottom: 10px;
    line-height: 30px;
    margin-top: 10px;
}

.first-p-extra ul {
    color: rgb(177, 177, 177);
    font-weight: 100;
    font-family: sans-serif;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 13px;
    margin-block: 0px; text-align: left;
}

.first-p-extra p {
    font-size: 13px;
}

.content-up .box_inner_p p {
    background: transparent;
    color: rgb(157, 171, 173);
    border: none;
    font-size: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}

.content-up .defaulthgt.box_inner_p {
    background: transparent;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.first-p-extra ul {
}

.first-p-extra ul li {
    font-weight: 500;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    display: flex;
    min-height: 50px;
}

.solutions-price-h {
    color: rgb(255, 255, 255);
    align-items: center;
    flex-direction: column;
    margin: 15px 0px;
    display: none;
}

.solutions-price-h h4 {
    margin-bottom: 0px;
    font-size: 38px;
    margin-left: 3px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.solutions-price-h h6 {
    margin-bottom: 0px;
    font-size: 12px;
    color: rgb(188, 188, 188);
}

.solutions-price-h span {
    font-size: 14px;
    color: rgb(94, 182, 157);
}

.solutions-btn a {
    background: rgb(35, 71, 71);
    padding: 10px;
    color: rgb(255, 255, 255);
    margin: 10px 0px;
    display: block;
    text-align: center;
    border-radius: 100px;
    border: 1px solid rgb(137, 137, 137);
}

.solutions-price-h > div {
    display: flex;
    align-items: baseline;
}

.content-up img {
    width: 65px;
    background: rgb(35, 71, 71);
    padding: 7px;
    border-radius: 10px;
    border: 1px solid rgba(211, 211, 211, 0.28);
}

.landing-page-head {
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
}

.landing-page-head h2 {
    font-size: 2rem;
    font-family: "IBM Plex Sans";
    color: rgb(255, 255, 255);
    font-weight: 600;
    margin-bottom: 0px;
}

.landing-page-head p {
    color: rgba(255, 255, 255, 0.74);
    padding-top: 27px;
    font-size: 21px;
}

.card-midd-inner {
    padding: 7px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    margin: 4px;
    border-radius: 4px;
    min-height: 330px;
}

.card-midd-inner ul li {
    display: flex;
    font-size: 12px;
    margin: 1px 0px;
    color: rgb(120, 120, 120);
}

.card-midd-inner ul li i {
    font-size: 10px;
    color: rgb(94, 182, 157);
    margin-top: 5px;
    margin-right: 4px;
}

.card-midd-inner h6 {
    font-weight: 700;
    font-family: "IBM Plex Sans";
    font-size: 14px;
}

.homesec_postpaid2 .card .card-header {
    border-bottom: none;
    height: 400px;
}

.toogle-btn-for-add-price ul li {
    list-style: disc;
    margin-left: 21px;
}

.location-top-properties--props2.vstyle-1 {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px;
}

.location-top-properties--props2.vstyle-1 li {
    width: 100%;
    flex: 0 0 auto !important;
}

.card-midd-inner:last-child {
    min-height: 330px;
}

.content-up > p {
    margin-bottom: 3px;
    min-height: 70px;
}

.first-p-extra ul li i {
    color: rgb(94, 182, 157);
    margin-right: 5px;
    display: block;
    margin-top: 2px;
}

.p-extra-outer {
    min-height: 120px;
}

.content-up .defaulthgt.box_inner_p {
    min-height: 80px;
}

ul.Standard-ul li {
    counter-increment: none;
    list-style: disc;
    margin-left: 27px;
    padding: 3px 0px !important;
    font-size: 0.8rem !important;
    border: none !important;
}

ul.Standard-ul li::before {
    display: none;
}

.google-location-prop {
    padding: 15px;
}

.google-location-prop h4 {
    font-size: 1rem;
    font-weight: 800;
}

.card-sub-title-1.tooglelist2 a {
    margin-left: 5px;
}

.card-sub-title-1 {
    font-size: 13px;
    text-align: center;
}

span.include-tag h5 {
    font-size: 11px;
    margin-top: 5px;
}

.card-content.card-content-margin {
    margin: 7px;
}

span.exclusive-line {
    font-size: 11px;
    line-height: 16px;
    display: block;
    margin-top: 14px;
    padding-left: 9px;
    font-weight: 600;
    font-family: "IBM Plex Sans";
}

.numbered-list-inner-ul li {
    counter-increment: none;
    list-style: disc;
    margin-left: 31px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font-weight: 400;
    font-size: 9px !important;
    border-top: none !important;
    padding-right: 0px !important;
}

.numbered-list-inner-ul li::before {
    display: none;
}

.numbered-list-inner-ul {
    margin-top: 4px;
}

span.exclusive-line.exclusive-line2 {
    margin-top: 2px;
    margin-bottom: 10px;
}

.switch-wrapper label span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 600;
    top: -6px;
    width: max-content;
    color: rgb(104, 97, 242);
    font-family: "IBM Plex Sans";
}

.pack-head {
    background: rgba(133, 154, 172, 0.13);
    padding: 10px;
}

.card.card-style-7.card-style-72 {
    overflow: hidden;
    border-radius: 7px 7px 0px 0px !important;
}

.best_benifits.extrascroll2.set-height1 {
    min-height: 1150px;
}

.best_benifits.extrascroll2.set-height2 {
    min-height: 320px;
}

.best_benifits.extrascroll2.set-height3 {
    min-height: 620px;
}

.toogle-btn-for-add-price.set-height4 {
    min-height: 190px;
}

.numbered-list-inner-ul li i {
    display: none;
}

span.include-tag.tooglelist2 p {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0px;
    font-family: "IBM Plex Sans";
}

span.span-line-under {
    display: block;
    font-size: 10px;
    font-family: "IBM Plex Sans";
    margin-top: 9px;
    font-weight: 400;
}

.google-location-prop span {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0px;
    display: block;
    font-family: "IBM Plex Sans";
    margin-top: 6px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 5px;
}

ul.google-location-prop-new li {
    font-size: 9px;
    margin: 3px 0px;
}

ul.google-location-prop-new li ul {
    list-style: disc;
    font-size: 9px;
    margin-left: 31px !important;
}

ul.google-location-prop-new li ul li span {
    font-size: 8px;
}

ul.google-location-prop-new li i {
    margin-top: 2px;
    margin-right: 3px;
    color: rgb(146, 208, 191) !important;
}

h6.google-location-h6 {
    font-size: 10px;
    margin-top: 19px;
    font-weight: 400;
    font-family: "IBM Plex Sans";
}

a.li-button i {
    font-size: 9px !important;
    color: rgb(13, 110, 253) !important;
}

.location-top-properties--props22 {
    padding: 0px 0px 20px !important;
    border-top: none !important;
}

.best_benifits.extrascroll2 li a {
    color: rgba(70, 77, 86, 0.58);
}

.w-bold {
    font-weight: 600 !important;
}

.card-midd-inner.card-mid-innerw {
    min-height: auto;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0px;
}

.location-top-properties--props22 h6 {
    font-size: 10px;
    font-family: "IBM Plex Sans";
    margin-top: 9px;
    font-weight: 400;
}

.slider-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
}

.slide img {
    width: 100%;
    display: block;
}

.dots {
    text-align: center;
    margin-top: 10px;
}

.dot {
    height: 12px;
    width: 12px;
    margin: 0px 5px;
    background-color: rgb(187, 187, 187);
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background-color: rgb(51, 51, 51);
}

.whyhomepage li.tooglelist2 {
    padding-left: 7px !important;
}

.remove-number li::before {
    display: none;
}

.remove-number li {
    padding: 9px 5px !important;
}

span.point-heighlight {
    display: flex;
    font-size: 0.7rem;
}

.heighlight-number::before {
    background: rgba(255, 193, 7, 0.75) !important;
    border-color: rgb(255, 193, 7) !important;
    color: rgb(0, 0, 0) !important;
}

ul.Standard-ul.Standard-ul2 li {
    margin: 4px 0px 4px 22px;
    font-size: 0.8rem !important;
}

.view-more-btn {
    text-align: center;
    background: rgb(228, 228, 228);
    margin-top: 12px;
}

.view-more-btn a {
    font-size: 13px;
    width: 100%;
    display: block;
    padding: 4px;
    color: rgb(104, 97, 242);
    font-weight: 600;
}

.set-height11 {
    height: 1050px;
}

.height-set-googleadd {
    height: 1150px;
}

.short-modal .whyus .modal-heading {
    text-align: left;
}

.short-modal .close-btn mark {
    background: transparent;
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.short-modal .close-btn {
    border-radius: 7px;
    display: flex;
    align-items: center;
    height: 30px;
    width: auto;
    justify-content: center;
    left: 85%;
    z-index: 222;
    background: transparent;
    box-shadow: none;
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 11px !important;
    top: 8px !important;
}

.short-modal .close-btn i {
    background: rgb(0, 0, 0);
    width: 15px;
    height: 15px;
    color: rgb(255, 255, 255);
    line-height: 15px;
    border-radius: 100px;
    font-size: 9px;
}

.listhover2 h6 li.heighlight-number {
    list-style: none !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.breadcrumb-content {
    text-align: center;
}

.breadcrumb-content h1 {
    font-size: 35px;
    font-weight: 700;
    margin-top: 20px;
    color: rgb(69 77 84/var(--tw-text-opacity)) !important;
}

.breadcrumb-content h4 {
    font-size: 30px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.breadcrumb-content p {
    font-size: 16px;
    line-height: 27px;
    color: rgb(112, 112, 112);
}

.topmenu.fade-left::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    z-index: 1;
}

.topmenu.fade-right::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    z-index: 1;
}

.menuonlymob2.fade-left::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    z-index: 99;
}

.menuonlymob2.fade-right::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    z-index: 1;
}

.btn-close1.showbtn {
    left: 25%;
    transition: 0.4s;
    font-size: 19px;
}

.multi-select-container p {
    font-size: 0.8rem;
    margin-bottom: 0px;
    margin-left: 0px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    background: rgb(233, 236, 239);
    padding: 2px 5px;
    display: inline-block;
}

.dropdown-actions button {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 10px;
    border-radius: 5px;
    margin: 8px;
}

.dropdown-actions {
    display: flex;
    justify-content: end;
}

.multi-select i {
    font-size: 10px;
    position: absolute;
    right: 17px;
    top: 47%;
    transform: translateY(-20%);
}

button.clear-btn {
    background: transparent;
    border: none;
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

span.include-tag p {
    font-size: 0.7rem;
    font-weight: 400;
}

.heighlight-number mark {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    width: 18px;
    height: 18px;
    line-height: 17px;
    border-radius: 3px;
    font-size: 11px;
    color: rgb(104, 97, 242);
    font-weight: 700;
    margin-right: 4px;
    background: rgb(255, 193, 7) !important;
    border-color: rgba(255, 193, 7, 0.22) !important;
}

.custom-modal-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-modal-box {
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
    position: relative;
}

.custom-modal-header {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.custom-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
}

.lanimg .imgaln img {
    width: 250px;
}

.custom-icon_bg {
    margin-right: 8px;
}

.custom-img_bg img {
    width: 18px;
    height: 18px;
}

.custom-modal-body h2 {
    margin-bottom: 15px;
    color: rgb(51, 51, 51);
    text-align: center;
    font-size: 22px !important;
}

.auditmenu.auditmenu2 ul {
    position: static;
    width: 100%;
}

.auditbox2 .box_inner h2 {
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    padding-top: 0px;
    margin-left: 0px;
    margin-top: 0px !important;
}

.auditbox.auditbox2 {
    padding: 0px 10px;
    background: rgb(255, 255, 255);
}

.auditbox.auditbox2 .box_inner ul {
    padding-left: 15px;
    background: transparent;
}

.auditbox.auditbox2 .box_inner ul li {
    list-style: disc;
}

.packageenquiry.packageenquiry2 {
    position: static;
    margin-top: 0px;
    width: 100%;
    max-width: 100%;
    background: rgb(255, 255, 255);
    padding: 22px;
}

.auditmenu.auditmenu2 .width3 li {
}

.packageenquiry.packageenquiry2 .details_form {
    border: 1px solid rgb(207, 207, 207);
    border-radius: 10px;
    margin-bottom: 100px;
    padding: 10px !important;
}

.auditmenu.auditmenu2 {
    position: sticky;
    width: 100%;
    top: 0px;
    z-index: 1;
}

.imgaln.imgaln2 img {
    width: 100%;
}

.lanoverlayimg.lanoverlayimg2 {
    width: 96%;
    transform: translateX(-50%);
    margin: 0px;
    top: 10px;
    height: 236px;
    left: 50% !important;
}

.site-main-heading p {
    text-align: center;
    font-size: 13px;
    line-height: 15px;
    margin-top: 70px;
    font-weight: 500;
    padding: 0px 10px;
}

footer .site-main-heading p {
    margin-top: 20px;
    color: rgb(192, 190, 190);
}

section.ourservices {
    background: rgba(238, 239, 233, 0.77);
}

.servcebd.servcebd2 .prolist ul li {
    margin: 2px 1px;
    padding: 3px 8px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.servcebd.servcebd2 .prolist ul {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    margin: 0px;
    overflow: scroll hidden;
    overflow-wrap: break-word;
}

.servcebd2, .servcebd2 .st {
    padding-top: 0px;
    margin-top: 0px;
}

.servcebd.servcebd2 {
    border-radius: 10px;
    padding-top: 7px;
}

.servcebd2 .btnsp {
    margin-top: 25px;
}

.pprice .card-title {
    font-size: 13px;
    font-weight: 700;
}

.menu_body ul li a.active {
    background: rgb(93, 182, 157) !important;
}

.desktopmenu .dropdown {
    position: relative;
}

.desktopmenu .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
}

.desktopmenu .dropdown:hover .dropdown-menu {
    display: block;
}

.sticky .plr-0-sm {
    padding-left: 0px;
    padding-right: 0px;
}

.switch-wrapper .highlighter1 {
    width: calc(33% - 8px);
}

.switch-wrapper2 label {
    padding-top: 5px;
    padding-bottom: 7px;
}

.switch-wrapper [type="radio"]:checked#static ~ .highlighter {
    transform: translateX(0%);
}

.switch-wrapper [type="radio"]:checked#dynamic ~ .highlighter {
    transform: translateX(105%);
}

.switch-wrapper [type="radio"]:checked#ecommerce ~ .highlighter {
    transform: translateX(210%);
}

.switch-wrapper [type="radio"]:checked#static ~ label[for="monthly"], .switch-wrapper [type="radio"]:checked#dynamic ~ label[for="quarterly"], .switch-wrapper [type="radio"]:checked#ecommerce ~ label[for="halfyearly"] {
    color: rgb(0, 0, 0);
}

.best_benifits.extrascroll2.set-height111 {
    height: 1100px;
}

.tabs-content-container .switch {
    position: relative;
    display: inline-block;
    height: 34px;
    width: 75px !important;
}

.tabs-content-container .switch input {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.tabs-content-container .slider {
    position: absolute;
    cursor: pointer;
    background-color: rgb(204, 204, 204);
    transition: 0.4s;
    border-radius: 34px;
    inset: 0px;
}

.tabs-content-container .slider::before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    border-radius: 50%;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
}

.tabs-content-container input:checked + .slider {
    background-color: rgb(93, 182, 157);
}

.tabs-content-container input:checked + .slider::before {
    transform: translateX(26px);
}

.tabs-content-container .tab-pane {
    opacity: 0;
    transition: opacity 0.1s;
    pointer-events: none;
    position: absolute;
    width: 100%;
    display: none;
}

.tabs-content-container .tab-pane.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    display: block;
}

.tab-sec-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cross-btn-change .close-btn i {
    display: none;
}

.cross-btn-change .close-btn span {
    display: block;
}

.close-btn span {
    display: none;
}

.cross-btn-change .close-btn {
    top: 50px;
    left: -140px;
    width: 80px;
    font-size: 16px;
    line-height: 32px;
    height: 36px;
}

.dropdown-check-list {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: Arial, sans-serif;
}

.dropdown-check-list .anchor {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.21);
    padding: 6px;
    cursor: pointer;
    display: block;
    border-radius: 6px;
    position: relative;
    font-size: 14px;
    transition: 0.3s;
    text-align: left;
}

.dropdown-check-list .anchor:hover {
    border-color: rgb(136, 136, 136);
}

.dropdown-check-list .anchor::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(134deg);
    border-style: solid;
    border-color: rgb(51, 51, 51);
    border-image: initial;
    border-width: 2px 2px 0px 0px;
    padding: 2px;
    transition: transform 0.3s;
}

.dropdown-check-list ul.items {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    background: rgb(255, 255, 255);
    border-right: 1px solid rgba(204, 204, 204, 0.54);
    border-bottom: 1px solid rgba(204, 204, 204, 0.54);
    border-left: 1px solid rgba(204, 204, 204, 0.54);
    border-image: initial;
    border-top: none;
    z-index: 99;
    max-height: 200px;
    overflow-y: auto;
    border-radius: 0px 0px 6px 6px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#list1 ul.items.open {
    display: block;
    max-height: 300px;
}

.dropdown-check-list ul.items li {
    list-style: none;
    padding: 7px 11px;
    cursor: pointer;
    display: flex;
    transition: background 0.2s;
    font-size: 12px;
    text-align: left;
}

.dropdown-check-list ul.items li:hover {
    background-color: rgb(240, 240, 240);
}

.dropdown-check-list input[type="checkbox"] {
    display: none;
}

.dropdown-check-list input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid rgb(136, 136, 136);
    border-radius: 4px;
    margin-right: 6px;
    vertical-align: middle;
    transition: 0.2s;
}

.dropdown-check-list input[type="checkbox"]:checked + label::before {
    background-color: rgb(40, 168, 69);
    border-color: rgb(40, 168, 69);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4 8L11 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}

.discount-txt {
    color: rgb(229, 57, 53);
    font-weight: bold;
    margin-left: auto;
    font-size: 11px;
}

.extra-service {
    display: flex;
    margin-bottom: 15px;
}

.extra-service {
    display: flex;
    margin-bottom: 12px;
}

.homeslider.swiper-initialized {
    visibility: visible;
}

.homeslider .swiper-slide {
    flex-shrink: 0;
}

.auditmenu ul li.current a {
    background: rgb(26, 135, 84);
    color: rgb(255, 255, 255);
}

.lpexample {
    overflow-x: hidden !important;
    max-width: 100%;
}

.cf-modal-overlay {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.cf-modal-box {
    background-color: rgb(255, 255, 255);
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px;
}

.cf-modal-box .details_form.details_form2.border-r-10 h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 22px;
    color: rgb(51, 51, 51);
}

.cf-modal-close-icon {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 24px;
    color: rgb(170, 170, 170);
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

.cf-modal-close-icon:hover {
    color: rgb(0, 0, 0);
}

.cf-modal-btn-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
}

ul.Resources-ul li {
    list-style: disc;
    margin-left: 15px;
}

.cf-modal-btn {
    flex: 1 1 0%;
    padding: 12px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

.cf-modal-btn-submit {
    background-color: rgb(0, 123, 255);
    color: white;
}

.cf-modal-btn-submit:hover {
    background-color: rgb(0, 86, 179);
}

.cf-modal-btn-close {
    background-color: rgb(108, 117, 125);
    color: white;
}

.cf-modal-btn-close:hover {
    background-color: rgb(90, 98, 104);
}

.auditmenu3 ul {
    position: static !important;
    width: 100%;
}

.auditmenu.auditmenu3 {
    position: sticky;
    top: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
}

.auditmenu.auditmenu3 ul li {
    flex: 1 1 auto;
    width: 33% !important;
}

.outer-sticky {
    background: rgb(255, 255, 255);
}

.button-tab-container {
    border: 1px solid rgba(93, 182, 157, 0.18);
    background: rgb(255, 255, 255);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.button-tab-container button {
    height: 36px;
    width: 36px;
    padding: 0px;
    border: none;
    background: rgb(255, 255, 255);
}

.button-tab-container button.active {
    border: 2px solid rgb(93, 182, 157);
    border-radius: 6px;
}

.button-tab-container hr {
    border-bottom: none rgb(214, 230, 254);
    border-left: none rgb(214, 230, 254);
    border-top: none rgb(214, 230, 254);
    border-right-color: rgb(214, 230, 254);
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1px;
    z-index: 0;
}

.button-tab-container button img {
    height: 25px;
    width: 25px;
    object-fit: cover;
}

.button-tab-container button:last-child img {
    width: 30px;
    height: 30px;
}

.popup-on-load {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-on-load .popup-content {
    background: white;
    padding: 24px;
    text-align: center;
    position: relative;
    max-width: 500px;
    min-width: 500px;
}

.popup-on-load .popup-content input[type="text"], .popup-on-load .popup-content input[type="tel"] {
    padding: 8px 10px;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    font-size: 12px;
    background: rgb(248, 248, 248);
}

.popup-on-load .popup-content button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: rgb(76, 175, 80);
    color: white;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 2px solid rgb(76, 175, 79);
}

.popup-on-load .popup-content button:hover {
    background-color: rgb(69, 160, 73);
}

.popup-on-load .close-btn2 {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    color: rgb(0, 0, 0) !important;
    background-color: transparent !important;
    font-size: 20px !important;
    border: none !important;
}

.popup-on-load .close-btn2:hover {
    background-color: rgb(204, 0, 0);
}

.popup-on-load .popup-content h3 {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

.popup-on-load .popup-content h3 span {
    display: block;
    color: rgb(39, 174, 96);
}

#input-area-id {
    display: none;
}

.popup-on-load .contact-options-mobile[for="input-area-id"] {
    display: none;
}

.popup-on-load .textarea-form textarea {
    width: 100%;
    border: 1px solid rgb(222, 222, 222);
    padding: 6px;
    background: rgb(248, 248, 248);
    font-size: 12px;
}

.popup-on-load .query-box p, .phone-p {
    font-size: 12px;
    margin-bottom: 4px;
    text-align: left;
    color: rgb(136, 136, 136);
    font-weight: 600;
}

.popup-on-load p.field-title {
    color: rgb(136, 136, 136);
    font-size: 11px;
    text-align: left;
    margin-bottom: 5px;
}

.popup-on-load .phone-input-container input {
    width: 100%;
    border: 1px solid rgb(222, 222, 222);
    padding: 5px;
    border-radius: 0px !important;
}

.popup-on-load .email-wrapper input, .input-form input {
    width: 100%;
    border: 1px solid rgb(199, 199, 199);
    padding: 8px 10px;
    font-size: 12px;
    background: rgb(248, 248, 248);
    border-radius: 0px !important;
}

.input-form button {
    margin-top: 10px;
}

.popup-on-load button#submitBtn {
    margin-top: 13px;
    background-color: rgb(75, 175, 79) !important;
}

.popup-on-load label.whatsapp-checkbox {
    text-align: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.popup-on-load span.whatsapp-label {
    font-size: 9px;
    font-weight: 600;
    color: rgb(136, 136, 136);
    margin-left: 5px;
}

.dynamicCardButtonssvg path {
    stroke: rgb(39, 174, 96);
    transition: stroke 0.3s;
}

.requestCallBackExit {
    background-color: rgb(60, 226, 130) !important;
}

button.callMeBackButton {
    padding: 14px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-image: initial;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.86px;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: rgb(39, 174, 96) !important;
    border-bottom: 2px solid rgb(60, 226, 130) !important;
    background: rgba(39, 174, 96, 0.3) !important;
}

.contact-options-mobile button {
    width: 100%;
    margin: 2px 0px;
}

button.not-intrested {
    margin-top: 10px;
    text-decoration: underline;
    font-size: 14px !important;
    background-color: transparent !important;
    color: rgb(76, 175, 79) !important;
    padding: 0px !important;
    border: none !important;
}

.color-same {
    color: rgb(16, 16, 16) !important;
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

.diffrence-box {
    border: 1px solid rgba(0, 0, 0, 0.03);
    background: rgb(235, 235, 235);
    padding: 20px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.default-padding {
    padding-left: 0px;
}

.stageslist button h3 span {
    border: none;
    margin: 0px 0px 0px 4px;
    display: inline;
    font-size: 13px;
    color: rgb(0, 0, 0);
}

.breadcrumb-content-outer {
    background: rgb(242, 249, 253);
    padding: 30px 0px;
}

.switch-wrapper .highlighter3 {
    width: calc(50% - 8px);
}

.Custom-plan {
    font-family: "IBM Plex Sans", serif;
    font-weight: 300;
    margin: 10px 0px;
    font-size: 30px !important;
    color: rgb(0, 0, 0) !important;
    display: block !important;
}

a.Custom-price .price-wrapper {
    display: none;
}

a.Custom-price p {
    font-size: 18px;
    color: rgb(118, 118, 118);
    margin: 2px 0px;
    font-weight: 400;
    font-size: 16px;
    font-weight: 500;
    font-family: "IBM Plex Sans";
    margin-top: 4px;
    /* margin-left: 7px; */
}

.top-btn-modal {
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.top-btn-modal .modal-content {
    background: rgb(255, 255, 255);
    margin: 10% auto;
    width: 90%;
    max-width: 500px;
    position: relative;
    border-radius: 8px;
}

.top-btn-modal .close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

button.small-enquire-btn {
    background: rgb(61, 188, 97);
    color: rgb(255, 255, 255);
    border: none;
    font-size: 15px;
    padding: 6px 12px;
    margin-top: 5px;
    border-radius: 100px;
    margin-bottom: 2px;
    display: none;
}

.box_inner h2 a i {
    font-size: 12px;
}

ul.numbered-list.numbered-list2 li::before {
    display: none;
}

ul.numbered-list.numbered-list2 li {
    padding: 11px;
    display: flex;
}

ul.numbered-list.numbered-list2 li i {
    margin-right: 5px;
    color: rgb(0, 178, 31) !important;
}

.toggle-btn-heading h3 i {
    color: rgb(187, 187, 187);
    margin-right: 5px;
}

ul.numbered-list.numbered-list2 li.instagram .instagram {
    color: rgb(174, 48, 252) !important;
}

ul.numbered-list.numbered-list2 li.facebook .facebook {
    color: rgb(0, 85, 205) !important;
}

li.li-with-point {
    display: flex;
    flex-direction: column;
}

li.li-with-point span {
    display: flex;
}

ul.numbered-list.numbered-list2 .li-with-point ul li i {
    font-size: 3px;
    margin-top: 5px;
    color: rgb(0, 0, 0) !important;
}

.price-wrapper span {
    display: flex;
    align-items: center;
}

.price-wrapper .discount-menu {
    margin-left: 8px;
    color: rgb(234, 4, 4) !important;
}

.swiperlp {
    padding-top: 40px;
}

.swiperlp .Custom-paginationbox {
    top: -30px;
}

.popup-on-load .iti {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(204, 204, 204);
    padding-left: 5px;
    margin-bottom: 10px;
    background: rgb(248, 248, 248);
}

.popup-on-load .iti input {
    margin-bottom: 0px !important;
    border: none !important;
}

.popup-on-load .iti img {
    width: 24px;
}

.custom-select {
    display: inline-block;
    width: 80%;
    position: relative;
}

.custom-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
    color: rgb(85, 85, 85);
    font-size: 10px;
}

.course-wrapper select {
    appearance: none;
    padding-right: 2rem;
}

.custom-select select {
    border-radius: 0px;
    font-size: 13px;
    height: 40px;
}

.modal-enterprise {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-enterprise h2 {
    margin-bottom: 15px;
    color: rgb(51, 51, 51);
    font-size: 22px !important;
}

.modal-enterprise .modal-content {
    background-color: white;
    margin: 15% auto;
    border-radius: 10px;
    width: 500px;
    text-align: center;
}

.modal-enterprise .close {
    float: right;
    font-size: 24px;
    cursor: pointer;
}

.modal-enterprise .modal-content span#closeModal {
    position: absolute;
    right: 17px;
}

.select-width-c {
    width: 80%;
}

.select-width-c .custom-select {
    width: 100%;
}

.popup-on-load .iti span {
    font-size: 13px;
    margin-left: 10px;
}

.c-div {
    display: flex;
    align-items: center;
}

.price-head-img-div {
    display: flex;
    align-items: center;
}

.price-head-img-div span {
    font-weight: 600;
    color: rgb(125, 89, 0) !important;
}

.c-div span {
    font-weight: 600;
    color: rgb(125, 89, 0) !important;
}

.c-div img {
    margin-right: 2px;
}

.modal-open-lock {
    touch-action: none;
    overscroll-behavior: contain;
}

.custom-dropdown {
    display: none;
    position: absolute;
    background: white;
    z-index: 999;
    text-align: center;
    transition: 0.5s;
    width: auto !important;
    left: 0px !important;
    top: 100% !important;
}

.nav-item {
    margin: 0px 3px;
    position: relative;
}

.nav-item.about-dropdown {
    position: relative;
}

.nav-item.active::before {
    content: "";
    left: 0px;
    top: 15px;
    width: 100%;
    height: 100%;
    background: rgb(238, 239, 233);
    transition: 0.5s;
    position: absolute;
}

.nav-item.active a {
    z-index: 2;
    position: relative;
}

.nav-item.active .custom-dropdown {
    display: block;
}

.opacity-none {
    opacity: 0;
    pointer-events: none;
}

.custom-dropdown li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-right: 30px !important;
}

.custom-dropdown li:last-child {
    border-bottom: none;
}

span.include-tag i {
    color: rgb(145, 145, 145) !important;
}

span.heighlight-text {
    background: rgb(255, 211, 0);
    font-weight: 600;
    padding: 2px;
}

@media only screen and (max-width: 600px) {
    .modal-content.slideupcontent.cross-btn-change, .modal-content.slideupcontent.cross-btn-change iframe {
        height: 70vh !important;
    }
}

.tooglelist2 .openModalBtn {
    color: rgb(93, 182, 157);
}

.border-none {
    border: none !important;
    padding-bottom: 0px !important;
}

li .actionclr {
    border-bottom: navajowhite;
    font-size: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.listhover2 h6 ul.social-page-ul-hover {
    margin-left: 0px !important;
}

ul.social-page-ul-hover li {
    margin-left: 0px !important;
}

ul.social-page-ul-hover .li-with-point .Standard-ul li i.fa-circle {
    color: rgb(255, 255, 255) !important;
}

ul.social-page-ul-hover li .Standard-ul li {
    color: rgb(255, 255, 255);
    margin-left: 15px !important;
}

span.original-price-package {
    font-size: 15px;
    margin: 0px 6px;
    color: rgb(134, 134, 134);
    text-decoration: line-through !important;
}

span.final-price-package {
    color: rgb(247, 165, 29);
    font-size: 20px;
    font-weight: 700;
}

span.discount-package {
    background: rgb(247, 165, 29);
    color: rgb(255, 255, 255);
    padding: 0px 5px;
    margin-left: 12px;
}

.grid-cards-section {
    padding: 40px 20px;
    max-width: 1200px;
    margin: auto;
}

.grid-cards-section h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
    color: rgb(51, 51, 51);
}

.grid-cards-section .grid-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

.grid-cards-section .card {
    background: rgb(249, 249, 249);
    padding: 20px;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px;
    transition: 0.3s;
}

.grid-cards-section .card:hover {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 20px;
    transform: translateY(-5px);
}

.grid-cards-section .card h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: rgb(34, 34, 34);
    font-weight: 700;
}

.grid-cards-section .card p {
    font-size: 14px;
    color: rgb(85, 85, 85);
    line-height: 1.5;
    margin-bottom: 0px;
}

b.heighlight-number-green {
    background: rgba(0, 128, 0, 0.53);
    color: rgb(255, 255, 255);
    padding: 1px 3px;
    letter-spacing: 0.5px;
    border-radius: 4px;
    border: 1px solid rgba(0, 128, 0, 0.46);
}

b.heighlight-number-yellow {
    background: rgb(237, 213, 153);
    letter-spacing: 0.5px;
    color: rgb(0, 0, 0);
    padding: 1px 3px;
    border-radius: 4px;
    border: 1px solid rgb(237, 213, 153);
}

.custom-li-hr hr {
    margin: 5px 0px;
    color: rgb(255, 255, 255);
}

li.location-top-properties--prop.list-disc i {
    margin-right: 5px;
    margin-top: 4px;
    font-size: 9px;
}

li.location-top-properties--prop.list-disc {
    display: block;
    color: rgb(93, 93, 93);
}

span.heighlight-point-sub {
    display: inline-block;
    color: rgb(139, 139, 139);
    margin-left: 20px;
    font-size: 11px !important;
}

li.custom-li-hr span {
    display: flex;
    font-size: 0.7rem;
}

li.custom-li-hr span i.fa-circle {
    color: rgb(0, 0, 0);
    font-size: 4px;
    margin-top: 8px;
    margin-right: 8px;
}

a.scroll-to-id {
    margin-left: 10px;
    font-size: 12px;
    color: rgb(105, 152, 238) !important;
}

h5.h5-heighlight {
    color: rgb(78, 78, 78);
    font-size: 18px;
}

.modal-accordion .accordion-button .icon {
    font-size: 1.25rem;
    transition: transform 0.3s;
}

.modal-accordion .accordion-button:not(.collapsed) .icon {
    content: "-";
}

.modal-accordion .accordion-button.collapsed .icon::after {
    content: "+";
}

.modal-accordion .accordion-button:not(.collapsed) .icon::after {
    content: "-";
}

.modal-accordion .accordion-button.collapsed::after, .accordion-button::after {
    display: none;
}

.custom-li-hr {
    padding: 10px 5px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    margin: 0px 15px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.numbered-list .custom-li-hr::before {
    left: 20px;
}

.auto-heilight {
    margin-left: -15px;
    margin-top: 7px;
}

.custom-li-hr img {
    width: 15px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 4px;
    height: 15px;
}

.custom-li-hr > b {
    margin-bottom: 0px;
    display: inline-block;
}

.ai-tagline {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 12px;
    align-items: center;
}

.ai-tagline svg {
    margin-left: 10px;
    width: 16px;
}

.ai-tagline p {
    margin-bottom: 0px;
}

.custom-li-hr {
    padding-top: 20px !important;
}

mark.new-badge {
    border: 1px solid rgba(0, 0, 0, 0.24);
    padding: 2px 5px;
    font-weight: 500;
    font-size: 11px;
    border-radius: 4px;
    background: rgb(241, 195, 50);
}

span.back-point-color {
    background: rgb(211, 235, 255);
    margin-left: -53px;
    margin-right: -6px;
    border-radius: 0px 10px 10px 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 50px !important;
    font-size: 0.9rem !important;
}

.categories-info {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    background: rgb(255, 255, 255);
}

.categories-info h6 {
    font-weight: 700;
    margin-bottom: 3px;
    margin-top: 3px;
}

.team-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.team-card {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    width: 280px;
    overflow: hidden;
    transition: transform 0.3s;
    padding: 10px;
}

.team-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.team-info {
    padding: 7px;
}

.team-section {
    padding: 50px 0px;
}

.team-name {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0px;
    color: rgb(51, 51, 51);
}

.team-position {
    color: rgb(136, 136, 136);
    margin-top: 3px;
    font-size: 0.8rem;
}

.team-skill {
    font-size: 0.9rem;
    color: rgb(85, 85, 85);
}

.carelist {
    background: rgba(234, 234, 234, 0.39);
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 6px;
}

.point-heading {
    font-size: 11px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 2px;
    color: rgb(0, 128, 1);
}

.carelist ul {
    white-space: nowrap;
    overflow-wrap: break-word;
    width: 100%;
}

.carelist ul li {
    font-size: 10px;
    display: inline-block;
    border: 1px solid rgb(221, 221, 221);
    padding: 2px 5px;
    border-radius: 3px;
    margin-bottom: 4px;
    background: rgb(255, 255, 255);
}

.benifit-scroll {
    overflow-x: scroll;
}

.inclusion_block {
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 6px;
    padding: 5px 2px 2px;
    margin-top: 16px;
    position: relative;
}

.incl_align {
    background: rgb(255, 255, 255);
    left: 15px;
    padding: 0px 10px;
    position: absolute;
    top: -9px;
    text-transform: capitalize;
    color: green !important;
    font-weight: 500 !important;
    font-size: 10px !important;
}

.package_list-inclusions {
    display: flex;
    overflow-x: auto;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}

.package_list-inclusions li {
    min-width: 80px;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 11px;
    margin-bottom: 3px;
}

@media only screen and (max-width: 767px) {
    .google-ads-breadcrumb .breadcrumb-content h1 {
        font-size: 28px;
    }

    .package_list-inclusions li {
        margin-bottom: 10px;
    }
}

.package_list-inclusions li img {
    width: 35px;
    margin-bottom: 3px;
}

.serviceslist {
    border: 1px solid rgba(0, 0, 0, 0.34);
    padding: 4px;
    border-radius: 5px;
    overflow: hidden;
}

.serviceslist .service-img img {
    border-radius: 5px;
}

.team .inclusion_block::before {
    display: none;
}

.team-detail {
    margin-top: 10px;
    padding: 3px;
}

.team-detail h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0px;
}

.team .package_list-inclusions li {
    min-width: 65px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center !important;
}

.team .inclusion_block ul {
    margin: 0px;
    height: auto !important;
    overflow-x: scroll !important;
}

.team-detail p {
    font-size: 11px;
    margin-bottom: 10px;
}

.team .package_list-inclusions li img {
    width: 22px;
}

.team-section .team-heading {
    text-align: center;
    margin-bottom: 30px;
}

.color-green {
    color: green;
}

body.scroll-locked {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.categories-info img {
    border-radius: 4px;
    width: 100%;
    object-fit: cover;
    height: 120px;
}

.google-ads-breadcrumb {
    background: url("../images/topldgImg.webp") center top / cover no-repeat rgba(4, 4, 4, 0.45);
    background-blend-mode: color;
    padding: 100px 0px;
}

.google-ads-breadcrumb .breadcrumb-content h1 {
    text-shadow: rgb(0, 0, 0) 2px 2px;
    color: rgb(255, 255, 255) !important;
    font-size: 38px !important;
}

.paginationbox.Custom-paginationbox.Custom-paginationbox2 {
    position: absolute;
    width: 104%;
    z-index: 2;
    top: 40%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-40%);
    margin-top: 0px;
    left: -2%;
}

.category-five-section {
    position: relative;
}

.swiper-upper-banner .swiper-wrapper {
    padding-bottom: 40px;
}

.google-ads-breadcrumb .breadcrumb-content p {
    color: rgb(236, 236, 236);
    text-shadow: rgb(0, 0, 0) 2px 2px;
}

.google-ads-breadcrumb .swiper-pagination-bullet {
    background: rgb(255, 255, 255);
    opacity: 1;
}

.Chimney-type ul li {
    border: 1px solid rgb(231, 231, 231);
    font-size: 10px;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    background: rgb(228, 228, 228);
    font-weight: 500;
}

.Chimney-type {
    margin-bottom: 10px;
}

.google-ads-breadcrumb .swiper-pagination-bullet-active {
    background: rgb(94, 182, 157);
}

.pbtn.pbtn2 {
    display: flex;
    margin: 12px 0px;
    justify-content: space-between;
}

.pbtn.pbtn2 a {
    background: rgb(74, 143, 244);
    color: rgb(255, 255, 255);
    padding: 5px 18px;
    font-size: 16px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    letter-spacing: 0.5px;
    border: 2px solid rgb(74, 143, 244);
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}

.pbtn.pbtn2 a i {
    margin-right: 10px;
    align-items: center;
}

.case-study-btn a {
    padding-left: 10px !important;
    background: transparent !important;
    color: rgb(74, 143, 244) !important;
}

.case-study-btn {
    width: 60%;
}

.mobilegetquote {
    width: 37%;
}

.packbtn.mobilegetquote.case-study-btn a {
    background: transparent;
    color: rgb(255, 91, 94);
    border: 2px solid rgb(255, 91, 94);
}

.package_list-inclusions22 img {
    height: 30px;
    object-fit: cover;
    border-radius: 100px;
    width: 30px !important;
}

ul.inclusions.package_list-inclusions.package_list-inclusions22 {
    height: auto;
}

.inclusion_blockkk::before {
    display: none;
}

.package_list-inclusions22 li {
    align-items: center !important;
}

.package_list-inclusions22 li span {
    font-size: 8px;
    font-weight: 400;
    color: rgb(145, 145, 145);
}

.project-team {
    background: rgb(238, 238, 238);
    border-radius: 5px;
    padding: 5px;
}

section.client-sec h2 {
    text-align: center;
    margin-bottom: 20px;
}

.project-team h6 {
    font-size: 12px;
    font-weight: 600;
    color: green;
}

.project-team ul {
    display: flex;
    justify-content: start;
}

.project-team ul li {
    width: max-content;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    text-align: center;
    margin-right: 10px;
    border-radius: 3px;
}

.client-sec {
    padding-bottom: 50px;
}

.project-team ul li img {
    width: 45px;
    border-radius: 3px;
    margin-bottom: 2px;
}

.client-sec .service-img img {
    height: 340px;
    width: 100%;
    object-fit: cover;
}

.project-team li span {
    font-size: 7px;
}

.swiper-container-wrapper {
    position: relative;
    width: 100%;
}

.swiper-container-wrapper .swiper-button-next, .swiper-container-wrapper .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    height: 30px;
    color: rgb(0, 0, 0);
}

.swiper-container-wrapper .swiper-button-prev {
    left: -20px;
}

.swiper-container-wrapper .swiper-button-next {
    right: -20px;
}

.carelist22 {
    background: rgba(255, 255, 255, 0.39);
    padding: 5px 2px 2px;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    position: relative;
    margin-top: 20px;
}

.carelist22 .point-heading {
    background: rgb(255, 255, 255);
    left: 15px;
    padding: 0px 10px;
    position: absolute;
    top: -9px;
    text-transform: capitalize;
    color: green !important;
    font-weight: 500 !important;
    font-size: 10px !important;
}

.carelist ul li {
    background: rgb(243, 243, 243);
}

select.packageSelect {
    margin-top: 10px;
}

.custom-package-dropdown {
    border: 1px solid rgba(100, 112, 129, 0.31);
    border-radius: 3px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 34px;
    text-align: center;
    color: rgb(100, 112, 129);
    height: 36px;
    margin-top: 13px;
    position: relative;
    width: 150px;
}

.custom-package-dropdown .dropdown-selected {
    font-weight: 500;
    width: 100%;
    display: block;
    padding-right: 20px;
    cursor: pointer;
}

.custom-package-dropdown ul.dropdown-options {
    display: none;
    position: absolute;
    z-index: 99;
    background: white;
    list-style: none;
    padding: 0px;
    margin: 3px 0px 0px;
    width: 100%;
    border: 1px solid rgba(204, 204, 204, 0.42);
    max-height: 200px;
    overflow-y: auto;
    left: 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.custom-package-dropdown.visible ul.dropdown-options {
    display: block;
}

.custom-package-dropdown ul li {
    padding: 0px 10px;
}

.custom-package-dropdown ul li:hover, .custom-package-dropdown ul li.active {
    background: rgb(240, 240, 240);
    color: rgb(0, 0, 0);
}

.custom-package-dropdown.visible .dropdown-arrow {
    transform: rotate(180deg);
}

.custom-package-dropdown .dropdown-selected::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%) rotate(134deg);
    border-style: solid;
    border-color: rgba(51, 51, 51, 0.41);
    border-image: initial;
    border-width: 2px 2px 0px 0px;
    padding: 2px;
    transition: transform 0.3s;
}

.custom-package-dropdown.visible .dropdown-selected::after {
    transform: translateY(-50%) rotate(314deg);
}

.serviceslist.bulr-sec {
    position: relative;
}

.blure-overlay-contetn {
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(255, 255, 255, 0.77);
    height: 100%;
    width: 100%;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 0px 100px;
}

.blure-overlay-contetn h6 {
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

.blure-overlay-contetn a {
    background: rgb(73, 143, 245);
    padding: 5px 18px;
    color: rgb(255, 255, 255);
    border-radius: 5px;
}

.clientstory .storybox {
    border: 1px solid rgba(0, 0, 0, 0.09);
    background: rgb(255, 255, 255);
    margin-bottom: 10px;
    padding-top: 0px;
}

.clarification-box {
    padding: 0px 15px;
}

.lpdev {
    padding: 0px 15px;
}

.counter-outer {
    padding: 0px 15px;
}

.ourachievements {
    padding: 5px 15px;
}
.goolge-ads-section-heading h2 {
    text-align: center;
}

.goolge-ads-section-heading {
    border-bottom: 1px solid #5e5e5e0f;
    background: #f2f2f28f;
    padding-top: 15px;
    padding-bottom: 6px;
    border-top: 1px solid #00000005;
}
.team-modal-init {
  opacity: 0;
  pointer-events: none;
}

.team-modal-sec.team-modal-faded {
  opacity: 0;
  pointer-events: none;
  
}

.team-modal-sec.show {
  opacity: 1;
}

/* Modal content */
.team-modal-content {
  position: fixed;
  top: 50%;
  right: -365px;
  transform: translateY(-50%);
  width: 360px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  transition: right 0.5s ease;
  z-index: 1;
}

/* Slide in */
.team-modal-sec.show .team-modal-content {
  right: 20px;
}

/* Unified toggle button (close/open) */
.team-modal-close {
  position: absolute;
  left: -32px;
  top: 12px;
  cursor: pointer;
  border: none;
  z-index: 10;
}

/* Modes */
.btn-close-mode {
  background-color: #000;
  color: #fff;
  border-radius: 10px;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-open-mode {
  background-color: #5db69d;
  color: #000000;
  border-radius: 25px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Responsive for mobile */
@media (max-width: 500px) {
.team-modal-sec.show .team-modal-content {
    right: -3px;
}
.team-modal-content{
    width: 330px;
    right: -330px;
}
  
}
button#notInterestedBtn {
    background: transparent;
    border: none;
    color: #eb9c2a;
    text-decoration: underline;
    font-size: 13px;
}
@keyframes bounceInRight {
  0% {
    right: -400px;
    opacity: 0;
  }
  60% {
    right: 0px;
    opacity: 1;
  }
  80% {
    right: 25px;
  }
  100% {
    right: 0px;
  }
}

@keyframes bounceOutRight {
  0% {
    right: 0px;
    opacity: 1;
  }
 
  70% {
    right: -365px;
  }
  90% {
    right: -355px;
    opacity: 1;
  }
  100% {
    right: -365px;
    opacity: 1;
  }
}

.team-modal-content.bounce-in {
  animation: bounceInRight 0.6s ease forwards;
}

.team-modal-content.bounce-out {
  animation: bounceOutRight 1s ease forwards;
}

@keyframes bounceOutRight2 {
  0% {
    right: 0px;
    opacity: 1;
  }
 
  50% {
    right: -330px;
  }
  70% {
    right: -345px;
    opacity: 1;
  }
  100% {
    right: -330px;
    opacity: 1;
  }
}


.homesec_postpaid .card-title2 {
    font-size: 20px;
    margin-bottom: 0;
    color: rgb(104, 97, 242);
}
.Custom-outer-div {
    display: flex;
    align-items: center;
    gap: 15px;
}


.Custom-outer-div .Custom {
    color: #000;
    font-size: 13px;
    /* text-decoration: line-through; */
    color: rgb(96, 95, 95);
    margin-top: 4px;
    font-family: "IBM Plex Sans";
}
.img-name {
    display: flex;
    align-items: center;
}

.img-name img {
    width: 95px;
    /* margin-right: 15px; */
}
.cloudrunning {
    /* display: none; */
}
.img-name .cloudbg {
    background: #ffffff;
    padding: 10px;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    margin-right: 15px;
    position: relative;
}
.img-name ul li {
    font-size: 13px;
    color: #474747;
}
.innerdire {
    margin-top: 14px;
}
.img-name h3 {
    font-size: 20px;
    margin-bottom: 0px;
    color: #474747;
}
h2.heading-directors {
    text-align: center;
    margin-bottom: 20px;
    background: #fdfdfd;
    padding: 10px;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 4px;
}