:root {
    --theme-color: #e3572b;
    --theme-color2: #c2df93;
    --theme-color3: #ecf8f8;
    --title-color: var(--dark-color);
    --body-color: var(--gray-color);
    --dark-color: #063232;
    --dark-color2: #053131;
    --dark-color3: #114f4f;
    --dark-color4: #093b3b;
    --gray-color: #5a7779;
    --gray-color2: #90b4b6;
    --white-color: #ffffff;
    --light-color: #edfbfb;
    --light-color2: #f4f8ec;
    --light-color3: #dcefef;
    --light-color4: #ddf1f1;
    --light-color5: #f6f6f6;
    --orange-color: #ff9d10;
    --orange-color2: #f9c664;
    --success-color: #28a745;
    --error-color: #ff0000;
    --bs-text-color1: #10171d;
    --bs-text-color2: rgba(255, 255, 255, 0.70);
    --bs-bg-color1: rgba(6, 50, 50, 0.4);
    --bs-bg-color2: rgba(0, 0, 0, 0.60);
    --bs-bg-color3: rgba(2, 27, 27, 0.7);
    --bs-bg-color4: rgba(236, 248, 248, 0.2);
    --bs-bg-color5: rgba(255, 255, 255, 0.30);
    --bs-bg-color6: rgba(255, 255, 255, 0.50);
    --bs-bg-color7: rgba(6, 50, 50, 0.10);
    --bs-bg-color8: rgba(6, 50, 50, 0.8);
    --bs-bg-color9: rgba(255, 255, 255, .3);
    --bs-bg-color10: rgba(255, 255, 255, 0.10);
    --bs-bg-color11: rgba(209, 219, 219, 0.3);
    --bs-bg-color12: rgba(255, 255, 255, 0.2);
    --bs-bg-color13: rgba(6, 50, 50, 0.70);
    --bs-bg-color14: rgba(255, 255, 255, 0.6);
    --bs-bg-color15: rgba(6, 50, 50, 0.90);
    --bs-bg-color16: rgba(6, 50, 50, 0.30);
    --bs-bg-color17: rgba(193, 223, 147, 0.9999999999999999);
    --bs-bg-color18: rgba(194, 223, 147, 0.5019607843137255);
    --bs-bg-color19: rgba(3, 42, 42, 0.9019607843137255);
    --bs-bg-color20: #186060;
    --bs-border-color: rgba(255, 255, 255, 0.10);
    --bs-border-color2: rgba(255, 255, 255, 0.2);
    --bs-border-color3: rgba(0, 0, 0, .05);
    --bs-border-color4: rgba(212, 226, 226, 0.3);
    --bs-border-color5: rgba(0, 67, 70, 0.10);
    --bs-border-color6: rgba(6, 50, 50, 0.15);
    --bs-border-color7: rgba(6, 50, 50, 0.1);
    --bs-border-color8: #dce4d9;
    --bs-border-color9: rgba(255, 255, 255, 0.30);
    --bs-border-color10: rgba(6, 50, 50, 0.10);
    --bs-border-color11: rgba(255, 255, 255, 0.2);
    --bs-border-color12: rgba(6, 50, 50, 0.2);
    --bs-border-color13: rgba(255, 255, 255, 0.15);
    --bs-border-color14: #FFFFFF66;
    --title-font: "Inter", sans-serif;
    --body-font: "Inter", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1320px;
    --container-gutters: 24px;
    --section-space: 50px;
    --section-space-mobile: 30px;
    --section-space-small-mobile: 30px;
    --section-title-space: 70px;
    --ripple-ani-duration: 5s
}


footer h4 {
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform: none;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 15px 0
}

footer h4 {
    font-size: 24px;
    line-height: 1.417
}

@media(max-width: 1199px) {

    footer h4 {
        font-size: 24px
    }
}

@media(max-width: 767px) {

    footer h4 {
        font-size: 22px
    }
}


input {
    height: 56px;
    padding: 0 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    color: var(--white-color);
    background-color: var(--dark-color2);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    transition: all .4s ease 0s;
    padding-right: 45px;
    border-radius: 5px
}

input:focus {
    color: var(--white-color);
    outline: 0;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0);
    background-color: var(--dark-color2)
}

input::-moz-placeholder {
    color: var(--gray-color)
}

input::-moz-placeholder {
    color: var(--gray-color)
}

.form-group {
    margin-bottom: 25px;
    position: relative
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.bg-dark {
    background-color: var(--dark-color) !important
}

@keyframes ripple-video {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .3), 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3)
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes wobble_bell {
    0% {
        transform: rotate(0deg)
    }

    15% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(10deg)
    }

    45% {
        transform: rotate(-5deg)
    }

    60% {
        transform: rotate(5deg)
    }

    75% {
        transform: rotate(-2deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

::-moz-selection {
    background: var(--theme-color);
    color: var(--white-color);
    text-shadow: none
}

::selection {
    background: var(--theme-color);
    color: var(--white-color);
    text-shadow: none
}

::-moz-selection {
    background: var(--theme-color);
    color: var(--white-color);
    text-shadow: none
}

.footer-widget {
    margin-left: 50px
}

@media(max-width: 1199px) {
    .footer-widget {
        margin-left: 30px
    }
}

@media(max-width: 1024px) {
    .footer-widget {
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .footer-widget {
        margin-bottom: 46px
    }
}

.footer-widget .title {
    color: var(--white-color);
    font-weight: 500;
    margin-bottom: 30px
}

@media(min-width: 820px)and (max-width: 912px) {
    .footer-widget .title {
        font-size: 20px
    }
}

@media(max-width: 767px) {
    .footer-widget .title {
        margin-bottom: 25px
    }
}

.footer-widget .notify {
    color: var(--gray-color2);
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px
}

.footer-widget .notify:hover .icon i {
    animation: wobble_bell 1s forwards ease-in-out 0s
}

.footer-widget .notify .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--bs-border-color);
    font-size: 15px;
    color: var(--theme-color2)
}

.footer-widget ul li {
    margin-bottom: 11px
}

.footer-widget ul li:last-child {
    margin-bottom: 0
}

.footer-widget ul li a {
    text-decoration: none;
    color: var(--gray-color2)
}

@media(min-width: 820px)and (max-width: 912px) {
    .footer-widget ul li a {
        font-size: 14px
    }
}

.footer-widget ul li a:hover {
    color: var(--theme-color)
}

.newsletter-form {
    position: relative
}

.newsletter-form .form-group {
    position: relative;
    margin-bottom: 0
}

.newsletter-form .form-group input[type=email] {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    color: var(--gray-color2);
    padding: 10px 25px;
    background-color: var(--white-color);
    border-radius: 4px 30px 30px 4px;
    margin-bottom: 35px;
    transition: all .4s ease 0s
}

.newsletter-form .form-group input[type=email]:focus {
    color: var(--dark-color)
}

.newsletter-form .form-group button[type=submit] {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 38px;
    height: 38px;
    font-size: 16px;
    color: var(--white-color);
    background: var(--theme-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-section {
    overflow: hidden
}

.footer-section .footer-brand {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width: 767px) {
    .footer-section .footer-brand {
        margin-bottom: 47px
    }
}

.footer-section .footer-brand::before {
    position: absolute;
    content: "";
    top: -100%;
    right: 0;
    width: 1px;
    height: 100rem;
    background-color: var(--bs-border-color)
}

@media(max-width: 1024px) {
    .footer-section .footer-brand::before {
        right: 40px
    }
}

@media(max-width: 912px) {
    .footer-section .footer-brand::before {
        display: none
    }
}

.footer-section .footer-brand .text {
    color: var(--gray-color2)
}

.footer-section .footer-social {
    line-height: 1
}

.footer-section .footer-social .social-link {
    font-size: 16px;
    line-height: 1.66;
    color: var(--white-color);
    font-weight: 500;
    margin-right: 14px
}

.footer-section .footer-social .social-link:hover {
    color: var(--theme-color2)
}

.footer-section .footer-bottom {
    border-top: 1px solid var(--bs-border-color);
    padding: 23px 0;
    background-color: var(--dark-color);
    position: relative;
    overflow: hidden
}

@media(max-width: 767px) {
    .footer-section .footer-bottom {
        text-align: center
    }
}

.footer-section .footer-bottom p {
    color: var(--gray-color2);
    font-size: 15px;
    line-height: 1.66;
    margin: 0
}

@media(max-width: 767px) {
    .footer-section .footer-bottom p {
        color: var(--white-color)
    }
}

.footer-section .footer-bottom p a {
    color: var(--theme-color2)
}

.footer-section .footer-bottom p a:hover {
    color: var(--theme-color)
}

.footer-section .footer-bottom .footer-policy a {
    color: var(--gray-color2);
    font-size: 15px;
    line-height: 1.66;
    margin-right: 15px;
    position: relative
}

@media(max-width: 767px) {
    .footer-section .footer-bottom .footer-policy a {
        color: var(--white-color)
    }
}

.footer-section .footer-bottom .footer-policy a:hover {
    color: var(--theme-color)
}

.footer-section .footer-bottom .footer-policy a:last-child {
    margin-right: 0
}

.footer-section .footer-bottom .footer-policy a+a::before {
    position: absolute;
    content: "";
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background: var(--gray-color2)
}

.hero-content .popup-video .icon:not(:hover) {
    animation: ripple-video 1.5s linear infinite
}



@media(max-width: 767px) {

    .sm-pl-15 {
        padding-left: 15px !important
    }
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mt-5 {
    margin-top: 5px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.space {
    padding-top: var(--section-space)
}

.space {
    padding-bottom: var(--section-space)
}

@media(max-width: 1199px) {

    .space {
        padding-top: calc(var(--section-space) - 30px)
    }

    .space {
        padding-bottom: calc(var(--section-space) - 30px)
    }
}

@media(max-width: 991px) {

    .space {
        padding-top: var(--section-space-mobile)
    }

    .space {
        padding-bottom: var(--section-space-mobile)
    }
}

@media(max-width: 375px) {

    .space {
        padding-top: var(--section-space-small-mobile)
    }

    .space {
        padding-bottom: var(--section-space-small-mobile)
    }
}

/*# sourceMappingURL=style.css.map */


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

.contact-list li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    /* spacing between items */
}

.contact-list li i {
    margin-right: 10px;
    /* space between icon and text */
    color: var(--gray-color2);
    /* icon color, change as needed */
    min-width: 20px;
    /* ensures alignment */
}

.footer-widget .my li {
    margin-bottom: 20px;
    color: var(--gray-color2);
}

.footer-social {
    display: flex;
    gap: 15px;
}

.footer-social .social-link {
    color: #fff;
    background: #e3572b;
    padding: 10px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    transition: 0.3s;
    font-size: 18px;
}

.footer-social .social-link:hover {
    background: transparent;
    color: #fff;
}