/* waves */
.ocean {
    height: 80px; /* change the height of the waves here */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
}

.wave {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23003F7C'/%3E%3C/svg%3E");
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
}

    .wave:nth-of-type(2) {

        bottom: 0;
        animation: wave 18s linear reverse infinite;
        opacity: 0.5;
    }

    .wave:nth-of-type(3) {
        bottom: 0;
        animation: wave 20s -1s linear infinite;
        opacity: 0.5;
    }

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

    50% {
        transform: translateX(-25%);
    }

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




/* waves */
.ocean1 {
    height: 80px; /* change the height of the waves here */
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
}

.wave1 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23003F7C'/%3E%3C/svg%3E");
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
}

    .wave1:nth-of-type(2) {
        bottom: 0;
        animation: wave 18s linear reverse infinite;
        opacity: 0.5;
    }

    .wave1:nth-of-type(3) {
        bottom: 0;
        animation: wave 20s -1s linear infinite;
        opacity: 0.5;
    }

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

    50% {
        transform: translateX(-25%);
    }

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

@media (max-width: 400px) {
    .background-image1, [data-bg-src1] {
        background-size: contain;
        margin-top: 0px;
        background-position: center center;
        background-repeat: no-repeat;
    }
}


.breadcumb-wrapper1 {
    position: relative;
    
    background-position: left top;
    padding: 163px 0;
    overflow: hidden;
    text-align: center
}


@media (max-width: 400px) {
    .breadcumb-wrapper1 {
        position: relative;
        background-position: left top;
        padding: 40px 0;
        overflow: hidden;
        text-align: center
    }
}


@media (max-width: 400px) {
    .breadcumb-content1 {
        position: relative;
        background-position: left top;
        margin-top: -45px;
        overflow: hidden;
        text-align: center
    }
}

@media (max-width: 400px) {
    .new{
        font-size: 22px;
        text-align: center;
    }
}

.breadcumb-title1 {
    margin: -0.23em 0 -0.18em 0;
    font-size: 54px;
    font-family: var(--title-font);
    color: var(--white-color);
    font-weight: 700;
    text-transform: capitalize;
}

@media (max-width: 400px) {
    .breadcumb-title {
        font-size: 18px;
        line-height: 54px;
    }
}

@media (max-width: 400px) {
    .breadcumb-menu li {
        font-size: 18px;
       
    }
}

@media (max-width: 400px) {
    .breadcumb-menu {
        margin: -6px 0 -0.5em 0;
    }
}
@media (max-width: 400px) {
    .mb1 {
        margin-bottom: 262px;
    }
}

@media (max-width: 400px) {
    .mb5 {
        margin-bottom: 122px;
    }
}



@media (max-width: 480px) {
    .sub-titlenew {
        margin-top: -85px;
    }
}

@media (max-width: 480px) {
    .img-box1 .img2 .newimg {
        display: none;
    }
}

@media (max-width: 400px) {
    .imagenewone, [data-bg-src] {
        background-size: auto;
        margin-top: -63px;
    }
}



@media (max-width: 400px) {
    .hero-5:before {
        height: 392px;
    }
}













a {
    text-decoration: none;
}

.pricingTable {
    background: #fff;
    padding-bottom: 20px;
    overflow: hidden;
    height: 100%;
}

    .pricingTable .pricingTable-header {
        margin-bottom: 40px;
        position: relative;
        z-index: 1
    }

        .pricingTable .pricingTable-header:before {
            content: "";
            width: 100%;
            height: 150%;
            background: #606aa3;
            position: absolute;
            top: -90%;
            left: -20%;
            z-index: -1;
            transform: rotate(-42deg)
        }

        .pricingTable .pricingTable-header:after {
            content: "";
            width: 100%;
            height: 190%;
            background: #727cb6;
            position: absolute;
            top: -76%;
            right: -16%;
            z-index: -2;
            transform: rotate(20deg)
        }

    .pricingTable .price-value,
    .pricingTable .title {
        display: inline-block;
        width: 50%;
        padding: 30px 0;
        color: #fff;
        line-height: 20px
    }

    .pricingTable .price-value {
        float: left;
        font-size: 30px;
        position: relative;
        top: 10px;
        left: 20px
    }

    .pricingTable .currency {
        font-size: 20px;
        position: relative;
        top: -10px;
        right: -3px
    }

    .pricingTable .title {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        position: relative;
        top: 10px;
        right: 12px;
    }

    .pricingTable .pricing-content {
        list-style: none;
        padding: 0;
        margin: 0 0 20px;
        text-align: center;
        clear: both
    }

        .pricingTable .pricing-content li {
            font-size: 17px;
            color: #828282;
            line-height: 40px
        }

    .pricingTable .pricingTable-signup {
        display: block;
        width: 80%;
        padding: 10px 0;
        text-align: center;
        border: 1px solid #606aa3;
        border-radius: 40px;
        margin: 0 auto;
        font-size: 15px;
        color: #606aa3;
        z-index: 1;
        
        overflow: hidden;
        position: relative
    }

        .pricingTable .pricingTable-signup:after,
        .pricingTable .pricingTable-signup:before {
            content: "";
            border-width: 0;
            border-style: solid;
            position: absolute;
            z-index: -1;
            transition: all .7s ease 0s
        }

        .pricingTable .pricingTable-signup:before {
            border-color: transparent transparent transparent #606aa3;
            bottom: 0;
            left: 0
        }

        .pricingTable .pricingTable-signup:after {
            border-color: transparent #606aa3 transparent transparent;
            top: 0;
            right: 0
        }

        .pricingTable .pricingTable-signup:hover:after,
        .pricingTable .pricingTable-signup:hover:before {
            border-width: 150px 262px
        }

    .pricingTable.green .pricingTable-header:before {
        background: #18a288
    }

    .pricingTable.green .pricingTable-header:after {
        background: #1abc9c
    }

    .pricingTable.green .pricingTable-signup {
        border-color: #1abc9c;
        color: #1abc9c
    }

        .pricingTable.green .pricingTable-signup:before {
            border-color: transparent transparent transparent #18a288
        }

        .pricingTable.green .pricingTable-signup:after {
            border-color: transparent #18a288 transparent transparent
        }

    .pricingTable.orange .pricingTable-header:before {
        background: #ee6e00
    }

    .pricingTable.orange .pricingTable-header:after {
        background: #e67e22;
      
    }

    .pricingTable.orange .pricingTable-signup {
        border-color: #e67e22;
        color: #e67e22
    }

        .pricingTable.orange .pricingTable-signup:before {
            border-color: transparent transparent transparent #ee6e00
        }

        .pricingTable.orange .pricingTable-signup:after {
            border-color: transparent #ee6e00 transparent transparent
        }

    .pricingTable.purple .pricingTable-header:before {
        background: #b14468
    }

    .pricingTable.purple .pricingTable-header:after {
        background: #cf4d78
    }

    .pricingTable.purple .pricingTable-signup {
        border-color: #cf4d78;
        color: #cf4d78
    }

        .pricingTable.purple .pricingTable-signup:before {
            border-color: transparent transparent transparent #b14468
        }

        .pricingTable.purple .pricingTable-signup:after {
            border-color: transparent #b14468 transparent transparent
        }

@media only screen and (max-width:990px) {
    .pricingTable {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .pricingTable .pricingTable-header:before {
        height: 300%;
        top: -267%;
    }

    .pricingTable .pricingTable-header:after {
        height: 270%;
        top: -106%;
    }

    .pricingTable .title {
        text-align: center;
        font-size: 15px;
    }
}

@media only screen and (max-width:480px) {
    .pricingTable .pricingTable-header:after {
        top: -164%;
    }
}

@media only screen and (max-width:479px) {
    .pricingTable .pricingTable-header:before {
        height: 200%;
        top: -120%;
        left: -20%;
    }
}


@media only screen and (max-width:480px) {
    .pricingTable.orange .pricingTable-header:after {
        top: -164%;
    }
}




@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .about-wrapp1 {
        top: 463%;
        right: 94px;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .about-wrapp1 {
        top: 463%;
        right: 94px;
    }
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    .about-wrapp1 {
        top: 462%;
        right: 94px;
    }
}

.about-wrapp1 {
    position: absolute;
    /*  right: 0;
    bottom: -40px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -67px;
}

    .about-wrapp1 .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 130px;
        height: 130px;
        line-height: 130px;
        text-align: center;
        background: #236c91;
        border: 1px solid #E9F1EC;
        border-radius: 50%
    }

.discount-tag1 {
    position: relative;
    display: inline-block;
    min-height: 190px;
    min-width: 190px;
    border-radius: 50%;
    z-index: 1;
    font-size: 16px;
    font-family: var(--title-font);
    font-weight: 600;
    color: var(--title-color);
    text-align: center;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    animation: spin 10s infinite alternate-reverse
}

    .discount-tag1 span {
        --rotate-letter: 13deg;
        min-height: 90px;
        position: absolute;
        min-width: 90px;
        left: 25px;
        top: 0px;
        text-transform: uppercase;
        -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: rotate(var(--rotate-letter));
        -ms-transform: rotate(var(--rotate-letter));
        transform: rotate(var(--rotate-letter))
    }

        .discount-tag1 span.char2 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 2));
            -ms-transform: rotate(calc(var(--rotate-letter) * 2));
            transform: rotate(calc(var(--rotate-letter) * 2))
        }

        .discount-tag1 span.char3 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 3));
            -ms-transform: rotate(calc(var(--rotate-letter) * 3));
            transform: rotate(calc(var(--rotate-letter) * 3))
        }

        .discount-tag1 span.char4 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 4));
            -ms-transform: rotate(calc(var(--rotate-letter) * 4));
            transform: rotate(calc(var(--rotate-letter) * 4))
        }

        .discount-tag1 span.char5 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 5));
            -ms-transform: rotate(calc(var(--rotate-letter) * 5));
            transform: rotate(calc(var(--rotate-letter) * 5))
        }

        .discount-tag1 span.char6 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 6));
            -ms-transform: rotate(calc(var(--rotate-letter) * 6));
            transform: rotate(calc(var(--rotate-letter) * 6))
        }

        .discount-tag1 span.char7 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 7));
            -ms-transform: rotate(calc(var(--rotate-letter) * 7));
            transform: rotate(calc(var(--rotate-letter) * 7))
        }

        .discount-tag1 span.char8 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 8));
            -ms-transform: rotate(calc(var(--rotate-letter) * 8));
            transform: rotate(calc(var(--rotate-letter) * 8))
        }

        .discount-tag1 span.char9 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 9));
            -ms-transform: rotate(calc(var(--rotate-letter) * 9));
            transform: rotate(calc(var(--rotate-letter) * 9))
        }

        .discount-tag1 span.char10 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 10));
            -ms-transform: rotate(calc(var(--rotate-letter) * 10));
            transform: rotate(calc(var(--rotate-letter) * 10))
        }

        .discount-tag1 span.char11 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 11));
            -ms-transform: rotate(calc(var(--rotate-letter) * 11));
            transform: rotate(calc(var(--rotate-letter) * 11))
        }

        .discount-tag1 span.char12 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 12));
            -ms-transform: rotate(calc(var(--rotate-letter) * 12));
            transform: rotate(calc(var(--rotate-letter) * 12))
        }

        .discount-tag1 span.char13 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 13));
            -ms-transform: rotate(calc(var(--rotate-letter) * 13));
            transform: rotate(calc(var(--rotate-letter) * 13))
        }

        .discount-tag1 span.char14 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 14));
            -ms-transform: rotate(calc(var(--rotate-letter) * 14));
            transform: rotate(calc(var(--rotate-letter) * 14))
        }

        .discount-tag1 span.char15 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 15));
            -ms-transform: rotate(calc(var(--rotate-letter) * 15));
            transform: rotate(calc(var(--rotate-letter) * 15))
        }

        .discount-tag1 span.char16 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 16));
            -ms-transform: rotate(calc(var(--rotate-letter) * 16));
            transform: rotate(calc(var(--rotate-letter) * 16))
        }

        .discount-tag1 span.char17 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 17));
            -ms-transform: rotate(calc(var(--rotate-letter) * 17));
            transform: rotate(calc(var(--rotate-letter) * 17))
        }

        .discount-tag1 span.char18 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 18));
            -ms-transform: rotate(calc(var(--rotate-letter) * 18));
            transform: rotate(calc(var(--rotate-letter) * 18))
        }

        .discount-tag1 span.char19 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 19));
            -ms-transform: rotate(calc(var(--rotate-letter) * 19));
            transform: rotate(calc(var(--rotate-letter) * 19))
        }

        .discount-tag1 span.char20 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 20));
            -ms-transform: rotate(calc(var(--rotate-letter) * 20));
            transform: rotate(calc(var(--rotate-letter) * 20))
        }

        .discount-tag1 span.char21 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 21));
            -ms-transform: rotate(calc(var(--rotate-letter) * 21));
            transform: rotate(calc(var(--rotate-letter) * 21))
        }

        .discount-tag1 span.char22 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 22));
            -ms-transform: rotate(calc(var(--rotate-letter) * 22));
            transform: rotate(calc(var(--rotate-letter) * 22))
        }

        .discount-tag1 span.char23 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 23));
            -ms-transform: rotate(calc(var(--rotate-letter) * 23));
            transform: rotate(calc(var(--rotate-letter) * 23))
        }

        .discount-tag1 span.char24 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 24));
            -ms-transform: rotate(calc(var(--rotate-letter) * 24));
            transform: rotate(calc(var(--rotate-letter) * 24))
        }

        .discount-tag1 span.char25 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 25));
            -ms-transform: rotate(calc(var(--rotate-letter) * 25));
            transform: rotate(calc(var(--rotate-letter) * 25))
        }

        .discount-tag1 span.char26 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 26));
            -ms-transform: rotate(calc(var(--rotate-letter) * 26));
            transform: rotate(calc(var(--rotate-letter) * 26))
        }

        .discount-tag1 span.char27 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 27));
            -ms-transform: rotate(calc(var(--rotate-letter) * 27));
            transform: rotate(calc(var(--rotate-letter) * 27))
        }

        .discount-tag1 span.char28 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 28));
            -ms-transform: rotate(calc(var(--rotate-letter) * 28));
            transform: rotate(calc(var(--rotate-letter) * 28))
        }

        .discount-tag1 span.char29 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 29));
            -ms-transform: rotate(calc(var(--rotate-letter) * 29));
            transform: rotate(calc(var(--rotate-letter) * 29))
        }

        .discount-tag1 span.char30 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 30));
            -ms-transform: rotate(calc(var(--rotate-letter) * 30));
            transform: rotate(calc(var(--rotate-letter) * 30))
        }

        .discount-tag1 span.char31 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 31));
            -ms-transform: rotate(calc(var(--rotate-letter) * 31));
            transform: rotate(calc(var(--rotate-letter) * 31))
        }

        .discount-tag1 span.char32 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 32));
            -ms-transform: rotate(calc(var(--rotate-letter) * 32));
            transform: rotate(calc(var(--rotate-letter) * 32))
        }

        .discount-tag1 span.char33 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 33));
            -ms-transform: rotate(calc(var(--rotate-letter) * 33));
            transform: rotate(calc(var(--rotate-letter) * 33))
        }

        .discount-tag1 span.char34 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 34));
            -ms-transform: rotate(calc(var(--rotate-letter) * 34));
            transform: rotate(calc(var(--rotate-letter) * 34))
        }

        .discount-tag1 span.char35 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 35));
            -ms-transform: rotate(calc(var(--rotate-letter) * 35));
            transform: rotate(calc(var(--rotate-letter) * 35))
        }

        .discount-tag1 span.char36 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 36));
            -ms-transform: rotate(calc(var(--rotate-letter) * 36));
            transform: rotate(calc(var(--rotate-letter) * 36))
        }

        .discount-tag1 span.char37 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 37));
            -ms-transform: rotate(calc(var(--rotate-letter) * 37));
            transform: rotate(calc(var(--rotate-letter) * 37))
        }

        .discount-tag1 span.char38 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 38));
            -ms-transform: rotate(calc(var(--rotate-letter) * 38));
            transform: rotate(calc(var(--rotate-letter) * 38))
        }

        .discount-tag1 span.char39 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 39));
            -ms-transform: rotate(calc(var(--rotate-letter) * 39));
            transform: rotate(calc(var(--rotate-letter) * 39))
        }

        .discount-tag1 span.char40 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 40));
            -ms-transform: rotate(calc(var(--rotate-letter) * 40));
            transform: rotate(calc(var(--rotate-letter) * 40))
        }

        .discount-tag1 span.char41 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 41));
            -ms-transform: rotate(calc(var(--rotate-letter) * 41));
            transform: rotate(calc(var(--rotate-letter) * 41))
        }

        .discount-tag1 span.char42 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 42));
            -ms-transform: rotate(calc(var(--rotate-letter) * 42));
            transform: rotate(calc(var(--rotate-letter) * 42))
        }

        .discount-tag1 span.char43 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 43));
            -ms-transform: rotate(calc(var(--rotate-letter) * 43));
            transform: rotate(calc(var(--rotate-letter) * 43))
        }

        .discount-tag1 span.char44 {
            -webkit-transform: rotate(calc(var(--rotate-letter) * 44));
            -ms-transform: rotate(calc(var(--rotate-letter) * 44));
            transform: rotate(calc(var(--rotate-letter) * 44))
        }

@media (max-width: 480px) {
    .sub-titlenew1 {
        margin-top: -7px;
    }
}

@media (max-width: 480px) {
    .mb3 {
        margin-top: -131px;
    }
}
@media (max-width: 480px) {
    .sub-titlenew2 {
        margin-top: 0px;
    }
}


@media (max-width: 767px) {
    .mb4 {
        margin-top: 149px;
        margin-right: 26px;
    }
}

@media (max-width: 400px) {
    .background-imagebnner, [data-bg-src] {
        background-size: contain;
        margin-top: -96px;
    }
}




@media (max-width: 480px) {
    .sub-titlenew2 {
        margin-top: -12px;
    }
}



@media (max-width: 480px) {
    .db1 {
        margin-top: -109px;
    }
}




@media (max-width: 480px) {
    .db2 {
        margin-top: -13px;
    }
}

@media (max-width: 480px) {
    .db3 {
        margin-top: 231px;
    }
}


@media (max-width: 480px) {
    .db4 {
        margin-top: 37px;
    }
}
@media (max-width: 480px) {
    .db5 {
        margin-top: 215px;
    }
}


@media (max-width: 480px) {
    .db6 {
        margin-top: 242px;
    }
}

@media (max-width: 480px) {
    .db7 {
        margin-top: 242px;
    }
}

@media (max-width: 480px) {
    .db8 {
        margin-top: 57px;
    }
}
@media (max-width: 480px) {
    .db9 {
        margin-top: 4px;
    }
}
@media (max-width: 480px) {
    .db10 {
        margin-top: 198px;
    }
}

@media (max-width: 480px) {
    .sub-titlenew3 {
        margin-top: -88px;
    }
}