.modal-body,
.modal-header,
ul {
    padding: 0 !important
}

#delayed-section,
.banner_inner,
.global_inner,
.logo_wraper,
.packages_inner h2,
.packages_inner p {
    text-align: center
}

body,
section#sec2 {
    background-position: center
}

a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
select,
span,
strong,
textarea {
    font-family: Grandstander, cursive !important;
    margin: 0
}

ul {
    list-style: none !important
}

a {
    text-decoration: none !important;
    display: block
}

p {
    margin: 0 !important
}

::-webkit-scrollbar {
    display: none
}

body {
    background-image: url(https://www.bluemountpublisher.com/);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.modal-header {
    border: none !important;
    margin-bottom: 20px
}

.modal {
    background: #0000008c
}

.modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.popup_form_wrp {
    padding: 20px 0 0 40px
}

.popup_form_wrp h2 {
    font-weight: 800;
    font-size: 39px;
    color: #000;
    margin: 0;
    position: relative;
    letter-spacing: 0;
    line-height: 39px
}

.global_btn,
.popup_form_wrp form {
    margin: 30px 0 0
}

.popup_form_wrp p {
    color: #848484;
    font-weight: 400
}

.popup_form_wrp form input,
.popup_form_wrp form select,
.popup_form_wrp form textarea {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    height: 45px;
    margin: 0 0 15px;
    padding: 0 0 0 20px;
    font-weight: 500;
    outline: 0;
    color: #848484;
    border: 1px solid #002f21
}

.popup_form_wrp form input::placeholder,
.popup_form_wrp form textarea::placeholder {
    color: #848484;
    font-size: 14px
}

.popup_form_wrp form textarea {
    border-radius: 15px;
    height: 70px;
    padding: 15px 18px
}

.popup_form_wrp form select {
    font-size: 14px;
    font-weight: 500
}

.modal-content {
    padding: 0 !important;
    position: relative !important;
    z-index: 9;
    border: none !important;
    border-radius: 30px !important
}

.popup_form_wrp h2:before {
    content: '';
    display: block;
    position: absolute;
    background: #002f21;
    width: 10px;
    height: 40px;
    left: -20px;
    border-radius: 5px
}

button.btn-close:after,
button.btn-close:before {
    position: absolute;
    background: #fff;
    width: 4px;
    height: 26px;
    top: 5px;
    border-radius: 5px;
    content: '';
    display: block
}

span.color_form {
    color: #e64d26
}

button.btn-close {
    position: absolute;
    right: 8px;
    top: 8px;
    background: #002f21;
    opacity: 1;
    border-radius: 0 0 0 20px;
    width: 30px;
    height: 25px;
    z-index: 9999
}

button.btn-close:after {
    transform: rotate(42deg);
    left: 25px
}

button.btn-close:before {
    transform: rotate(129deg);
    left: 24px
}

button.btn-close:hover {
    background: #000;
    opacity: 1
}

button.popup_button {
    background: linear-gradient(180deg, #39aff9 0, #007cca 100%);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    border-radius: 20px;
    border: none;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #fff;
    text-transform: capitalize;
    width: 200px;
    height: 50px;
    font-family: Raleway
}

button.popup_button:hover {
    background: #f3ad16
}

section {
    overflow: hidden !important;
    height: 100vh
}

.logo_wraper img {
    width: 18%;
}

section.sec_1 {
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 320px
}

header.main_header {
    position: absolute;
    width: 100%;
    top: 30px;
    z-index: 99
}

section.sec_1 .container-fluid {
    padding: 0
}

.banner_inner {
    transition: 5s;
    position: relative;
    top: 86px;
}

.banner_inner h1 span {
    display: block;
    color: #000;
    font-size: 103px;
    line-height: 90px
}

.banner_inner h4 {
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    margin: 0 0 20px
}

.banner_inner h1 {
    font-size: 113px;
    font-weight: 700;
    line-height: 100px;
    color: #002f21;
    margin: 0
}

.banner_inner h1 span.letters span {
    color: #002f21 !important
}

.banner_inner h1 span.letters2 span {
    font-size: 93px;
    line-height: 93px
}

.global_btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.global_btn span button img {
    width: 27px;
    margin: 0 0 0 5px
}

.global_btn span button {
    width: 200px;
    height: 65px;
    border-radius: 40px;
    border: 1px solid #002f21;
    background: #002f21;
    font-weight: 500;
    color: #faf5f2;
    font-size: 18px;
    line-height: 18px;
    transition: .5s
}

.global_btn span:first-child button:hover,
.global_btn span:nth-child(2) button {
    color: #000;
    border: 1px solid #000;
    background: 0 0
}

.global_btn span {
    margin: 0 10px
}

.global_btn span:nth-child(2) button img {
    filter: brightness(0)
}

.global_btn span:first-child button img,
.global_btn span:nth-child(2) button:hover img,
.packages_inner:hover button:hover img {
    filter: brightness(0) invert(1)
}

.global_btn span:first-child button:hover img {
    filter: brightness(0);
    transition: .5s
}

.global_btn span:nth-child(2) button:hover {
    background: #002f21;
    border: 1px solid #002f21;
    color: #fff
}

.global_inner h2 {
    color: #002f21;
    font-size: 72px;
    font-weight: 800;
    line-height: 82px;
    margin: 0 0 10px
}

.global_inner p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    width: 50%;
    margin: auto !important
}

.packages_inner h2,
.packages_inner h6,
.packages_inner p,
.packages_inner ul li {
    color: #272727;
    transition: .5s
}

.packages_inner {
    background: #fffffff0;
    border-radius: 20px;
    padding: 50px 0;
    transition: .5s;
    position: relative
}

.packages_inner.first {
    width: 370px;
    margin-left: auto
}

.packages_inner h6 {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    font-weight: 700
}

.packages_inner h2 {
    font-size: 84px;
    line-height: 74px;
    margin: 20px 0 0;
    font-weight: 800
}

.packages_inner p {
    font-weight: 500
}

.packages_inner ul {
    margin: 30px 0 0 50px;
    padding: 0 0 0 31px !important;
    height: 250px;
    overflow-y: scroll
}

.packages_inner ul li {
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 15px;
    font-weight: 500;
    position: relative;
    padding: 0 10px 0 20px;
}

.packages_inner ul li:before {
    content: '';
    display: block;
    position: absolute;
    background: #272727;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    left: 0;
    top: 8px;
    /* bottom: 0; */
    margin: auto;
    transition: .5s
}

.packages_inner.second {
    width: 360px;
    margin: auto
}

.packages_inner.third {
    width: 360px
}

section#sec_4 {
    position: relative;
    display: flex;
    background: url(../images/sec_4.webp) no-repeat;
    background-size: 100% 100%;
    align-items: center
}

section#sec2 .row.mt-5 {
    margin-top: 80px !important
}

.packages_inner button.btn-dark {
    width: 170px;
    height: 55px;
    margin: 40px auto auto !important;
    display: block;
    border-radius: 20px;
    border: none;
    background: #272727;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    transition: .5s
}

.packages_inner button.btn-dark img {
    margin: 0 0 0 5px;
    filter: brightness(0) invert(1)
}

.packages_inner:hover {
    transition: .5s;
    background: #002f21;
    transform: scale(1.2)
}

.packages_inner:hover h2,
.packages_inner:hover h6,
.packages_inner:hover li,
.packages_inner:hover p {
    color: #fff
}

.packages_inner:hover li:before {
    background: #fff
}

.packages_inner:hover button {
    background: #fff;
    color: #000
}

.packages_inner:after,
.packages_inner:before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/left_shadow.webp);
    background-repeat: no-repeat;
    bottom: -10px;
    left: 0;
    margin: auto;
    width: 430px;
    height: 23px
}

.packages_inner.second:after {
    background-image: url(../images/center_shadow.webp);
    width: 574px;
    height: 24px;
    left: -80px
}

.packages_inner.third:after {
    background-image: url(../images/right_shadow.webp)
}

.packages_inner:before {
    background-image: url(../images/dog.webp);
    left: -120px;
    right: unset;
    margin: unset;
    width: 222px;
    height: 325px;
    z-index: 9;
    bottom: -40px
}

.packages_inner.second:before {
    background-image: url(../images/girl.webp);
    width: 203px;
    height: 531px;
    left: -110px
}

.packages_inner.third:before {
    background-image: url(../images/kala.webp);
    width: 183px;
    height: 407px;
    left: -80px
}

.packages_inner:hover:before {
    transform: scale(.9)
}

.packages_inner:hover button:hover {
    background: #272727 !important;
    color: #fff
}

.parallax_second ul li {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99
}

.parallax_second ul li:nth-child(2) {
    right: 0;
    left: unset
}

.packages_inner:after,
.parallax_second ul li:nth-child(3) {
    z-index: -1
}

.testimonial_wraper {
    width: 1700px;
    margin: 40px auto auto
}

.testimonial_wraper ul li img {
    width: 95%;
    box-shadow: 0 0 10px #ccc;
    margin: auto
}

.illustration_inner {
    box-shadow: 0 0 10px #ccc;
    border-radius: 40px;
    padding: 80px 50px;
    width: 790px;
    margin-left: auto;
    background: #fff;
    overflow-y: scroll;
    height: 600px
}

.illustration_inner .global_btn {
    justify-content: start
}

.footer_iner ul li img,
.illustration_inner .global_btn span {
    margin: 0 15px 0 0
}

.illustration_inner h2 {
    font-size: 45px;
    font-weight: 800;
    color: #002f21;
    line-height: 50px;
    margin: 0 0 10px
}

.illustration_inner p {
    color: #848484;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px
}

.illustration_inner h3 {
    color: #1e1e1e;
    font-size: 25px;
    font-weight: 800;
    line-height: 25px;
    margin: 15px 0 10px
}

.portfolio_wraper ul li img {
    height: 450px !important;
    width: 250px;
    object-fit: cover;
    border-radius: 20px !important
}

.portfolio_wraper ul li {
    margin: 0 15px
}

.bottom_img {
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0
}

section.sec_5 {
    background: #fff;
    display: flex;
    align-items: center;
    position: relative
}

.global_inner.tabs_wraper p {
    width: 1030px
}

.tabs_inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.tabs_inner span:nth-child(2) {
    flex: 0 0 72% !important;
    background: #f2f2f2;
    border-radius: 30px;
    padding: 30px 30px 0;
    box-shadow: 10px 10px 20px 5px #0000008a, -10px -10px 20px 5px #0000008a;
}

.banner_new_form ul li:first-child,
.banner_new_form ul li:nth-child(3),
.tabs_inner span:first-child {
    flex: 0 0 25%
}

.tabs_inner ul#myTab {
    display: block;
    border: none;
    background: #f2f2f2;
    padding: 40px 30px !important;
    border-radius: 30px
}

.tabs_inner ul#myTab li.nav-item button {
    border: none;
    padding: 0;
    height: 72px;
    width: 100%;
    border-radius: 20px;
    font-size: 27px;
    color: #000 !important;
    font-weight: 500;
    transition: .5s;
    line-height: 27px;
    outline: 0 !important;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer_iner ul li,
.tabs_inner ul#myTab li.nav-item {
    margin: 0 0 15px
}

.tabs_inner ul#myTab li.nav-item button:hover {
    background: #002f21;
    color: #fff !important
}

.tabs_inner ul#myTab li.nav-item button.active {
    background: #000;
    color: #ffff !important
}

.port_wraper ul li:nth-child(10),
.port_wraper ul li:nth-child(11),
.port_wraper ul li:nth-child(12),
.port_wraper ul li:nth-child(9),
.tabs_inner .global_btn span,
.tabs_inner ul#myTab li.nav-item:last-child {
    margin: 0
}

.tabs_inner ul#myTab li.nav-item button span {
    background: 0 0;
    height: auto;
    padding: 0
}

.tabs_inner ul#myTab li.nav-item button span:nth-child(2) {
    flex: 0 0 56% !important;
    box-shadow: inherit !important;
    !i;
    !;
}

.tabs_inner ul#myTab li.nav-item button span:first-child {
    flex: 0 0 20%;
    text-align: left
}

.tabs_inner ul#myTab li.nav-item button img {
    transition: .5s
}

.tabs_inner ul#myTab li.nav-item button.active img,
.tabs_inner ul#myTab li.nav-item button:hover img {
    filter: brightness(0) invert(1);
    transition: .5s
}

.port_wraper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin: 0;
    height: 525px;
    overflow-y: scroll;
    gap: 10px;
}

.port_wraper ul li {
    flex: 0 0 22%;
    margin: 0 17px 15px 0 !important
}

.port_wraper ul li img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px
}

.tabs_image ul li {
    position: absolute;
    bottom: 0;
    right: 0
}

section.sec_6 {
    background: #fff;
    height: auto;
    padding: 100px 0;
    border-bottom: 1px solid #fff;
}

.banner_new_form ul li img,
.global_inner.form_para p,
.tabs_inner .global_btn button {
    width: 100%
}

footer.main_footer {
    background: url(/assets/images/footer-bg.webp);
    padding: 60px 0;
    border-bottom: 1px solid #fff;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer_inner a img {
    width: 64%;
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(3399%) hue-rotate(59deg) brightness(114%) contrast(106%); */
}

.footer_inner p {
    color: #fff;
    font-size: 16px;
    width: 85%;
    margin-top: 20px !important
}

.footer_iner h5,
.footer_inner.right h5 {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px;
    line-height: 20px;
    font-size: 20px
}

.footer_iner ul li a {
    color: #fff;
    font-size: 16px
}

.footer_inner.right {
    text-align: right
}

.footer_inner.right ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end
}

.footer_inner.right ul li {
    flex: 0 0 33%;
    margin: 0 0 15px
}

.footer_inner.right ul li img {
    width: 80%
}

section.footer_bottom {
    height: auto;
    background: #fff;
    padding: 15px 0
}

.footer_wrp ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0
}

.footer_wrp ul li p {
    display: flex;
    align-items: center;
    color: #999;
    font-size: 16px;
    font-weight: 400
}

.footer_wrp ul li p a {
    margin: 0 0 0 5px;
    color: #002f21
}

.footer_wrp ul li {
    display: flex;
    align-items: center;
    justify-content: end
}

.footer_wrp ul li a {
    margin: 0 0 0 10px;
    color: #999
}

section.sec_1 .paralax_images ul li:nth-child(5) {
    bottom: -80px;
    right: 0;
    left: unset;
    text-align: right
}

section.sec_1.active .paralax_images ul li:nth-child(5) {
    bottom: 0
}

.tabs_image span {
    position: absolute;
    right: 0;
    bottom: 0
}

.packages_inner:hover button img {
    filter: unset;
    transition: .5s
}

section.sec_1.active span#child-wrap {
    top: 0;
    transition: 3s
}

section.sec_1.active .banner_inner {
    top: -30px;
    transition: 3s
}

.testimonial_wraper .slick-track {
    padding: 15px 0
}

.modal-dialog {
    max-width: 980px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    top: 20%;
    overflow: hidden
}

.popup_img ul {
    display: flex;
    align-items: end;
    justify-content: start;
    flex-direction: row-reverse;
    margin: 0
}

.popup_form_wrp input[type=submit] {
    margin: 0 !important;
    background: #002f21 !important;
    border: none !important;
    text-transform: uppercase;
    color: #fff !important;
    width: 50% !important;
    padding: 0 !important;
    height: 55px !important;
    font-size: 18px;
    line-height: 18px;
    border-radius: 30px
}

.banner_new_form ul li:nth-child(2),
section#sec2,
section#sec_4:after,
section.sec_new.desktop {
    background-repeat: no-repeat;
    background-size: cover
}

.banner_new_form ul li h2 span,
.popup_form_wrp h2 span,
.popup_form_wrp p b {
    color: #002f21
}

section.sec_new.desktop::before{
    content:"";
}

#delayed-section {
    display: none
}

.modal-content:after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(https://www.bluemountpublisher.com/);
    background-repeat: no-repeat;
    width: 45%;
    height: 110%;
    right: -90px;
    top: -30px;
    background-size: 100%;
    z-index: -1;
    transform: rotate(0)
}

.popup_img {
    position: relative
}

.popup_img:after,
.popup_img:before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/green_thre.webp);
    background-repeat: no-repeat;
    width: 21%;
    height: 84px;
    left: 8%;
    top: 15%;
    transform: rotate(-35deg);
    background-size: 100%;
    animation: 1s infinite alternate mover_2
}

.iti.iti--allow-dropdown.iti--show-flags {
    display: block;
    margin: 0 0 20px;
}

.popup_img:after {
    left: unset;
    top: unset;
    bottom: -10px;
    right: 45%;
    background-image: url(../images/red_thre.webp);
    transform: unset;
    height: 102px;
    width: 16%
}

.tabs_inner .global_btn {
    display: block
}

span.Typewriter__cursor {
    display: none
}

.mobile {
    display: none !important
}

section.sec_new.desktop {
    display: flex;
    align-items: end;
    background-image: url(../images/new_banner.webp);
    background-position: top;
    background-size: 100% 100%;
}

.banner_new_form ul {
    display: flex;
    align-items: end
}

.banner_new_form ul li {
    flex: 0 0 33%
}

.banner_new_form ul li:nth-child(2) {
    flex: 0 0 50%;
    background: #fff;
    height: 400px;
    border-radius: 40px;
    border: 1px solid #fff;
    position: relative;
    top: -40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner_new_form {
    position: relative;
    top: -30px;
}

.banner_new_form ul li h2 {
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 50px;
    margin: 0 0 5px
}

.banner_new_form ul li p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    width: 70%;
    margin: auto auto 30px !important
}

.banner_new_form ul li form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 80%;
    margin: auto;
    justify-content: space-between
}

.banner_new_form ul li form span {
    flex: 0 0 48.5%
}

.banner_new_form ul li form input {
    width: 100%;
    height: 60px;
    margin: 0 0 20px;
    padding: 0 0 0 15px;
    background: 0 0;
    border: 1px solid #333;
    outline: 0;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 400;
    color: #96948f
}

.banner_new_form ul li form input::placeholder {
    color: #96948f
}

.banner_new_form ul li form span p {
    margin: 0 !important;
    text-align: left;
    width: 100%;
    position: relative;
    left: 25px;
    top: 10px;
    background: #f9ece0 !important;
    width: fit-content;
    padding: 3px 20px;
    line-height: 16px;
    border-radius: 20px
}

.banner_new_form ul li form span:first-child p {
    background: #f9ece0
}

.banner_new_form ul li form span:nth-child(2) p {
    background: #fcf6ec !important
}

.banner_new_form ul li form input[type=submit] {
    background: #002f21;
    border: none !important;
    padding: 0 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;



    !;

    !importan;
}

section#sec2 {
    background-image: url(../images/sec_2.webp);
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
    background-size: 100% 100%;
}

section#sec_3 {
    display: flex;
    align-items: center;
    height: 70vh
}



@media only screen and (max-width:1660px) {

    .parallax_second ul li:first-child img,
    .parallax_second ul li:nth-child(2) img,
    .testimonial_wraper {
        width: 100% !important
    }

    .tabs_image span {
        z-index: -1
    }

    .parallax_second ul li:first-child,
    .parallax_second ul li:nth-child(2) {
        width: 16% !important
    }

    .banner_inner h1 {
        font-size: 70px;
        line-height: 70px
    }

    .banner_inner h4 {
        font-size: 25px;
        line-height: 25px;
        margin: 0 0 10px
    }

    .logo_wraper img {
        width: 11%
    }

    .banner_inner h1 span {
        font-size: 60px;
        line-height: 50px
    }

    .parallax_second ul li:nth-child(2) {
        right: 0;
        width: unset;
        text-align: right
    }

    section#sec2 {
        padding-top: 30px
    }

    .testimonial_wraper ul li img {
        width: 90%;
        margin: auto
    }

    section#sec_3 {
        height: 75vh
    }

    .testimonial_wraper.aos-init.aos-animate {
        max-width: 100%;
        width: 100%
    }

    .port_wraper ul li img {
        width: 100%
    }

    section.sec_5 {
        position: relative;
        z-index: 9
    }
}

@media only screen and (max-width:1560px) {
    .tabs_inner {
        padding: 50px 0px;
    }

    .logo_wraper img {
        width: 230px;
    }

    .banner_inner {
        transition: 5s;
        position: relative;
        top: 48px;
    }

    .bottom_img,
    .bottom_img span {
        z-index: -1
    }

    section.sec_new.desktop {
        padding-top: 750px !important
    }

    .parallax_second ul li:nth-child(3) {
        bottom: -250px
    }

    .banner_new_form ul li h2 {
        font-size: 30px;
        line-height: 30px
    }

    .banner_new_form ul li p {
        font-size: 16px;
        line-height: 16px
    }

    .banner_new_form ul li:nth-child(2) {
        height: 300px;
        top: -20px;
    }

    .banner_new_form ul li form input {
        height: 50px;
        font-size: 14px;
        margin: 0
    }

    .banner_inner h1,
    .banner_inner h1 span,
    .banner_inner h1 span.letters2 span {
        font-size: 70px;
        line-height: 70px;
    }

    .banner_inner h4 {
        font-size: 20px;
        line-height: 20px
    }

    section#sec2 .container-fluid {
        max-width: 1200px
    }

    section#sec2 .global_inner h2 {
        font-size: 65px;
        line-height: 75px;
    }

    section#sec2 .global_inner p {
        width: 60%;
        font-size: 16px
    }

    section#sec2 .row.mt-5 {
        margin-top: 30px !important
    }

    .packages_inner:hover {
        transform: unset
    }

    .packages_inner {
        padding-top: 20px
    }

    .packages_inner h6 {
        font-size: 16px;
        margin: 0
    }

    .packages_inner h2 {
        font-size: 70px;
        line-height: 50px
    }

    .packages_inner ul {
        height: 150px
    }

    section#sec_3 {
        height: 95vh
    }

    section.sec_5 {
        height: auto;
        padding: 80px 0 0;
    }

    section.sec_6 {
        padding-top: 74px;
    }

    .packages_inner.second:before {
        background-size: 100%;
        width: 40%;
        left: -40px;
        top: 100px
    }

    .packages_inner:before {
        background-size: 100%;
        width: 40%;
        left: -50px;
        bottom: -120px
    }

    .packages_inner.third:before {
        left: -30px;
        background-size: 100%;
        width: 40%;
        bottom: -110px
    }
}


@media only screen and (max-width:1440px) {
    .port_wraper ul li {
        flex: 1 0 20%;
        margin: 0 0 0 0 !important;
    }

    .tabs_inner {
        padding: 40px 0px;
    }

    .banner_inner {
        transition: 5s;
        position: relative;
        top: 30px;
    }

    .banner_new_form ul li:nth-child(2) {
        height: 300px;
        top: -18px;
    }
}

@media only screen and (max-width:1200px) {
    .banner_new_form ul li form {
        align-items: end
    }

    .banner_new_form ul li p {
        width: 75%;
        font-size: 14px
    }

    .banner_inner h1 span,
    .banner_inner h1 span.letters2 span {
        font-size: 65px;
        line-height: 65px
    }

    .global_inner p {
        width: 100%
    }

    .packages_inner:hover,
    .packages_inner:hover:before {
        transform: unset
    }

    section#sec2 .container-fluid {
        max-width: 1020px !important;
        width: 100%
    }

    .packages_inner {
        width: 100% !important
    }

    .packages_inner:before {
        background-size: 100% !important;
        width: 43% !important;
        left: -30px !important;
        bottom: -120px !important
    }

    .packages_inner.first:before {
        bottom: -140px !important;
        left: -60px !important
    }

    .packages_inner.second:before {
        bottom: -200px !important;
        left: -40px !important
    }

    .packages_inner h2 {
        font-size: 64px;
        line-height: 64px
    }

    .illustration_inner {
        width: 90%;
        padding: 50px 30px
    }
}

@media only screen and (max-width:1120px) {
    .port_wraper ul li {
        margin: 0 0 20px !important;
        flex: 0 0 31%
    }

    .port_wraper ul {
        justify-content: space-between
    }

    section.sec_6 {
        padding: 40px 0
    }

    section.sec_5 {
        display: block
    }

    section#sec_3 {
        height: 75vh
    }

    .illustration_inner h2 {
        font-size: 34px;
        line-height: 44px
    }

    .tabs_inner ul#myTab li.nav-item button {
        font-size: 18px
    }

    .tabs_inner ul#myTab li.nav-item button img {
        width: 25px
    }

    .footer_iner ul li a {
        font-size: 13px
    }

    .footer_inner p {
        width: 100%;
        font-size: 14px
    }
}

@media only screen and (max-width:992px) {

    .parallax_second ul li:first-child,
    .parallax_second ul li:nth-child(2) {
        width: 35% !important
    }

    .bottom_img {
        display: none
    }

    section.sec_new.desktop {
        height: auto;
        padding: 250px 0 0 !important
    }

    .banner_new_form ul li:first-child,
    .banner_new_form ul li:nth-child(3) {
        flex: 0 0 20%
    }

    .banner_new_form ul li:nth-child(2) {
        flex: 0 0 60%;
        top: -40px
    }

    .logo_wraper img {
        width: 25%
    }

    .mobile {
        display: none !important
    }

    section#sec2 {
        height: auto !important;
        padding: 60px 0 100px;
        background-position: left
    }

    section#sec2 .row .col-md-4 {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 90px
    }

    .packages_inner {
        width: 420px !important;
        margin: auto
    }

    .packages_inner.first:before,
    .packages_inner.second:before {
        bottom: -100px !important;
        left: -90px !important
    }

    .packages_inner.third:before {
        left: -60px !important
    }

    section#sec_4 .col-md-5,
    section#sec_4 .col-md-7 {
        flex: 0 0 100%;
        width: 100%
    }

    .illustration_inner {
        margin-bottom: 70px !important;
        margin: auto
    }

    section.sec_5 {
        height: auto;
        padding: 80px 0
    }

    .global_inner.tabs_wraper p {
        width: 100%
    }

    .port_wraper ul li {
        flex: 0 0 46%;
        margin: 0 15px 15px 0 !important
    }

    .tabs_inner ul#myTab li.nav-item button {
        height: 50px;
        font-size: 14px
    }

    .tabs_inner ul#myTab li.nav-item button img {
        margin: 0 10px 0 0
    }

    .footer_iner ul li img {
        margin: 0 5px 0 0
    }

    .footer_iner ul li a {
        font-size: 10px
    }

    .footer_iner ul li {
        display: flex;
        align-items: center
    }

    .footer_wrp ul li p {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .banner_inner {
        top: -2px;
    }

    .form_banner_mobile h2 span,
    section#sec2 .global_inner h2 {
        color: #002f21
    }

    .banner_inner,
    .banner_inner h4,
    .footer_iner ul,
    .footer_inner.right,
    .footer_wrp ul li p,
    .global_btn {
        text-align: center
    }

    section.sec_6 {
        padding-bottom: 30px
    }

    .packages_inner.first:before {
        left: -60px !important;
        bottom: -140px !important
    }

    .footer_iner ul li,
    .footer_inner.right ul {
        justify-content: center
    }

    .footer_iner ul li a {
        font-size: 14px
    }

    .desktop {
        display: none !important
    }

    .mobile {
        display: block !important
    }

    .logo_wraper img {
        width: 40%
    }

    .banner_inner h4 {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 10px;
        text-transform: uppercase;
        font-weight: 700
    }

    .banner_inner h1 {
        font-size: 38px;
        line-height: 48px;
        text-transform: uppercase
    }

    .banner_inner h1 span,
    .form_banner_mobile h2,
    section#sec2 .global_inner h2 {
        font-size: 40px;
        line-height: 40px
    }

    section {
        height: auto !important
    }

    .form_banner_mobile {
        border-radius: 20px;
        margin-top: 50px;
        padding: 60px 20px 40px;
        background: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border: 1px solid #fff;
        position: relative
    }

    .form_banner_mobile h2 {
        margin: 0 0 10px;
        font-weight: 700;
        color: #000
    }

    .form_banner_mobile p {
        font-size: 15px;
        line-height: 23px;
        margin: 0 0 30px !important
    }

    .form_banner_mobile form input {
        width: 100%;
        height: 50px;
        margin: 0 0 10px;
        background: 0 0;
        border: 1px solid #000;
        border-radius: 10px;
        padding: 0 0 0 15px;
        font-size: 14px;
        font-weight: 400;
        color: #0000
    }

    .form_banner_mobile form input[type=submit] {
        margin: 0;
        background: #002f21;
        border: none;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px
    }

    section#sec2 {
        padding: 40px 0 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    section#sec2 .global_inner p {
        color: #848484;
        width: 100%
    }

    section#sec2 .row.mt-5 {
        margin-top: 50px !important
    }

    .packages_inner {
        width: 80% !important;
        margin-left: auto !important;
        margin-bottom: 0 !important
    }

    .packages_inner.second:before {
        left: -60px !important;
        bottom: -160px !important
    }

    .packages_inner.third:before {
        left: -50px !important;
        bottom: -80px !important
    }

    .illustration_inner {
        margin: auto;
        width: 95%;
        background: #ffffffed;
        padding: 40px 20px
    }

    section#sec_4 {
        padding: 0 0 150px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    section#sec_4:after {
        background-image: url(../images/mobile_illustratio.webp);
        background-size: unset;
        width: 381px;
        height: 662px;
        top: unset;
        bottom: 0
    }

    .global_btn {
        flex-wrap: wrap
    }

    .global_btn span {
        margin: 0 !important;
        flex: 0 0 50%
    }

    .global_btn span button {
        margin: 0 0 15px;
        width: 90%;
        font-size: 15px;
        height: 55px
    }

    .illustration_inner h2 {
        font-size: 25px;
        line-height: 30px
    }

    .portfolio_wraper ul li img {
        height: 270px
    }

    .portfolio_wraper {
        margin: 0
    }

    section.sec_5 {
        padding-top: 60px;
        padding-bottom: 60px;
        background: url('../images/sec_5.webp')center / cover no-repeat;
    }

    .global_inner.tabs_wraper p {
        width: 100%
    }

    .global_inner h2 {
        font-size: 35px;
        line-height: 35px
    }

    .tabs_inner {
        display: block;
        padding: 20px 0;
        background: #f2f2f2;
        border-radius: 30px
    }

    .tabs_inner ul#myTab {
        width: 70%;
        margin: auto
    }

    .tabs_inner .global_btn button {
        width: 70%
    }

    .footer_wrp ul,
    .tabs_inner span:nth-child(2) {
        display: block
    }

    .port_wraper ul li {
        flex: 0 0 45%;
        margin: 0 0 15px !important
    }

    .port_wraper ul {
        height: 400px;
        justify-content: space-evenly
    }
    .footer_wrp ul li{
        display:flex;
        flex-wrap:wrap;
    }

    .footer_iner,
    .footer_inner {
        text-align: center;
        margin-bottom: 30px
    }

    footer.main_footer {
        padding-bottom: 0
    }

    .footer_wrp ul li {
        justify-content: center;
        margin: 0 0 10px
    }

    .footer_wrp ul li p {
        display: block
    }

    section.footer_bottom {
        padding-bottom: 49px;
    }

    section#sec1 {
        padding: 230px 0 60px !important
    }

    .popup_img {
        display: none
    }

    .popup_form_wrp {
        padding: 30px 26px
    }

    body {
        /* background-image: url(../images/mobile_body.webp); */
    }

    section.sec_dublicate {
        height: auto !important;
        padding-top: 170px;
        position: relative;
        background: url('../images/new_banner.webp') center / cover;
    }



    .form_banner_mobile:after,
    .form_banner_mobile:before {
        content: '';
        display: block;
        position: absolute;
        background-image: url(../images/moibile_child.webp);
        background-repeat: no-repeat;
        width: 30%;
        height: 311px;
        left: -20px;
        top: -40px;
        background-size: 100%
    }

    .form_banner_mobile:after {
        background-image: url(../images/moibile_child2.webp);
        left: unset;
        right: -10px;
        width: 24%
    }

    section.sec_dublicate .row {
        position: relative
    }


    .packages_inner:after {
        z-index: -1;
        left: 0;
        background-size: 100%;
        width: 100%;
        bottom: -14px
    }

    .parallax_second ul li:nth-child(3) img {
        width: 560px;
        height: 335px
    }

    .bottom_img,
    .parallax_second ul li:nth-child(3) {
        bottom: 0
    }

    .bottom_img img {
        width: 80%
    }

    section#sec_3 {
        height: 60vh !important
    }
}

body.loading {
    display: none;
}


/* TIMER STYLES */
.timeContainer {
    position: fixed;
    bottom: 30px;
    left: 30px;
    background: #fff;
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 0;
    box-shadow: 0 0 15px #00000063;
    z-index: 9999;
    height: auto;
}

.timeContainer .wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 5px;
}

.timeContainer .wrapper div {
    color: #000;
    text-align: center;
    margin: 0;
    flex: 0 0 33%;
}

.timeContainer .wrapper div:first-child {
    background: #002f21;
    height: 65px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    border-right: 1px solid #002f21;
    color: #fff;
}

.timeContainer .wrapper div:nth-child(2) {
    height: 65px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-right: 1px solid #002f21;
    background: #000;
    color: #fff;
}

.timeContainer .wrapper div:nth-child(3) {
    background: #002f21;
    display: flex;
    align-items: center;
    height: 65px;
    padding: 0 15px;
    color: #fff;
}


.timeContainer .wrapper div h2 {
    font-size: 25px;
    line-height: 25px;
    margin: 0;
    font-weight: bold;
}

.circleDiv {
    position: fixed;
    z-index: -1;
    top: calc(50% - 237px);
    left: calc(-50% + 474px);
    width: 474px;
    height: 474px;
    border-radius: 100%;
    border: 6px dashed #00A3D0;
    animation: rotatingCircle infinite linear 60s;
}

@keyframes rotatingCircle {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* MOUSE TRAIL STYLE */
#cursor {
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    pointer-events: none;
    user-select: none;
    backdrop-filter: invert(100%);
}

.time_image_wrap {
    position: fixed;
    bottom: 100px;
    left: 20px;
    z-index: 9999;
}

.time_image_wrap img {
    width: 60%;
}

.flash {
    animation: flash 500ms ease infinite alternate;
}

@keyframes flash {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.timeContainer .wrapper div p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

#blinking-button {
    animation: blink 1s linear infinite;
}

.sec_5.desktop {
    background: url('../images/sec_5.webp');
    background-size: 100% 100%;
}

/* Animation classes */
.fade-in {
  opacity: 0;
  animation: fadeInUp 1s forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-up-down {
  animation: upDown 3s ease-in-out infinite;
}

@keyframes upDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.animate-left-right {
  animation: leftRight 4s ease-in-out infinite;
}

@keyframes leftRight {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(15px); }
}

/* Button */
.btn-custom-rounded {
  border-radius: 50px;
  background-color: #dc3545;
  color: #fff;
  border: 2px solid transparent;
  padding: 10px 25px;
  transition: all 0.3s ease;
}

.btn-custom-rounded:hover {
  background-color: #fff;
  color: #dc3545;
  border-color: #dc3545;
}

/* Image overlay gradient */
.image-box {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.custom-section{
    height:unset;
    padding: 100px 0 22px;
    z-index: 2;
}

.image-overlay {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 259px;
  background: linear-gradient(180deg, rgba(247, 148, 30, 0) 0%, #F7941E 100%);
  border-radius: 10px;
  z-index: -1;
}
.footer_iner ul li img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(121deg) brightness(106%) contrast(100%);
}
.cta-phn-mobile{background:#000;text-align:center;color:#fff!important;padding:5px;position:fixed;bottom:0!important;z-index:999;width:100%;display:none}.cta-phn-mobile a{color:#fff!important;text-decoration:none;display:flex;justify-content:center;align-items:center;}@media (max-width:767px) and (min-width:320px){.cta-phn-mobile{display:block!important}body{overflow-x:hidden}.lp-footer {margin-bottom: 45px;}}