html {
    scroll-behavior: smooth;
}
.parrentpadding {
    padding-left: 140px;
    padding-right: 140px;
}

.parrentpadding-120 {
    padding-left: 120px;
    padding-right: 120px;
}

.parrentpadding-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.parrentpadding-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.d-none {
    display: none !important;
}

.text-white{
    color: #ffffff;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6;
}

.MainHeading{
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    position: relative;
    color: #222f71;
    width: fit-content;
    margin: 0 auto;
}
.MainHeading::after {
    content: "";
    width: 50%;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    border-radius: 1px;
    background: #ed9421;
    left: 0;
    right: 0;
    bottom: -5px;
}
.MainHeading.client{
    color: #ffffff;
}
.MainHeading.client::after {
    content: "";
    width: 50%;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    border-radius: 1px;
    background: #ffffff;
    left: 0;
    right: 0;
    bottom: -5px;
}
.MainHeadingfirst{
    font-size: 17px;
    font-weight: 100;
    position: relative;
    color: #222f71;
    width: fit-content;
}
.MainHeadingfirst::after {
    content: "";
    width: 50%;
    position: absolute;
    height: 3px;
    border-radius: 1px;
    background: #ed9421;
    left: 0;
    right: 0;
    bottom: -5px;
}
.submit {
    width: 100%;
    background: #ed9421;
    padding: 10px 20px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    margin: 20px 0 5px 0;
}
.watapp {
    position: fixed;
    bottom: 88px;
    right: 22px;
    width: 60px;
    height: 60px;
    background: #dddddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    box-shadow: 0px 0px 6px #b1acac;
}
.watapp a{
    color: #48b24b;
}
/* ================================================================ */

/* ===========================Margin Top start===================== */

/* ================================================================ */

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

.myt-5 {
    margin-top: 5px;
}

.myt-10 {
    margin-top: 10px;
}

.myt-15 {
    margin-top: 15px;
}

.myt-20 {
    margin-top: 20px;
}

.myt-25 {
    margin-top: 25px;
}

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

.myt-35 {
    margin-top: 35px;
}

.myt-40 {
    margin-top: 40px;
}

.myt-45 {
    margin-top: 45px;
}

.myt-50 {
    margin-top: 50px;
}

/* ================================================================ */

/* ===========================Margin Top End======================= */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* ===========================Margin bottom start================== */

/* ================================================================ */

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

.myb-5 {
    margin-bottom: 5px;
}

.myb-10 {
    margin-bottom: 10px;
}

.myb-15 {
    margin-bottom: 15px;
}

.myb-20 {
    margin-bottom: 20px;
}

.myb-25 {
    margin-bottom: 25px;
}

.myb-30 {
    margin-bottom: 30px;
}

.myb-35 {
    margin-bottom: 35px;
}

.myb-40 {
    margin-bottom: 40px;
}

.myb-45 {
    margin-bottom: 45px;
}

.myb-50 {
    margin-bottom: 50px;
}

/* ================================================================ */

/* ===========================Margin bottom End==================== */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* ===========================Margin right start=================== */

/* ================================================================ */

.mxr-0 {
    margin-right: 0px !important;
}

.mxr-5 {
    margin-right: 5px;
}

.mxr-10 {
    margin-right: 10px;
}

.mxr-15 {
    margin-right: 15px;
}

.mxr-20 {
    margin-right: 20px;
}

.mxr-25 {
    margin-right: 25px;
}

.mxr-30 {
    margin-right: 30px;
}

.mxr-35 {
    margin-right: 35px;
}

.mxr-40 {
    margin-right: 40px;
}

.mxr-45 {
    margin-right: 45px;
}

.mxr-50 {
    margin-right: 50px;
}

/* ================================================================ */

/* ===========================Margin right End===================== */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* ===========================Margin left start==================== */

/* ================================================================ */

.mxl-0 {
    margin-left: 0px !important;
}

.mxl-5 {
    margin-left: 5px;
}

.mxl-10 {
    margin-left: 10px;
}

.mxl-15 {
    margin-left: 15px;
}

.mxl-20 {
    margin-left: 20px;
}

.mxl-25 {
    margin-left: 25px;
}

.mxl-30 {
    margin-left: 30px;
}

.mxl-35 {
    margin-left: 35px;
}

.mxl-40 {
    margin-left: 40px;
}

.mxl-45 {
    margin-left: 45px;
}

.mxl-50 {
    margin-left: 50px;
}

/* ================================================================= */

/* ===========================Margin left End======================= */

/* ***************************************************************** */

/* All side padding */

.mxy-15 {
    margin: 15px !important;
}

.mxy-0 {
    margin: 0 !important;
}

/* All side padding */

/* ****************************************************************** */

/* ===========================padding Top start====================== */

/* ================================================================== */

.pyt-0 {
    padding-top: 0px !important;
}

.pyt-5 {
    padding-top: 5px;
}

.pyt-10 {
    padding-top: 10px;
}

.pyt-15 {
    padding-top: 15px;
}

.pyt-20 {
    padding-top: 20px;
}

.pyt-25 {
    padding-top: 25px;
}

.pyt-30 {
    padding-top: 30px;
}

.pyt-35 {
    padding-top: 35px;
}

.pyt-40 {
    padding-top: 40px;
}

.pyt-45 {
    padding-top: 45px;
}

.pyt-50 {
    padding-top: 50px;
}

/* ================================================================ */

/* ===========================padding Top End====================== */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* ===========================padding bottom start================= */

/* ================================================================ */

.pyb-0 {
    padding-bottom: 0px !important;
}

.pyb-5 {
    padding-bottom: 5px;
}

.pyb-10 {
    padding-bottom: 10px;
}

.pyb-15 {
    padding-bottom: 15px;
}

.pyb-20 {
    padding-bottom: 20px;
}

.pyb-25 {
    padding-bottom: 25px;
}

.pyb-30 {
    padding-bottom: 30px;
}

.pyb-35 {
    padding-bottom: 35px;
}

.pyb-40 {
    padding-bottom: 40px;
}

.pyb-45 {
    padding-bottom: 45px;
}

.pyb-50 {
    padding-bottom: 50px;
}

/* ================================================================ */

/* ===========================padding bottom End=================== */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* ===========================padding right start================== */

/* ================================================================ */

.pxr-0 {
    padding-right: 0px !important;
}

.pxr-5 {
    padding-right: 5px;
}

.pxr-10 {
    padding-right: 10px;
}

.pxr-15 {
    padding-right: 15px;
}

.pxr-20 {
    padding-right: 20px;
}

.pxr-25 {
    padding-right: 25px;
}

.pxr-30 {
    padding-right: 30px;
}

.pxr-35 {
    padding-right: 35px;
}

.pxr-40 {
    padding-right: 40px;
}

.pxr-45 {
    padding-right: 45px;
}

.pxr-50 {
    padding-right: 50px;
}

/* ================================================================ */

/* ===========================padding right End==================== */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* **************************************************************** */

/* ===========================padding left start=================== */

/* ================================================================ */

.pxl-0 {
    padding-left: 0px !important;
}

.pxl-5 {
    padding-left: 5px;
}

.pxl-10 {
    padding-left: 10px;
}

.pxl-15 {
    padding-left: 15px;
}

.pxl-20 {
    padding-left: 20px;
}

.pxl-25 {
    padding-left: 25px;
}

.pxl-30 {
    padding-left: 30px;
}

.pxl-35 {
    padding-left: 35px;
}

.pxl-40 {
    padding-left: 40px;
}

.pxl-45 {
    padding-left: 45px;
}

.pxl-50 {
    padding-left: 50px;
}

/* ================================================================ */

/* ===========================padding left End======================= */

/* ******************************************************************** */

/* All side padding */

.pxy-15 {
    padding: 15px;
}

.pxy-0 {
    padding: 0;
}

/* All side padding */

/* ******************************************************************** */

/* ================================================================ */

/* ===========================body css start======================= */

/* ******************************************************************** */

/* ******************************************************************** */

.rowWeb {
    margin-left: -15px;
    margin-right: -15px;
}

.columnWeb {
    padding-left: 15px;
    padding-right: 15px;
}

.wh-23 {
    width: 23%;
}

.wh-25 {
    width: 25%;
}

.wh-50 {
    width: 50%;
}

.wh-75 {
    width: 75%;
}

.wh-100 {
    width: 100%;
}

/* ******************************************************************** */

/* ******************************************************************** */

/* ================================================================ */

/* ===========================body css End======================= */

/*=================== Media query start============================ */

@media (min-width: 0px) and (max-width: 481.99px) {
    /* .myt-15, .myt-20, .myt-25, .myt-30, .myt-35, .myt-40, .myt-45, .myt-50 {}
    .myb-15, .myb-20, .myb-25, .myb-30, .myb-35, .myb-40, .myb-45, .myb-50 {} */
    .mxr-15, .mxr-20, .mxr-25, .mxr-30, .mxr-35, .mxr-40, .mxr-45, .mxr-50 {
        margin-right: 15px !important;
    }
    .mxl-15, .mxl-20, .mxl-25, .mxl-30, .mxl-35, .mxl-40, .mxl-45, .mxl-50 {
        margin-left: 15px !important;
    }
    .pxr-15, .pxr-20, .pxr-25, .pxr-30, .pxr-35, .pxr-40, .pxr-45, .pxr-50 {
        padding-right: 15px !important;
    }
    .pxl-15, .pxl-20, .pxl-25, .pxl-30, .pxl-35, .pxl-40, .pxl-45, .pxl-50 {
        padding-left: 15px !important;
    }
    .parrentpadding, .parrentpadding-120, .parrentpadding-40, .parrentpadding-30 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
}

@media (min-width: 482px) and (max-width: 767.98px) {
    /* .myt-15, .myt-20, .myt-25, .myt-30, .myt-35, .myt-40, .myt-45, .myt-50 {}
    .myb-15, .myb-20, .myb-25, .myb-30, .myb-35, .myb-40, .myb-45, .myb-50 {} */
    .mxr-15, .mxr-20, .mxr-25, .mxr-30, .mxr-35, .mxr-40, .mxr-45, .mxr-50 {
        margin-right: 15px !important;
    }
    .mxl-15, .mxl-20, .mxl-25, .mxl-30, .mxl-35, .mxl-40, .mxl-45, .mxl-50 {
        margin-left: 15px !important;
    }
    .pxr-15, .pxr-20, .pxr-25, .pxr-30, .pxr-35, .pxr-40, .pxr-45, .pxr-50 {
        padding-right: 15px !important;
    }
    .pxl-15, .pxl-20, .pxl-25, .pxl-30, .pxl-35, .pxl-40, .pxl-45, .pxl-50 {
        padding-left: 15px !important;
    }
    .parrentpadding, .parrentpadding-120, .parrentpadding-40, .parrentpadding-30 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .parrentpadding, .parrentpadding-120, .parrentpadding-40, .parrentpadding-30 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .parrentpadding, .parrentpadding-120, .parrentpadding-40, .parrentpadding-30 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ===============Copy Right======================= */
.btnbutton{
    color: #0b5a9c;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 20px 5px;
    margin: 15px 7px;
    border: none;
    border-radius: 25px;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 1px solid #0b5a9c;
    min-width: 215px;
    text-align: center;
}
.btnbutton:hover, .btnbutton:focus, .btnbutton:active{
    border: 1px solid #0b5a9c;
    background: #0b5a9c;
    color: #ffffff;
}




.btnsection{
    position: absolute;
    width: 100%;
    bottom: 0;
}
.heroshottext{
    color: #0b5a9c;
    font-weight: 600;
    font-size: 20px;
}
.heroimageSEO h2 {
    margin-top: 10%;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ff5e14;
}

/* services section strat */
.box {
    position: relative;
    width: 100%;
}

.our-services {
    margin-top: 15px;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    height: 150px;
    transition: all .4s ease-in-out;
    box-shadow: 0 0 25px 0 rgba(20, 27, 202, .17)
}

.our-services .icon {
    text-align: center
}
.our-services .icon img{
    width: 70px;
    margin-top: 15px;
}
.our-services h4{
    font-size: 20px;
}
.our-services:hover h4,
.our-services:hover p {
    color: #000000
}

.speedup:hover {
    cursor: pointer;
}

.settings:hover {
    cursor: pointer;
}

.privacy:hover {
    cursor: pointer;
}

.backups:hover {
    cursor: pointer;
}

.ssl:hover {
    cursor: pointer;
}

.database:hover {
    cursor: pointer;
}

/* ******************************************************************** */

/* ******************************************************************** */

/* ================================================================ */

/*=================== Media query start============================ */

@media (min-width: 0px) and (max-width: 481.99px) {
    .heroshottext {
        font-size: 16px;
        margin-bottom: 0;
        padding: 0 15px;
    }
    .heroservicesholder {
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .btnbutton{
        min-width: auto;
        margin: 5px 0;
    }
    .heroimageSEO h2 {
        margin-top: 60px;
        margin-left: 15px;
    }
}

@media (min-width: 482px) and (max-width: 767.98px) {
    .heroshottext {
        font-size: 16px;
        margin-bottom: 0;
        padding: 0 15px;
    }
    .heroservicesholder {
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .btnbutton{
        min-width: auto;
        margin: 5px 0;
    }
    .heroimageSEO h2 {
        margin-top: 90px;
        margin-left: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .heroimageSEO h2 {
        margin-top: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    
}

.tab .nav-tabs{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: none;
}
.tab .nav-tabs li{
    margin-right: 5px;
    z-index: 1;
}
.tab .nav-tabs li:last-child:after{
    border: none;
}
.tab .nav-tabs li a{
    display: block;
    padding: 15px 20px;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: #956cae;
    text-transform: uppercase;
    border-radius: 0;
    margin-right: 0;
    border: 2px solid #956cae;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover{
    color: #fff;
    border: 2px solid #956cae;
}
.tab .nav-tabs li a:after{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li.active a:after,
.tab .nav-tabs li a:hover:after{
    height: 100%;
    background: #956cae;
}
.tab .tab-content{
    padding: 20px;
    margin-top: 0;
    font-size: 14px;
    color: #999;
    line-height: 26px;
    background: #f5f5f5;
}
.tab .tab-content h3{
    font-size: 24px;
    margin-top: 0;
}
@media only screen and (max-width: 767px){
    .tab .nav-tabs li{ margin: 0 25px 0 0; }
}
@media only screen and (max-width: 479px){
    .tab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }
    .tab .nav-tabs li:after{
        width: 0;
        height: 100%;
        top: auto;
        bottom: -60%;
        right: 50%;
    }
}


/* =========================================== */

:root{
    --pricingTable-yellow: #faac01;
    --pricingTable-purple: #be4f91;
    --pricingTable-blue: #0192af;
}
.demo{ background: #dedddb; }
.pricingTable{
    padding-bottom: 10px;
    background: #fff;
    border-bottom: 15px solid #faac01;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.pricingTable:before{
    content: "";
    width: 100%;
    height: 350px;
    background: #faac01;
    position: absolute;
    top: -150px;
    left: 0;
    transform: skewY(-20deg);
}
.pricingTable .pricingTable-header{
    padding: 20px 20px 60px;
    text-align: left;
    position: relative;
}
.pricingTable .title{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}
.pricingTable .sub-title{
    display: block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.pricingTable .year{
    width: 80px;
    height: 55px;
    background: #fff;
    padding: 7px 0;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    color: #faac01;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 1;
}
.pricingTable .year:before,
.pricingTable .year:after{
    content: "";
    width: 57px;
    height: 57px;
    background: #fff;
    position: absolute;
    top: -28px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%) scaleY(0.5) rotate(45deg);
}
.pricingTable .year:after{
    top: auto;
    bottom: -28px;
}
.pricingTable .price-value{
    display: inline-block;
    width: 170px;
    height: 110px;
    padding: 15px;
    border: 2px solid #faac01;
    border-top: none;
    border-bottom: none;
    position: relative;
}
.pricingTable .price-value:before,
.pricingTable .price-value:after{
    content: "";
    width: 121px;
    height: 121px;
    border: 3px solid #faac01;
    border-right: none;
    border-bottom: none;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%) scaleY(0.5) rotate(45deg);
}
.pricingTable .price-value:after{
    border-top: none;
    border-left: none;
    border-bottom: 3px solid #faac01;
    border-right: 3px solid #faac01;
    top: auto;
    bottom: -60px;
}
.pricingTable .value{
    width: 100%;
    height: 100%;
    background: #fff;
    border: 2px solid #faac01;
    border-top: none;
    border-bottom: none;
    color: #faac01;
    z-index: 1;
    position: relative;
}
.pricingTable .value:before,
.pricingTable .value:after{
    content: "";
    width: 97px;
    height: 97px;
    background: #fff;
    border: 3px solid #faac01;
    border-bottom: none;
    border-right: none;
    position: absolute;
    top: -48px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%) scaleY(0.5) rotate(45deg);
}
.pricingTable .value:after{
    border-right: 3px solid #faac01;
    border-bottom: 3px solid #faac01;
    border-top: none;
    border-left: none;
    top: auto;
    bottom: -48px;
}
.pricingTable .currency{
    display: inline-block;
    font-size: 30px;
    margin-top: 7px;
    vertical-align: top;
}
.pricingTable .amount{
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 65px;
}
.pricingTable .amount span{
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    vertical-align: top;
    margin-top: -7px;
}
.pricingTable .month{
    display: block;
    font-size: 16px;
    line-height: 0;
}
.pricingTable .pricing-content{
    padding: 50px 15px 0px 60px;
    margin-bottom: 20px;
    list-style: none;
    text-align: left;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricing-content li{
    padding: 7px 0;
    font-size: 16px;
    color: #808080;
    position: relative;
}
.pricingTable .pricing-content li:before,
.pricingTable .pricing-content li.disable:before{
    content: "\f00c";
    font-family: "fontAwesome";
    font-weight: 900;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background: #98c458;
    text-align: center;
    color: #fff;
    position: absolute;
    left: -50px;
}
.pricingTable .pricing-content li.disable:before{
    content: "\f00d";
    background: #fe6c6c;
}
.pricingTable .pricingTable-signup{
    display: inline-block;
    width: 60%;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    font-weight: 700;
    color: #faac01;
    text-transform: uppercase;
    border: 2px solid #faac01;
    margin: 0 auto 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup:hover{
    background: #faac01;
    color: #fff;
}
.pricingTable.purple{ border-bottom-color: #be4f91; }
.pricingTable.purple:before{ background: #be4f91; }
.pricingTable.purple .year{ color: #be4f91; }
.pricingTable.purple .price-value{
    border-left-color: #be4f91;
    border-right-color: #be4f91;
}
.pricingTable.purple .price-value:before{
    border-left-color: #be4f91;
    border-top-color: #be4f91;
}
.pricingTable.purple .price-value:after{
    border-right-color: #be4f91;
    border-bottom-color: #be4f91;
}
.pricingTable.purple .value{
    border-left-color: #be4f91;
    border-right-color: #be4f91;
    color: #be4f91;
}
.pricingTable.purple .value:before{
    border-left-color: #be4f91;
    border-top-color: #be4f91;
}
.pricingTable.purple .value:after{
    border-right-color: #be4f91;
    border-bottom-color: #be4f91;
}
.pricingTable.purple .pricingTable-signup{
    color: #be4f91;
    border-color: #be4f91;
}
.pricingTable.purple .pricingTable-signup:hover{
    color: #fff;
    background: #be4f91;
}
.pricingTable.blue{ border-bottom-color: #0192af; }
.pricingTable.blue:before{ background: #0192af; }
.pricingTable.blue .year{ color: #0192af; }
.pricingTable.blue .price-value{
    border-left-color: #0192af;
    border-right-color: #0192af;
}
.pricingTable.blue .price-value:before{
    border-left-color: #0192af;
    border-top-color: #0192af;
}
.pricingTable.blue .price-value:after{
    border-right-color: #0192af;
    border-bottom-color: #0192af;
}
.pricingTable.blue .value{
    border-left-color: #0192af;
    border-right-color: #0192af;
    color: #0192af;
}
.pricingTable.blue .value:before{
    border-left-color: #0192af;
    border-top-color: #0192af;
}
.pricingTable.blue .value:after{
    border-right-color: #0192af;
    border-bottom-color: #0192af;
}
.pricingTable.blue .pricingTable-signup{
    color: #0192af;
    border-color: #0192af;
}
.pricingTable.blue .pricingTable-signup:hover{
    color: #fff;
    background: #0192af;
}
/* ================================================= */
.pricingTable.darkyellow{ border-bottom-color: #ff5e14; }
.pricingTable.darkyellow:before{ background: #ff5e14; }
.pricingTable.darkyellow .year{ color: #ff5e14; }
.pricingTable.darkyellow .price-value{
    border-left-color: #ff5e14;
    border-right-color: #ff5e14;
}
.pricingTable.darkyellow .price-value:before{
    border-left-color: #ff5e14;
    border-top-color: #ff5e14;
}
.pricingTable.darkyellow .price-value:after{
    border-right-color: #ff5e14;
    border-bottom-color: #ff5e14;
}
.pricingTable.darkyellow .value{
    border-left-color: #ff5e14;
    border-right-color: #ff5e14;
    color: #ff5e14;
}
.pricingTable.darkyellow .value:before{
    border-left-color: #ff5e14;
    border-top-color: #ff5e14;
}
.pricingTable.darkyellow .value:after{
    border-right-color: #ff5e14;
    border-bottom-color: #ff5e14;
}
.pricingTable.darkyellow .pricingTable-signup{
    color: #ff5e14;
    border-color: #ff5e14;
}
.pricingTable.darkyellow .pricingTable-signup:hover{
    color: #fff;
    background: #ff5e14;
}




@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
    .pricingTable:before{ transform: skewY(-15deg); }
    .pricingTable .title{ font-size: 22px; }
}
.avatar {
    border: 0.3rem solid rgba(#fff, 0.3);
    margin-top: -6rem;
    margin-bottom: 1rem;
    max-width: 9rem;
}
.avatar.rounded-circle{
    width: 100px;
    margin-top: -4.5rem;
}
.card{
    width: 31.2%;
    margin: 1%;
}