body {
        font-family: 'Open Sans', sans-serif !important;
    }

    /* ================== HEADER =================== */
    header{
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5;
        background: #fff;
    }
    .nav-active{
        position: absolute;
        top: 95%;
        left: 15px;
    }
    .navbar {
        padding: 0.5rem 0 !important;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease ;
        -ms-transition: all 0.5s ease ;
        -o-transition: all 0.5s ease ;
        transition: all 0.5s ease ;
    }

    .nav-item {
        text-transform: uppercase;
        margin-left: 10px;
    }
    .nav-item.active a{
        position: relative;
        color: #f85428 !important;
    }

    .nav-item.active a:after{
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 2px;
        background: url('../img/icons/nav-active.png') no-repeat center;
        background-size: 80% 100%;

    }

    .nav-item > a {
        font-size: 14px;
        color: #222e5b !important;
        font-weight: 700;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease ;
        -ms-transition: all 0.5s ease ;
        -o-transition: all 0.5s ease ;
        transition: all 0.5s ease ;
    }

    .nav-item > button {
        margin-right: .5rem;
        margin-left: .5rem;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 14px;
    }

    .apply-now-btn {
        background: #f85428;
        color: #fff;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .login-btn {
        padding-left: 2rem;
        padding-right: 2rem;
        color: #f85428;
        background: transparent;
        border: 1px solid #f85428;
    }

    /* ================== /HEADER =================== */

    /* ================== SLIDER =================== */
    .cover {
        position: relative;
        height: 100vh;
        background: url("../img/bg.jpg");
        background-size: cover;
        background-repeat: no-repeat;
    }
    .color{
        cursor: pointer;
    }
    .cover:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        z-index: 1;

    }

    .cover > .container {
        position: relative;
    }

    .cover-inner-absolute {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        /*-webkit-transform: translate(-50%, 0 );*/
        /*-moz-transform: translate(-50%, 0 );*/
        /*-ms-transform: translate(-50%, 0 );*/
        /*-o-transform: translate(-50%, 0 );*/
        /*transform: translate(-50%, 0 );*/

    }

    .cover-inner-absolute .d-inline {
        color: #fff;
        font-size: 18px;
    }

    .color {
        padding-top: 30px;
        padding-bottom: 30px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }

    .color-1 {
        background: rgba(51, 153, 255, 0.7);
    }

    .color-2 {
        background: rgba(255, 55, 102, 0.7);
    }

    .color-3 {
        background: rgba(255, 94, 51, 0.7);
    }

    .color-4 {
        background: rgba(244, 214, 47, 0.7);
    }

    .color-5 {
        background: rgba(21, 198, 192, 0.7);
    }

    .color-6 {
        background: rgba(115, 44, 172, 0.7);
    }

    .sup {
        vertical-align: super;
        font-size: 12px;
        margin-left: -5px;
    }

    .cover-header {
        position: relative;
        margin-top: 100px;
        font-size: 76px;
        color: #fff;
        font-weight: 800;
        letter-spacing: 5px;
        z-index: 2;
    }

    .cube {
        display: inline-block;
        width: 10px;
        height: 10px;
        opacity: 0.8;
    }

    .cube-1 {
        background-color: #3d80e9;
    }

    .cube-2 {
        background-color: #f9be45;
    }

    .cube-3 {
        background-color: #f85328;
    }

    .cube-4 {
        background-color: #1fa271;
    }

    .cover-desc {
        position: relative;
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        letter-spacing: .5px;
        z-index: 2;
    }
    .tab-btn{
        color: #545454;
        font-weight: 700;
        background-color: #fff;
        margin-right: 20px;
        border-radius: 2px;
        border: none;
    }
    .tab-inner p{
        font-size: 18px;
        color: #ffffff;
        font-weight: 600;

    }
    .tab-content{
        position: relative;
        width: 100%;
        z-index: 4;

    }
    .ov-h{
        overflow: hidden;
    }
    .tab{
        position: absolute;
        width: 100%;
        padding: 30px;
        left: 100%;
        bottom: 0;
        z-index: 5;

    }
    .tab.active{
        position: relative;
        z-index: 9;
        left: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease ;
        -ms-transition: all 0.5s ease ;
        -o-transition: all 0.5s ease ;
        transition: all 0.5s ease ;
    }
    .tab-1{
        background: rgba(51, 153, 255, 1);
    }
    .tab-2{
        background: rgba(255, 55, 102, 1);
    }
    .tab-3{
        background: rgba(255, 94, 51, 1);
    }
    .tab-4{
        background: rgba(244, 214, 47, 1);
    }
    .tab-5{
        background: rgba(21, 198, 192, 1);
    }
    .tab-6{
        background: rgba(115, 44, 172, 1);
    }
    /* ================== /SLIDER =================== */

    /* ================== CONTENT =================== */
    .cont-header {
        font-size: 42px;
        font-weight: 800;
        color: #222e5b;
        text-transform: uppercase;
    }

    .line {
        display: inline-block;
        width: 100px;
        height: 2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #f85428;
    }

    .cont-inner {
        margin-left: 50px;
    }

    .cont-desc {
        margin-top: 1rem;
        color: #596a7f;
        font-size: 24px;
    }

    .package-color {
        background: #222e5b;
    }

    .mt-6 {
        margin-top: 5rem !important;
    }

    .pt-6 {
        padding-top: 5rem !important;
    }

    .pb-6 {
        padding-bottom: 4rem !important;
    }

    .mb-6 {
        margin-bottom: 60px !important;
    }

    .mb-7 {
        margin-bottom: 6rem !important;
    }

    .mt-8 {
        margin-top: 8rem !important;
    }

    .pt-8 {
        padding-top: 8rem !important;
    }
    .b-5{
        bottom: 3em;
    }
    .package-header {
        font-size: 42px;
        color: #fff;
        font-weight: 800;
    }

    .price-list-btn {
        background: #f85428;
        /*margin-top: 10px;*/
        color: #fff;
        padding-left: 25px;
        padding-right: 25px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

    .package-inner {
        padding: 50px 40px;
        background: #162c4c;
    }

    .package-circle-colors {
        display: flex;
        font-size: 28px;
        font-weight: 600;
        width: 130px;
        height: 130px;
        margin: -50px auto 0;
        border: 4px solid #2c3546;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        align-items: center;
        justify-content: center;
    }

    .circle-colors-1 {
        border: 4px solid #2c3546;
        background: #15c6c0;
        color: #fff;
    }

    .circle-colors-2 {
        background: #10c582;
        color: #fff;
    }

    .circle-colors-3 {
        background: #732cac;
        color: #fff;
    }

    .circle-colors-4 {
        background: #f84394;
        color: #fff;
    }

    .pack-btn-1 {
        background-color: #15c6c0;
    }

    .pack-btn-2 {
        background-color: #10c582;
    }

    .pack-btn-3 {
        background-color: #732cac;
    }

    .pack-btn-4 {
        background-color: #f84394;
    }

    .package-inner-header {
        font-size: 24px;
    }

    .package-inner-desc {
        font-size: 18px;
        font-weight: 300;
    }

    .white-color {
        color: #fff;
    }

    .btn-order {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }

    .another-bg {
        position: relative;
    }

    .another-bg:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: rgba(56, 154, 234, 0.1);
        z-index: 0;
    }

    .z-index-1 {
        z-index: 1;
    }

    /* ================== /CONTENT =================== */
    /* ================== COMMENT CAROUSEL =================== */
    .comment-carousel {
        height: 100vh;
        background: url("../img/content/coment-bg.jpg");
    }

    .chk {
        margin-bottom: 50px;
    }

    .comment {
        color: #fff;
        font-size: 24px;
        margin-bottom: 100px;
    }

    .carousel-indicators {
        position: relative;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;

    }

    .circle {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .circle-customer {
        width: 80px;
        height: 80px;
        border: 1px solid #2677ae;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding: 5px;
    }

    .customer-name {
        font-size: 24px;
        color: #f0613a;
    }

    .customer-profession {
        font-size: 18px;
        color: #ededed;
    }

    .carousel-indicators li {
        background-color: #8c9494;
    }

    .carousel-indicators .active {
        background-color: #f0613a;
    }

    /* ================== /COMMENT CAROUSEL =================== */
    /* ================== FOOTER =================== */
    footer {
        background: #223462;
    }

    .footer-top {
        padding: 75px 0 40px 0;
    }

    .footer-nav {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .footer-nav > li {
        padding-right: 15px;
        padding-left: 15px;
    }

    .footer-nav a {
        font-size: 14px;
        color: #fff;
        font-weight: 300;
    }

    .line-vertical:after {
        content: '';
        display: inline-block;
        height: 12px;
        width: 1px;
        background: #fff;
        vertical-align: middle;
        color: #fff;
    }

    .footer-nav .social {
        display: inline-block;
        text-align: center;
        line-height: 40px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #838383;
        background: #3d4758;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .footer-nav .social:hover {
        color: #fff;
        background: #564be6;
    }

    .footer-nav-social li {
        padding: 0 5px;
    }

    .footer-bottom {
        color: #fff;
        font-size: 14px;
        padding: 10px 0;
        background: #222e5b;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
    }

    /* ================== /FOOTER =================== */
    /* ================== MODAL =================== */
    .modal-dialog {
        max-width: 100%;
        margin-left: -10px;
    }

    .modal-content {

    }

    .modal-body {
        width: 90%;
        margin: auto;
        padding: 1rem 1rem 1.5rem 1rem;
    }

    .close {
        float: left;
        margin: -0.5rem 0 !important;
        padding: .5rem 1rem !important;
        opacity: 1;
        color: #191919;
        font-size: 30px;
        font-weight: 400;
    }

    .modal-header {
        padding: 0.8rem 1.5rem;
        background-color: #eeeeee;
        border: none;
    }

    .modal-header .modal-title {
        line-height: 1.5;
        text-transform: uppercase;
        color: #f85428;
        font-size: 18px;
        font-weight: 700;
    }

    /*STEP BY STEP*/
    #reset{
        cursor: pointer;
    }
    .steps {
        padding: 0;
        list-style: none;
        width: 90%;
        margin: auto;
    }

    .step-by-step ul li {
        position: relative;
        background: #e3e3e3;
    }

    .steps li {
        position: relative;
        background: #e3e3e3;
        min-height: 3px;
    }

    .steps li:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 35px;
        height: 35px;
        border: 3px solid #e3e3e3;
        background-color: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.5s 0.2s ease;
        -moz-transition: all 0.5s 0.2s ease ;
        -ms-transition: all 0.5s 0.2s ease ;
        -o-transition: all 0.5s 0.2s ease ;
        transition: all 0.5s 0.2s ease ;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 4;
    }

    .steps li:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 5px;
        width: 25px;
        height: 25px;
        background-color: #e3e3e3;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.5s 0.2s ease;
        -moz-transition: all 0.5s 0.2s ease ;
        -ms-transition: all 0.5s 0.2s ease ;
        -o-transition: all 0.5s 0.2s ease ;
        transition: all 0.5s 0.2s ease ;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 5;
    }

    .steps li:nth-child(2)::before {
        left: 25%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .steps li:nth-child(3)::before {
        left: 75%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .steps li:nth-child(4)::before {
        left: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .steps li:nth-child(2)::after {
        left: 25%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .steps li:nth-child(3)::after {
        left: 75%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .steps li:nth-child(4)::after {
        left: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .step-name {
        position: absolute;
        top: 110%;
        left: 0;
        color: #e3e3e3;
        font-size: 18px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translate(0, 50%);
        -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        -o-transform: translate(0, 50%);
        transform: translate(0, 50%);

    }

    .steps li:nth-child(2) .step-name {
        left: 25%;
        -webkit-transform: translate(-50%, 50%);
        -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        -o-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);

    }

    .steps li:nth-child(3) .step-name {
        left: 74%;
        -webkit-transform: translate(-50%, 50%);
        -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        -o-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);

    }

    .steps li:nth-child(4) .step-name {
        left: 100%;
        -webkit-transform: translate(-50%, 50%);
        -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        -o-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);

    }

    .step-name.active {
        color: #212d5b;
        font-weight: 700;

    }

    .steps li:nth-child(1).active::after {
        border-color: #1fa271;
    }

    .steps li:nth-child(1).active::before {
        background: #1fa271;
    }

    .steps li:nth-child(2).active::after {
        border-color: #3d80e9;
    }

    .steps li:nth-child(2).active::before {
        background: #3d80e9;
    }

    .steps li:nth-child(3).active::after {
        border-color: #f85328;
    }

    .steps li:nth-child(3).active::before {
        background: #f85328;
    }

    .steps li:nth-child(4).active::after {
        border-color: #f9be45;
    }

    .steps li:nth-child(4).active::before {
        background: #f9be45;
    }

    .active-line {
        position: absolute;
        left: 0;
        top: 50%;
        height: 3px;
        width: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 1;
    }

    .steps li:nth-child(1).active .active-line.active {
        width: 125%;
        background-color: #1fa271;
        z-index: 3;
    }

    .steps li:nth-child(2).active .active-line.active {
        width: 145%;
        background-color: #3d80e9;
        z-index: 2;
        left: 25%;
    }

    .steps li:nth-child(3).active .active-line.active {
        width: 115%;
        background-color: #f85328;
        z-index: 1;
        left: 80%;
    }

    .modal-footer {
        border: 0;
    }

    .next-sl {
        background: #f85428;
        color: #fff;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .next-sl-dismis {
        background: #f85428;
        color: #fff;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .prev-sl {
        background: #eeeeee;
        color: #212d5b;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .steps-hr {
        border-color: #e7e7e7;
    }
    /*STEP BY STEP end*/

    /* MODAL SLIDER */
    .slider {
        position: relative;
        min-height: 450px;
        overflow-x: hidden;
    }

    .slider input{
       border: 1px solid #e7e7e7;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .slider-inner {
        position: absolute;
        width: 100%;
        left: 100%;
        top: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease ;
        -ms-transition: all 0.5s ease ;
        -o-transition: all 0.5s ease ;
        transition: all 0.5s ease ;
    }

    .slider-inner.active {
        left: 0;
    }
    .ov-a{
        overflow-y: auto;
    }

    .slider-inner.active-left {
        left: -100% !important;
    }

    .text-color {
        color: #222e5c;
    }
    .text-color-red {
        color: red;
    }
    .clo{
        display: inline-block;
        height: 2px;
        margin: 0;
        padding: 0;
    }
    .bl{
        border-top: 1px solid #3d80e9;
    }
    .gr{
        border-top: 1px solid #f9be45;
    }
    .re{
        border-top: 1px solid #f85328;
    }
    .se{
        border-top: 1px solid #1fa271;
    }
    .slider-inner-header-small {
        font-size: 24px;
        font-weight: 700;

    }

    .slider-inner-header {
        font-size: 30px;
        font-weight: 700;
    }
    /* MODAL SLIDER */

    /* MY ANIMATED RADIO */
    .comp-or-individual {
        font-size: 18px;
        font-weight: 700;
    }

    .comp-or-individual .form-check-inline {
        margin-left: 1rem;
    }

    .comp-or-individual input[type="radio"] {
        display: none;
    }

    .comp-or-individual label {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        border: 2px solid #222e5c;
        margin-right: 10px ;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
    }

    .comp-or-individual label:after {
        content: '';
        position: absolute;
        display: none;
        width: 15px;
        height: 15px;
        top: 3px;
        left: 3px;
        background-color:  #f85428;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .comp-or-individual input[type="radio"]:checked + label {
        border: 2px solid #f85428;

    }

    .comp-or-individual input[type="radio"]:checked + label::after {
        display: block;
    }
    /* MY ANIMATED RADIO */

    .p-0i{
        padding: 0 !important;
    }
    .col-sm-4.col-form-label.pr-0{
        font-size: 18px;
    }
    #location{
        padding: .375rem .75rem;
        font-size: 18px;
        border: 1px solid #e7e7e7;
    }

    /* MY ANIMATED CHECKBOX */
    .my-animated-checkbox{
        display: none;
    }

    .my-animated-label {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        border: 2px solid #222e5c;
        margin-right: 10px ;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
    }

    .my-animated-label:after {
        content:  "\f00c";
        font-family: FontAwesome;
        display: none;
        color: #fff;
        text-align: center;
        line-height: 16px;

    }

    .my-animated-checkbox:checked + label {
        border: 2px solid #f85428;
        background: #f85428;
    }

    .my-animated-checkbox:checked + label::after {
        display: block;
    }

    .checkbox-name-big{
        font-size: 18px;
        font-weight: 700;
        color: #222e5c;
    }
    .checkbox-name-header{
        color: #222e5c;
        font-size: 14px;
        font-weight: 700;
        padding-left: 55px;
    }
    .checkbox-name-small{
        color: #222e5c;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
    }
    /* MY ANIMATED CHECKBOX */

    /* MY ANIMATED SCROLLBAR */
    .ov-a
    {
        height: 250px;
        width: 100%;
    }
    #ov-a::-webkit-scrollbar-track
    {

        border-radius: 10px;
        background-color: #e3e3e3   ;
    }

    #ov-a::-webkit-scrollbar
    {
        width: 10px;
        background-color: #e3e3e3;
    }

    #ov-a::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        background-color: #212d5b;
    }
    /* MY ANIMATED SCROLLBAR */
    .part-4-text{
        font-size: 14px;
        margin-top: 20px;
    }

    /* ================== /MODAL =================== */
    /* ================== WHO WE ARE =================== */
    /*COVER*/
    .new-cover .cover-header{
        margin-top: 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .new-cover{
        z-index: 3;
    }
    .new-cover .cover-nav{
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .new-cover .cover-nav li{
        display: inline-block;
        color: #fff;
        font-size: 24px;
    }
    .new-cover .cover-nav li  a{
        color: #fff;
        font-size: 24px;
    }
    .new-cover-bg{
        background: url('../img/bg-2.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }
    /*COVER*/
    /*CONTENT*/
    .text-color.bold{
        font-size: 18px;
        font-weight: 700;
    }
    .text-color.light{
        font-size: 18px;
        font-weight: 400;
    }
    .my-card{
        display: block;
        padding-bottom: 2.25rem;
        border: none;
        border-bottom: 2px solid #3d80e9;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin: 0 20px;
    }
    .my-card .card-text{
        font-size: 18px;

    }
    .my-card .card-title{
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .my-card .card-body{
        padding: 0;
        margin-top: 1.25rem;
    }
    .my-card:nth-child(2){
        border-bottom: 2px solid #ff3366;
    }
    .my-card:nth-child(3){
        border-bottom: 2px solid #ff6239;
    }
    .my-card.n{
        border-bottom: 2px solid #f4d62f !important;
    }
    .my-card.k{
        border-bottom: 2px solid #15c6c0 !important;
    }
    .my-card.c{
        border-bottom: 2px solid #732cac !important;
    }
    .my-card .card-img-top{
        width: auto ;
    }
    .service {
        height: 100vh;
        background: url("../img/content/service.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .bg-baner{
        background: #249aea;
        height: 71%;
        padding: 40px 60px 20px 70px;
    }
    .banner-h{
        font-size: 48px;
        color: #fff;
        font-weight: 300;
    }
    /*CONTENT*/
    /* ================== /WHO WE ARE =================== */

    /* ================== MEDIA =================== */
    @media screen and (max-width: 1024px) {
        .cover-header{
            font-size: 60px;
        }
        .cont-header {
            font-size: 35px;
        }
    }
    @media screen and (max-width: 991px) {
        .navbar {
            padding-left: .5rem !important;
            padding-right: .5rem !important;
        }
        .package-circle-colors {
            width: 100px;
            height: 100px;
        }
        .banner-h {
            font-size: 35px;
            color: #fff;
            font-weight: 300;
        }

    }

    @media screen and (max-width: 767px) {
        .service {
            background-size: 110%;
            background: url('../img/content/service-mob.jpg');
            background-repeat: no-repeat;
            background-position: left bottom;
        }
        .bg-baner {
            background: #249aea;
            height: auto;
            padding: 30px 30px 30px 40px;
        }
        .banner-h {
            font-size: 30px;
            color: #fff;
            font-weight: 300;
        }
        .modal-dialog {
            margin-left: 0;
        }
        .footer-soc{
            text-align: center !important;
            margin-top: 20px;
        }
        .footer-nav{
            text-align: center !important;
        }
        .modal-container{
            max-width: 100%;
            width: 100%;
        }
        .cover-inner-absolute{
            position: relative;
        }
        .cover {
            height: auto;
        }
        .new-cover-bg{
            height: 100vh;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: right top;
        }
        .cover-header {
            font-size: 30px;
        }
        .cover-desc {
            font-size: 15px;
        }
        .comment-carousel {
            height: auto;
        }
        .img-part{
            padding: 0 15px !important;
        }
        .color{
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .chk{
            margin-bottom: 0;
            margin-top: 20px;
        }
    }
    @media screen and (max-width: 575px) {
        .package-header{
            text-align: center;
        }
        .mob-text-center{
            text-align: center !important;
        }
        .modal-body{
            width: 100%;
            padding: 1rem .5rem;
        }
        .color{
            font-size: 15px;
        }
        .comment{
            margin-top: 50px;
        }
        .footer-nav > li {
            padding-right: 0px;
            padding-left: 5px;
        }
        .mob-btn{
            color: #222e5c;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            border-radius: 0 !important;
            border: none;
            background: none;
            padding-left: 0 !important;
            padding-right: 0 !important;
            font-size: 14px !important;
            text-align: left;
        }
        .step-name{
            font-size: 12px;
        }
        .slider-inner-header,.slider-inner-header-small {
            font-size: 18px;
        }
        .comp-or-individual{
            text-align: left !important;
        }
        .step-name {
            position: absolute;
            top: 250%;
        }
        .ov-a {
            height: auto;
        }
        .slider{
            height: auto ;
            min-height: inherit;
            overflow: inherit;
            margin: 0 -23px;
        }
        .slider-inner {
            padding: 10px 25px;
            background-color: #fff;
            height: auto !important;
        }
        .checkbox-name-big {
            font-size: 15px;
        }
        .position-absolute.text-center.mt-3.coverw-100.last-slide.b-5{
            position:  relative;
        }
    }

    /* ================== /MEDIA =================== */