@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100;200;300;400;500;600;700;800;900&display=swap"); @import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"); @import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"); @import url("https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"); @import url("https://site-assets.fontawesome.com/releases/v6.4.0/css/all.css"); body {
    direction: rtl;
    overflow-x: hidden;
    line-height: 1.8;
    font-family: Alexandria, sans-serif;
    background-color: rgb(245, 245, 245);
}

:root {
    --primary-color: #dfd42d;
    --secondary-color: #0e0e0e;
    --sub-bg: #f3f3f3;
    --heading-color: #0e0e0e;
    --paragraph: #303030;
    --span: #888888;
    --border: #d9d9d9;
    --white: #ffffff;
    --black: #000000;
    --theme-color1: rgb(12 59 175);
    --theme-color2: #dfd42d;
    --theme-color3: #000;
    --theme-color4: #4da24a;
    --theme-color5: #F6A235;
    --bg-theme-color1: var(--theme-color1);
    --bg-theme-color2: var(--theme-color2);
    --bg-theme-color3: var(--theme-color3);
    --bg-theme-color4: var(--theme-color4);
    --bg-theme-color5: var(--theme-color5);
    --border-theme-color1: var(--theme-color1);
    --border-theme-color2: var(--theme-color2);
    --border-theme-color3: var(--theme-color3);
    --border-theme-color4: var(--theme-color4);
    --border-theme-color5: var(--theme-color5);
    --text-color-bg-theme-color1: #fff;
    --text-color-bg-theme-color2: #fff;
    --text-color-bg-theme-color3: #fff;
    --theme-color-dark: #000000;
    --theme-color-light: #ffffff;
    --text-color: #797f7d;
    --headings-color: #151515;
    --link-color: #352F27;
    --link-hover-color: #5B8C51;
    --text-font: "Cairo";
    --title-font: "Cairo";
    --third-font: "Cairo";
    --body-font-size: 16px;
    --body-font-weight: 400;
    --body-font-weight-bold: 700;
    --body-line-height: 1.9;
    --line-height-heading: 1.4;
    --line-height-heading-h1: 1.1;
    --line-height-heading-small: 1.4;
    --h1-font-size: 90px;
    --h2-font-size: 42px;
    --h3-font-size: 30px;
    --h4-font-size: 24px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
    --h1-font-weight: 800;
    --h2-font-weight: 800;
    --h3-font-weight: 800;
    --h4-font-weight: 800;
    --h5-font-weight: 700;
    --h6-font-weight: 700;
    --sec-title-color: var(--headings-color);
    --sec-title-font-size: var(--h2-font-size);
    --sec-title-font-family: var(--title-font);
    --sec-title-font-weight: var(--h2-font-weight);
    --sec-title-subtitle-color: #819291;
    --sec-title-subtitle-font-size: 16px;
    --sec-title-subtitle-font-family: var(--text-font);
    --sec-title-subtitle-font-weight: 700;
    --theme-light-background: #f8f6f1;
    --theme-light-background-text-color: var(--headings-color);
    --theme-black: #0e2207;
    --container-width: 1200px;
    --small-container-width: 1000px;
    --large-container-width: 1550px;
    --container-pt: 120px;
    --container-pb: 120px;
    --transition: all 0.3s ease-in-out;
    --shadow: 0px 4px 30px 0px #dfd42d26;
}
select,.form-control,.form-select,textarea,input {
    height: 62px;
    padding: 0 25px 0 25px;
    padding-right: 25px;
    border: 1px solid #0c3baf;
    color: #002755;
    background-color: #FFF;
    border-radius: 9999px;
    border-radius: 0;
    font-size: 16px;
    width: 100%;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

select:focus,.form-control:focus,.form-select:focus,textarea:focus,input:focus {
    outline: 0;
    box-shadow: none;
    border-color: var(--bg-theme-color1);
    background-color: var(--smoke-color);
    color: var(--body-color)
}

select::-moz-placeholder,.form-control::-moz-placeholder,.form-select::-moz-placeholder,textarea::-moz-placeholder,input::-moz-placeholder {
    color: var(--body-color)
}

select::-webkit-input-placeholder,.form-control::-webkit-input-placeholder,.form-select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {
    color: var(--body-color)
}

select:-ms-input-placeholder,.form-control:-ms-input-placeholder,.form-select:-ms-input-placeholder,textarea:-ms-input-placeholder,input:-ms-input-placeholder {
    color: var(--body-color)
}

select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
    color: var(--body-color)
}

select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
    color: var(--body-color)
}

select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
    color: var(--body-color)
}

select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder {
    color: var(--body-color)
}

select::placeholder,.form-control::placeholder,.form-select::placeholder,textarea::placeholder,input::placeholder {
    color: var(--body-color)
}

select.style2,.form-control.style2,.form-select.style2,textarea.style2,input.style2 {
    padding-left: 52px;
    background-image: none
}

select.style2 ~ i,.form-control.style2 ~ i,.form-select.style2 ~ i,textarea.style2 ~ i,input.style2 ~ i {
    color: var(--bg-theme-color1);
    font-weight: 400;
    top: 23px;
    left: 25px;
    max-width: 16px
}

a {
    color: rgb(20, 20, 20);
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none !important;
}

img {
    width: 100%;
}

ul, li, ol li {
    margin: 0px;
    position: relative;
    list-style: none;
    padding: 0px;
}

.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

p {
    line-height: inherit;
}

button {
    transition: all 0.5s ease 0s;
    outline: none;
    border: none;
}

.organic-title {
    font-size: 48px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
}

.organic-subtitle {
    font-size: 14px;
    font-weight: 300;
    color: rgb(197, 22, 5);
    margin-bottom: 20px;
}

.header-search-box {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 0px;
    background-color: rgba(18, 18, 18, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease 0s;
    z-index: 1200;
}

.header-search-box.show {
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.header-search-box.show .search-form {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.header-search-box .close-search {
    position: absolute;
    left: 25%;
    top: 25%;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.header-search-box .close-search::before, .header-search-box .close-search::after {
    content: "";
    height: 2px;
    width: 40px;
    background-color: rgb(232, 187, 83);
    display: block;
    transform-origin: center center;
}

.header-search-box .close-search::before {
    transform: rotate(45deg) translateX(2px);
}

.header-search-box .close-search::after {
    transform: rotate(-45deg) translateX(1px);
}

.header-search-box .search-form {
    position: relative;
    visibility: hidden;
    opacity: 0;
    transform: translateY(5rem);
    transition: all 0.5s ease-in-out 0.25s;
    width: 50%;
}

@media (max-width: 1199px) {
    .header-search-box .search-form {
        width: 50%;
    }

    .br-slides, .banner-rotator ul.slides {
        height: 300px;
    }

    .slider-home {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .header-search-box .search-form {
        width: 80%;
    }

    .br-slides, .banner-rotator ul.slides {
        height: 300px;
    }

    .slider-home {
        margin-top: 78px;
    }

    .portfolio-style1 {
        margin-bottom: 0px !important;
    }

    .portfolio-style1 .card {
        margin-bottom: 10px;
    }

    .call-to-action-two .outer-box {
    }
}

.header-search-box .search-form .search-lbl {
    visibility: hidden;
    opacity: 0;
    width: 0px;
}

.header-search-box .search-form input[type="search"]::-webkit-search-decoration, .header-search-box .search-form input[type="search"]::-webkit-search-cancel-button, .header-search-box .search-form input[type="search"]::-webkit-search-results-button, .header-search-box .search-form input[type="search"]::-webkit-search-results-decoration {
    appearance: none;
}

.header-search-box .search-form .search-input {
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 2px solid rgb(232, 187, 83);
    font-size: 2.5rem;
    outline: none;
    color: rgb(255, 255, 255);
    background-color: transparent;
    width: 100%;
}

@media (max-width: 767px) {
    .header-search-box .search-form .search-input {
        font-size: 1.5rem;
    }
}

.header-search-box .search-form .search-btn {
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: auto;
    outline: none;
    border: none;
    background: transparent;
    color: rgb(232, 187, 83);
    font-size: 1.5rem;
}

.header-2, .header-1, .header-basic {
    position: relative;
    transition: all 0.5s ease 0s;
    z-index: 99999;
    top: 0px;
    left: 0px;
    right: 0px;
}

.header-basic.is-sticky {
    box-shadow: rgb(0, 0, 0) 0px 4px 70px -33px;
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 1030;
    transition: all 0.5s ease 0s;
    top: 0px !important;
}

.header-basic.is-sticky .controls-box {
    height: 100%;
}

@media (max-width: 1199px) {
    .header-2 .social-icons .sc-flat, .header-1 .social-icons .sc-flat, .header-basic .social-icons .sc-flat {
        padding: 1rem 0px;
    }
}

.header-2 .social-icons .sc-item, .header-1 .social-icons .sc-item, .header-basic .social-icons .sc-item {
    font-size: 1rem;
    margin: 0px 0px 0px 1.5rem;
}

.header-2 .social-icons .sc-item:last-of-type, .header-1 .social-icons .sc-item:last-of-type, .header-basic .social-icons .sc-item:last-of-type {
    margin-left: 0px;
}

.header-2 .social-icons .sc-icon, .header-1 .social-icons .sc-icon, .header-basic .social-icons .sc-icon {
    color: rgb(255, 255, 255) !important;
}

.header-2 .social-icons .sc-icon:hover, .header-1 .social-icons .sc-icon:hover, .header-basic .social-icons .sc-icon:hover {
    transform: translateY(-3px);
}

@media (max-width: 1199px) {
    .header-2 .social-icons .sc-icon, .header-1 .social-icons .sc-icon, .header-basic .social-icons .sc-icon {
        font-size: 1.25rem;
        color: rgb(0, 0, 0) !important;
    }
}

.header-2 .controls-box, .header-1 .controls-box, .header-basic .controls-box {
    display: flex;
    align-items: center;
}

.header-2 .controls-box .control, .header-1 .controls-box .control, .header-basic .controls-box .control {
    margin-left: 1rem;
    width: 2rem;
    height: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 100;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
}

.header-2 .controls-box .control:last-child, .header-1 .controls-box .control:last-child, .header-basic .controls-box .control:last-child {
    margin-right: 0px;
}

@media (max-width: 767px) {
    .header-2 .controls-box .control, .header-1 .controls-box .control, .header-basic .controls-box .control {
        margin-left: 0.5rem;
    }
}

.header-2 .controls-box .header-search-btn, .header-1 .controls-box .header-search-btn, .header-basic .controls-box .header-search-btn {
    display: flex;
}

.header-2 .controls-box .header-search-btn svg.search-icon, .header-1 .controls-box .header-search-btn svg.search-icon, .header-basic .controls-box .header-search-btn svg.search-icon {
    fill: rgb(0, 0, 0);
    max-width: 1.5rem;
    transition: all 0.5s ease-in-out 0s;
}

.header-2 .controls-box .menu-toggler, .header-1 .controls-box .menu-toggler, .header-basic .controls-box .menu-toggler {
    margin-left: 1rem;
    display: none;
}

.header-2 .controls-box .menu-toggler > span, .header-1 .controls-box .menu-toggler > span, .header-basic .controls-box .menu-toggler > span {
    width: 30px;
    height: 2px;
    border-radius: 1px;
    background-color: rgb(12, 59, 175);
    transition: all 0.5s ease-in-out 0s;
}

@media (max-width: 1199px) {
    .header-2 .controls-box .menu-toggler, .header-1 .controls-box .menu-toggler, .header-basic .controls-box .menu-toggler {
        display: flex;
    }
}

.header-2 .controls-box .close-menu span:nth-child(1), .header-1 .controls-box .close-menu span:nth-child(1), .header-basic .controls-box .close-menu span:nth-child(1) {
    transform: rotate(225deg) translateY(-9px);
}

.header-2 .controls-box .close-menu span:nth-child(2), .header-1 .controls-box .close-menu span:nth-child(2), .header-basic .controls-box .close-menu span:nth-child(2) {
    display: none;
}

.header-2 .controls-box .close-menu span:nth-child(3), .header-1 .controls-box .close-menu span:nth-child(3), .header-basic .controls-box .close-menu span:nth-child(3) {
    transform: rotate(-45deg) translateY(-9px);
}

.header-2 .controls-box .info-toggler, .header-1 .controls-box .info-toggler, .header-basic .controls-box .info-toggler {
    display: none;
}

.header-2 .controls-box .info-toggler > span, .header-1 .controls-box .info-toggler > span, .header-basic .controls-box .info-toggler > span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
}

@media (max-width: 1199px) {
    .header-2 .controls-box .info-toggler, .header-1 .controls-box .info-toggler, .header-basic .controls-box .info-toggler {
        display: flex;
    }
}

.header-2 .header-cta-btn, .header-1 .header-cta-btn, .header-basic .header-cta-btn {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    border: 2px solid rgb(255, 255, 255);
    padding: 0.5rem 1.5rem;
    transition: all 0.3s ease-in-out 0s;
}

.header-2 .header-cta-btn:hover, .header-1 .header-cta-btn:hover, .header-basic .header-cta-btn:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

@media (max-width: 1199px) {
    .header-2 .header-cta-btn, .header-1 .header-cta-btn, .header-basic .header-cta-btn {
        display: none;
    }
}

.header-2 .bar-top, .header-1 .bar-top, .header-basic .bar-top {
    height: 40px;
    display: flex;
    align-items: center;
    background-color: rgb(0, 0, 0);
    transition: all 0.2s ease 0s;
}

@media (max-width: 1199px) {
    .header-2 .bar-top, .header-1 .bar-top, .header-basic .bar-top {
        height: 0px;
        border-bottom: none;
    }
}

.header-2 .bar-bottom, .header-1 .bar-bottom, .header-basic .bar-bottom {
    transition: all 0.2s ease 0s;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(222, 226, 230) !important;
}

.header-basic.is-sticky .bar-bottom {
    border: none !important;
}

@media (max-width: 1199px) {
    .header-2 .bar-bottom, .header-1 .bar-bottom, .header-basic .bar-bottom {
    }
}

.header-2 .bar-bottom .menu-navbar, .header-1 .bar-bottom .menu-navbar, .header-basic .bar-bottom .menu-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

@media (max-width: 1199px) {
    .header-2 .bar-bottom .menu-navbar, .header-1 .bar-bottom .menu-navbar, .header-basic .bar-bottom .menu-navbar {
        height: auto;
    }

    .header-basic .header-logo .logo-img {
        object-fit: contain;
        height: 99px !important;
        width: 160px !important;
    }
}

@media (max-width: 1199px) {
    .header-2 .menu-wrapper, .header-1 .menu-wrapper, .header-basic .menu-wrapper {
        position: fixed;
        left: -100%;
        width: 100%;
        height: 100vh;
        top: 100px;
        transition: all 0.2s ease 0s;
    }
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel, .header-1 .bar-top-group .info-panel, .header-basic .bar-top-group .info-panel {
        left: -100%;
    }

    .header-2 .bar-top-group .info-panel.show, .header-1 .bar-top-group .info-panel.show, .header-basic .bar-top-group .info-panel.show {
        left: 0px;
    }
}

.header-2 .bar-top-group .info-panel .info-title, .header-1 .bar-top-group .info-panel .info-title, .header-basic .bar-top-group .info-panel .info-title {
    display: none;
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel .info-title, .header-1 .bar-top-group .info-panel .info-title, .header-basic .bar-top-group .info-panel .info-title {
        display: block;
        font-size: 1.25rem;
        font-weight: 900;
        margin-bottom: 0.5rem;
        text-transform: capitalize;
        color: rgb(32, 32, 32);
        font-family: Ahlan !important;
    }
}

.header-2 .bar-top-group .info-panel .info-list, .header-1 .bar-top-group .info-panel .info-list, .header-basic .bar-top-group .info-panel .info-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px;
}

.header-2 .bar-top-group .info-panel .info-list .close-icon, .header-1 .bar-top-group .info-panel .info-list .close-icon, .header-basic .bar-top-group .info-panel .info-list .close-icon {
    display: none;
}

.header-2 .bar-top-group .info-panel .info-list .info-list-inner, .header-1 .bar-top-group .info-panel .info-list .info-list-inner, .header-basic .bar-top-group .info-panel .info-list .info-list-inner {
    display: flex;
    align-items: center;
    margin: 0px;
}

.dir-row .sc-list, .dir-col .sc-list, .sc-flat .sc-list {
    padding: 0px;
    margin: 0px;
    display: inline-flex;
    list-style: none;
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel .info-list .info-list-inner, .header-1 .bar-top-group .info-panel .info-list .info-list-inner, .header-basic .bar-top-group .info-panel .info-list .info-list-inner {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2rem;
    }
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel .info-list, .header-1 .bar-top-group .info-panel .info-list, .header-basic .bar-top-group .info-panel .info-list {
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start;
        position: absolute;
        left: 0px;
        top: 0px;
        padding: 3rem 1.5rem;
        background-color: rgb(255, 255, 255);
        width: 50%;
        height: calc(100% - 70px);
        overflow: hidden auto;
        z-index: 1;
    }

    .header-2 .bar-top-group .info-panel .info-list .close-icon, .header-1 .bar-top-group .info-panel .info-list .close-icon, .header-basic .bar-top-group .info-panel .info-list .close-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 2rem;
        left: 2rem;
        right: auto;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 1.5rem;
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    .header-2 .bar-top-group .info-panel .info-list, .header-1 .bar-top-group .info-panel .info-list, .header-basic .bar-top-group .info-panel .info-list {
        width: 75%;
    }
}

.header-2 .bar-top-group .info-panel .info, .header-1 .bar-top-group .info-panel .info, .header-basic .bar-top-group .info-panel .info {
    display: flex;
    align-items: center;
}

.header-2 .bar-top-group .info-panel .info:not(:last-child), .header-1 .bar-top-group .info-panel .info:not(:last-child), .header-basic .bar-top-group .info-panel .info:not(:last-child) {
    margin-left: 2.5rem;
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel .info, .header-1 .bar-top-group .info-panel .info, .header-basic .bar-top-group .info-panel .info {
        padding: 1rem 0px;
        align-items: flex-start;
    }

    .header-2 .bar-top-group .info-panel .info:not(:last-child), .header-1 .bar-top-group .info-panel .info:not(:last-child), .header-basic .bar-top-group .info-panel .info:not(:last-child) {
        margin-left: 0px;
    }
}

.header-2 .bar-top-group .info-panel .info.info-panel-logo, .header-1 .bar-top-group .info-panel .info.info-panel-logo, .header-basic .bar-top-group .info-panel .info.info-panel-logo {
    display: none;
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel .info.info-panel-logo, .header-1 .bar-top-group .info-panel .info.info-panel-logo, .header-basic .bar-top-group .info-panel .info.info-panel-logo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2rem;
    }

    .header-2 .bar-top-group .info-panel .info.info-panel-logo .logo, .header-1 .bar-top-group .info-panel .info.info-panel-logo .logo, .header-basic .bar-top-group .info-panel .info.info-panel-logo .logo {
        width: 65%;
        margin-bottom: 3rem;
    }

    .header-2 .bar-top-group .info-panel .info.info-panel-logo .logo .logo-img, .header-1 .bar-top-group .info-panel .info.info-panel-logo .logo .logo-img, .header-basic .bar-top-group .info-panel .info.info-panel-logo .logo .logo-img {
        max-width: 100%;
        height: auto;
    }
}

.header-2 .bar-top-group .info-panel .info-text, .header-1 .bar-top-group .info-panel .info-text, .header-basic .bar-top-group .info-panel .info-text {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out 0s;
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel .info-text, .header-1 .bar-top-group .info-panel .info-text, .header-basic .bar-top-group .info-panel .info-text {
        flex-direction: column;
        font-size: 1rem;
        color: rgb(18, 18, 18);
        opacity: 0.75;
    }
}

.header-2 .bar-top-group .info-panel .info-icon, .header-1 .bar-top-group .info-panel .info-icon, .header-basic .bar-top-group .info-panel .info-icon {
    margin-left: 1rem;
    line-height: 1;
    flex-shrink: 0;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out 0s;
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel .info-icon .icon, .header-1 .bar-top-group .info-panel .info-icon .icon, .header-basic .bar-top-group .info-panel .info-icon .icon {
        color: rgb(0, 0, 0);
        font-size: 1.25rem;
    }
}

.header-2 .bar-top-group .info-panel .text, .header-1 .bar-top-group .info-panel .text, .header-basic .bar-top-group .info-panel .text {
    margin: 0px;
}

.header-2 .bar-top-group .info-panel .sub-text, .header-1 .bar-top-group .info-panel .sub-text, .header-basic .bar-top-group .info-panel .sub-text {
    display: none;
}

.header-2 .bar-top-group .info-panel .info-link, .header-1 .bar-top-group .info-panel .info-link, .header-basic .bar-top-group .info-panel .info-link {
    color: inherit;
    text-decoration: none !important;
}

@media (max-width: 1199px) {
    .header-2 .bar-top-group .info-panel .info-link, .header-1 .bar-top-group .info-panel .info-link, .header-basic .bar-top-group .info-panel .info-link {
        margin-left: 0px;
        margin-bottom: 0.75rem;
    }
}

.header-2 .header-logo, .header-1 .header-logo, .header-basic .header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-2 .header-logo .logo-img, .header-1 .header-logo .logo-img, .header-basic .header-logo .logo-img {
    display: block;
    padding: 0.5rem 0px;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
}

.header-basic.is-sticky .header-logo .logo-img {
    height: 60px !important;
}

.header-2 .header-logo .logo-img.light-logo, .header-1 .header-logo .logo-img.light-logo, .header-basic .header-logo .logo-img.light-logo {
    display: block;
}

.header-2 .header-logo .logo-img.dark-logo, .header-1 .header-logo .logo-img.dark-logo, .header-basic .header-logo .logo-img.dark-logo {
    display: none;
}

.header-2 .links, .header-1 .links, .header-basic .links {
    margin-right: auto;
    margin-left: 1rem;
    transition: all 0.2s ease 0s;
}

@media (max-width: 1199px) {
    .header-2 .links, .header-1 .links, .header-basic .links {
        right: -100%;
        margin: 0px;
        transition: all 0.2s ease 0s;
    }

    .header-2 .links.show, .header-1 .links.show, .header-basic .links.show {
        right: 0px;
        background-color: rgba(0, 0, 0, 0.49);
        transition: all 0.2s ease 0s;
    }
}

.header-2 .links-list, .header-1 .links-list, .header-basic .links-list {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 1199px) {
    .header-2 .links-list, .header-1 .links-list, .header-basic .links-list {
        position: absolute;
        top: 0px;
        width: 50%;
        height: 100vh;
        padding: 1rem 0px;
        flex-direction: column;
        align-items: start;
        justify-content: unset;
        overflow: hidden auto;
        background-color: rgb(255, 255, 255);
    }
}

@media (max-width: 767px) {
    .header-2 .links-list, .header-1 .links-list, .header-basic .links-list {
        width: 75%;
    }
}

.header-2 .menu-item, .header-1 .menu-item, .header-basic .menu-item {
    position: relative;
    padding: 0px 2rem 0px 0px;
}

.header-2 .menu-item, .header-1 .menu-item, .header-basic .menu-item.cta {
    padding-right: 15px;
}

@media (max-width: 1199px) {
    .header-2 .menu-item, .header-1 .menu-item, .header-basic .menu-item {
        width: 100%;
        padding: 0px;
    }
}

.header-2 .menu-link, .header-1 .menu-link, .header-basic .menu-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    opacity: 0.9;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 20px;
    line-height: 2;
    text-decoration: none !important;
}

.icon {
    font-size: 18px;
    color: rgb(197, 22, 5);
    margin-left: 15px;
}

.icon.icon-phone {
    background-color: rgb(37, 195, 211);
}

.icon.icon-whatsapp {
    background-color: rgb(37, 211, 102);
}

.icon i {
    color: rgb(197, 22, 5);
    font-size: 25px;
    background-color: rgb(255, 255, 255);
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.header-2 .menu-link::before, .header-1 .menu-link::before, .header-basic .menu-link::before {
    content: "";
    position: absolute;
    background-color: rgb(12, 59, 175);
    height: 2px;
    width: 100%;
    bottom: 0%;
    right: 0px;
    transform: scaleX(0);
    transform-origin: center center;
    transition: transform 0.3s ease-in-out 0s;
}

.down-Arrow-icon, .down-Arrow-icon, .down-Arrow-icon {
    font-size: 0.65rem;
    margin-right: 0.25rem;
}

.drop-down-btn {
    position: absolute;
    top: 4px;
    left: auto;
}

.header-2 .menu-link:hover, .header-1 .menu-link:hover, .header-basic .menu-link:hover, .header-2 .menu-link.active, .header-1 .menu-link.active, .header-basic .menu-link.active {
    opacity: 1;
    color: rgb(12, 59, 175);
}

.header-2 .menu-link:hover::before, .header-1 .menu-link:hover::before, .header-basic .menu-link:hover::before, .header-2 .menu-link.active::before, .header-1 .menu-link.active::before, .header-basic .menu-link.active::before {
    transform: scaleX(1);
}

@media (max-width: 1199px) {
    .header-2 .menu-link, .header-1 .menu-link, .header-basic .menu-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0.75rem 1rem;
        color: rgb(18, 18, 18);
        line-height: calc(35px);
        position: relative;
    }

    .drop-down-btn {
        position: absolute;
        left: 20px;
        top: 16px;
    }

    .header-2 .menu-link::before, .header-1 .menu-link::before, .header-basic .menu-link::before {
        color: rgb(0, 0, 0);
        display: none;
    }

    .drop-down-btn .down-Arrow-icon, .drop-down-btn .down-Arrow-icon, .drop-down-btn .down-Arrow-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.25rem;
        padding: 14px;
        height: 1.25rem;
        color: rgb(0, 0, 0);
        border: 1px solid rgb(0, 0, 0);
        border-radius: 4px;
    }

    .header-2 .menu-link:hover, .header-1 .menu-link:hover, .header-basic .menu-link:hover {
        color: rgb(0, 0, 0);
    }
}

.header-2 .has-sub-menu > .sub-menu, .header-1 .has-sub-menu > .sub-menu, .header-basic .has-sub-menu > .sub-menu {
    list-style: none;
    position: absolute;
    top: 100%;
    min-width: 18rem;
    width: max-content;
    right: 0px;
    margin: 27px 0px 0px;
    padding: 1rem 0px;
    transform: translateY(4rem);
    visibility: hidden;
    opacity: 0;
    z-index: 15000;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(32, 32, 32, 0.25) 0px 0px 30px 0px;
    transition: all 0.3s ease-in-out 0s;
}

@media (max-width: 1199px) {
    .header-2 .has-sub-menu > .sub-menu, .header-1 .has-sub-menu > .sub-menu, .header-basic .has-sub-menu > .sub-menu {
        position: static;
        display: none;
        visibility: visible;
        opacity: 1;
        border: none;
        box-shadow: none;
        padding: 0px;
        transform: translateY(0px);
        background-color: rgb(255, 255, 255);
        transition: none 0s ease 0s;
        width: auto;
    }
}

.header-2 .has-sub-menu > .sub-menu .sub-menu-item, .header-1 .has-sub-menu > .sub-menu .sub-menu-item, .header-basic .has-sub-menu > .sub-menu .sub-menu-item {
    padding: 0px;
}

.header-2 .has-sub-menu > .sub-menu .sub-menu-link, .header-1 .has-sub-menu > .sub-menu .sub-menu-link, .header-basic .has-sub-menu > .sub-menu .sub-menu-link {
    line-height: unset;
    color: rgb(18, 18, 18);
    text-transform: unset;
    font-size: 17px;
    font-weight: 500;
    padding: 1rem 1.5rem 1rem 1rem !important;
}

.header-2 .has-sub-menu > .sub-menu .sub-menu-link::before, .header-1 .has-sub-menu > .sub-menu .sub-menu-link::before, .header-basic .has-sub-menu > .sub-menu .sub-menu-link::before {
    content: "";
    display: block;
    height: 3px;
    width: 1rem;
    right: 0px;
    background-color: rgb(0, 0, 0);
    top: 50%;
    transform: translateY(-50%) scale(0);
    transform-origin: right center;
    transition: all 0.3s ease-in-out 0s;
}

.header-2 .has-sub-menu > .sub-menu .sub-menu-link::after, .header-1 .has-sub-menu > .sub-menu .sub-menu-link::after, .header-basic .has-sub-menu > .sub-menu .sub-menu-link::after {
    content: "";
    position: absolute;
    background-color: rgb(0, 0, 0);
    height: 100%;
    width: 4px;
    left: -4px;
    right: auto;
    transition: all 0.3s ease-in-out 0s;
}

.header-2 .has-sub-menu > .sub-menu .sub-menu-link:hover, .header-1 .has-sub-menu > .sub-menu .sub-menu-link:hover, .header-basic .has-sub-menu > .sub-menu .sub-menu-link:hover {
    color: rgb(0, 0, 0);
    padding: 1rem 2rem !important;
}

.header-2 .has-sub-menu > .sub-menu .sub-menu-link:hover::before, .header-1 .has-sub-menu > .sub-menu .sub-menu-link:hover::before, .header-basic .has-sub-menu > .sub-menu .sub-menu-link:hover::before {
    transform: translateY(-50%) scale(1);
}

.header-2 .has-sub-menu > .sub-menu .sub-menu-link:hover::after, .header-1 .has-sub-menu > .sub-menu .sub-menu-link:hover::after, .header-basic .has-sub-menu > .sub-menu .sub-menu-link:hover::after {
    left: 0px;
    right: auto;
}

@media (max-width: 1199px) {
    .header-2 .has-sub-menu > .sub-menu .sub-menu-link, .header-1 .has-sub-menu > .sub-menu .sub-menu-link, .header-basic .has-sub-menu > .sub-menu .sub-menu-link {
        line-height: unset;
        padding: 1rem 1rem 1rem 2rem !important;
    }

    .header-2 .has-sub-menu > .sub-menu .sub-menu-link:hover, .header-1 .has-sub-menu > .sub-menu .sub-menu-link:hover, .header-basic .has-sub-menu > .sub-menu .sub-menu-link:hover {
        color: rgb(0, 0, 0);
        padding: 1rem 1rem 1rem 2.5rem !important;
    }
}

.header-2 .has-sub-menu:hover > .sub-menu, .header-1 .has-sub-menu:hover > .sub-menu, .header-basic .has-sub-menu:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.header-2 .has-sub-menu .has-sub-menu .sub-menu, .header-1 .has-sub-menu .has-sub-menu .sub-menu, .header-basic .has-sub-menu .has-sub-menu .sub-menu {
    top: 0px;
    left: 100%;
    right: auto;
}

@media (max-width: 1199px) {
    .header-2 .has-sub-menu > .sub-menu .sub-menu .sub-menu-link, .header-1 .has-sub-menu > .sub-menu .sub-menu .sub-menu-link, .header-basic .has-sub-menu > .sub-menu .sub-menu .sub-menu-link {
        line-height: unset;
        padding: 1rem 1rem 1rem 3rem !important;
    }

    .header-2 .has-sub-menu > .sub-menu .sub-menu .sub-menu-link:hover, .header-1 .has-sub-menu > .sub-menu .sub-menu .sub-menu-link:hover, .header-basic .has-sub-menu > .sub-menu .sub-menu .sub-menu-link:hover {
        color: rgb(0, 0, 0);
        padding: 1rem 1rem 1rem 3.5rem !important;
    }
}

.is-dark.header-2 .bar-top, .is-dark.header-1 .bar-top, .is-dark.header-basic .bar-top {
    background-color: rgb(18, 18, 18);
}

.is-dark.header-2 .bar-top .info-icon .icon, .is-dark.header-1 .bar-top .info-icon .icon, .is-dark.header-basic .bar-top .info-icon .icon {
    color: rgb(0, 0, 0);
}

.is-dark.header-2 .bar-top .info-text, .is-dark.header-1 .bar-top .info-text, .is-dark.header-basic .bar-top .info-text {
    color: rgb(255, 255, 255);
}

@media (max-width: 1199px) {
    .is-dark.header-2 .bar-top .info-text, .is-dark.header-1 .bar-top .info-text, .is-dark.header-basic .bar-top .info-text {
        color: rgb(32, 32, 32);
    }
}

.is-dark.header-2 .social-icons .sc-icon, .is-dark.header-1 .social-icons .sc-icon, .is-dark.header-basic .social-icons .sc-icon {
    color: rgb(255, 255, 255) !important;
}

@media (max-width: 1199px) {
    .is-dark.header-2 .social-icons .sc-icon, .is-dark.header-1 .social-icons .sc-icon, .is-dark.header-basic .social-icons .sc-icon {
        color: rgb(0, 0, 0) !important;
    }
}

@media (max-width: 1199px) {
    .is-dark.header-2 .bar-bottom, .is-dark.header-1 .bar-bottom, .is-dark.header-basic .bar-bottom {
        background-color: rgb(18, 18, 18);
    }
}

.is-dark.is-sticky.header-2 .bar-bottom, .is-dark.is-sticky.header-1 .bar-bottom, .is-dark.is-sticky.header-basic .bar-bottom {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgb(18, 18, 18) !important;
}

.is-light.header-2 .bar-top, .is-light.header-1 .bar-top, .is-light.header-basic .bar-top {
    background-color: rgb(255, 255, 255);
}

.is-light.header-2 .bar-top .info-icon .icon, .is-light.header-1 .bar-top .info-icon .icon, .is-light.header-basic .bar-top .info-icon .icon {
    color: rgb(0, 0, 0);
}

.is-light.header-2 .bar-top .info-text, .is-light.header-1 .bar-top .info-text, .is-light.header-basic .bar-top .info-text {
    color: rgb(32, 32, 32);
}

.is-light.header-2 .social-icons .sc-icon, .is-light.header-1 .social-icons .sc-icon, .is-light.header-basic .social-icons .sc-icon {
    color: rgb(0, 0, 0) !important;
}

@media (max-width: 1199px) {
    .is-light.header-2 .bar-bottom, .is-light.header-1 .bar-bottom, .is-light.header-basic .bar-bottom {
        background-color: rgb(255, 255, 255);
    }

    .is-light.header-2 .bar-bottom .header-logo .dark-logo, .is-light.header-1 .bar-bottom .header-logo .dark-logo, .is-light.header-basic .bar-bottom .header-logo .dark-logo {
        display: block;
    }

    .is-light.header-2 .bar-bottom .header-logo .light-logo, .is-light.header-1 .bar-bottom .header-logo .light-logo, .is-light.header-basic .bar-bottom .header-logo .light-logo {
        display: none;
    }

    .is-light.header-2 .bar-bottom .menu-link, .is-light.header-1 .bar-bottom .menu-link, .is-light.header-basic .bar-bottom .menu-link {
        color: rgb(18, 18, 18);
    }

    .is-light.header-2 .bar-bottom .menu-link::before, .is-light.header-1 .bar-bottom .menu-link::before, .is-light.header-basic .bar-bottom .menu-link::before {
        background-color: rgb(18, 18, 18);
    }

    .is-light.header-2 .bar-bottom .menu-link.sub-menu-link::before, .is-light.header-1 .bar-bottom .menu-link.sub-menu-link::before, .is-light.header-basic .bar-bottom .menu-link.sub-menu-link::before {
        background-color: rgb(0, 0, 0);
    }

    .is-light.header-2 .bar-bottom .header-search-btn svg.search-icon, .is-light.header-1 .bar-bottom .header-search-btn svg.search-icon, .is-light.header-basic .bar-bottom .header-search-btn svg.search-icon {
        fill: rgb(18, 18, 18);
    }

    .is-light.header-2 .bar-bottom .menu-toggler > span, .is-light.header-1 .bar-bottom .menu-toggler > span, .is-light.header-basic .bar-bottom .menu-toggler > span {
        background-color: rgb(18, 18, 18);
    }

    .is-light.header-2 .bar-bottom .info-toggler > span, .is-light.header-1 .bar-bottom .info-toggler > span, .is-light.header-basic .bar-bottom .info-toggler > span {
        background-color: rgb(18, 18, 18);
    }

    .is-light.header-2 .bar-bottom .header-cta-btn, .is-light.header-1 .bar-bottom .header-cta-btn, .is-light.header-basic .bar-bottom .header-cta-btn {
        color: rgb(255, 255, 255);
        background-color: rgb(0, 0, 0);
        border: 2px solid rgb(0, 0, 0);
    }

    .is-light.header-2 .bar-bottom .header-cta-btn:hover, .is-light.header-1 .bar-bottom .header-cta-btn:hover, .is-light.header-basic .bar-bottom .header-cta-btn:hover {
        color: rgb(0, 0, 0);
    }
}

.is-light.is-sticky.header-2 .bar-bottom, .is-light.is-sticky.header-1 .bar-bottom, .is-light.is-sticky.header-basic .bar-bottom {
    border-color: rgba(18, 18, 18, 0.1);
    background-color: rgb(255, 255, 255) !important;
}

.is-light.is-sticky.header-2 .bar-bottom .header-logo .dark-logo, .is-light.is-sticky.header-1 .bar-bottom .header-logo .dark-logo, .is-light.is-sticky.header-basic .bar-bottom .header-logo .dark-logo {
    display: block;
}

.is-light.is-sticky.header-2 .bar-bottom .header-logo .light-logo, .is-light.is-sticky.header-1 .bar-bottom .header-logo .light-logo, .is-light.is-sticky.header-basic .bar-bottom .header-logo .light-logo {
    display: none;
}

.is-light.is-sticky.header-2 .bar-bottom .menu-link, .is-light.is-sticky.header-1 .bar-bottom .menu-link, .is-light.is-sticky.header-basic .bar-bottom .menu-link {
    color: rgb(18, 18, 18);
}

.is-light.is-sticky.header-2 .bar-bottom .menu-link::before, .is-light.is-sticky.header-1 .bar-bottom .menu-link::before, .is-light.is-sticky.header-basic .bar-bottom .menu-link::before {
    background-color: rgb(18, 18, 18);
}

.is-light.is-sticky.header-2 .bar-bottom .menu-link.sub-menu-link::before, .is-light.is-sticky.header-1 .bar-bottom .menu-link.sub-menu-link::before, .is-light.is-sticky.header-basic .bar-bottom .menu-link.sub-menu-link::before {
    background-color: rgb(0, 0, 0);
}

.is-light.is-sticky.header-2 .bar-bottom .header-search-btn svg.search-icon, .is-light.is-sticky.header-1 .bar-bottom .header-search-btn svg.search-icon, .is-light.is-sticky.header-basic .bar-bottom .header-search-btn svg.search-icon {
    fill: rgb(18, 18, 18);
}

.is-light.is-sticky.header-2 .bar-bottom .menu-toggler > span, .is-light.is-sticky.header-1 .bar-bottom .menu-toggler > span, .is-light.is-sticky.header-basic .bar-bottom .menu-toggler > span {
    background-color: rgb(18, 18, 18);
}

.is-light.is-sticky.header-2 .bar-bottom .info-toggler > span, .is-light.is-sticky.header-1 .bar-bottom .info-toggler > span, .is-light.is-sticky.header-basic .bar-bottom .info-toggler > span {
    background-color: rgb(18, 18, 18);
}

.is-light.is-sticky.header-2 .bar-bottom .header-cta-btn, .is-light.is-sticky.header-1 .bar-bottom .header-cta-btn, .is-light.is-sticky.header-basic .bar-bottom .header-cta-btn {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    border: 2px solid rgb(0, 0, 0);
}

.is-light.is-sticky.header-2 .bar-bottom .header-cta-btn:hover, .is-light.is-sticky.header-1 .bar-bottom .header-cta-btn:hover, .is-light.is-sticky.header-basic .bar-bottom .header-cta-btn:hover {
    color: rgb(0, 0, 0);
    background-color: transparent;
}

@media (min-width: 1199px) {
    .header-2.is-sticky {
        top: -40px;
    }
}

.header-2.is-sticky .bar-bottom {
    background-color: rgb(0, 0, 0);
}

.header-1 .bar-top {
    height: 70px;
}

@media (max-width: 1199px) {
    .header-1 .bar-top {
        height: 0px;
        border-bottom: none;
    }
}

.header-1 .bar-top-group .info-panel .info {
    display: flex;
    align-items: center;
}

.header-1 .bar-top-group .info-panel .info.info-panel-logo {
    display: none;
}

@media (max-width: 1199px) {
    .header-1 .bar-top-group .info-panel .info.info-panel-logo {
        display: flex;
    }
}

.header-1 .bar-top-group .info-panel .info .info-icon .icon {
    font-size: 1.75rem;
}

@media (max-width: 1199px) {
    .header-1 .bar-top-group .info-panel .info .info-icon .icon {
        font-size: 1.75rem;
    }
}

.header-1 .bar-top-group .info-panel .info .info-text {
    flex-direction: column;
    align-items: flex-start;
}

.header-1 .bar-top-group .info-panel .info .text {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: capitalize;
}

.header-1 .bar-top-group .info-panel .info .sub-text {
    display: block;
    opacity: 0.75;
}

@media (max-width: 1199px) {
    .header-1 .bar-top-group .info-panel .info .sub-text {
        opacity: 0.9;
    }
}

@media (min-width: 1199px) {
    .header-1.is-sticky {
        top: -70px;
    }

    .header-basic.is-sticky .bar-top {
        transform: translateY(-200%);
    }

    .header-basic.is-sticky .container {
        height: 70px;
    }
}

.header-1.is-sticky .bar-bottom {
    background-color: rgb(0, 0, 0);
}

@media (min-width: 1199px) {
    .header-basic.is-sticky {
        box-shadow: rgb(0, 0, 0) 0px 4px 70px -33px;
        position: fixed;
        left: 0px;
        right: 0px;
        z-index: 1030;
        transition: all 0.5s ease 0s;
        top: 0px !important;
    }

    .header-basic.is-sticky .controls-box {
        transform: translateY(-5px);
    }

    .header-basic.is-sticky .links {
        transition: all 0.2s ease 0s;
        height: 100%;
    }

    .header-basic.is-sticky img {
        transform: scale(2) translateY(-7%);
        height: 90px !important;
        padding-top: 18px !important;
    }
}

.header-basic.is-sticky {
    background-color: rgb(255, 255, 255);
}

.header-basic.is-sticky .menu-link {
    color: rgb(0, 0, 0);
}

.header-basic .menu_info {
    display: flex;
    align-items: center;
    color: rgb(15, 56, 185);
}

.header-basic .menu_info a {
    color: rgb(15, 56, 185);
}

.header-basic .call_ico {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    font-size: 18px;
    color: rgb(255, 255, 255);
    margin-left: 10px;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-basic .controls-box .info-toggler {
    display: none;
}

.overlay {
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: rgb(32, 37, 45);
    opacity: 0.7;
    transition: background 0.3s ease 0s, border-radius 0.3s ease 0s, opacity 0.3s ease 0s;
}

.slider-fade .owl-item {
    /*height: 100vh;*/
    aspect-ratio:1600/946;
    position: relative;
}

.slider-fade .item {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    padding-top: 150px;
    background-repeat: no-repeat;
}

.slider-fade .banner-sub-title {
    animation-delay: 0.6s;
}

.slider-fade h1 {
    margin-bottom: 25px;
    animation-delay: 1.6s;
    line-height: 1.5;
}

.slider-fade p {
    animation-delay: 1.2s;
    position: relative;
    text-transform: uppercase;
    font-weight: 800;
    color: rgb(255, 255, 255) !important;
}

.slider-fade a {
    animation-delay: 2s;
}

.slider-fade .owl-dots {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px !important;
}

.slider-fade.owl-theme .owl-dots {
    counter-reset: dots 0;
    font-size: 1.7rem;
    color: rgb(255, 255, 255);
}

.slider-fade.owl-theme .owl-dots .owl-dot {
    position: relative;
}

.slider-fade.owl-theme .owl-dots .owl-dot.active {
    color: rgb(255, 255, 255);
}

.slider-fade.owl-theme .owl-dots .owl-dot::before {
    counter-increment: dots 1;
    content: counter(dots, decimal-leading-zero);
    position: absolute;
    right: 25px;
    font-weight: 700;
    z-index: 2;
    font-size: 28px;
    top: 3px;
}

.slider-fade.owl-theme .owl-dots .owl-dot span {
    transition: all 0.4s ease 0s;
    background: var(--primary-color);
    height: 53px;
    width: 46px;
    border-radius: 0px;
    display: flex;
    position: relative;
    margin: 0px 20px 0px 0px;
}

.slider-fade.owl-theme .owl-dots .owl-dot.active::before, .slider-fade.owl-theme .owl-dots .owl-dot:hover::before {
    top: 18px;
}

.slider-fade.owl-theme .owl-dots .owl-dot.active span, .slider-fade.owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--primary-color);
    height: 70px;
}

.slider-fade.owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    right: inherit;
    top: 0px;
    bottom: 0px;
    width: 60px;
    height: 60px;
    border: none;
    background: var(--primary-color);
    border-radius: 60px;
    transition-duration: 500ms;
    left: 15px;
    text-align: center;
    margin: auto;
    display: flex;
    opacity: 0.35;
    justify-content: center;
    align-items: center;
}

.slider-fade.owl-theme .owl-nav .owl-next {
    top: 0px;
    bottom: 0px;
    left: inherit;
    right: 15px;
}

.slider-fade.owl-theme .owl-nav .owl-next:hover {
    opacity: 1;
    background: var(--primary-color);
}

.slider-fade.owl-theme .owl-nav .owl-prev:hover {
    opacity: 1;
    background: var(--primary-color);
}

.slider-fade .owl-nav i, .slider-fade .owl-nav span {
    font-weight: 600;
    color: rgb(255, 255, 255);
    transition-duration: 500ms;
    font-size: 20px;
}

.slider-fade .owl-nav .owl-next:hover i, .slider-fade .owl-nav .owl-prev:hover i {
    color: rgb(255, 255, 255);
}

.slider-fade .banner-icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    background: rgba(255, 255, 255, 0.12);
    line-height: 110px;
    margin: -25px auto 20px;
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    left: 0px;
    right: 0px;
    animation-delay: 0.6s;
    transition: all 0.3s ease 0s;
    display: none !important;
}

.slider-fade .main-banner-area {
    transition: all 0.3s ease 0s;
}

.slider-fade .main-banner-area:hover .banner-icon {
    background: var(--primary-color);
}

.page-title-section {
    padding: 160px 0px 100px;
}

.page-title-section h1 {
    color: rgb(255, 255, 255);
    font-weight: 900;
    margin-bottom: 0px;
    word-break: break-word;
    font-size: 64px;
    text-align: left;
}

.page-title-section ul {
    margin: 0px;
    list-style: none;
    display: inline-block;
    line-height: 1.2;
    text-transform: uppercase;
    position: absolute;
    bottom: -100px;
    background: rgb(255, 255, 255);
    padding: 15px 30px;
    left: 0px;
    max-width: 90%;
}

.page-title-section ul li {
    display: inline-block;
    color: var(--primary-color);
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    padding-right: 25px;
    font-size: 14px;
}

.page-title-section ul li:last-child {
    padding-right: 0px;
}

.page-title-section ul li:last-child::before {
    content: none;
}

.page-title-section ul li:last-child::after {
    content: none;
}

.page-title-section ul li:last-child a {
    color: var(--primary-color);
}

.page-title-section ul li::before {
    position: absolute;
    content: "";
    z-index: 1;
    height: 5px;
    width: 3px;
    bottom: 7px;
    right: 10px;
    background: var(--primary-color);
}

.page-title-section ul li::after {
    position: absolute;
    content: "";
    z-index: 1;
    height: 7px;
    width: 3px;
    bottom: 4px;
    right: 5px;
    background: var(--primary-color);
}

.page-title-section ul li:last-child::after {
    content: none;
}

.page-title-section ul li a {
    color: rgb(32, 37, 45);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.page-title-section .shape-one {
    position: absolute;
    height: 60px;
    width: 30px;
    background: var(--primary-color);
    bottom: 45px;
    right: 30px;
    overflow: hidden;
    z-index: 9;
}

.page-title-section .shape-one::after {
    background: var(--primary-color);
    animation: 3s ease 0s infinite normal none running move;
    position: absolute;
    inset: 0px;
    content: "";
}

.page-title-section .shape-one::before {
    background: rgb(255, 255, 255);
    position: absolute;
    inset: 0px;
    content: "";
}

.page-title-section .shape-two {
    background: var(--primary-color);
    bottom: 75px;
    right: 68px;
    height: 38px;
    width: 18px;
    position: absolute;
    overflow: hidden;
    z-index: 9;
}

.page-title-section .shape-two::after {
    background: rgb(255, 255, 255);
    animation: 3s ease 0s infinite normal none running move;
    position: absolute;
    inset: 0px;
    content: "";
}

.page-title-section .shape-two::before {
    background: var(--primary-color);
    position: absolute;
    inset: 0px;
    content: "";
}

.page-title-section > .container > ul {
    left: 15px;
}

.page-title-section > .container .shape-one {
    bottom: -105px;
}

.page-title-section > .container .shape-two {
    bottom: -75px;
}

@media screen and (max-width: 1199px) {
    .page-title-section {
        padding: 150px 0px 100px;
    }

    .page-title-section h1 {
        font-size: 54px;
    }

    .page-title-section .shape-one {
        bottom: 15px;
    }

    .page-title-section .shape-two {
        bottom: 55px;
    }
}

@media screen and (max-width: 991px) {
    .page-title-section {
        padding: 130px 0px 100px;
    }

    /*.top-position1 {*/
    /*    margin-top: -73px;*/
    /*}*/

    .page-title-section h1 {
        font-size: 48px;
    }
}

@media screen and (max-width: 767px) {
    .page-title-section {
        padding: 130px 0px 100px;
    }

    .page-title-section h1 {
        font-size: 40px;
    }
}

.page-title-section.style2 ul {
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    max-width: fit-content;
}

.theme-overlay-dark-blue[data-overlay-dark]::before {
    background: rgb(32, 37, 45);
}

[data-overlay-dark="55"]::before, [data-overlay-light="55"]::before {
    opacity: 0.55;
}

@media screen and (min-width: 992px) {
    /*.top-position1 {*/
    /*    margin-top: -96px;*/
    /*}*/
}

section {
    padding: 50px 0px;
    overflow: hidden;
    position: relative;
}

[data-overlay-dark]::before, [data-overlay-light]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: transparent;
    z-index: 1;
    opacity: 0;
}

[data-overlay-dark] .container, [data-overlay-light] .container {
    position: relative;
    z-index: 2;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 40px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--primary-color);
}

.owl-nav i, .owl-nav span {
    color: rgb(35, 35, 35);
    font-size: 28px;
}

.owl-carousel .owl-item img {
    width: 100%;
    display: inline-block;
}

.btn-style2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: var(--primary-color);
    color: rgb(255, 255, 255);
    border: 2px solid var(--primary-color);
    line-height: 1;
    font-weight: 800;
    position: relative;
    outline: none;
    transition: all 0.4s ease 0s;
    overflow: hidden;
    white-space: nowrap;
    padding: 18px 28px;
    z-index: 9;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 16px !important;
}

.btn-style2::after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    transition: all 0.35s ease 0s;
    background: rgb(255, 255, 255);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}

.btn-style2:hover, .btn-style2:active, .btn-style2:focus {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: rgb(255, 255, 255) !important;
}

.btn-style2:hover::after, .btn-style2:active::after, .btn-style2:focus::after {
    height: 450%;
    transition: all 1s ease 0s;
    background: var(--primary-color);
}

.btn-style2.primary {
    background: var(--primary-color);
    color: rgb(255, 255, 255);
    border: 2px solid var(--primary-color);
}

.btn-style2.primary::after {
    background: rgb(255, 255, 255);
}

.btn-style2.primary:hover, .btn-style2.primary:active, .btn-style2.primary:focus {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: rgb(255, 255, 255) !important;
}

.btn-style2.primary:hover::after, .btn-style2.primary:active::after, .btn-style2.primary:focus::after {
    background: var(--primary-color);
}

.cursor-helper {
    height: 0px;
}

.cursor-helper-outer {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: rgb(12, 59, 175);
    transition: all 200ms ease-out 0s;
    position: fixed;
    pointer-events: none;
    left: 25px;
    top: 25px;
    transform: translate(calc(-50% + 5px), -50%);
    z-index: 999999;
}

.cursor-helper-inner {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: transparent;
    opacity: 0.3;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width 0.3s ease 0s, height 0.3s ease 0s, opacity 0.3s ease 0s;
    z-index: 999999;
}

.cursor-link {
    background-color: rgb(12, 59, 175);
    opacity: 0.4;
}

.cursor-light {
    background-color: rgb(255, 255, 255);
    opacity: 1;
}

.cursor-slider {
    background-color: rgb(12, 59, 175);
    border-radius: 100%;
    padding: 30px;
}

.cursor-slider::after {
    content: "";
    font-family: fontAwesome;
    font-size: 24px;
    position: absolute;
    top: 13px;
    left: 19px;
    line-height: 35px;
    color: rgb(255, 255, 255);
}

.cursor-helper-innerhover {
    width: 25px;
    height: 25px;
    opacity: 0.4;
}

@media screen and (max-width: 1199px) {
    .cursor-helper {
        display: none;
    }
}

.about-5 .about-shape1 {
    position: absolute;
    height: 60px;
    width: 30px;
    background: rgb(11, 127, 62);
    bottom: 0px;
    left: 30px;
    overflow: hidden;
}

.about-5 .about-shape1::after {
    background: rgb(16, 62, 175);
    animation: 3s ease 0s infinite normal none running move;
    position: absolute;
    inset: 0px;
    content: "";
}

.about-5 .about-shape1::before {
    background: rgb(11, 127, 62);
    position: absolute;
    inset: 0px;
    content: "";
}

.about-5 .about-shape2 {
    background: rgb(16, 62, 175);
    bottom: 40px;
    left: 68px;
    height: 38px;
    width: 18px;
    position: absolute;
    overflow: hidden;
}

.about-5 .about-shape2::after {
    background: rgb(11, 127, 62);
    animation: 3s ease 0s infinite normal none running move;
    position: absolute;
    inset: 0px;
    content: "";
}

.about-5 .about-shape2::before {
    background: rgb(16, 62, 175);
    position: absolute;
    inset: 0px;
    content: "";
}

.about-5 .about-shape3 {
    position: absolute;
    content: "";
    height: 52px;
    width: 35px;
    background: rgb(255, 255, 255);
    left: 20px;
    top: 0px;
    overflow: hidden;
}

.about-5 .about-shape3::after {
    background: rgb(16, 62, 175);
    animation: 3s ease 0s infinite normal none running move;
    position: absolute;
    inset: 0px;
    content: "";
}

.about-5 .about-shape3::before {
    background: rgb(255, 255, 255);
    position: absolute;
    inset: 0px;
    content: "";
}

.about-5 .about-shape4 {
    position: absolute;
    content: "";
    height: 38px;
    width: 20px;
    background: rgb(16, 62, 175);
    top: -18px;
    left: 61px;
    overflow: hidden;
}

.about-5 .about-shape4::after {
    background: rgb(255, 255, 255);
    animation: 3s ease 0s infinite normal none running move;
    position: absolute;
    inset: 0px;
    content: "";
}

.about-5 .about-shape4::before {
    background: rgb(16, 62, 175);
    position: absolute;
    inset: 0px;
    content: "";
}

.about-5 .about-image {
    position: relative;
}

.about-5 .about-image img {
    height: 400px;
}

.about-5 .about-img-text {
    margin: 0px auto;
    position: absolute;
    width: 90%;
    left: 0px;
    right: 0px;
    bottom: 40px;
}

.about-5 .list-style2 li {
    line-height: 1.7;
    padding-left: 35px;
    position: relative;
    margin-bottom: 2rem;
}

.about-5 .list-style2 li:last-child {
    margin-bottom: 0px;
}

.about-5 .list-style2 li::before {
    top: 2px;
    line-height: normal;
    content: "";
}

.about-5 h6 {
    font-size: 18px;
    font-weight: 700;
}

@keyframes move {
    0% {
        transform: translate3d(-200%, 0px, 0px);
    }

    60% {
        transform: translate3d(100%, 0px, 0px);
    }

    100% {
        transform: translate3d(100%, 0px, 0px);
    }
}

.c-1 {
    animation-name: ScaleMe;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.c-2 {
    animation-name: ScaleMe;
    animation-delay: 3s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.sec-title {
    position: relative;
    display: block;
    padding-bottom: 3.5rem;
}

.sec-title .border-box {
    position: relative;
    display: block;
    width: 80px;
    height: 7px;
}

.sec-title .border-box::before {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    content: "";
    background: rgb(11, 127, 62);
}

.sec-title .border-box::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 3px;
    content: "";
    background: rgb(11, 127, 62);
}

.sec-title .border-box.center {
    margin: 0px auto;
}

.sec-title .border-box.center::after {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.sec-title span {
    color: rgb(11, 127, 62);
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    z-index: 1;
    font-weight: 800;
    text-transform: uppercase;
    padding-right: 15px;
}

.sec-title span::before {
    position: absolute;
    content: "";
    z-index: 1;
    height: 5px;
    width: 3px;
    bottom: 9px;
    right: 5px;
    background: rgb(16, 62, 175);
}

.sec-title span::after {
    position: absolute;
    content: "";
    z-index: 1;
    height: 7px;
    width: 3px;
    bottom: 6px;
    right: 0px;
    background: rgb(11, 127, 62);
}

.sec-title span.white {
    color: rgb(255, 255, 255);
}

.sec-title span.white::before {
    background: rgb(255, 255, 255);
}

.sec-title span.white::after {
    background: rgb(255, 255, 255);
}

.sec-title.half {
    padding-bottom: 2.2rem;
}

.sec-title2 span {
    position: relative;
    z-index: 1;
    padding-left: 10px;
    padding-bottom: 15px;
    display: inline-block;
}

.sec-title2 span::before {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 8px;
    height: 8px;
    top: -1px;
    content: "";
    left: -10px;
    background-color: rgb(16, 62, 175);
    border-radius: 50%;
}

.sec-title2.white span::before {
    background-color: rgb(255, 255, 255);
}

.sec-title2.orange span::before {
    background-color: rgb(11, 127, 62);
}

.small-title {
    padding: 3px 15px;
    background-color: rgb(16, 62, 175);
    margin-bottom: 15px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: rgb(255, 255, 255);
}

.small-title.white {
    background-color: rgba(255, 255, 255, 0.2);
}

.sidebar-title {
    color: rgb(11, 127, 62);
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    display: block;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.text-secondary, .text-secondary-hover:hover {
    color: rgb(12, 59, 175) !important;
}

.pt-2-3, .py-2-3 {
    padding-top: 2.3rem;
}

.mb-1-9, .my-1-9 {
    margin-bottom: 1.9rem;
}

.card-style1 {
    transition: all 0.5s ease 0s;
    box-shadow: rgba(41, 45, 194, 0.08) 0px 3px 10px 0px;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 100%;
}

.card-style1::before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.card-style1:hover::before {
    opacity: 1;
}

.card-style1:hover .card-body {
    background-color: transparent;
}

.card-style1:hover h3, .card-style1:hover p, .card-style1:hover a, .card-style1:hover .card-footer i {
    color: rgb(255, 255, 255);
    transition: all 0.5s ease 0s;
}

.card-style1 .card-body {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
}

.card-style1 .card-footer {
    background-color: rgb(255, 255, 255);
    border-top-color: rgb(238, 238, 238);
    transition: all 0.5s ease 0s;
}

.card-style1:hover .card-footer {
    background-color: transparent;
    border-top-color: rgba(255, 255, 255, 0.5);
}

.card-style1:hover .card-icon {
    transform: translateY(-10px) translate3d(0px, -10px, 0px);
    background: rgb(11, 127, 62);
}
.card-icon img{
    object-fit:contain
}
.card-style1 .card-icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    background: rgb(16, 62, 175);
    margin: -100px auto 20px;
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.5s ease 0s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-style1 .card-border {
    margin: auto;
    width: 100%;
    display: block;
}

.card-style1 .card-border::before {
    position: absolute;
    content: "";
    background: rgb(238, 238, 238);
    width: 1px;
    height: 45px;
    top: 10%;
    transition: all 0.3s ease 0s;
}

.card-style1 .card-border::after {
    position: absolute;
    content: "";
    background: rgb(15, 64, 176);
    width: 1px;
    height: 45px;
    bottom: 30px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.card-style1:hover .card-border::after {
    background: rgb(225, 211, 42);
    opacity: 1;
    bottom: -45px;
    transition: all 0.3s ease 0s;
}

.mt-15, .my-15 {
    margin-top: 8rem;
}

.mt-7, .my-7 {
    margin-top: 4rem;
}

.progress-style1 .progress {
    height: 5px;
}

.progress-style1 .progress .progress-bar {
    background-color: rgb(11, 127, 62);
}

.portfolio-style1 {
    margin-bottom: -100px;
    position: relative;
    z-index: 9;
}

.contact-info-text {
    display: flex;
    align-items: center;
}

.contact-info-text i {
    font-size: 60px;
    color: rgb(16, 62, 175);
    line-height: 1;
    display: inline-block;
    margin-right: 35px;
}

.contact-info-text p {
    font-size: 16px;
    color: rgb(255, 255, 255);
    margin-bottom: 5px;
}

.contact-info-text h3 {
    font-size: 55px;
    line-height: 1.1;
    color: rgb(255, 255, 255);
    font-weight: 600;
    margin-bottom: 0px;
}

.contact-info-text .bar::before {
    position: absolute;
    width: 100px;
    height: 1px;
    content: "";
    background: rgba(255, 255, 255, 0.4);
    left: -180px;
    top: 50%;
}

.call-to-action-shape1 {
    left: 70px;
    position: relative;
    overflow: hidden;
}

.call-to-action-shape1::after {
    background: rgb(16, 62, 175);
    animation: 3s ease 0s infinite normal none running move;
    position: absolute;
    inset: 0px;
    content: "";
}

.call-to-action-shape1::before {
    background: rgb(255, 255, 255);
    position: absolute;
    inset: 0px;
    content: "";
}

.call-to-action-shape2 {
    position: absolute;
    background: rgb(16, 62, 175);
    height: 40px;
    width: 20px;
    left: 110px;
    bottom: 25px;
    overflow: hidden;
}

.call-to-action-shape2::after {
    background: rgb(255, 255, 255);
    animation: 3s ease 0s infinite normal none running move;
    position: absolute;
    inset: 0px;
    content: "";
}

.call-to-action-shape2::before {
    background: rgb(16, 62, 175);
    position: absolute;
    inset: 0px;
    content: "";
}

@media screen and (max-width: 1399px) {
    .contact-info-text h3 {
        font-size: 42px;
    }

    .contact-info-text .bar::before {
        left: -150px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-info-text h3 {
        font-size: 36px;
    }

    .contact-info-text .bar::before {
        content: none;
    }
}

@media screen and (max-width: 991px) {
    .contact-info-text i {
        font-size: 50px;
        margin-right: 15px;
    }

    .contact-info-text h3 {
        font-size: 32px;
    }
}

@media screen and (max-width: 575px) {
    .contact-info-text h3 {
        font-size: 26px;
    }
}

.testimonials1 button {
    border: 2px solid rgb(255, 255, 255);
    padding: 5px;
}

.testimonials1 button img {
    opacity: 0.5;
}

.testimonials1 button.active {
    border: 2px solid rgb(16, 62, 175);
    padding: 5px;
}

.testimonials1 button.active img {
    opacity: 1;
}

.testimonials-left span {
    font-size: 140px;
}

.testimonials-left .left-icon i {
    width: 150px;
    height: 150px;
    display: block;
    line-height: 150px;
    margin: 0px auto;
    font-size: 90px;
    background: rgba(28, 191, 170, 0.9);
}

.testimonials-left .testimonials-inner {
    padding: 30px;
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .testimonials-left .testimonials-inner {
        padding: 15px;
    }

    .testimonials-left .left-icon i {
        width: 120px;
        height: 120px;
        line-height: 120px;
        font-size: 72px;
    }

    .testimonials-left span {
        font-size: 110px;
    }
}

@media screen and (max-width: 575px) {
    .testimonials-left span {
        font-size: 80px;
    }
}

.services-top {
    margin-top: -90px;
    z-index: 9;
}

@media screen and (max-width: 1199px) {
    .services-top {
        margin-top: -70px;
    }
}

.card-style3 .card-body {
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}

.card-style3 .card-body::after {
    content: "";
    position: absolute;
    inset: 0px;
    opacity: 0;
    background-color: rgb(12, 59, 175);
    transform-origin: 0px 0px;
    transform: scaleY(0);
    transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0s, opacity 0s ease 0.5s;
}

.card-style3:hover .card-body::after {
    opacity: 1;
    transform: scaleY(1);
    transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0s, opacity 0s ease 0s;
}

.card-style3 .card-body .portfolio-icon {
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.card-style3 .card-body .portfolio-icon .top-icon {
    position: relative;
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.4s ease 0s, opacity 0.2s ease 0s;
    will-change: transform, opacity;
}

.card-style3:hover .card-body .portfolio-icon .top-icon {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s ease 0.2s;
}

.card-style3 .card-body .portfolio-icon .top-icon a {
    border: 2px solid transparent;
    display: inline-block;
    position: relative;
    transition: all 0.2s ease 0s;
    color: rgb(255, 255, 255);
    font-size: 24px;
    height: 73px;
    line-height: 70px;
    text-align: center;
    width: 75px;
    background-color: rgb(227, 210, 45);
}

.card-style3 .card-body .portfolio-content {
    position: absolute;
    bottom: 33px;
    z-index: 9;
    left: 25px;
    right: 25px;
}

.card-style3 .card-body .portfolio-content span {
    position: relative;
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.4s ease 0s, opacity 0.2s ease 0s;
    will-change: transform, opacity;
    padding-bottom: 10px;
    display: block;
}

.card-style3:hover .card-body .portfolio-content span {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s ease 0.1s;
}

.card-style3 .card-body .portfolio-content h3 {
    position: relative;
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.4s ease 0s, opacity 0.2s ease 0s;
    will-change: transform, opacity;
}

.card-style3:hover .card-body .portfolio-content h3 {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s ease 0.1s;
}

.card-style3 .card-body.round::after {
    border-radius: 0.3rem;
}

@media screen and (max-width: 1199px) {
    .card-style3 .card-body .portfolio-content {
        bottom: 15px;
        left: 25px;
    }

    .card-style3 .card-body .portfolio-icon .top-icon a {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 17px;
    }
}

@media screen and (max-width: 575px) {
    .card-style3 .card-body .portfolio-icon .top-icon a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
}

body .bg-primary {
    --bs-bg-opacity: 1;
    transition: all 0.5s ease 0s;
    background-color: rgb(72, 112, 49) !important;
}

body .bg-off-white {
    background-color: rgb(239, 239, 239);
}

.news-section {
    position: relative;
    padding: 120px 0px 90px;
    overflow: hidden;
}

.news-section .float-image {
    position: absolute;
    left: -370px;
    bottom: -20px;
}

.news-block {
    position: relative;
    margin-bottom: 30px;
}

.news-block .inner-box {
    position: relative;
    transition: all 300ms ease 0s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px;
}

.news-block .inner-box:hover .image-box .image a::after {
    left: 0px;
    right: 0px;
    opacity: 0;
    transition: all 400ms linear 0s;
}

.news-block .inner-box:hover .image img {
    transform: scale(1.1);
}

.news-block .image-box {
    position: relative;
    margin: 20px 20px 0px;
}

.news-block .image-box .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.news-block .image-box .image img {
    display: block;
    width: 100%;
    transition: all 400ms ease 0s;
}

.news-block .image-box .image a::after {
    background: rgba(255, 255, 255, 0.3);
    inset: 0px 51% 0px 50%;
    content: "";
    position: absolute;
    opacity: 1;
    pointer-events: none;
    transition: all 400ms linear 0s;
}

.news-block .image-box .date {
    -webkit-box-align: center;
    align-items: center;
    background: var(--theme-color1);
    bottom: 0px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 500;
    height: 75px;
    left: 20px;
    letter-spacing: 0.1em;
    line-height: 16px;
    position: absolute;
    z-index: 1;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 60px;
    text-transform: uppercase;
}

.news-block .image-box .date b {
    color: rgb(255, 255, 255);
    display: block;
    line-height: 1.1;
    font-size: 24px;
    font-weight: 700;
}

.news-block .lower-content {
    position: relative;
    padding: 25px 40px 35px;
}

.news-block .post-info {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
}

.news-block .post-info li {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: rgb(118, 118, 118);
    font-weight: 500;
    margin-right: 14px;
}

.news-block .post-info li i {
    margin-right: 5px;
    color: var(--theme-color1);
    font-size: 14px;
}

.news-block .title {
    color: var(--theme-color3);
    display: block;
    margin-top: 0px;
    position: relative;
}

.news-block .title a {
    color: var(--theme-color3);
    display: inline-block;
    transition: all 300ms ease 0s;
    line-height: 1.9;
}

.news-block .title a:hover {
    color: var(--theme-color2);
}

.news-block-two {
    position: relative;
    margin-bottom: 30px;
}

.news-block-two .inner-box {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: all 300ms ease 0s;
}

.news-block-two .inner-box:hover .image-box .image a::after {
    left: 0px;
    right: 0px;
    opacity: 0;
    transition: all 400ms linear 0s;
}

.news-block-two .inner-box:hover .image img {
    transform: scale(1.1);
}

.news-block-two .image-box {
    position: relative;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 20px 0px;
    overflow: hidden;
}

.news-block-two .image-box .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.news-block-two .image-box .image img {
    display: block;
    width: 100%;
    transition: all 400ms ease 0s;
}

.news-block-two .image-box .image a::after {
    background: rgba(255, 255, 255, 0.3);
    inset: 0px 51% 0px 50%;
    content: "";
    position: absolute;
    opacity: 1;
    pointer-events: none;
    transition: all 400ms linear 0s;
}

.news-block-two .image-box .date {
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(21, 21, 21);
    border-radius: 10px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 500;
    height: 69px;
    letter-spacing: 0.1em;
    line-height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 64px;
    text-transform: uppercase;
    transition: all 300ms ease 0s;
}

.news-block-two .image-box .date b {
    color: rgb(255, 255, 255);
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.news-block-two .image-box::before {
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(23, 26, 29, 0.01) 100%);
    inset: 0px;
    content: "";
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    transition: all 0.6s ease 0s;
    opacity: 1;
    visibility: visible;
}

.news-block-two .lower-content {
    bottom: 0px;
    padding: 25px 40px 35px;
    position: absolute;
    width: 100%;
}

.news-block-two .lower-content::after {
    background-color: rgb(255, 255, 255);
    content: "";
    height: 100%;
    inset: auto 0px 0px;
    width: 100%;
    position: absolute;
    border-radius: 0px 0px 10px 10px;
    transition: all 0.3s ease 0s;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.news-block-two .post-info {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    z-index: 1;
}

.news-block-two .post-info li {
    position: relative;
    font-size: 16px;
    line-height: 1.2;
    color: rgb(255, 255, 255);
    font-weight: 500;
    margin-right: 14px;
}

.news-block-two .post-info li i {
    margin-right: 5px;
    color: var(--theme-color1);
    font-size: 14px;
}

.news-block-two .title {
    color: rgb(255, 255, 255);
    display: block;
    margin-top: 0px;
    position: relative;
    z-index: 1;
}

.news-block-two:hover .title, .news-block-two:hover .post-info li {
    color: var(--theme-color3);
}

.news-block-two:hover .image-box::before {
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
}

.news-block-two:hover .lower-content::after {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}

.news-block-two:hover .date {
    background-color: var(--theme-color1);
}

.news-block-two:hover .inner-box {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 20px 0px;
}

.home6-news-section .sub-title {
    color: var(--theme-color5);
}

.call-to-action-two {
    margin-bottom: -100px;
    padding: 120px 0px;
    position: relative;
    z-index: 2;
    overflow: visible;
}

.call-to-action-two .outer-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-color: var(--bg-theme-color1);
    padding: 57px 60px 57px 90px;
    overflow: hidden;
}

.call-to-action-two .title-box .title {
    font-size: 36px;
    line-height: 1.2em;
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.call-to-action-two .btn-box {
    position: relative;
    z-index: 8;
    padding: 15px;
}

.call-to-action-two .btn-box .theme-btn {
    background-color: rgb(227, 210, 45);
    padding: 10px 20px;
}

.main-footer {
    position: relative;
    background-color: rgb(255, 255, 255);
}

.main-footer .bg-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    bottom: 80px;
}

.main-footer .bg-image::before {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-image: url("../img/overlay-footer.jpg");
    opacity: 0.9;
    content: "";
}

.main-footer .contacts-outer {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-footer.style-one {
    padding-top: 90px;
}

.contact-info-block {
    position: relative;
}

.contact-info-block .inner-box {
    position: relative;
    padding-left: 130px;
    padding-right: 30px;
    padding-top: 25px;
    min-height: 150px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-info-block .inner-box:hover .icon-box {
    background-color: var(--bg-theme-color3);
    color: rgb(255, 255, 255);
}

.contact-info-block .icon-box {
    position: absolute;
    left: 0px;
    top: 25px;
    height: 100px;
    width: 100px;
    color: rgb(255, 255, 255);
    background-color: var(--bg-theme-color1);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 64px;
    border-radius: 5px;
    transition: all 300ms ease 0s;
}

.contact-info-block .icon-box i {
    line-height: 0;
}

.contact-info-block .title {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    margin-top: 6px;
    margin-bottom: 5px;
}

.contact-info-block .text {
    font-size: 16px;
    line-height: 24px;
    color: rgb(152, 152, 160);
}

.contact-info-block .text a {
    color: rgb(152, 152, 160);
    transition: all 300ms ease 0s;
}

.contact-info-block .text a:hover {
    color: rgb(255, 255, 255);
}

.main-footer .widgets-section {
    position: relative;
    padding: 100px 0px 45px;
}

.main-footer .footer-column {
    position: relative;
    margin-bottom: 40px;
}

.main-footer .footer-widget {
    position: relative;
}

.main-footer .widget-title {
    position: relative;
    display: inline-block;
    color: rgb(12, 59, 175);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.main-footer .widget-title::before {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -1px;
    background-color: rgb(227, 210, 45);
    height: 3px;
    width: 25px;
    content: "";
    margin-left: 10px;
}

.main-footer .about-widget {
    position: relative;
    padding-right: 5px;
}

.main-footer .about-widget .logo {
    position: relative;
    margin-bottom: 25px;
}

.main-footer .about-widget .text {
    font-size: 16px;
    line-height: 30px;
    color: rgb(152, 152, 160);
    margin-bottom: 20px;
}

.main-footer .about-widget .theme-btn {
    line-height: 20px;
    padding: 15px 25px;
    font-size: 14px;
}

.user-links {
    position: relative;
}

.user-links li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: rgb(152, 152, 160);
    font-weight: 400;
    margin-bottom: 16px;
}

.user-links li:last-child {
    margin-bottom: 0px;
}

.user-links li a {
    position: relative;
    display: inline-block;
    transition: all 300ms ease 0s;
    color: rgb(152, 152, 160);
}

.user-links li a:hover {
    color: rgb(255, 255, 255);
}

.user-links li a::before {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background-color: var(--bg-theme-color3);
    content: "";
    transition: all 300ms ease 0s;
}

.user-links li a:hover::before {
    width: 100%;
}

.user-links.two-column {
    display: flex;
    flex-wrap: wrap;
}

.user-links.two-column li {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    width: 50%;
    padding-left: 15px;
}

.subscribe-form {
    position: relative;
}

.subscribe-form .text {
    font-size: 16px;
    line-height: 30px;
    color: rgb(152, 152, 160);
    margin-bottom: 30px;
}

.subscribe-form .form-group {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.subscribe-form .form-group input[type="email"], .subscribe-form .form-group input[type="text"] {
    background: rgb(255, 255, 255);
    color: rgb(124, 133, 140);
    display: block;
    height: 54px;
    font-size: 14px;
    line-height: 24px;
    padding: 15px 25px 15px 70px;
    position: relative;
    width: 100%;
    transition: all 300ms ease 0s;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid;
}

.subscribe-form .form-group .theme-btn {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    height: 50px;
    width: 50px;
    min-width: auto;
    background-color: var(--bg-theme-color1);
    color: rgb(255, 255, 255);
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    padding: 0px;
    border-radius: 10px;
}

.footer-bottom {
    position: relative;
    background-color: rgb(29, 29, 41);
    width: 100%;
}

.footer-bottom .inner-container {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.footer-bottom .copyright-text {
    position: relative;
    padding: 25px 0px;
}

.footer-bottom .copyright-text p {
    color: rgb(152, 152, 160);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
    position: relative;
}

.footer-bottom .copyright-text a {
    transition: all 300ms ease 0s;
    color: rgb(152, 152, 160);
}

.footer-bottom .copyright-text a:hover {
    color: rgb(255, 255, 255);
}

.social-links-fixed ul {
    position: fixed;
    right: 15px;
    bottom: 20px;
    justify-content: space-between;
    z-index: 9;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 50px;
    height: fit-content;
    transition: all 0.5s ease 0s;
}

.social-links-fixed ul li {
    width: 50px;
    height: 50px;
    background-color: rgb(0, 0, 0);
    margin-bottom: 5px;
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    border-radius: 50px;
    transition: all 0.5s ease 0s;
}

.social-links-fixed ul li.twitter {
    background-color: rgb(29, 161, 242);
    margin-bottom: 0px;
}

.social-links-fixed ul li.facebook {
    background: linear-gradient(155deg, rgb(0, 39, 85), rgb(0, 159, 255));
}

.social-links-fixed ul li.pinterest {
    background-color: rgb(41, 128, 211);
}

.social-links-fixed ul li.instagram {
    background: linear-gradient(45deg, rgb(240, 148, 51) 0%, rgb(230, 104, 60) 25%, rgb(220, 39, 67) 50%, rgb(204, 35, 102) 75%, rgb(188, 24, 136) 100%);
}

.social-links-fixed ul li.whatsapp {
    background: linear-gradient(45deg, rgb(45, 182, 64), rgb(80, 203, 94));
}

.social-links-fixed ul li a {
    color: rgb(255, 255, 255);
}

.brands_area {
    padding: 30px 0px;
}

.brands_area .swiper-pagination {
    margin-top: 20px;
    padding: 20px 0px;
}

.brands_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgb(232, 30, 34);
}

.social-links-fixed li {
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
}

.social-links-fixed ul {
    height: auto;
    box-shadow: none;
    background: transparent;
}

.social-links-fixed li.support {
    transform: scale(1) translateY(70px);
    visibility: visible;
    opacity: 1;
    background-color: rgb(12, 59, 175);
    transition: all 0.5s ease 0s;
}

.social-links-fixed.open li.support {
    transform: scale(1) translateY(0px);
    background-color: rgb(227, 210, 45);
}

.social-links-fixed.open li.support span {
    transform: rotateY(180deg);
}

.social-links-fixed li span {
    transition: all 0.5s ease 0s;
}

.social-links-fixed.open li {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.social-links-fixed.open ul {
    box-shadow: rgba(0, 0, 0, 0.34) 0px 1px 20px 0px;
}

.theme-btn {
    border-radius: 5px;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s ease 0s;
    z-index: 0;
    color: rgb(12, 59, 175);
}

.social-icon-two {
    position: relative;
    display: flex;
}

.social-icon-two li {
    position: relative;
    display: flex;
    margin: 0px 5px;
}

.social-icon-two li:first-child {
    margin-left: 0px;
}

.social-icon-two li a {
    background-color: rgb(49, 49, 64);
    border-radius: 2px;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-align: center;
    width: 45px;
    transition: all 300ms ease 0s;
}

.social-icon-two li a:hover {
    background-color: var(--bg-theme-color1);
    color: rgb(255, 255, 255);
    margin-top: -5px;
}

.social-icon-three {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.social-icon-three li {
    position: relative;
    margin-left: 20px;
}

.social-icon-three li a {
    position: relative;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: rgb(47, 53, 41);
    border-radius: 50%;
    transition: all 300ms ease 0s;
}

.social-icon-three li a:hover {
    color: var(--theme-color2);
}

@media (max-width: 767px) {
    .call-to-action-two .outer-box {
        padding: 27px 50px;
    }

    .call-to-action-two .title-box .title {
        font-size: 20px;
        line-height: 1.5;
    }
}

.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcumb-menu {
    max-width: 100%;
    padding: 0px;
    margin: 25px 0px -0.4em;
    list-style-type: none;
    position: relative;
}

.breadcumb-menu li {
    display: inline-block;
    margin-right: 3px;
    padding-right: 5px;
    list-style: none;
    position: relative;
}

.breadcumb-menu li::after {
    content: "";
    position: relative;
    margin-right: 10px;
    font-weight: 600;
    font-size: 16px;
    color: var(--bs-body-bg);
    float: left;
    top: 5px;
    font-family: FontAwesome;
}

.breadcumb-menu li:last-child {
    padding-left: 0px;
    margin-left: 0px;
}

.breadcumb-menu li:last-child::after {
    display: none;
}

.breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
    white-space: normal;
    word-break: break-word;
    font-weight: 400;
    font-size: 20px;
    color: rgb(255, 255, 255);
}

.breadcumb-title {
    color: rgb(255, 255, 255);
    margin: -0.22em 0px -0.12em;
}

.breadcumb-wrapper {
    background-color: var(--black-color);
    padding: 115px 0px 170px;
    text-align: center;
    overflow: hidden;
    filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
}

@media (max-width: 1399px) {
    .breadcumb-wrapper {
        padding: 235px 0px 200px;
    }
}

@media (max-width: 1199px) {
    .breadcumb-wrapper {
        padding: 190px 0px 160px;
    }
}

@media (max-width: 991px) {
    .breadcumb-wrapper {
        padding: 150px 0px 120px;
    }

    .breadcumb-menu {
        margin: 16px 0px -0.5em;
    }

    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
        font-size: 16px;
    }
}

.bg-white .title-area .sec-title {
    color: rgb(39, 39, 39);
    margin: 0px;
}

.bg-white .link-btn {
    color: rgb(39, 39, 39);
}

.bg-white .link-btn::before, .link-btn::after {
    background-color: rgb(39, 39, 39);
}

.bg-white .link-btn:hover::before, .link-btn:hover::after {
    background-color: rgb(39, 39, 39);
}

.bg-white .big-title {
    -webkit-text-stroke-color: rgb(39, 39, 39);
}

.bg-white .service-card {
    background-color: rgb(39, 39, 39);
}

.page-single {
    border: 1px solid var(--body-bg);
    padding: 50px;
    margin-bottom: 30px;
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.page-img {
    margin-bottom: 35px;
}

.page-img img {
    min-height: 230px;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .page-single {
        padding: 30px;
    }
}

@media (max-width: 575px) {
    .page-single {
        padding: 20px;
    }
}

.form1 .form-btn .th-btn {
    background-color: var(--smoke-color);
    color: var(--title-color);
    width: 100%;
    padding: 30px 40px;
}

.form1 .form-btn .th-btn:hover {
    color: var(--black-color);
}

.form1 input {
    height: 80px;
}

@media (min-width: 1400px) {
    .contact-map {
        margin-left: 50px;
    }
}

.contact-map {
    line-height: 0.001px;
    height: 100%;
}

.contact-map iframe {
    height: 100%;
    min-height: 350px;
}

.action-info {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 18px;
    margin-bottom: 25px;
}

.action-info:last-of-type {
    margin-bottom: 0px;
}

.action-info i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: rgba(167, 167, 167, 0.2);
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 50%;
}

.action-info .link {
    color: inherit;
}

.action-info a.link:hover {
    color: var(--bg-theme-color1);
}

.info-card {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 20px;
}

.info-card_icon {
    display: inline-block;
    font-size: 20px;
    color: var(--bg-theme-color1);
    width: 60px;
    height: 60px;
    line-height: 57px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.06);
    position: relative;
    z-index: 2;
    border-radius: 50%;
}

.info-card_icon::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: inherit;
    background-color: rgb(27, 27, 27);
    z-index: -1;
}

.info-card_text {
    font-weight: 500;
    color: var(--bg-theme-color1);
    display: block;
    margin-bottom: 5px;
}

.info-card_link {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 500;
}

.info-card_link:hover {
    color: var(--bg-theme-color1);
}

.img-box5 {
    position: relative;
    margin-right: 50px;
    z-index: 2;
}

.img-box5::after {
    content: "";
    position: absolute;
    inset: 0px;
    border: 1px solid rgb(255, 255, 255);
    transform: translate(-75px, 75px);
    z-index: -1;
}

.img-box5 .img1 {
    margin-bottom: 75px;
}

.img-box5 .img1 img {
    width: 100%;
}

.img-box5 .info-card-wrap {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-image: linear-gradient(92.01deg, rgba(22, 22, 22, 0.4) 0%, rgba(22, 22, 22, 0.4) 100%);
    backdrop-filter: blur(20px);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.img-box5 .info-card-wrap::after {
    content: "";
    height: 100%;
    width: 3px;
    background-color: rgb(1, 0, 15);
    position: absolute;
    top: 0px;
    left: calc(50% - 1.5px);
}

.img-box5 .info-card {
    padding: 25px 30px;
}

@media (max-width: 1399px) {
    .img-box5 {
        margin-right: 0px;
    }

    .img-box5 .info-card {
        padding: 10px;
    }
}

@media (max-width: 1199px) {
    .img-box5 .img1 {
        margin-bottom: 30px;
    }

    .img-box5::after {
        transform: translate(-30px, 30px);
    }

    .img-box5 .info-card {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .img-box5 .info-card {
        padding: 14px;
    }

    .img-box5 .info-card_link {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .img-box5 .info-card-wrap {
        grid-template-columns: auto;
    }

    .img-box5 .info-card-wrap::after {
        display: none;
    }

    .img-box5 .info-card {
        padding: 10px 20px;
    }
}

.img-box1 {
    position: relative;
    border: 1px solid rgb(255, 255, 255);
    margin-right: 115px;
    padding-bottom: 140px;
}

.img-box1 .img1 {
    transform: translate(70px, 70px);
}

.img-box1 .img1 img {
    width: 100%;
}

.img-box1 .big-text {
    position: absolute;
    bottom: 40px;
    right: -80px;
}

@media (max-width: 767px) {
    .img-box1 {
        margin-right: 40px;
        padding-bottom: 80px;
    }

    .img-box1 .img1 {
        transform: translate(40px, 40px);
    }

    .img-box1 .big-text {
        position: absolute;
        bottom: 20px;
        right: -40px;
    }
}

.sidebar-area {
    margin-bottom: -10px;
}

.sidebar-area ul.wp-block-latest-posts {
    margin-bottom: 0px;
}

.sidebar-area ul.wp-block-latest-posts li:last-child {
    margin-bottom: 0px;
}

.sidebar-area .wp-block-tag-cloud a, .sidebar-area .tagcloud a {
    border: none;
}

.sidebar-area .newsletter-form button {
    width: 100%;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    height: 60px;
    margin-top: 10px;
}

.sidebar-area .widget .wp-block-search {
    margin-bottom: 0px;
}

.sidebar-area .wp-block-group__inner-container h2 {
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 20px;
    margin-top: -0.07em;
}

.sidebar-area ol.wp-block-latest-comments {
    padding: 0px;
    margin: 0px;
}

.sidebar-area ol.wp-block-latest-comments li {
    line-height: 1.5;
    margin: 0px 0px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
}

.sidebar-area ol.wp-block-latest-comments li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.recent-product {
    display: flex;
}

.recent-product .product-title {
    font-size: 16px;
}

.donwload-media-wrap {
    margin-top: -4px;
    margin-bottom: -4px;
}

.download-media {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(255, 255, 255);
}

.download-media_icon {
    margin-left: 15px;
}

.download-media_icon i {
    font-size: 32px;
    color: rgb(255, 255, 255);
}

.download-media_title {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: -4px;
}

.download-media_text {
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.download-media_btn {
    margin-right: auto;
    width: 40px;
    height: 40px;
    line-height: 38px;
    background-color: var(--bg-theme-color1);
    color: #FFF;
    text-align: center;
}

.download-media_btn:hover {
    background-color: rgb(255, 255, 255);
    color: var(--bg-theme-color1);
}

.download-media:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.widget:has(.widget-banner) {
    padding: 0px;
    background-color: var(--smoke-color);
    border: none;
}

.widget-banner {
    text-align: center;
}

.widget-banner .title {
    margin-bottom: 0px;
    padding: 60px 10px;
    text-transform: uppercase;
    font-size: 30px;
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.widget-banner .content {
    padding: 45px 10px 50px;
}

.widget-banner .text {
    max-width: 325px;
    margin: 22px auto 30px;
    color: rgb(255, 255, 255);
}

.widget-banner .link {
    color: rgb(255, 255, 255);
    font-family: var(--para-font);
}

.widget-banner .link i {
    color: var(--bg-theme-color1);
    margin-left: 8px;
}

.widget-banner .link:hover {
    color: var(--bg-theme-color1);
}

@media (max-width: 1199px) {
    .widget {
        --widget-padding-y: 30px;
        --widget-padding-x: 30px;
    }

    .widget_title {
        font-size: 20px;
    }

    .recent-post .post-title {
        font-size: 18px;
        line-height: 24px;
    }

    .widget_offer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .sidebar-area {
        padding-top: 30px;
    }

    .wp-block-tag-cloud a, .tagcloud a {
        padding: 10.5px 18px;
    }
}

@media (max-width: 575px) {
    .widget {
        padding: 30px 20px;
    }
}

.widget {
    padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
    background-color: rgb(0, 39, 85);
    border: 1px solid rgb(255, 255, 255);
    margin-bottom: 40px;
    position: relative;
}

.widget select, .widget input {
    border-radius: 0px;
}

.widget_title {
    position: relative;
    font-size: 30px;
    font-weight: 400;
    line-height: 1em;
    margin: -0.07em 0px 29px;
    color: rgb(255, 255, 255);
}

.widget .search-form {
    display: flex;
}

.widget .search-form input {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.widget .search-form button {
    border: none;
    width: 62px;
    height: 62px;
    background-color: var(--bg-theme-color1);
    color: #FFF;
    display: inline-block;
}

.widget .search-form button:hover {
    background-color: var(--body-color);
    color: rgb(255, 255, 255);
}

.wp-block-tag-cloud a, .tagcloud a {
    display: inline-block;
    border: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 13px 17px;
    margin-right: 5px;
    margin-bottom: 8px;
    color: rgb(255, 255, 255);
    background-color: var(--smoke-color);
    border-radius: 0px;
    font-family: var(--para-font);
}

.wp-block-tag-cloud a:hover, .tagcloud a:hover {
    background-color: var(--bg-theme-color1);
    color: #FFF !important;
}

.widget .wp-block-tag-cloud a, .widget .tagcloud a {
    background-color: var(--smoke-color);
}

.widget .wp-block-tag-cloud a:hover, .widget .tagcloud a:hover {
    background-color: var(--bg-theme-color1);
}

.tagcloud {
    margin-right: -10px;
    margin-bottom: -10px;
}

.recent-post {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.recent-post:last-child {
    margin-bottom: 0px;
}

.recent-post .media-img {
    margin-right: 15px;
    width: 100px;
    overflow: hidden;
}

.recent-post .media-img img {
    width: 100%;
    transition: all 0.4s ease-in-out 0s;
}

.recent-post .post-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    margin: 0px 0px -0.1em;
    font-family: var(--title-font);
    color: rgb(255, 255, 255);
}

.recent-post .recent-post-meta {
    margin-bottom: 6px;
}

.recent-post .recent-post-meta a {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    color: var(--body-color);
}

.recent-post .recent-post-meta a i {
    margin-right: 8px;
}

.recent-post:hover .media-img img {
    transform: scale(1.1);
}

.widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a {
    display: block;
    background-color: #ffffff;
    margin: 0px 0px 15px;
    padding: 17px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #002755;
    font-family: var(--para-font);
}

.widget_nav_menu a::before, .widget_meta a::before, .widget_pages a::before, .widget_archive a::before, .widget_categories a::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 16px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    transition: all 0.4s ease 0s;
    color: #002755;
}

.widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover {
    color: #FFF;
    background-color: var(--bg-theme-color1);
}

.widget_nav_menu a:hover::before, .widget_meta a:hover::before, .widget_pages a:hover::before, .widget_archive a:hover::before, .widget_categories a:hover::before {
    color: #FFF;
}

.widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li {
    display: block;
    position: relative;
}

.widget_nav_menu li:last-child a, .widget_meta li:last-child a, .widget_pages li:last-child a, .widget_archive li:last-child a, .widget_categories li:last-child a {
    border-bottom: none;
}

.widget_nav_menu li > span, .widget_meta li > span, .widget_pages li > span, .widget_archive li > span, .widget_categories li > span {
    text-align: center;
    position: absolute;
    right: 25px;
    top: 12px;
    font-size: 14px;
    transition: all 0.4s ease 0s;
}

.widget_nav_menu li:hover > span, .widget_meta li:hover > span, .widget_pages li:hover > span, .widget_archive li:hover > span, .widget_categories li:hover > span {
    color: #FFF;
}

.widget_nav_menu .children, .widget_meta .children, .widget_pages .children, .widget_archive .children, .widget_categories .children {
    margin-left: 10px;
}

.widget_nav_menu a, .widget_meta a, .widget_pages a {
    padding-right: 20px;
}

.widget_nav_menu .sub-menu {
    margin-left: 10px;
}

.widget-banner .content .link-btn {
    color: rgb(255, 255, 255);
}

.bg-white .widget-banner .content .link-btn::before, .link-btn::after {
    background-color: rgb(255, 255, 255);
}

.bg-white .widget-banner .content .link-btn:hover::before, .link-btn:hover::after {
    background-color: rgb(255, 255, 255);
}

.blog-grid {
    border: 1px solid rgb(39, 39, 39);
    margin-bottom: 20px;
}

.blog-grid .blog-img {
    margin: -1px;
}

.blog-grid .blog-content {
    padding: 40px;
}

.blog-grid .blog-meta {
    margin-bottom: 20px;
}

@media (max-width: 360px) {
    .blog-grid .blog-content {
        padding: 40px 20px;
    }
}
.pt-80 {
    padding-top: 50px;
}

.pb-80 {
    padding-bottom: 50px;
}
.contact-sec .container .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact-sec .container .content .left-side{
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    position: relative;
}
.contact-sec .content .left-side::before{
    content: '';
    position: absolute;
    height: 70%;
    width: 2px;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    background: #afafb6;
}
.contact-sec .content .left-side .details{
    margin: 14px;
    text-align: center;
    background-color: #e3e3e3;
    padding: 20px;
    width: 100%;
    border-radius: 15px;
}
.contact-sec .content .left-side .details i{
    font-size: 30px;
    color: #3e2093;
    margin-bottom: 10px;
}
.contact-sec .content .left-side .details .topic{
    font-size: 18px;
    font-weight: 500;
}
.contact-sec .content .left-side .details .text-one,
.contact-sec .content .left-side .details .text-two{
    font-size: 14px;
    color: #afafb6;
}
.container .content .right-side{
    width: 75%;
    margin-right: 75px;
}
.contact-sec .content .right-side .topic-text{
    font-weight: 600;
    color: #3e2093;
    margin-bottom: 20px;
}
.contact-sec .right-side .input-box{
    height: 50px;
    width: 100%;
    margin: 12px 0;
    background-color: #e3e3e3;
    border-radius: 15px;
    border: none;
}
.contact-sec .right-side .input-box input,
.contact-sec .right-side .input-box textarea{
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    background: #e3e3e3;
    border-radius: 6px;
    padding: 0 15px;
    text-align: right;
    resize: none;
    /* font-family: ; */
}
.contact-sec .right-side .message-box{
    min-height: 110px;
    padding-right: 20px;
    padding-top: 15px;
}
.contact-sec .right-side .input-box textarea{
    padding-top: 6px;
}
.contact-sec .right-side .button{
    display: inline-block;
    margin-top: 0;
}
.contact-sec .right-side .button button{  margin-top: 0;}
.contact-sec .right-side .button input[type="button"]{
    color: #fff;
    font-size: 18px;
    outline: none;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    background: #3e2093;
    cursor: pointer;
    transition: all 0.3s ease;
}
.contact-sec .button input[type="button"]:hover{
    background: #5029bc;
}
@media (max-width: 950px) {
    .container .content .right-side{
        width: 75%;
        margin-left: 55px;
    }
}
@media (max-width: 820px) {
    .contact-sec .container .content{
        flex-direction: column-reverse;
    }
    .contact-sec .container .content .left-side{
        width: 100%;
        flex-direction: row;
        margin-top: 40px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .contact-sec .container .content .left-side::before{
        display: none;
    }
    .contact-sec .container .content .right-side{
        width: 100%;
        margin-left: 0;
    }
}
.img-box img{width: 100%;height: 100%;}
.mt-30 {
    margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}