.switch {
    font-size: 1rem;
    position: relative;
}

    .switch input {
        position: absolute;
        height: 1px;
        width: 1px;
        background: none;
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        overflow: hidden;
        padding: 0;
    }

        .switch input + label {
            position: relative;
            min-width: calc(calc(2.375rem * 0.8) * 2);
            border-radius: calc(2.375rem * 0.8);
            height: calc(2.375rem * 0.8);
            /*line-height: calc(2.375rem * 0.8);*/
            line-height: 1;
            display: inline-block;
            cursor: pointer;
            outline: none;
            user-select: none;
            vertical-align: middle;
            text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
        }

            .switch input + label::before,
            .switch input + label::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: calc(calc(2.375rem * 0.8) * 2);
                bottom: 0;
                display: block;
            }

            .switch input + label::before {
                right: 0;
                background-color: #0069d9;
                border-radius: calc(2.375rem * 0.8);
                transition: 0.2s all;
            }

            .switch input + label::after {
                top: 2px;
                left: 2px;
                width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
                height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
                border-radius: 50%;
                background-color: white;
                transition: 0.2s all;
            }

        .switch input:checked + label::before {
            background-color: #0069d9;
        }

        .switch input:checked + label::after {
            margin-left: calc(2.375rem * 0.8);
        }

        .switch input:focus + label::before {
            outline: none;
            box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
        }

        .switch input:disabled + label {
            color: #868e96;
            cursor: not-allowed;
        }

            .switch input:disabled + label::before {
                background-color: #e9ecef;
            }

    .switch.switch-sm {
        font-size: 0.875rem;
    }

        .switch.switch-sm input + label {
            min-width: calc(calc(1.9375rem * 0.8) * 2);
            height: calc(1.9375rem * 0.8);
            line-height: calc(1.9375rem * 0.8);
            text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem);
        }

            .switch.switch-sm input + label::before {
                width: calc(calc(1.9375rem * 0.8) * 2);
            }

            .switch.switch-sm input + label::after {
                width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
                height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
            }

        .switch.switch-sm input:checked + label::after {
            margin-left: calc(1.9375rem * 0.8);
        }

    .switch.switch-lg {
        font-size: 1.25rem;
    }

        .switch.switch-lg input + label {
            min-width: calc(calc(3rem * 0.8) * 2);
            height: calc(3rem * 0.8);
            line-height: calc(3rem * 0.8);
            text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
        }

            .switch.switch-lg input + label::before {
                width: calc(calc(3rem * 0.8) * 2);
            }

            .switch.switch-lg input + label::after {
                width: calc(calc(3rem * 0.8) - calc(2px * 2));
                height: calc(calc(3rem * 0.8) - calc(2px * 2));
            }

        .switch.switch-lg input:checked + label::after {
            margin-left: calc(3rem * 0.8);
        }

    .switch + .switch {
        margin-left: 1rem;
    }
 

.contentB {
    display: none;
}

.pricing_page { 
    padding:30px 0px !important;
}


@media(max-width: 767px) {
    .toggle_css label {
        font-size: 11px !important;
        font-weight: 600 !important;
        margin: 0px 0px -4px 2px;
        padding: 0px !important;
    }
    .switch input + label {
        height: 25px;
        line-height: 2;
    }

    .switch input + label::after {
        width: 22px;
        height: 20px;
        left: 3px;
    }
}



@media (min-width:768px){
    .toggle_css {
        justify-content: center;
        display: flex;
    }
    .pricing_cardwid {
        min-width: 700px !important; 
    }
    .pricing-card-new {
        width:800px !important;
    }
    .bar_heading { 
        min-width: 800px !important; 
    }
    
    .left_text_padding {
        padding-left: 2.5%;
    }
    .mb-44{
        margin-bottom: 40px;
    }
}

.toggle_css {
    text-align: center;
}


.toggle_css label{
    font-size: 25px;
    font-weight: 600;
    padding: 0px 10px;
    line-height: 1;
    color: #000;
}

.pricing-plans {
    gap: 32px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding: 30px;
}

.pricing-card-new .pricing-plans {
    padding: 0px;
}

.pricing-card {
    --col: #e4e4e7;
    position: relative;
    min-width: 360px;
    min-height: 645px;
    padding: 15px;
    padding-bottom: 43px;
    border-radius: 4px;
    border: 1px solid #262626;
    background-color: #26262620;
    box-shadow: 0 0 32px transparent;
    text-align: center;
}


    .pricing-card.basic {
        --col: #0891b2;
        background: #111;
    }

    .pricing-card.standard {
        --col: #059669;
        background: #111;
    }

    .pricing-card.premium {
        --col: #c026d3;
        background: #111;
    }


.bar_heading {
    background: #134376;
    color: #fff;
    padding: 10px 0px 20px 0px;
    border-radius: 15px;
    min-width: 340px;
    text-align: center;
    margin-bottom: -3.5em;
}

.bar_heading h3 { 
    color: #fff; 
}

.thunderbold_img {
    display: block;
    width: 194px;
}
.arrow_img {
    width: auto; 
    display: block;margin-bottom:10px;
}

.pricing-card-new {  
    min-width: 340px;
    min-height: 630px;
    padding: 15px;
    padding-bottom: 43px;
    border-radius: 15px;
    border: 0px solid #262626;
    background-color: #ffffff !important;
    box-shadow: 0 0 32px #0000004f;
    text-align: center;
}

    /*.pricing-card:hover {
        border-color: #197cf1;
        background-color: #197cf1;
        box-shadow: 0 0 32px #171717;
        transform: translateY(-16px) scale(1.02);
        transition: all 0.5s ease;
    }*/

    .pricing-card > *:not(:last-child) {
        margin-bottom: 15px;
    }

.pricing-card .heading h4 {
    padding-bottom: 12px;
    /*color: var(--col);*/
    color: #0069d9;
    /*font-size: 27px;*/
    font-weight: 800;
}

.pricing-card .heading p {
    color: #fff;
    font-size: 18px;
    font-weight: lighter;
    text-align: center;
}

.pricing-card-new .heading p {
    color: #000 !important;
    font-size: 18px;
    font-weight: 500;
    text-align: left !important;
    min-height: 62px;
    padding-top: 10px;
}
.first_box .heading p {
    min-height: inherit !important;
    padding-top: 0px;
}

.pricing-card .price {
    position: relative;
    /*color: var(--col);*/
    color: #0069d9;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
}
.pricing-card-new .price { 
    text-align: left;
}
.first_box {
    padding: 30px;
}
p.user_month {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
}

        .pricing-card .price sub {
            position: absolute;
            bottom: 14px;
            color: #fff;
            font-size: 14px;
            font-weight: lighter;
        }
        .pricing-card-new .price sub { 
            color: #000; 
        }
    .pricing-card .features li {
        padding-bottom: 5px;
        color: #fff;
        font-size: 16px;
        font-weight: lighter;
        text-align: left;
    }

        .pricing-card .features li i,
        .pricing-card .features li strong {
            color: #e4e4e7;
            font-size: 16px;
            text-align: left;
        }

        .pricing-card .features li strong {
            padding-left: 15px;
        }


.pricing-card-new .features li i {
    color: #2cb5e9 !important;
    font-size: 16px;
    text-align: left;
    height: 28px;
    float: left;
    width: 30px;
    top: 7px;
    padding-right: 22px;
    position: relative;
}

.pricing-card-new .features li strong {
    padding-left:0px;
    color: #000000 !important;
}

    .pricing-card .cta-btn {
        position: absolute;
        bottom:15px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
        padding: 12px;
    }

        .pricing-card .cta-btn:active {
            /*background-color: transparent;
            color: var(--col);*/
            transition: all 0.3s ease;
        }


.fa-check:before {
    content: "\f00c";
}


.toggle_css h3 {
    font-size: 25px;
    font-weight: 600;
    padding: 0px 10px;
    line-height: 1;
    color: #0069d9 !important;
}



.text-pos1 {
    position: absolute;
    left: 3%;
    top: 48%;
}

.text-pos1 p {
    color: #fff;
    padding: 0px;
    margin-bottom: 0px;
}
.pricing-card-b { 
    min-width: 100%;
    min-height: 700px;
    padding: 15px 15px 43px; 
    border: 0px solid rgb(38, 38, 38);
    background-color: rgb(38 38 38 / 0%);
    background-image: url('../images/thunderbolt_pricing_img/box.png');
    background-size: contain;
    background-repeat: no-repeat; 
    text-align: center;
}


.arrow_mg { 
    margin-bottom:0px !important;
}

@media only screen and (max-width:480px) {
    .text-pos1 {
        top: 35%;
    }

}

@media(min-width:481px) and (max-width:767px) {
    .text-pos1 {
        top: 45%;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .text-pos1 {
        top: 33%;
    }
    .bar_heading {
        min-width: 700px !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .text-pos1 {
        top: 35%;
    }
}

@media(min-width:1200px) and (max-width:1484px) {
    .text-pos1 {
        top: 42%;
    }
}



.color_blue {
    color: #0069d9 !important;
}


.fa-check {
    color: #0069d9 !important;
}



.basic .cta-btn {
    border: 1px solid #0069d9;
    background-color: #0069d9;
}

.basic .price {
    color: rgb(44 181 233);
}

.basic .heading h4 {
    color: #0069d9;
}

.basic .cta-btn:active {
    background-color: transparent;
    color: #0069d9;
    transition: all 0.3s ease;
}


.text1 {
    font-size: 26px;
    font-weight: 900;
    color: #111;
    min-height: 52px;
}

.text2 {
    color: #0069d9;
    font-size: 20px;
    font-weight: 600;
}


@media(min-width:992px){
    .arrow {
        width: 120px;
    }

    .line {
        margin-top: 8px;
        width: 90px;
        background: #111;
        height: 5px;
        float: left;
    }

    .point {
        width: 0;
        height: 0;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-left: 30px solid #111;
        float: right;
    }

    .img_wid {
        width: 100%;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .arrow {
        width: 90px;
    }

    .line {
        margin-top: 8px;
        width: 60px;
        background: #111;
        height: 5px;
        float: left;
    }

    .point {
        width: 0;
        height: 0;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-left: 30px solid #111;
        float: right;
    }

    .img_wid{
        width: 100%;
    }
}

.arrow_pos {
    align-items: center;
    display: flex;
}

@media(max-width:767px) {
    .img_wid {
        width: 50%;
    }

    .arrow_img {
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .pricing-card .cta-btn {
        bottom: 15px;
    }

    .first_box {
        padding-bottom: 3rem;
    }


    .subtext-font {
        font-size: 22px;
    }

    .img-size {
        width: 25%;
    }
}
@media(max-width:767px){
    .img-size {
        width: 50%;
    }
    .bar_heading h3 { 
        font-size: 20px;
    }
   
}

@media(min-width: 1200px){
    .sec-pos{
        margin-left: 8%;
    }
}

@media(min-width:481px) and (max-width:767px) {
    .sec-pos1 {
        margin-left: 25%;
        margin-top: 5%;
        margin-bottom: 5%
    }
}

@media(max-width:480px) {
    .sec-pos1 {

      text-align:center;
    }

    .mob_pt10 { padding-top:0px !important;
    }
    
    .text1 {
        font-size: 22px;
        min-height: inherit;
    }
    .pricing_page {
        padding: 10px 0px !important;
    }
    .pricing-card .features li i, .pricing-card .features li strong {
        font-size: 14px;
    }

    .pricing-card .features li {
        font-size: 14px;
        line-height: 16px;
    }

    .pricing-card-new .features li i {
        height: 10px;
        width: 25px;
    }

    .pricing-card-new .heading p {
        font-size: 16px;
    }
}

@media(max-width:350px) {
    .bar_heading { 
        min-width: 280px; 
    }
    .pricing-card-new { 
        min-width: 280px; 
    }
    .toggle_css label {
        font-size: 9px !important; 
    }
   
}


.pricing-card .cta-btn1 {
    bottom: 50px;
}

.pricing-card .cta-text1 {
    position: absolute;
    color: #fff;
    bottom: 0px;
    left: 0%;
    transform: translateX(25%);
}

.cta-text1 p {
    color: #000;
    font-weight: 400;
    font-size: 14px;
}













.comparison {
    max-width: 98%;
    margin: 0 auto;
    font: 18px "poppins"; Roboto, Helvetica, Arial, sans-serif;
    color: #4b4b4b;
    text-align: center;
    padding: 8px 10px 30px 10px;
}

    .comparison table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        border-bottom: 1px solid #e6e6e6;
        text-align: center;
    }

    .comparison td, .comparison th {
        border-right: 1px solid #e6e6e6;
        empty-cells: show;
        padding: 14px;
    }

.compare-heading {
    font: 18px "poppins", Roboto, Helvetica, Arial, sans-serif;
    color: #4b4b4b;
    font-weight: bold !important;
    border-bottom: 0 !important;
    padding-top: 10px !important;
}

.comparison tbody tr:nth-child(odd) {
    display: none;
}

.comparison .compare-row {
    background: #fff;
    border: 1px solid #e6e6e6;
}

.comparison .fa-check {
    color: #048383;
    font-size: 20px;
}

.comparison .fa-times {
    color: #ef7473;
    font-size: 20px;
}

.comparison .fa-info-circle {
    color: #cccccc;
    font-size: 20px;
}

.comparison th {
    font-weight: normal;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    color: #757575;
}

.comparison tr td:first-child {
    text-align: left;
    border: 1px solid #e6e6e6;
    font-weight: bold;
}

.comparison .qbse, .comparison .qbo, .comparison .tl {
    color: #4a4a4a;
    padding: 10px;
    font: 16px "poppins", Roboto, Helvetica, Arial, sans-serif;
    font-weight: bold;
    border-right: 1px solid #e6e6e6;
    border-bottom: 0;
}

.comparison .tl2 {
    border-right: 0;
}

.comparison .qbse {
    background: #0078c1;
    border-top-left-radius: 3px;
    border-left: 0px;
}

.comparison .qbo {
    background: #F7F7F7;
    border: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    color: rgb(75, 75, 75);
    font-size: 20px;
}

.comparison .price-info {
    padding: 10px 15px 15px 15px;
}

.comparison .price-now, .comparison .price-now span {
    color: #4a4a4a;
}

    .comparison .price-now span {
        color: #4a4a4a;
        font-size: 36px;
        font-family: "poppins", Roboto, Helvetica, Arial, sans-serif;
        font-weight: 400;
        margin: 0px -6px 0px 0px;
    }

.comparison .price-small {
    color: #4a4a4a;
    font-size: 20px !important;
    font-family: "poppins", Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    top: -11px;
    left: -7px;
}

.comparison .price-buy {
    --background: #000;
    padding: 8px 2px;
    display: inline-block;
    margin-left: 0px !important;
    min-width: 99px;
    --color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin: 8px 0 8px 0;
    font-size: 13px;
    font-weight: 700;
    font-family: "Open Sans", arial, sans-serif;
    letter-spacing: 0.7px;
    --border: 1px solid rgb(0, 0, 0);
    text-align: center;
}

.comparison .monthly-cta {
    background: #0069d9;
    color: #fff;
    border: 1px solid #0069d9;
}

.comparison .annual-cta {
    background: #0069d9;
    color: #fff;
    border: 1px solid #0069d9;
}

.comparison .monthly-cta:hover {
    background: #fff;
    color: #0069d9;
    border: 1px solid #0069d9;
}

.comparison .annual-cta:hover {
    background: #fff;
    color: #0069d9;
    border: 1px solid #0069d9;
}

.comparison .price-try {
    font-size: 12px;
}

    .comparison .price-try a {
        color: #202020;
    }

@media (max-width: 767px) {
    .comparison {
        font-size: 14px;
    }

        .comparison .qbo {
            background: none;
        }

        .comparison td:first-child, .comparison th:first-child {
            display: none;
        }

        .comparison tbody tr:nth-child(odd) {
            display: table-row;
            background: #f7f7f7;
        }

        .comparison .row {
            background: #fff;
        }

        .comparison td, .comparison th {
            border: 1px solid #e6e6e6;
        }

    .price-info {
        border-top: 0 !important;
    }
}

@media (max-width: 639px) {
    .comparison .price-info {
        padding: 10px 5px 10px 5px;
    }

    .comparison .price-buy {
        padding: 12px 10px;
        letter-spacing: 0.6px;
        font-size: 12px;
        min-width: 0px;
    }

    .comparison td, .comparison th {
        padding: 10px 5px;
    }

    .comparison .hide-mobile {
        display: none;
    }

    .comparison .price-now span {
        font-size: 24px;
        margin: 0px -2px 0px 0px;
    }

    .comparison .price-small {
        font-size: 24px !important;
        top: 0;
        left: -0.5;
    }

    .comparison .qbse, .comparison .qbo {
        font-size: 12px;
        padding: 10px 2px;
    }

    .comparison .price-buy {
        margin-top: 16px;
    }

    .compare-heading {
        font-size: 10px !important;
    }
}

@media (max-width: 425px) {
    /* Add a pseudo element with the text from attribute 'data-abbr' to shorten the CTA text */
    #choose-plan-cta[data-abbr]::after {
        content: attr(data-abbr);
    }
    /* Hide the original CTA text */
    #choose-plan-cta > span {
        display: none;
    }
}

.tooltip { 
  width: 16px;
    height: 16px;
    z-index: 0;
    border-radius: 10px;
    border: 2px solid #fff;
    position: absolute;
    background: rgba(255, 255, 255, 0.5); 
}

.comparison .fa-info-circle:hover {
    -webkit-animation-play-state: paused;
}

    .comparison .fa-info-circle:hover .tooltip-info {
        visibility: visible;
    }

.comparison .fa-info-circle:active {
    -webkit-animation-play-state: paused;
}

    .comparison .fa-info-circle:active .tooltip-info {
        visibility: visible;
    }

.tooltip-info {
    width: 200px;
    padding: 10px;
    background: rgba(255, 255, 255, 1);
    border-radius: 3px;
    position: absolute;
    visibility: hidden;
    margin: -180px 0 0 -98px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
}

.tt-info {
    margin: -155px 0 0 -98px;
}

.tooltip-title {
    font-family: "poppins", Roboto, Helvetica, Arial, sans-serif;
    color: #4b4b4b;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    margin: 0 0 5px 0;
}

.tooltip-text {
    font-family: "poppins", Roboto, Helvetica, Arial, sans-serif;
    color: #4b4b4b;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
}

.tooltip-arrow {
    position: absolute;
    margin: 10px 0 0 88px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

.app_img { 
    height:unset !important;
}

.events {
    padding-bottom: 65px;
    padding-top: 100px
}
.events__subtitle{margin-bottom:20px}.events__title{margin-bottom:50px}@media screen and (max-width:767px){.events__title{font-size:1.5rem}.events__title em{font-size:2.1875rem}}.events__hero-description{font-size:.875rem;margin:0 auto;max-width:calc(600px + 2*var(--generic-padding));padding:0 var(--generic-padding)}.events__hero-description p{line-height:1.375}@media screen and (min-width:768px){.events__hero-description p{font-size:1rem}}.events__content{background:hsla(320,6%,90%,.3);border-top:2px solid hsla(218,8%,51%,.5);padding:0 var(--generic-padding);padding-bottom:60px;padding-top:45px}@media screen and (min-width:768px){.events__content{padding-bottom:96px;padding-top:73px}}.events__filters{display:grid;grid-template-columns:1fr;margin:0 auto;max-width:1230px}@media screen and (min-width:768px){.events__filters{column-gap:29px;grid-template-columns:285px 1fr}}.events__list{display:grid;grid-template-columns:1fr;row-gap:12px}@media screen and (min-width:768px){.events__list{row-gap:30px}}.events__list-item{animation:fade-in 1s ease-in;display:none}@media screen and (min-width:1024px){.events__list-item{display:flex;flex-direction:row}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.events__list-item--mobile{display:block}@media screen and (min-width:1024px){.events__list-item--mobile{display:none}}.events__mobile-link-wrapper{color:currentColor;display:flex;flex-direction:column;-webkit-text-decoration:none;text-decoration:none}.events__img{height:200px;max-height:300px;position:relative;width:100%}.events__img img{display:block;font-family:"object-fit:cover";height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:480px)and (max-width:539px){.events__img{height:270px}}@media screen and (min-width:540px)and (max-width:767px){.events__img{height:337.5px}}@media screen and (min-width:1024px)and (max-width:1279px){.events__img{height:576px}}@media screen and (min-width:1280px)and (max-width:1439px){.events__img{height:691.875px}}@media screen and (min-width:768px){.events__img{height:300px;max-height:345px}}@media screen and (min-width:1024px){.events__img{flex:0 1 auto;height:345px;margin-right:-75px;max-height:none;max-width:495px}}.events__item{background:#fff;display:flex;flex:1 1 auto;flex-direction:column;font-family:AdobeTextPro,-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;min-height:210px;padding:25px 22px 20px;z-index:1}@media screen and (min-width:1024px){.events__item{align-self:flex-start;margin-top:52px;max-width:496px;min-height:293px;min-width:380px;padding:36px 22px 20px}}.events__item-title{font-size:1.5625rem}.events__item-title em{font-style:normal}@media screen and (min-width:768px){.events__item-title{font-size:1.875rem}}.events__inner{margin-top:auto}.events__item-info{align-items:flex-start;display:flex;flex-wrap:nowrap;margin-bottom:20px;position:relative}@media screen and (min-width:768px){.events__item-info{margin-bottom:17px}}.events__item-info:after{background-color:#e7e5e7;bottom:-7px;content:"";height:1px;left:0;position:absolute;width:100%}.events__item-info:last-child{margin-bottom:0}.events__item-info:last-child:after{display:none}.events__item-info-title{flex-shrink:0;font-family:AdobeTextPro-italic,-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-style:normal;width:80px}.events__item-info-description{font-family:Gotham-book,-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:.75rem;letter-spacing:.075rem;text-transform:uppercase}@media screen and (min-width:768px){.events__item-info-description{font-size:.875rem;letter-spacing:.0875rem}}.events__links-wrapper{display:none}@media screen and (min-width:1024px){.events__links-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:15px 10px;justify-content:space-between;margin-top:15px}}@media screen and (min-width:1280px){.events__links-wrapper{column-gap:50px;justify-content:flex-start;margin-top:29px}}.events__cta,.events__link{font-family:Gotham-book,-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:.75rem;font-weight:800;text-align:center}

.mt80 {
    margin-top: 60px;
}


@media (min-width:1200px) {
    .sticky {
        top: 88px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .sticky {
        top: 81px;
        background: #fff;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sticky {
        top: 45px;
        background: #fff;
    }

    span.price-now {
        min-height: 55px;
        display: block;
    }
}

@media (max-width: 767px) {
    .sticky {
        position: relative !important;
    }

    .comparison th {
        font-size: 10px;
    }
}

@media (min-width:1200px) {
    .mysticky {
        width: 1100px !important;
        margin: auto;
        left: 0px;
        right: 0px;
    }

    #tbnavtab.sticky {
        width: 1100px !important;
        margin: auto;
        left: 0px;
        right: 0px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #tbnavtab.sticky {
        width: 920px !important;
        margin: auto;
        left: 0px;
        right: 0px;
    }

    #tbnavtab.sticky {
        width: 920px !important;
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .mysticky {
        width: 920px !important;
        margin: auto;
        left: 0px;
        right: 0px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .mysticky {
        width: 690px !important;
        margin: auto;
        left: 0px;
        right: 0px;
    }

    #tbnavtab.sticky {
        width: 700px !important;
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .bg-sec { 
        width: 100%;
    }

    .box-img {
        /*height: 100%;*/
        height: auto;
    }
}

@media (max-width: 767px) {
    #tbnavtab.sticky {
        top: 60px;
    }
}

@media (max-width:400px) {
    .mysticky {
        width: 83% !important;
        margin-left: 2rem !important;
    }

    #tbnavtab.sticky {
        width: 83% !important;
        margin-left: 2rem !important;
    }

    .mt80 {
        margin-top: 30px;
    }
}

@media (max-width:480px) {
    .mysticky {
        width: 85% !important;
        margin-left: 2rem !important;
    }

    .mob_mt-0 { 
        margin-top:0px !important;
    }

    #tbnavtab.sticky {
        top: 50px;
    }

    .tabbed {
        padding-top: 2rem;
    }

    .fixed-top {
        position: fixed !important;
    }

    #tbnavtab.sticky {
        width: 92% !important;
        margin-left: 1rem !important;
    }
    
    .service-area .ldZdCm {
        top: 60% !important;
    }

    .service-area .iqPsnt {
        top: 60% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #choose-plan-cta.contact4th {
        margin-top: 50px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #choose-plan-cta.contact4th {
        margin-top: 38px !important;
    }

    .text-font {
        font-size: 1.2rem !important;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    #choose-plan-cta.contact4th {
        margin-top: 30px !important;
    }
}

@media (min-width: 481px) and (max-width: 600px) {
    #choose-plan-cta.contact4th {
        margin-top: 40px !important;
    }
}

@media (max-width: 480px) {
    #choose-plan-cta.contact4th {
        margin-top: 64px !important;
    }
}






.pg-content .tabbed {
    overflow-y: hidden;
}




.mysticky {
    left: 0;
    margin: auto;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    z-index: 99;
    -webkit-animation: .3s ease-in-out fadeInDown;
    animation: .3s ease-in-out fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, .1);
    background: #fff;
}

.offcanvas-menu, .offcanvas-overly, .mysticky {
    position: fixed;
    top: 80px;
}

.contact4th {
    margin-top: 28px !important;
}



@media (min-width:768px) and (max-width:991px) {
    .offcanvas-menu, .offcanvas-overly, .mysticky {
        top: 45px;
    }
}

@media (min-width:600px) and (max-width:767px) {
    .offcanvas-menu, .offcanvas-overly, .mysticky {
        top: 65px;
    }
}


@media (max-width: 767px) {
    .sticky {
        position: fixed !important;  
    }

    .award-security {
        margin-top: 2rem !important;
    }

    .offcanvas-menu, .offcanvas-overly, .mysticky {
        top: 70px;
    }

    .security-title h2 {
        font-size: 30px !important;
    }
}



#tbnavtab.sticky {
    left: 0;
    margin: auto;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    z-index: 99;
    -webkit-animation: .3s ease-in-out fadeInDown;
    animation: .3s ease-in-out fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, .1);
    background: #fff;
}

.text-color {
    color: #000;
}


.bgd-color {
    background-color: #e7e4e673;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .bgd-color {
        padding-left: 35px;
    }
}



@media (min-width: 992px) {
    #mytbnav .qbo {
        font-size: 17px;
    }
}