@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,600,700%7cRoboto:400,500,700&display=swap');

::-moz-selection {

    background-color: #0a5386;

    color: #ffffff;

}



::selection {

    background-color: #0a5386;

    color: #ffffff;

}







a:hover {

    color: #193a15;

    text-decoration: none;

}



.wrapper section {

    position: relative;

    padding-top: 50px;

    padding-bottom: 0px;

}



@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}



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

    .container {

        max-width: 100%;

    }

}



.mb-40 {

    margin-bottom: 40px !important;

}



@media (min-width: 768px) and (max-width: 991px) {

    .wrapper section {

        padding-top: 75px;

        padding-bottom: 75px;

    }



    .mb-40 {

        margin-bottom: 28.57143px !important;

    }

}



/* Mobile Phones and tablets */

@media (min-width: 320px) and (max-width: 767px) {

    .wrapper section {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .mb-40 {

        margin-bottom: 28.57143px !important;

    }



}



/*-------------------------

   Background & Colors

--------------------------*/

/* Colors */



.color-primary {

    color: #0a5386 !important;

}





/*-------------------------

   Typography

--------------------------*/





.heading__subtitle {



    font-size: 16px;

    font-weight: 700;

    color: #0a5386;

    margin-bottom: 10px;

}



.heading__title {

    position: relative;

    font-size: 34px;

    margin-bottom: 20px;

}



.heading__desc {

    font-size: 16px;

    margin-bottom: 0;

}



.heading-layout2 .heading__title {

    font-size: 27px!important;

}



.heading-layout3 .heading__title:after {

    content: '';

    position: absolute;

    left: -50px;

    top: 50%;

    width: 30px;

    height: 2px;

    border-radius: 1px;

    background-color: #0a5386;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.heading-light .heading__subtitle {

    color: #f9f9f9;

}



.heading-light .heading__subtitle:after {

    background-color: #ffffff;

}



.heading-light .heading__title,

.heading-light .heading__desc {

    color: #ffffff;

}





@media (max-width: 992px) {

    .heading__title {

        font-size: 30px;

    }

    .heading-layout2 .heading__subtitle:after {

        display: none;

    }

}



/* Mobile Phones and tablets */

@media (min-width: 320px) and (max-width: 767px) {

    .heading__title {

        font-size: 23px;

        margin-bottom: 10px;

    }

    .heading__subtitle{

        font-size: 13px;

    }

    .heading__desc {

        font-size: 14px;

        line-height: 24px;

    }

    .heading-layout2 .heading__title {

        font-size: 25px;

    }

}





/*--------------------

   Buttons

---------------------*/

.btn.btn__secondary {

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-transform: capitalize;

    position: relative;

    z-index: 1;

    font-size: 14px;

    font-weight: 700;

    min-width: 170px;

    height: 60px;

    padding: 0 15px;

    letter-spacing: .3px;

    border: 0;

    border-radius: 6px;

    overflow: hidden;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.btn.btn__secondary:focus, .btn.btn__secondary.active, .btn.btn__secondary:active {

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: none;

}



.btn.btn__secondary span,

.btn.btn__secondary i {

    margin: 0 4px;

}



.btn.btn__secondary .fas.fa-arrow-right,

.btn.btn__secondary .icon-arrow-left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 24px;

    height: 24px;

    border-radius: 50%;

}



.btn.btn__secondary:not(.btn__link):before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: #39b54a;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: right center;

    transform-origin: right center;

    -webkit-transition: transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);

    -webkit-transition: -webkit-transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);

    transition: -webkit-transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);

    transition: transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);

    transition: transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9), -webkit-transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);

}



.btn.btn__secondary:not(.btn__link):hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: left center;

    transform-origin: left center;

}







.btn__secondary {

    background-color: #39b54a;

    color: #ffffff;

}



.btn__secondary:before {

    background-color: #0a5386 !important;

}



.btn__secondary .fas.fa-arrow-right,

.btn__secondary .icon-arrow-left {

    color: #39b54a;

    background-color: #ffffff;

}



.btn__secondary:hover {

    color: #ffffff;

}



.btn__secondary:hover .fas.fa-arrow-right,

.btn__secondary:hover .icon-arrow-left {

    color: #0a5386;

}



.btn__secondary:active, .btn__secondary:focus {

    background-color: #39b54a;

    color: #ffffff;

}



.btn__secondary-style2:before {

    background-color: #ffffff !important;

}



.btn__secondary-style2:hover {

    color: #39b54a;

}



.btn__secondary.btn__outlined {

    background-color: transparent;

    border: 2px solid #39b54a;

    color: #39b54a;

}



.btn__secondary.btn__outlined:before {

    display: none;

}



.btn__secondary.btn__outlined .fas.fa-arrow-right,

.btn__secondary.btn__outlined .icon-arrow-left {

    color: #ffffff;

    background-color: #39b54a;

}



.btn__secondary.btn__outlined:hover {

    color: #ffffff;

    background-color: #39b54a;

}



.btn__secondary.btn__outlined:hover .fas.fa-arrow-right,

.btn__secondary.btn__outlined:hover .icon-arrow-left {

    color: #39b54a;

    background-color: #ffffff;

}



.btn__outlined {

    background-color: transparent;

}



.btn__link {

    background-color: transparent;

    border-color: transparent;

    min-width: 0;

    line-height: 1;

    height: auto;

    padding: 0;

    border: none;

}



.btn__block {

    width: 100%;

}



.btn__secondary.btn__outlined.btn__custom {

    border-color: #eaeaea;

    color: #39b54a;

    overflow: visible;

}



.btn__secondary.btn__outlined.btn__custom .fas.fa-arrow-right,

.btn__secondary.btn__outlined.btn__custom .icon-arrow-left {

    color: #ffffff;

    background-color: #39b54a;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}





/*-------------------

    lists

-------------------*/

.list-items li {

    position: relative;

    padding-left: 32px;

    font-size: 15px;

    font-weight: 700;

    color: #282828;

    margin-bottom: 9px;

}



.list-items li:before {

    content: "\f00c";

    font-family: 'Fontawesome';

    position: absolute;

    top: 50%;

    left: 0;

    font-size: 10px;

    font-weight: 400;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border-radius: 50%;

    color: #ffffff;

    background-color: #0a5386;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.list-items-light li {

    color: #ffffff;

}



.list-items-light li:before {

    background-color: #ffffff;

    color: #0a5386;

}



.list-items-layout2 li {

    padding-left: 25px;

}



.list-items-layout2 li:before {

    background-color: transparent;

    color: #0a5386;

}



.list-items-layout2.list-items-light li {

    color: #ffffff;

}



.list-items-layout2.list-items-light li:before {

    color: #ffffff;

}



@media (max-width: 992px) {

    .list-items-layout2 {

        -ms-flex-direction: column;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column;

    }

    .list-items-layout2 li {

        -ms-flex: 0 0 100% !important;

        -webkit-box-flex: 0 !important;

        flex: 0 0 100% !important;

        max-width: 100% !important;

    }

}



/* Extra Small Devices */

@media (min-width: 320px) and (max-width: 767px) {

    .list-items li {

        font-size: 15px;

        font-weight: 400;

    }

}



/*--------------------------

        pricing

--------------------------*/

.pricing-item {

    position: relative;

    height: calc(100% - 30px);

    border-radius: 5px;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.08);

    box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.08);

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    margin-bottom: 30px;

}



.pricing-item .pricing__header {

    padding: 12px 35px 27px;

    border-bottom: 2px solid #e7ebef;

    margin-bottom: -30px;

    line-height: 20px;

    height: 161px;

}



.pricing-item .pricing__body {

    padding: 40px 45px 40px;

}



.pricing-item .pricing__title {

    font-size: 22px;

    margin-bottom: 0;

}



.pricing-item {

    font-size: 14px;

}

.pricing__subtitle {

    font-size: 14px;

    margin-top: 2px;

}

.pricing-item .pricing__price {

    font-family: "Rubik", sans-serif;

    font-size: 50px;

    /* color: #39b54a; */

    line-height: 1;

    margin-bottom: 15px;

}



.pricing-item .pricing__time {

    font-size: 14px;

}

.elementor-kit-275 p {

    margin-bottom: 11px;

}

.pricing-item {

    font-size: 14px!important;

    /* margin-bottom: 30px; */

}

.pricing__desc {

    font-size: 14px!important;

    margin-bottom: 30px;

}

.pricing-item .pricing__list li {

    color: #9b9b9b;

    padding-left: 30px;

    margin-bottom: -2px;

}

.pricing-item .pricing__list li:before {

    width: 22px;

    height: 22px;

    line-height: 22px;

    color: #ffffff;

    background-color: #0a5386;

}

.pricing-item .btn {

    padding: 4px 20px;

    margin-top: 6px;

    border-radius: 55px;

    height: 50px;

}

  

/* Mobile Phones & tablets and Small Screens */

@media (max-width: 992px) {

    .pricing-item {

        height: auto;

    }

    .pricing-item .pricing__header,

    .pricing-item .pricing__body {

        padding: 20px;

    }

    .pricing-item .pricing__title {

        font-size: 22px;

    }

    .pricing-item .pricing__list {

        margin-top: 20px;

    }

    .pricing-item .pricing__desc {

        font-size: 12px;

    }

    .pricing-item .pricing__price {

        font-size: 40px;

        margin-bottom: 10px;

    }

}



@media (min-width:768px) {

    .elementor-83 .elementor-element.elementor-element-918e302 .elementor-button {

        background-color: #0f75bc;

    }

    .elementor-83 .elementor-element.elementor-element-918e302 .elementor-button:hover {

        background-color: #39b54a;

    }

}

.list-unstyled {

    padding-left: 0;

    list-style: none;

    margin-top: 9px;

}

/* Improved Responsiveness for Tablets */

@media (max-width: 992px) {

    .pricing-item,

    .pricing-item .pricing__header,

    .pricing-item .pricing__body {

        padding: 15px; /* Consistent padding for medium-sized devices */

    }



    .pricing-item .pricing__title {

        font-size: 18px; /* Smaller title font size */

    }



    .pricing-item .pricing__price {

        font-size: 35px; /* Adjusted price font size */

    }



    .pricing-item .pricing__desc {

        font-size: 12px; /* Smaller description font size */

    }

}



/* Adjustments for smaller mobile devices */

@media (max-width: 768px) {

    .pricing-item .pricing__header {

        height: auto;

        padding: 10px;

        margin-left: 15px;

        margin-bottom: 30px;

    }

    .pricing-item .pricing__body {

        padding: 10px; /* Reduced padding */

        margin-left: 0; /* Removing negative margin */

    }



    .pricing-item .pricing__list {

        margin-top: 10px; /* Adjusted top margin */

    }

}



/* Very small screens, like older iPhones */

@media (max-width: 480px) {

    .pricing-item {

        padding: 10px; 

        margin-left: 21px;

    }



    .pricing-item .pricing__title,

    .pricing-item .pricing__desc,

    .pricing-item .pricing__time {

        font-size: 16px; 

    }



    .billing  {

        display: flex;

        flex-direction: row;

        align-items: center;

        width: 100%; /* Full width */

        justify-content: space-around;

        padding: 10px;

        line-height: normal; /* Adjust line height */

        font-size: 16px; /* Smaller font size */

        background-color: #39b54a;

        border-radius: 25px; /* Rounded corners */

        font-weight: bold;

        color: #ffffff;

        margin: 0 10px; /* Horizontal margin */

    }

    .inventory{

        display: flex;

        flex-direction: row;

        align-items: center;

        justify-content: space-around;

        padding: 10px;

        line-height: normal; /* Adjust line height */

        font-size: 16px; /* Smaller font size */

        background-color: #39b54a;

        border-radius: 25px; /* Rounded corners */

        font-weight: bold;

        color: #ffffff;

    }

}

@media (max-width: 412px) {

        .hero7btn .inventory {

            width: 185px;

            margin-left: -58px;

            padding: 12px 15px;

            font-size: 16px;

            display: flex;

            justify-content: center;

            margin-right: -26px;

            /* border-top-left-radius: 0px; */

            /* border-bottom-left-radius: 0px; */

        }

    

        .hero7btn .billing {

            width: 166px;

            margin-left: -24px;

            padding: 12px 15px;

            font-size: 16px;

            display: flex;

            justify-content: center;

            margin-right: 11px;

            /* border-top-right-radius: 0px; */

            /* border-bottom-right-radius: 0px; */

        }

    }

      @media (max-width: 716px) {

    .hero7btn .inventory {

        width: 185px;

        margin-left: -58px;

        border: 1px solid #fff;

        padding: 12px 15px;

        font-size: 16px;

        display: flex;

        justify-content: flex-end;

        margin-right: -26px;

        border-top-left-radius: 0px;

        border-bottom-left-radius: 0px;

    }

        .hero7btn .billing {

            width: 166px;

            margin-left: -28px;

            padding: 12px 15px;

            border: 1px solid #fff;

            font-size: 16px;

            display: flex;

            justify-content: center;

            margin-right: 11px;

            border-top-right-radius: 0px;

            border-bottom-right-radius: 0px;

        }

    }