/*
Template Name:BUILET 
*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. About Area CSS
6. Service Area CSS
7. Call Area CSS
8. Counter Area CSS
9. Team Area CSS
10. Testimonial Area CSS
11. Pricing Area CSS
12. Mailching Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcumb Area CSS
16. Video Area CSS
17. Contact Area CSS
18. Faq Area CSS
19. Portfolio Area CSS

*/

@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700;800;900&display=swap');

/* =========================================
   RESET UNIVERSAL ESTRICTO (BOX-MODEL)
========================================= */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    top: 0;
}

/* Anula el desbordamiento del primer elemento hijo */
body>header,
body>.top-bar,
body>div:first-child {
    margin-top: 0 !important;
}

html {
    scroll-behavior: smooth;
}

/*theme css*/
body {
    font-family: Epilogue, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}

p {
    font-style: normal;
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    font-family: Epilogue, sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    transition: .5s;
    font-size: 22px;
    margin-bottom: 5px;
    color: #0e121d;
}

a {
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none;
}

.btn-primary:focus,
select:focus,
textarea:focus,
input:focus {
    box-shadow: none !important;
    border: none;
}

textarea,
input {
    outline: none;
}

.row .slick-slider .col-md-12,
.row .slick-slider .col-lg-12 {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.btn:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3 {
    font-size: 40px;
    margin: auto;
    font-weight: 700;
    line-height: 1.2;
}

.witr_section_title_inner h3 {
    padding: 10px 0px 10px 0px;
}

.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    color: #666666;
    border-bottom: 2px solid #d4af37;
}

.witr_section_title_inner p span a,
.witr_section_title_inner p span,
.witr_section_title_inner h1 span,
.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span {
    color: #d4af37;
}

.witr_bar_main {
    margin: 10px 0;
}

.witr_bar_inner {
    height: 5px;
    width: 90px;
    background: #d4af37;
    margin: 0px auto;
    position: relative;
    border-radius: 30px;
}

.witr_bar_innerc:before {
    left: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg1;
}

.witr_bar_innerc:after {
    right: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg2;
}

.witr_bar_innerc:after,
.witr_bar_innerc:before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
}

.witr_bar_innerc:after,
.witr_bar_innerc:before {
    border: 6px solid #d4af37;
}

@keyframes move_title_bg1 {
    from {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes move_title_bg2 {
    from {
        right: 0
    }

    to {
        right: 100%
    }
}

.divider {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.divider-separator {
    width: 15%;
    margin: 0 auto;
}

.divider-separator {
    display: flex;
}

.divider-separator {
    position: relative;
}

.divider-separator:after,
.divider-separator:before,
.divider-separator:after,
.divider-separator:before {
    display: block;
    content: "";
    border-bottom: 0;
    flex-grow: 1;
    border-top: 1px solid #000;
    margin-top: 8px;
}

.divider .divider_text {
    font-size: 15px;
    line-height: 1;
    max-width: 95%;
    margin: 0 10px;
    color: #333;
    font-weight: 400;
}

.witr_section_title {
    margin-bottom: 10px;
    margin-top: -31px;
}

.witr_section_title_inner p {
    width: 100%;
    padding: 10px 0 0 0;
    margin-top: 0;
}

.witr_section_title_inner.text-center p {
    width: 71%;
    margin-right: auto;
    margin-left: auto;
}

.witr_all_pd0 {
    padding: 0;
}

@media (min-width: 1200px) {

    .trp_nav_area .container,
    .animate_banner_area .container {
        max-width: 1200px;
    }

}

@media (min-width: 1140px) {
    .container {
        max-width: 1140px;
    }
}

/* ===== 1. Top Menu CSS ===== */
.em40_header_area_main.hdisplay_none {
    display: none;
}

.em_creative_header,
.top_crt_style {
    background-color: #f6feff;
}

.top_crt_style {
    padding: 20px 0;
}

.top_crt_style .main_sticky_l {
    display: none;
}

.single_header_address {
    display: flex;
    justify-content: right;
    text-align: left;
}

.creative_header_icon {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.creative_header_icon i,
.top-address p span i,
.top-address p a i {
    color: #0a033c;
}

.creative_header_icon i {
    font-size: 30px;
    margin-top: 5px;
    margin-left: 2px;
    display: inline-block;
}

.creative_header_address_text>h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #0a033c;
}

.creative_header_address_text>p {
    margin: 0;
    overflow: hidden;
    color: #787878;
}

.single_header_address {
    display: flex;
    justify-content: right;
    text-align: left;
}

.creative_header_icon {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.creative_header_address_text>p,
.creative_header_address_text>p>a,
.top_crmenu_l li a,
.cr_top_addess p span,
.cr_top_addess p a {
    color: #787878;
}

.builet-header-top {
    background: #0e121d;
    padding: 20px 20px 60px;
    margin-bottom: -40px;
}

.top-address {
    display: inline-block;
}

.top-address p a,
.top-address p span,
.top-right-menu ul.social-icons li a,
.top-welcome p,
.top-welcome p a,
.top-welcome p span,
.top-welcomet p a,
.top-welcomet p span {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.top-address p a,
.top-address p span {
    margin-right: 20px;
}

.top-address p a {
    display: inline-block;
    text-decoration: none;
    transition: all .2s ease-in-out;
}

.top-address li span {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.top-address li span i {
    font-size: 13px;
    margin-right: 6px;
}

.top-right-menu ul.social-icons {
    margin: 0;
    padding: 0;
}

.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 11px;
    position: relative;
}

.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    transition: all .2s ease-in-out;
    font-size: 15px;
}

.top-address p a i,
.top-address p span i,
.top-welcome p span i,
.top-welcomet p span i {
    font-size: 13px;
    margin-right: 5px;
    color: #fff;
}

.top-address p {
    margin-bottom: 0;
}

.top-right-menu {
    text-align: right;
}

.top-address p span i,
.top-address p a i {
    color: #d4af37;
}

/* ===== 2. Menu Area CSS ===== */
.witr_h_h20 .builet_nav_area {
    margin: 0 300px 20px;
}

.builet_nav_area.postfix {
    transition: .3s;
}

.builet_nav_area {
    background: #ddd;
}

.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
}

.tx_menu_together,
.tx_bs_together {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.search_popup_button,
.tx_mmenu_together {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.logo-right,
.logo-left {
    align-items: center;
}

.mobile_menu_logo.text-center {
    padding: 20px 0;
}

/* LOGO CSS */
.logo a {
    display: inline-block;
}

/* logo sticky */
.builet-main-menu .logo a.main_sticky_main_l {
    display: block;
}

.builet-main-menu .logo a.main_sticky_l {
    display: none;
}

/* logo pre */
.builet-main-menu .prefix .logo a.main_sticky_main_l {
    display: none;
}

.builet-main-menu .prefix .logo a.main_sticky_l {
    display: block;
}

/* MENU text CSS */
.builet_menu ul {
    text-align: right;
    list-style: none;
}

.builet_menu>ul>li {
    display: inline-block;
    position: relative;
}

.builet_menu>ul>li>a {
    display: block;
    margin: 35px 12px;
    transition: .5s;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #272727;
    font-family: Epilogue, sans-serif;
}

.builet_menu ul .sub-menu li a:hover,
.builet_menu ul .sub-menu li.current-menu-item a,
.builet_menu>ul>li.current-menu-item>a,
.builet_menu>ul>li>a:hover,
.builet_nav_area.prefix .builet_menu>ul>li.current-menu-item>a,
.builet_nav_area.prefix .builet_menu>ul>li>a:hover,
.hbg2 .builet_menu>ul>li.current-menu-item>a,
.hbg2 .builet_menu>ul>li>a:hover,
.heading_style_2 .builet_menu>ul>li.current-menu-item>a,
.heading_style_2 .builet_menu>ul>li>a:hover,
.heading_style_3 .builet_menu>ul>li.current-menu-item>a,
.heading_style_3 .builet_menu>ul>li>a:hover,
.heading_style_4 .builet_menu>ul>li.current-menu-item>a,
.heading_style_4 .builet_menu>ul>li>a:hover {
    color: #d4af37;
}

.builet_menu>ul>li>a:before,
.builet_menu>ul>li.current>a:before {
    background: #d4af37 none repeat scroll 0% 0;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 15%;
    display: none;
}

.builet_menu ul li:last-child a {
    margin-right: 0;
}

.builet_menu>ul>li.current>a,
.builet_menu>ul>li:hover>a,
.creative_header_menu>ul>li:hover>a {
    background-color: transparent;
    color: #fff;
}

.builet_menu>ul>li:hover>a:before,
.builet_menu>ul>li.current>a:before {
    opacity: 1;
}

.transprent-menu .builet_nav_area {
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: transparent;
    padding: 0;
    transition: .5s;
    position: absolute;
}

.builet_nav_area.postfix {
    transition: .3s;
}

.builet_nav_area.prefix,
.hbg2 {
    background: rgba(10, 10, 0, 0.8);
}

.builet_nav_area.prefix .right_sideber_menu i,
.witr_search_wh .prefix .em-header-quearys .em-quearys-menu i {
    color: #fff !important;
}

.builet_nav_area.prefix .builet_menu>ul>li.current>a {
    color: #d4af37;
}

.witr_h_h2 .builet_menu {
    justify-content: space-around;
    display: flex;
    align-items: center;
}

.landing_page .builet_menu {
    justify-content: flex-end;
}

.tx_mmenu_together .donate-btn-header {
    padding: 0;
}

.prefix .main_menu_header_address_text h3,
.prefix .main_menu_header_address_text h4 a,
.prefix .main_menu_header_icon i {
    color: #fff;
}

.builet_menu ul .sub-menu li:hover {
    margin-left: 8px;
}

.builet_nav_area.prefix .builet_menu>ul>li>a {
    color: #fff;
}

/* sub menu style */
.builet_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 5px 14px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}

.builet_menu ul li:hover>.sub-menu {
    transition: .5s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 9;
}

.builet_menu ul .sub-menu li {
    position: relative;
    transition: .5s;
}

.builet_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 0px;
    letter-spacing: normal;
    font-size: 17px;
    font-weight: 500;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 7px 17px;
    font-family: Epilogue, sans-serif;
}

.builet_menu ul .sub-menu li:hover>a,
.builet_menu ul .sub-menu .sub-menu li:hover>a,
.builet_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.builet_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    color: #d4af37;
}

.builet_menu ul .sub-menu li:hover:before {
    opacity: 1;
}

.builet_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a,
.builet_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.builet_menu ul .sub-menu .sub-menu li:hover>a,
.builet_menu ul .sub-menu li:hover:before,
.builet_menu ul .sub-menu li:hover>a {
    color: #d4af37;
}

.main_menu_header_icon i {
    font-size: 25px;
    color: #d4af37;
}

.builet_menu ul .sub-menu li {
    position: relative;
    transition: .5s;
}

.builet_menu ul .sub-menu li:hover:before {
    opacity: 1;
}

/* sub menu 2 */
.builet_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.builet_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 3 */
.builet_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.builet_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.builet_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 4 */
.builet_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}

.builet_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* has menu icon */
.builet-main-menu .menu-item-has-children>a:after {
    margin-left: 5px;
    content: "\eac8";
    font-family: IcoFont !important;
    opacity: 1;
    font-size: 13px;
    font-weight: 600;
    width: 13px;
    height: 13px;
}

/* quearys area css */
.builet_menu.main-search-menu>.em-header-quearys,
.em-quearys-top.msin-menu-search {
    display: inline-block;
}

.em-top-quearys-area {
    position: relative;
}

.builet_menu div.em-header-quearys {
    text-align: center;
}

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    left: -150%;
    background: rgba(0, 0, 0, 0);
}

.em-s-open {
    visibility: visible;
    opacity: 1;
    left: 0;
    background: #000000e6 !important;
    transform: scale(1);
}

.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}

.top-form-control {
    position: relative;
}

.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    transition: .5s;
    border-bottom: 3px solid #fff;
}

.top-form-control input::placeholder {
    color: #fff;
}

textarea,
input {
    outline: none;
}

.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    transform: translateY(-50%);
}

.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: transparent;
    color: #fff;
    padding: 0;
    border-radius: 100px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    color: #272727 !important;
}

.em-quearys-top.msin-menu-search .em-quearys-menu i {
    margin-left: 26px;
    cursor: pointer;
    display: inline-block;
    color: #272727;
}

.em-quearys-menu i {
    color: #fff !important;
}

.mrt10 {
    margin-top: 10px;
}

.em-quearys-menu i {
    background: #d4af37;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 17px;
    color: #222;
    cursor: pointer;
}

.main_menu_address_a {
    display: flex;
    align-items: center;
    position: relative;
}

.main_menu_address_a::before {
    background: #fbfbfb40;
}

.main_menu_address_a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 107px;
    left: 0;
}

.main_menu_header_icon {
    margin-left: 25px;
    margin-right: 10px;
}

.main_menu_header_address_text h3,
.main_menu_header_address_text h4 a {
    margin: 0;
    font-weight: 600;
    font-size: 18px;

}

.main_menu_header_address_text h3 {
    color: #d4af37;
}

.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

/*=======================
#2 builet mobile menu css
========================*/
.mobile-menu {
    display: none !important;
}

@media (max-width: 991px) {

    .search_popup_button,
    .tx_mmenu_together {
        display: none;
    }

}

.mobile_logo_area {
    display: none !important;
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    transition: all .3s ease-out;
}

.mobile_logo_area.m-sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav>ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}

.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}

.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}

.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}

.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}

.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 80px 20px 0px;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}

.tx-s-open {
    transform: translateX(0);
}

.mobile_p .tuetion_theme_widget>div.widget_block {
    padding: 0;
}

.mobile_p .tuetion_theme_widget>div {
    padding: 20px 0px 20px;
    box-shadow: none;
}

.mobile_p {}

.mean-container .mean-nav ul li a {
    border: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}

.mean-container .mean-nav ul li a.mean-expand {
    width: auto;
}

.mean-container .mean-nav ul li li a {}

.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}

.mean-container .mean-nav>ul>li:first-child>a {
    border-top: 0;
}

.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.mobilemenu_con .mobile_menu_logo img {
    max-width: 160px;
    height: auto;
}

.mobile_menu_o i {
    font-size: 26px;
}

.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}

.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}

.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}

.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}

.footer-social-icon.htop-menu-s {
    padding: 0;
    display: inline-block;
    margin-left: 30px;
}

.footer-social-icon {
    text-align: center;
}

.footer-social-icon.htop-menu-s a i {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin: 0 1px;
    width: 40px;
    background: #d4af37;
    color: #fff;
    display: inline-block;
}

.footer-social-icon a i {
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    transition: .3s;
}

.footer-social-icon a i:hover {
    background: #fdc400;
}

/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0;
    padding: 11px 25px;
    color: #fff;
    background: #0e121d;
    margin-left: 20px;
}

a.dtbtn:hover {
    background: #fff;
    color: #0e121d;
}

.animated.animated-slow {
    animation-duration: 2s;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

/* ===== 3. Slider Area CSS ===== */
.witr_swiper_area {
    overflow: hidden;
    position: relative;
}

.witr_swiper_height {
    position: relative;
    background-size: cover;
    background-position: center center;
}

.wittr_gallery_swiper::before,
.witr_swiper_height::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.wittr_gallery_swiper {
    position: relative;
    height: 100px !important;
    margin-top: 10px;
    background-size: cover;
    background-position: center center;
}

.witr_sw_text_area {
    margin: auto;
    height: 100%;
    width: 88%;
}

.elementor-section-full_width .witr_sw_text_area {
    margin: auto;
    width: 63%;
    height: 100%;
}

.witr_swiper_content {
    position: relative;
    top: 46%;
    transform: translateY(-50%);
    z-index: 1;
}

.witr_swiper_topimg {
    margin-bottom: 23px;
}

.witr_swiper_content h2 {
    color: #fff;
    padding: 18px 0 10px 0;
}

.witr_swiper_content h2,
.witr_swiper_content h3 {
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
}

.witr_swiper_content h1 span,
.witr_swiper_content h2 span,
.witr_swiper_content h3 span {
    color: #821F05;
}

.consit_single_event:hover .event_page_title h2 a,
.witr_swiper_content h1 span,
.witr_swiper_content h2 span,
.witr_swiper_content h3 span {
    color: #001eb6;
}

.witr_swiper_content h1 {
    font-size: 22px;
    color: #d4af37;
    border-bottom: 2px solid #d4af37;
    display: inline;
}

.witr_swiper_content p {
    margin-top: 20px;
}

.text-left .witr_swiper_content h1,
.text-left .witr_swiper_content h2,
.text-left .witr_swiper_content h3 {
    margin: 0 auto 4px 0;
}

.text-left .witr_swiper_content p {
    margin: 12px auto 15px 0;
}

.witr_swiper_content p {
    color: #fff;
    padding: 15px 0 0 0;
    width: 60%;
}

.text-center .witr_swiper_content h1,
.text-center .witr_swiper_content h2,
.text-center .witr_swiper_content h3 .text-center .witr_swiper_content p {
    margin-left: auto;
    margin-right: auto;
}

.witr_swiper_content h3 {
    color: #fff;
}

.text-center .witr_swiper_content p {
    margin: 28px auto 0;
    width: 60%;
}

.text-right .witr_swiper_content h1,
.text-right .witr_swiper_content h2,
.text-right .witr_swiper_content h3 {
    margin: 0px 0 10px auto;
}

.text-right .witr_swiper_content p {
    margin: 28px 0 15px auto;
}

.text-left .witr_swiper_content h1,
.text-left .witr_swiper_content h2,
.text-left .witr_swiper_content h3,
.text-right .witr_swiper_content h1,
.text-right .witr_swiper_content h2,
.text-right .witr_swiper_content h3 {
    width: 66%;
}

.witr_swiper_content p {
    font-size: 18px;
    font-weight: 500;
}

.witr_swiper_area .swiper-slide a {
    display: inline-block;
}

.witr_swiper_area .text-left .witr_slider_thumb {
    right: 170px;
}

.witr_swiper_area .text-right .witr_slider_thumb {
    left: 170px;
}

.witr_swiper_area .text-left .slider_vd_icon {
    right: 16%;
}

.witr_swiper_area .text-right .slider_vd_icon {
    left: 16%;
}

.witr_swiper_area .text-center .slider_vd_icon {
    top: 23%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.witr_icon_section {
    margin-top: 30px;
}

/* pagination bullet */
.witr_swiper_area .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
}

/* progressbar */
.witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #821F05;
}

.witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar {}

.witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar {
    height: 10px;
}

/* scrollbar */
.witr_swiper_area .swiper-scrollbar-drag {
    background: #821F05;
}

.witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar {
    background: rgba(0, 0, 0, .0);
}

.witr_swiper_area .swiper-scrollbar-drag,
.witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar {
    height: 10px;
}

/* pagination prev next */
.swiper-button-prev,
.swiper-button-next {
    background-image: inherit !important;
    color: #fff;
    transition: .5s;
    outline: none;
}

.video_page_area .swiper-button-prev,
.video_page_area .swiper-button-next {
    background-image: inherit !important;
    color: #fff;
    transition: .5s;
    outline: none;
    display: none;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #e0a067;
    background: #fff;
    padding: 30px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 30px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}

.witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #821F05;
}

.witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #821F05;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

/* pagination prev next */
.swiper-button-prev,
.swiper-button-next {
    background-image: inherit !important;
    color: #fff;
    transition: .5s;
    outline: none;
}

.video_page_area .swiper-button-prev,
.video_page_area .swiper-button-next {
    background-image: inherit !important;
    color: #fff;
    transition: .5s;
    outline: none;
    display: none;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #d4af37;
    background: #fff;
    padding: 30px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 30px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #e0a067;
}

.witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar {
    height: 5px;
}

.witr_swiper_height {
    height: 850px;
}

.witr_swiper_content .witr_btn {
    border-radius: 0;
}

.witr_swiper_area .swiper-slide a {
    display: inline-block;
}

.witr_btn {
    background-color: transparent;
    background-image: linear-gradient(90deg, #001EB6 0%, #3757F7 100%);
}

.btn,
.feature_btn a,
.learn_btn,
.service-btn>a,
.consit_button a,
.witr_bbtn,
.witr_btn,
.witr_feature_btn_3d a,
.witr_feature_btn_f a,
.witr_gbbtn,
.witr_gbtn,
.witr_sbtn_s8 a,
.witr_ser_btnb a {
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.witr_btn {
    border-radius: 0;
    display: inline-block;
    font-size: 16px;
    padding: 22px 50px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    font-weight: 700;
    background: #fff;
    color: #0E121D;
    overflow: hidden;
}

.witr_btn:hover {
    color: #d4af37;
}

.witr_btn::after,
.witr_btn::before {
    position: absolute;
    content: "";
    background: #0e121d;
    width: 100%;
    height: 60px;
    border-radius: 93% 88% 80% 80%;
    right: 0;
    left: 0;
    z-index: -1;
}

.witr_btn::before {
    top: -38px;
}

.witr_btn::after {
    bottom: -38px;
}

.witr_btn:hover::before {
    transition: 2s linear;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 0;
}

.witr_btn:hover::after {
    width: 100%;
    height: 100%;
    bottom: 0;
    border-radius: 0;
    transition: 2s linear;
}

.slider_btn {
    margin-top: 50px;
}

.witr_swiper_content .witr_btn.active {
    color: #fff;
    background: 0 0;
    border-style: solid;
    border-width: 2px;
}

.witr_swiper_content .witr_btn.active:hover {
    background: #d4af37;
    border-color: #d4af37;
}

.witr_sw_text_area {
    margin: auto;
    width: 60%;
    height: 100%;
}

.witr_video_btn i {
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
    color: #006CFF;
    background: #FFFFFF;
}

.witr_video_btn i:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #FFFFFF;
}

/* witr_squares_ */
@keyframes witr_squares {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    20% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

/* swiper bottom area css */
.swiper_bottom_area {
    margin-top: -110px;
    z-index: 999;
    position: relative;
}

.swiper_bottom_area .all_color_service,
.swiper_bottom_area .service_top_image::after {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.09);
    background-color: #FFFFFF;
}

.swiper_bottom_area .all_color_service {
    border-radius: 5px 5px 5px 5px;
    padding: 50px 35px 30px 35px;
    margin-bottom: 20px;
}

.swiper_bottom_area .width_height_link_02 .service-item i,
.swiper_bottom_area .width_height_link_0.service-item i {
    font-size: 50px;
    color: #3757f7;
    height: auto;
    width: auto;
    border-radius: initial;
    line-height: normal;
    background: none;
    border: none;
    transition: .5s;
}

.swiper_bottom_area .all_color_service h3 {
    padding: 20px 0px 10px 0px;
}

.swiper_bottom_area .service-item:hover i {
    color: #001EB6;
}

.h2_slider .text-left .witr_slider_thumb {
    position: absolute;
    right: 100px;
    top: 52%;
    transform: translateY(-50%);
}

.h2_slider .witr_swiper_content h2,
.h2_slider .witr_swiper_content h3 {
    color: #0a033c;
}

.h2_slider .witr_swiper_content p {
    color: #6a6a6a;
}

/* ===== 4. Feature Area CSS ===== */
.bt_fe_area {
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 1;
    position: relative;
}

.twr_feature_four {
    margin-bottom: 30px;
}

.twr_feature_four_image {
    position: relative;
    overflow: hidden;
}

.twr_feature_four_image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.twr_feature_four_image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    transition: .5s;
}

.twr_feature_four_inner {
    position: absolute;
    bottom: 0;
    padding: 20px 19px 10px;
    transition: .5s;
    transform: translateY(200px);
}

.twr_feature_four_icon i {
    margin-bottom: 15px;
    font-size: 35px;
    color: #0E121D;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0E121D;
    border-radius: 50px 50px 50px 50px;
    transition: .5s;
}

.twr_feature_three_text h3 {
    margin-bottom: 15px;
}

.twr_feature_three_text p {
    margin-top: 0;
    margin-bottom: 0;
}

.feature_list_option {
    margin-top: 15px;
}

.feature_list_option ul li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 500;
    transition: .5s;
}

.twr_feature_four_image:hover::before {
    background: #d4af37E3;
}

.twr_feature_four:hover .twr_feature_four_inner {
    transform: translateY(0);
}

/* ===== 5. About Area CSS ===== */
.bt_ab_area {
    padding: 120px 0 120px 0;
}

.ab_left_inner {
    position: relative;
}

.witr_shape_item_inner {
    position: absolute;
    z-index: -1;
    content: "";
    transition: .5s;
}

.ab_left_inner .witr_shape_item_inner {
    top: -50px;
    left: -302px;
    bottom: auto;
}

.ab_left_inner .witr_shape_image {
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}

@keyframes witr_movelr_box45 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px)
    }
}

.ab_left_btm_shap .witr_shape_item_inner {
    top: 230px;
    left: -390px;
}

.ab_left_ser {
    position: absolute;
    left: 166px;
    top: 32px;
    z-index: 1;
    transform: rotateZ(-90deg);
    width: 100%;
}

.ab_left_ser .all_color_service {
    padding: 20px 30px 10px 20px;
    margin: 0 196px 0 0;
    background: #d4af37;
    text-align: left;
    transition: .5s;
}

.witr_s_flex {
    display: flex;
}

.ab_left_ser .all_icon_color i,
.ab_left_ser .em-service2.sleft .em-service-icon {
    margin: 0 10px 0 0;
}

.ab_left_ser .em-service-icon i {
    font-size: 50px;
    height: auto;
    width: auto;
    border-radius: initial;
    line-height: normal;
    background: 0 0;
    border: none;
    color: #0E121D;
    text-align: center;
}

.ab_left_ser .em-service-title h3 {
    margin-bottom: 10px;
}

.icon-list-icon i {
    width: 1.25em;
    font-size: 14px;
}

.icon-list-icon+.icon-list-text {
    align-self: center;
    padding-left: 5px;

}

li.icon-list-item {
    padding-bottom: 2px;
    width: 400px;
}

.ab_witr_inner {
    padding: 30px 0 0 10px;
}

.ab_witr_inner .witr_btn {
    background: #d4af37;
    color: #fff;
    margin-top: 60px;
}

.ab_witr_inner .all_icon_color img {
    margin: 0 25px 0 0;
}

.ab_witr_inner .witr_s_flex {
    display: flex;
}

.ab_witr_inner .em-service-title h3 {
    padding: 0;
    transition: .5s;
    margin-bottom: 8px;
    font-size: 16px;
}

.ab_witr_inner .em-service-title h3 a {
    font-size: 16px;
}

.brdr_btm {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #DDDDDD;
    margin-bottom: 20px;
}

/* ===== 6. Service Area CSS ===== */
.bt_ser_area {
    background-image: url("assets/images/servicess-bg.png");
    background-position: center center;
    background-size: cover;
    padding: 20px 0 90px 0;
}

.bt_ser_area .witr_section_title {
    margin-bottom: 30px;
}

.witr_feature_12.sub-item {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);
    padding: 40px 0px 0px 0px;
    position: relative;
    transition: .5s;
    background-color: transparent;
    margin-bottom: 30px;
    z-index: 1;
}

.witr_feature_12.sub-item::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #fff;
    z-index: -2;
    transition: .5s;
}

.witr_feature_12.sub-item:hover::before {
    background: transparent;
}

.witr_feature_12.sub-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(assets/images/fea-12.png) center top no-repeat;
    background-size: 100% auto;
    z-index: -1;
    opacity: 0;
    transition: .5s;
}

.witr_feature_12.sub-item i {
    font-size: 40px;
    background: no-repeat;
    color: #0E121D;
    background: #d4af37;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
}

.sub-item h3 {
    margin: 15px 0 10px;
    transition: 0.5s;
}

.witr_feature_bo_thumb {
    margin-top: 24px;
    overflow: hidden;
    position: relative;
}

.witr_fconposi {
    position: absolute;
    top: 150%;
    transform: translateY(-50%);
    background: #d4af37;
    padding: 20px 0;
    margin: 0 15px;
    transition: .5s;
}

.witr_fconposi p {
    margin-bottom: 0;
    color: #0e121d;
    padding: 0 20px 0 20px;
    transition: .5s;
}

.witr_feature_12.sub-item:hover {
    transition: .5s;
}

.witr_feature_12.sub-item:hover::after {
    opacity: 1;
    filter: sepia(1) hue-rotate(5deg) saturate(3) brightness(1.2);
}

.witr_feature_12.sub-item:hover .witr_fconposi {
    top: 50%;
}

.witr_feature_13.sub-item:hover {
    background: url(assets/images/.png) center top no-repeat;
    transition: .5s;
}

.witr_feature_13.sub-item:hover .witr_fconposi {
    top: 50%;
}

/* ===== 7. Call Area CSS ===== */
.bt_call_area {
    background-image: url("assets/images/call-to-bg.jpg");
    background-position: center center;
    background-size: cover;
    border-style: solid;
    border-width: 15px;
    border-color: #666666;
    margin: 0 250px 0 0;
    padding: 40px 0 8px 200px;
    z-index: 1;
    position: relative;
}

.bt_call_area .witr_section_title_inner p {
    padding: 0;
}

.bt_call_area .witr_btn_sinner {
    text-align: right;
}

.bt_call_area .witr_btn {
    margin-right: 0;
    margin: 70px 0 0 0;
    background: #d4af37;
    color: #fff;
}

.ab_page_cal {
    margin: 0;
    padding: 40px 0 8px 0;
}

/* ===== 8. Counter Area CSS ===== */
.bt_coun_area {
    padding: 0 0 100px 0;
}

.coun_left {
    padding: 155px 20px 0 350px;
}

.coun_left .witr_section_title {
    margin-bottom: 45px;
}

.all_counter_color {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #D1D1D1;
    padding: 15px;
    margin-bottom: 20px;
}

.witr_counter_number_inn {
    overflow: hidden;
}

.witr_counter_number_inn h3,
.witr_counter_number_inn span {
    font-size: 60px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    color: #d4af37;
}

.witr_counter_number_inn span {
    line-height: 0;
}

.witr_counter_number_inn h4 {
    font-size: 22px;
}

.coun_witr_vd {
    margin: -295px 0 0 0;
}

/* ===== 9. Team Area CSS ===== */
.bt_team_area {
    padding: 115px 0 62px 0;
}

.bt_team_area .witr_section_title {
    margin-bottom: 40px;
}

.team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    position: relative;
    transition: .5s;
    margin-bottom: 30px;
}

.post_team10_area .team-part::after,
.post_team10_area .team-part::before {
    box-sizing: inherit;
    content: '';
    position: absolute;
    border: 3px solid transparent;
    width: 0;
    height: 0;
    border-radius: 10px;
    z-index: -1;
}

.post_team10_area .team-part::before {
    top: 0;
    left: 0;
}

.witr_team_section {
    position: relative;
    text-align: center;
}

.witr_team_section:before {
    position: absolute;
    opacity: 0;
    transition: .5s;
    background: #02010100;
}

.team-sec:before,
.witr_team_section:before {
    height: 100%;
    top: 0;
    width: 100%;
    content: "";
    left: 0;
}

.pstyle2.pstyle3 .prot_content_inner,
.witr_team_section:before {
    background: #d4af376b;
}

.witr_team_section img {
    width: 100%;
}

.post_team10_area .team_o_icons {
    margin-top: 0;
    padding: 0;
    position: absolute;
    top: 44%;
    left: 36px;
    transform: rotate(-29deg);
    transition: .5s;
}

.post_team10_area .team_o_icons ul li {
    display: block;
}

.post_team10_area .team_o_icons ul li a {
    border: none;
    border-radius: 0;
    transform: skewY(30deg);
    background: #272727;
    color: #fff;
    transition: .5s;
}

.all_team_icon_o_color a {
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 5px 0 0 0;
    display: inline-block;
}

.witr_team_content {
    padding: 23px 5px;
}

.all_color_team span {
    color: #666666;
    font-size: 16px;
}

.post_team10_area .team-part::after {
    bottom: 0;
    right: 0;
}

.witr_team_content h5 a:hover {
    color: #d4af37;
}

.post_team_content h5,
.witr_team_content h5 {
    margin: 0;
}

.post_team10_area .team-part:hover::before {
    transition: width .25s ease-out, height .25s ease-out .25s;
    border-top-color: #d4af37;
    border-right-color: #d4af37;
}

.post_team10_area .team-part:hover::after {
    transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
    border-bottom-color: #d4af37;
    border-left-color: #d4af37;
}

.post_team10_area .team-part:hover::after,
.post_team10_area .team-part:hover::before {
    width: 100%;
    height: 100%;
}

.post_team10_area .team-part:hover .team_o_icons ul li a {
    background: #d4af37;
}

.bt_team_area .witr_btn_sinner {
    text-align: right;
}

.witr_btn {
    margin-right: 0;
    background: #d4af37;
}

/* ===== Team Area CSS ===== */
.bt_team_area2 {
    padding: 20px 0 90px 0;
}

.team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .05);
    transition: .5s;
}

.witr_team_section {
    position: relative;
    text-align: center;
}

.witr_team_section:before {
    position: absolute;
    opacity: 0;
    transition: .5s;
    background: #02010100;
}

.team-sec:before,
.witr_team_section:before {
    height: 100%;
    top: 0;
    width: 100%;
    content: "";
    left: 0;
}

.witr_team_content {
    padding: 23px 5px;
}

.witr_team_content h5 {
    margin: 0;
}

.witr_team_content span {
    font-size: 18px;
    color: #d4af37;
}

.team_o_icons {
    margin-top: 15px;
    padding-top: 17px;
    padding-bottom: 10px;
    position: relative;
}

.team_o_icons:before {
    position: absolute;
    content: "";
    top: 0;
    height: 1px;
    width: 25%;
    margin: auto;
    left: 0;
    right: 0;
    transition: .5s;
    background: #ddd;
}

.team_o_icons ul li {
    list-style: none;
    display: inline-block;
}

.all_team_icon_o_color a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    margin: 5px 0 0 0;
    font-size: 15px;
    transition: .5s;
    background: #d4af3733;
    color: #d4af37;
    text-align: center;
    display: block;
}

.all_color_team:hover .team_o_icons:before {
    width: 100%;
    background: #d4af37;
}

.team_o_icons ul li a {
    border: 1px solid #d4af371c;
}

.team_o_icons ul li a:hover {
    background: #d4af37;
    color: #fff;
}

/* ===== 10. Testimonial Area CSS ===== */
.bt_test_area {
    background-image: url("assets/images/testimonial-bg.png");
    background-position: top center;
    background-size: cover;
    padding: 0 0 80px 0;
}

.bt_test_area .witr_section_title {
    margin-bottom: 12px;
}

.witr_testi_itemt {
    padding: 0 10px;
}

.em_single_testimonial {
    margin-bottom: 30px;
    transition: .5s;
    padding: 37px 30px 26px;
    margin-top: 20px;
    box-shadow: 0 0 10px 0 rgb(240 241 243);
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #fff;
}

.em_single_testimonial:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .13);
}

.test-part {
    margin-bottom: 10px;
}

.test-part,
.test-part h6,
.test-part ul li {
    display: inline-block;
}

.test-part ul li {
    padding-top: 0;
}

.em_crating {
    background: #666;
    padding: 5px 20px;
}

.em_crating i,
.testiCreCon i {
    color: #d4af37;
    font-size: 18px;
}

.em_testi_content {
    position: relative;
    text-align: center;
}

.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
}

.em_test_thumb {
    float: left;
    margin-right: 20px;
}

.em_test_thumb img {
    display: initial !important;
    border-radius: 50%;
    width: 70px;
}

.all_color_testimonial h6,
.all_color_testimonial h2 {
    padding: 10px 0 0 0;
}

.em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #d4af37;
}

.em_testi_title h2 {
    text-align: left;
}

.ab_page_test {}

.test_page_test {
    padding: 115px 0 90px 0;
}

/* ===== Testimonial Area CSS ===== */
.bt_test_area2 {
    padding: 115px 0 100px;
}

.bt_test_area2 .witr_section_title {
    margin-bottom: 32px;
}

.box-size {
    padding: 10px 15px;
}

.testiCreCon {
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    background: #fff;
    border-radius: 5px;
    padding: 50px 20px;
    margin-bottom: 35px;
}

.testiCreCon li {
    font-size: 100px;
    color: #dddddd4f;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.testiCreCon p {
    position: relative;
    margin: 0;
    z-index: 1;
}

.testiCreCon:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -36px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    background: #fff;
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
    box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}

.post_t6 .em_test_thumb {
    float: inherit;
    margin-right: 0;
    margin-bottom: 10px;
}

.em_test_thumb img {
    display: initial !important;
    border-radius: 50%;
    width: 70px;
}

.testAuthor h6,
.testimonial_post_13 .test-part {
    margin-bottom: 0;
    padding: 0;
}

.testAuthor span {
    font-size: 15px;
}

.single_creativeItem {
    text-align: center;
}

/* ===== 11. Pricing Area CSS ===== */
.bt_pric_area {
    padding: 115px 0 90px 0;
}

.bt_pric_area .witr_section_title {
    margin-bottom: 40px;
}

.pricing_area {
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    margin-bottom: 30px;
}

.pricing-part {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.witr_pricing_icon i {
    font-size: 40px;
    padding-top: 40px;
    display: block;
    color: #0E121D;
}

.prt_content {
    padding: 10px 0 7px;
    font-size: 20px;
}

.pricing-part h5 {
    font-size: 35px;
}

.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}

.pricing_bar_title {
    position: relative;
    margin: 50px 0;
}

.pricing_bar_title::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    right: 0;
    top: 50%;
}

.pricing_style_7.pricing-part h4 {
    font-size: 16px;
    padding: 13px 30px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    z-index: 1;
    position: relative;
    background: #d4af37;
}

.witri_texti_list {
    margin-top: 25px;
}

.pricing-part ul {
    padding: 0 30px;
}

.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: 17px;
}

.witri_texti_list ul li i {
    margin-right: 10px;
}

.witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}

.pricing-part a.btn {
    padding: 15px 60px 15px 60px;
    display: inline-block;
    background: #0E121D;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.pricing-part a.btn:hover {
    color: #d4af37;
}

/* ===== 12. Mailching Area CSS ===== */
.bt_mailching_area {
    background-image: url("https://archivos.geomitag.com/pagina_web/footer-bg-01.JPG");
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    border-style: solid;
    border-width: 0 0 3px 0;
    border-color: rgba(255, 255, 255, 0.8);
}

.bt_mailching_area .witr_section_title_inner h3 {
    color: #fff;
    font-size: 35px;
}

.mc4wp-form-fields input {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 0;
    border: none;
    outline: 0;
    padding: 15px 30px;
    height: 60px;
    background: #fff;
    color: #b0afaf;
}

.mc4wp-form-fields button {
    width: 30%;
    border-radius: 0;
    border: none;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 30px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    padding: 10px 15px;
    transition: .5s;
    clip-path: polygon(25% 0%, 100% 0%, 100% 98%, 0% 100%);
    color: #fff;
    background: #d4af37;
}

.mc4wp-form-fields button:hover {
    background: #18406b;
}

.mail_midd {
    border-style: solid;
    border-width: 0 0 0 3px;
    border-color: rgba(255, 255, 255, 0.8);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 0 40px 40px;
}

.mail_midd .witr_section_title {
    margin-bottom: 0;
}

.mail_midd .witr_section_title_inner h3 {
    padding: 0;
}

.mail_witr {
    padding: 47px 0 0 56px;
}

.mail_left {
    padding: 60px 0 0 0;
}

/* ===== 13. Blog Area CSS ===== */
.bt_blog_area {
    padding: 115px 0 90px 0;
}

.bt_blog_area .witr_section_title {
    margin-bottom: 30px;
}

.busi_singleBlog {
    transition: .5s;
    box-shadow: 0 5px 10px 0 rgba(50, 65, 141, .07);
    position: relative;
    overflow: hidden;
    background: #fff;
    text-align: left;
    margin-bottom: 30px;
}

.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}

.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    background: rgba(0, 0, 0, .5);
}

.witr_sb_thumb img {
    width: 100%;
    transition: .5s;
}

.witr_post_meta9 {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}

.witr_post_meta9 span {
    padding: 3px 10px;
    display: inline-block;
    border-radius: 5px;
    background: #d4af37;
    color: #fff;
}

.all_blog_color span i {
    display: none;
}

.witr_blog_con {
    padding: 20px 15px 0 25px;
    margin-bottom: 0;
}

.witr_blog_con span {
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 2px;
}

.witr_blog_con span,
.witr_blog_con span a,
.witr_blog_metan span,
.witr_blog_metan span a {
    color: #888;
}

.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    transition: .5s;
    color: #d4af37;
}

.witr_blog_con h2 {
    margin: 15px 0 0;
    color: #222429;
}

.witr_blog_con h2 a {
    display: inline-block;
}

.all_blog_color p {
    padding: 10px 0 10px 0;
}

.em-blog-content-area_adn {
    padding: 0 10px 16px 5px;
}

.learn_btn {
    border-radius: 0;
    display: inline-block;
    padding: 8px 5px;
    text-align: center;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #d4af37;
}

.witr_blog_con h2 a:hover,
.witr_post_Author .nameAuthor {
    color: #d4af37;
}

.learn_btn i,
.learn_btn:hover,
.witr_banner_content h1 span,
.witr_banner_content h2 span {
    color: #d4af37;
}

.busi_singleBlog:hover .witr_sb_thumb img,
.busi_singleBlog:hover .witr_sb_thumb:before {
    transform: scale(1.2);
}

.busi_singleBlog:hover {
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, .05);
}

/* ===== Blog Area CSS ===== */
.blog_grid_blog {
    padding: 120px 0 90px;
}

.witr_blog_imags {
    overflow: hidden;
}

.blog-img {
    position: relative;
    transition: .5s;
}

.blog-img a {
    position: relative;
    display: block;
}

.blog-img a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: .5s;
    background: rgba(0, 0, 0, .5);
}

.blog-img img {
    width: 100%;
}

.wblog-content.blog-content-5 {
    padding: 15px 20px 15px;
    box-shadow: 0 2px 6px 0 #f5f2f2;
}

.wblog-content span {
    font-size: 15px;
    line-height: 28px;
    padding-bottom: 15px;
    margin-right: 10px;
    color: #d4af37;
}

.wblog-content span a {
    font-size: 15px;
}

.wblog-content span i {
    padding-right: 5px;
    padding-left: 5px;
    transition: .5s;
}

.wblog-content.blog-content-5 h5 {
    padding-bottom: 0;
}

.wblog-content h5 {
    margin: 10px 0 15px;
}

.wblog-content h5>a {
    font-weight: 700;
}

.learn_btn,
.wblog-content h5>a:hover,
.wblog-content span i:hover,
.wblog-content>a,
.witr_blog_con span i:hover {
    color: #d4af37;
}

.wblog-content span,
.wblog-content span a,
.wblog-content span i,
.witr_blog_con span i,
.witr_blog_metan span i {
    color: #d4af37;
}

.blog_part_inner:hover .blog-img,
.blog_part_inner:hover .blog-img a:before {
    transform: scale(1.2);
}

.blog-part {
    margin-bottom: 30px;
}

/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
}

.blog-left-side>div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}

.blog-left-side>div:last-child {
    margin-bottom: 0;
}

.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.blog-left-side .content {
    padding: 0;
}

.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}

.blog-left-side>div:last-child {
    margin-bottom: 0;
}

.blog-left-side>aside:last-child {
    margin-bottom: 0 !important;
}

.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #18c8ff;
}

.defaultsearch {
    background: #f7f7f7;
    position: relative;
}

.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}

.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}

.defaultsearch input[type="text"] {
    padding-left: 10px;
}

.blog-left-side .widget h2 {
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    position: relative;
    text-transform: capitalize;
}

.blog-left-side .widget h2::before {
    background: #d4af37;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    width: 26%;
    top: 30px;
}

.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}

.footer-middle .widget h5 {
    text-transform: capitalize;
}

.blog-left-side .widget ul {
    list-style: none;
}

.blog-left-side .widget ul li {
    margin: 0 0 5px;
    padding-left: 20px;
    position: relative;
}

.blog-left-side .widget>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.blog-left-side .widget ul li span {
    font-weight: 300;
}

.blog-left-side .widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.blog-left-side>.widget>ul>li {
    margin: 0 0 10px;
    padding-bottom: 10px;
}

.blog-left-side .widget ul li a:hover,
.blog-left-side .widget ul li:hover::before {
    color: #d4af37;
}

.blog-left-side .widget ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
}

.blog-left-side .widget select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 5px;
}

.builet-blog-meta-left i {
    color: #d4af37;
}

.builet-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}

.builet-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}

.recent-post-text h4 a:hover {
    color: #d4af37;
}

.recent-post-item {
    padding-bottom: 0;
}

.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}

.builet-blog-meta-left a,
.builet-blog-meta-left span {
    color: #888;
}

.widget .screen-reader-text {
    display: none;
}

.textwidget select {
    width: 100%;
}

#wp-calendar {
    width: 100%;
}

.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: capitalize;
}

.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
    color: #DB2D2E;
}

.tagcloud a:hover {
    background: #DB2D2E;
    color: #fff;
}

#wp-calendar caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}

#wp-calendar {
    font-size: 13px;
}

#wp-calendar {
    border: 0 solid #e5e5e5;
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
}

table#wp-calendar td {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
}

#wp-calendar td,
#wp-calendar th {
    padding: 8px;
}

table#wp-calendar th {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

table#wp-calendar td#today {
    color: #fff;
    background-color: #d4af37;
}

table#wp-calendar td#today a {
    color: #fff;
}

.textwidget img {
    margin-bottom: 15px;
}

.textwidget p {
    margin-bottom: 0.5rem;
}

.builet-blog-thumb img {
    width: 100%;
    transition: .5s;
}

.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}

.witr-blog-side-area.blog_sidebar .builet-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}

.builet-single-blog {
    overflow: hidden;
    text-align: left;
    transition: all .3s ease-in-out 0s;
}

.builet-blog-thumb {
    overflow: hidden;
}

.single_blog_thumb img {
    width: 100%;
}

.builet-blog-thumb a {
    display: block;
    position: relative;
}

.builet-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    transition: .5s;
}

.builet-blog-thumb a:before {
    background: rgba(0, 0, 0, .7);
}

.builet-blog-thumb img {
    width: 100%;
}

.builet_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}

.builet-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}

.builet-blog-meta.post_blog h2 a:hover {
    color: #d4af37;
}

.builet-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}

.builet-blog-meta-left a,
.builet-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}

.builet-blog-meta-left i {
    color: #d4af37;
    margin-right: 5px;
    font-size: 13px;
}

.builet-blog-meta-left a,
.builet-blog-meta-left span {
    color: #888;
}

.em-blog-content-area .witr_btn {
    background: #d4af37;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    font-weight: 400;
    margin-bottom: 20px;
}

.builet-single-blog:hover .builet-blog-thumb a:before {
    opacity: 1;
}

.builet-single-blog:hover .builet-blog-thumb img {
    transform: scale(1.1);
}

.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}

.video-open-inline iframe {
    width: 100%;
    height: 400px;
    border: none;
}

.witr-blog-side-area.blog_sidebar .markit-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}

.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid #d4af37;
    padding: 1em 1em;
    margin-top: 15px;
}

blockquote {
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}

.blog-left-side .widget a {
    color: #454545;
}

.blog-left-side>div {
    margin-bottom: 30px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}

.recent-post-text h4 a {
    font-size: 17px;
    font-weight: 600;
}

.recent-post-text .rcomment {
    font-size: 14px;
}

.widget_recent_data .recent-post-image img {
    margin-bottom: 0;
    margin-top: 5px;
}

.widget_recent_data .recent-post-item {
    margin-bottom: 0;
}

.blog-left-side .single-widget-item h2 {
    color: #030925;
}

.builet-blog-meta.post_blog {
    padding: 20px 0px 0;
    overflow: hidden;
}

.blog-content {
    padding: 5px 15px 0;
    overflow: hidden;
}

.blog-content {
    padding: 0;
    overflow: hidden;
}

.builet-single-blog .em-blog-content-area {
    padding: 5px 15px 0;
    overflow: hidden;
}

/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
    padding: 100px 0 70px;
}

.builet-single-blog-details-inner {
    padding: 38px 45px 45px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}

.block .wp-block-quote.is-large p,
.block .wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6;
    color: #5c727d;
}

.wp-block-group__inner-container {
    text-align: center;
}

.builet-single-icon-inner {
    text-align: center;
}

.builet-single-icon-inner a {
    border: 1px solid #e6e6e6;
    color: #17161a;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
}

.builet-single-icon-inner a:hover {
    background: #d4af37;
    border-color: #d4af37;
    color: #fff;
}

.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}

.comment_field .input-field {
    width: 33.33%;
    float: left;
    margin-bottom: 25px;
}

.comment_field .input-field label,
.comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}

.comment_field .input-field label,
.comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}

.comment_field .input-field input,
.comment_field .textarea-field textarea {
    color: #555555;
}

.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 6px 20px;
    height: 54px;
    font-size: 17px;
}

.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 150px;
    padding: 10px;
}

.comment_field .input-field input,
.comment_field .textarea-field textarea {
    color: #555555;
}

.builet_btn {
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    margin-top: 15px;
    border-radius: 5px;
    transition: .5s;
    color: #444;
}

.builet_btn:hover {
    background: #d4af37;
    border-color: #d4af37;
    color: #fff;
}

/* end sidebar css */
/* ===== 14. Footer Area CSS ===== */
.witrfm_area {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-image: url("https://archivos.geomitag.com/pagina_web/footer-bg-01.JPG");
    background-size: cover;
    position: relative;
}

.footer-middle {
    padding: 70px 0 67px;
}

.footer-middle .widget h2 {
    margin-bottom: 26px;
    margin-top: 28px;
    position: relative;
    font-size: 24px;
}

.single-widget-item h2 {
    margin-bottom: 33px;
    margin-top: 28px;
}

.builet-description-area a img {
    margin: 26px 0;
}

.builet-description-area .social-icons a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 100%;
    background: #d4af37;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    margin: 0;
    float: left;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 16px;
}

.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: .7;
    margin-top: 10px;
}

.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

.recent-post-image img {
    border-radius: 0;
    width: 70px;
}

.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}

.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}

.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}

.footer-sociala-info {
    overflow: hidden;
}

.recent-portfolio-area {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.recent-portfolio {
    margin-bottom: 10px;
    margin-right: 10px;
}

.footer-middle .recent-post-text>h4 a:hover {
    color: #d33;
}

.footer-middle .recent-post-text .rcomment {
    font-size: 13px;
    font-weight: 400;
}

.footer-middle .widget ul li {
    margin-bottom: 10px;
}

.footer-widget.address p {
    margin-bottom: 10px;
}

.footer-middle .widget ul li a:hover,
.footer-middle .widget ul li:hover:before {
    color: #dd3333;
}

.footer-middle .widget ul li span {
    display: block;
}

.builet-desbuiletiption-area a img {
    margin: 26px 0;
}

.builet-description-area .social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 0;
    color: #fff;
    cursor: pointer;
}

.builet-description-area .social-icons a:hover {
    border-color: #0e121d;
    background: #0e121d;
}

.footer-middle .widget h2 {
    color: #ffffff;
}

.witr_sub_table {
    border-bottom: 1px solid #ffffff8c;
}

.witr_sub_table {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.witr_sub_table span {
    color: #fff;
}

.footer-middle .widget ul li,
.footer-middle .widget ul li a,
.footer-middle .widget ul li::before,
.footer-middle .tagcloud a,
.footer-middle caption,
.footer-middle table,
.footer-middle table td a,
.footer-middle cite,
.footer-middle .rssSummary,
.footer-middle span.rss-date,
.footer-middle span.comment-author-link,
.footer-middle .textwidget p,
.footer-middle .widget .screen-reader-text,
mc4wp-form-fields p,
.mc4wp-form-fields,
.footer-m-address p,
.footer-m-address,
.footer-widget.address,
.footer-widget.address p,
.mc4wp-form-fields p,
.builet-description-area p,
.builet-description-area .phone a,
.builet-description-area .social-icons a,
.recent-review-content h3,
.recent-review-content h3 a,
.recent-review-content p,
.footer-middle .builet-description-area p,
.footer-middle .recent-post-text h4 a,
.footer-middle .recent-post-text .rcomment,
.witr_sub_table span {
    color: #ffffff;
}

.footer-middle .mc4wp-form-fields input {
    height: 50px;
    position: relative;
    background: #fff;
    width: 100%;
    line-height: 43px;
    border-radius: 0;
    padding-left: 10px;
    color: #b0afaf;
    border: 1px solid #ffffff66;
}

.footer-middle .mc4wp-form-fields button {
    position: absolute;
    right: 0;
    top: 0;
    width: 37%;
    height: 50px;
    border-radius: 0;
    cursor: pointer;
    padding: 10px;
    line-height: 0;
    color: #fff;
    transition: .5s;
    background: #d4af37;
    font-size: 30px;
    text-align: center;
    border: none;
}

.footer-middle .mc4wp-form-fields button:hover {
    background: #131313;
}

.footer-middle .mc4wp-form-fields p,
.mc4wp-form-fields p {
    position: relative;
    line-height: 27px;
}

/* footer bottom area css */
.footer-bottom {
    padding: 23px 0 22px;
    position: relative;
    background: #ffffff30;
}

.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
}

.copy-right-text p {
    margin: 0;
    padding: 0;
}

.copy-right-text p,
.footer-menu ul li a {
    color: #fff;
}

.footer-menu ul li {
    display: inline-block;
}

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

.footer-menu ul li a {
    padding: 0 10px;
    display: block;
}

.copy-right-text a,
.footer-menu ul li a:hover {
    color: #151515;
}

.footer-menu ul li a {
    padding: 0 10px;
    display: block;
    color: #fff;
}

.copy-right-text a:hover,
.footer-menu ul li a:hover {
    color: #d4af37;
}

.footer-menu {
    text-align: right;
}

/* sbuiletoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: #d4af37;
}

#scrollUp i {
    color: #fff;
}

/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 20px;
    height: 10px;
    border: 0 solid #F0F0F0;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 0;
    padding: 0;
    transition: .5s;
    outline: 0;
    background: #d4af375c;
}

.slick-dots li.slick-active button {
    background: #d4af37;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -62px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}

/* slick prev slick next css */
/*======== slick ========*/
.slick-prev,
.slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    z-index: 9;
    opacity: 0;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 55px;
    height: 55px;
    line-height: 55px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: .5s;
    border: 0px solid #17161a;
    background: #d4af37;
}

.slick-prev {
    left: -65px;
}

.slick-next {
    right: -65px;
}

.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 40px;
    transition: all .3s ease 0s;
    content: "\ea93";
    font-family: IcoFont !important;
    line-height: inherit;
    opacity: 1;
}

.slick-next:before {
    content: "\ea94";
    font-family: IcoFont !important;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    background: #131313;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: #fff;
}

button:focus {
    outline: 0;
}

.cx_test_area:hover .slick-prev,
.cx_test_area:hover .slick-next {
    opacity: 1;
}

.cx_brand_area:hover .slick-prev,
.cx_brand_area:hover .slick-next {
    opacity: 1;
}

.cx_proj_area:hover .slick-prev,
.cx_proj_area:hover .slick-next {
    opacity: 1;
}

.cx_proj_area .slick-next {
    right: -15px;
}

/*===== 15. Breadcumb Area CSS =====*/
.breadcumb-inner h2 {
    font-size: 36px;
}

.breadcumb-area {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-image: url("assets/images/slider1.png");
}

.breadcumb-area:before,
.breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}

.breadcumb-inner ul,
.breadcumb-inner ul span a,
.breadcumb-inner li,
.breadcumb-inner li a {
    color: #fff;
}

.breadcumb-inner li {
    display: inline-block;
    margin: 0;
}

.breadcumb-inner li:nth-last-child(-n+1) {
    color: #fff;
}

.breadcumb-inner li a {
    color: #fff;
}

.breadcumb-inner li a:hover {
    color: #d4af37;
}

.brpt h2 {
    font-size: 30px;
    color: #fff;
}

.lcase {
    text-transform: lowercase;
}

.ucase {
    text-transform: uppercase;
}

.ccase {
    text-transform: capitalize;
}

/* ===== Brand Area CSS ===== */
.cx_brand_area {
    padding: 0 0 118px;
}

.slide_items {
    text-align: center;
}

/* ===== 16. Video Area CSS ===== */
.witr_videobg_image {
    position: relative;
}

.play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.play-overlay a {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 23px;
    border-radius: 100%;
    background: #d4af37;
}

.play-overlay a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
    background: #d4af37;
}

@keyframes witr_squares {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    20% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0
    }
}

.tx_svd_icon {
    line-height: 75px;
    animation: witr-shadow 1s linear infinite;
}

.vdeo_inner {
    background-image: url("assets/images/video-bg.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.video-item a {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 28px;
    border-radius: 100%;
}

.play-overlay i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    transform: translateX(-50%) translateY(-50%);
}

.video-item i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #d4af37;
}

.video-item h3 {
    font-size: 36px;
    margin-top: 35px;
    color: #fff;
}

.tx_svd_icon {
    line-height: 75px;
    text-align: center;
    animation: witr-shadow 1s linear infinite;
}

@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }

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

.ser_page_video .video-item a {
    position: relative;
}

.ser_page_video .tx_svd_icon {
    animation: none;
}

.ser_page_video .video-item a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

@keyframes witr_squares {
    0% {
        transform: scale(1);
        opacity: 0
    }

    20% {
        transform: scale(1.24);
        opacity: 1
    }

    100% {
        transform: scale(2.1);
        opacity: 0
    }
}

.socil_page_video {
    padding: 0 0 130px 0;
}

.witr_youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}

.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}

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

.bvideo_page_area {
    position: relative;
}

.video_page_area .witr_swiper_content h1,
.video_page_area .witr_swiper_content h2,
.video_page_area .witr_swiper_content h3,
.video_page_area .witr_swiper_content p,
.video_page_area .witr_flow_text h5 {
    color: #fff;
    z-index: 999;
}

.video_page_area .witr_swiper_content_icon a i {
    color: #fff;
    background: #C0131300;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F5F5F563;
}

.video_page_area .witr_swiper_content_icon a i:hover {
    color: #fff;
    background: #d4af37;
}

.video_page_area .witr_swiper_content {
    top: 55%;
    background: 0 0;
}

.video_page_area .witr_swiper_content p {
    width: 36%;
}

/* ===== 17. Contact Area CSS ===== */
.row.contact_inn {
    padding: 90px 0 0;
}

.apartment_area {
    background-image: url("assets/images/contact-bg-01.JPG");
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 60px 35px 60px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    border-radius: 15px;
    overflow: hidden;
}

.witr_bbtn {
    font-weight: 500;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    color: #d4af37;
}

.witr_bbtn:hover {
    color: #fff;
}

.cont_witr {
    padding: 50px 0 0 6px;
}

.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
    color: #fff;
}

.witr_apartment_form input,
.witr_apartment_form form select,
textarea {
    padding: 0 0 0 30px;
}

.witr_apartment_form form select,
.witr_apartment_form input {
    width: 100%;
    height: 45px;
    outline: 0;
    background: #fff;
    color: #888;
    margin-bottom: 23px;
    font-weight: 400;
    border-radius: 6px;
    border: 1px solid #f1f1f1;
    font-size: 1rem;
}

.twr_form_box textarea {
    height: 150px;
    width: 100%;
    padding-left: 30px;
    color: #888;
    margin-bottom: 17px;
    background: #fff;
    border-radius: 6px;
    padding-top: 10px;
    font-weight: 400;
    transition: .5s;
    border: 1px solid #f1f1f1;
    font-size: 16px;
}

.witr_apartment_form input::placeholder,
.witr_apartment_form form select::placeholder,
textarea::placeholder {
    color: #888;
}

.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 6px;
    color: #0E121D;
    margin-top: 0;
    transition: .5s;
    background: #fff;
    font-size: 16px;
    width: 100%;
}

.witr_apartment_form .btn:hover {
    background: #d4af37;
    color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

p.form-messege {
    margin-top: 8px;
}

.cont_witr .witr_section_title {
    margin-bottom: 35px;
}

.cont_witr .all_icon_color i,
.cont_witr .em-service2.sleft .em-service-icon {
    margin: 0 15px 0 0;
}

.cont_witr .all_icon_color i {
    color: #0E121D;
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 25px;
    background: #d4af37;
}

.cont_witr .em-service-title h3 {
    padding: 25px 0 0 0;
    transition: .5s;
    margin-bottom: 8px;
}

.cont_witr .witr_btn {
    margin-top: 60px;
}

.cont_witr .witr_btn:hover {
    color: #fff;
}

.witr_apartment_form input:focus,
.witr_apartment_form form select:focus,
textarea:focus {
    border-color: #80bdff;
}

/* map area css */
.map_inner_area iframe {
    width: 100%;
    height: 600px;
    margin-bottom: -9px;
}

.cont_page_cont .map_inner_area iframe {
    height: 700px;
}

.ser_page_cont {
    padding: 0 0 120px;
}

.ser_page_cont .contact_inn {
    padding: 0;
}

.cont_page_cont {
    padding: 120px 0 120px;
}

.cont_page_cont .apartment_text h1 {
    font-size: 17px;
    margin-bottom: 5px;
    color: #d4af37;
}

.cont_page_cont .apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
    font-family: "Dosis", Sans-serif;
    color: #0e121d;
}

.cont_page_cont .apartment_area {
    position: relative;
    background-size: cover;
    padding: 80px 50px 63px 50px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    background-image: none;
}

.cont_page_cont .witr_apartment_form form select,
.cont_page_cont .witr_apartment_form input,
.cont_page_cont textarea {
    border-radius: 5px;
}

.cont_page_cont .witr_apartment_form .btn {
    background: #d4af37;
    width: 45%;
    color: #fff;
}

.cont_page_cont .witr_apartment_form .btn:hover {
    background: #0E121D;
}

/* ===== 18. Faq Area CSS ===== */
.bt_faq_area {
    padding: 115px 0 105px;
}

.bt_faq_area .witr_section_title {
    margin-bottom: 40px;
}

.accordion_area .card-2 {
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.witr_ac_style {
    padding: 11px 24px;
    display: inline-block;
}

.witr_ac_style,
.witr_ac_style::before {
    font-size: 17px;
    font-weight: 600;
}

.witr_ac_style {
    color: #222429;
}

.accordion_area .card-header.witr_ac_card {
    background: 0 0 !important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}

.witr_ac_style:before {
    position: absolute;
    content: '\ea99';
    right: 30px;
    font-family: IcoFont !important;
    font-weight: 400;
}

.active .witr_ac_style:before {
    content: '\eaa1';
}

.witr_ac_style {
    display: flex;
    align-items: center;
    transition: .5s;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
}

.active .witr_ac_style,
.witr_ac_style:focus,
.witr_ac_style:hover {
    color: #fff;
    background: #d4af37;
}

.accordion_area .card-2 p {
    padding: 15px 25px 0 25px;
}

/* ===== 19. Portfolio Area CSS ===== */
.slick-slide {
    padding-top: 0;
}

.proj_inner {
    padding: 0 0 0 370px;
}

.witr_pslide3 .witr_single_pslide {
    margin-bottom: 100px;
    overflow: hidden;
}

.witr_single_pslide {
    position: relative;
    overflow: hidden;
}

.witr_pslide_image {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.toggle_pslide {
    display: flex;
    align-items: center;
}

.witr_pslide_image::before {
    position: absolute;
    content: '';
    background: #222429;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    opacity: 0.5;
}

.witr_pslide .witr_pslide_custom a span:hover {
    background: #6f3ac7;
}

.witr_single_pslide:hover .witr_pslide_image img,
.witr_single_pslide:hover .witr_pslide_image:before {
    transform: scale(1.2);
}

.witr_pslide .witr_pslide_custom {
    bottom: auto;
    top: 30px;
    left: 30px;
    right: auto;
    transform: scaleX(0);
    position: absolute;
    z-index: 9;
    transition: .5s;
}

.witr_pslide .witr_pslide_custom a span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100px 100px 100px 100px;
    font-size: 30px;
    color: #d4af37;
    background: #fff;
    display: inline-block;
    transition: .5s;
    text-align: center;
}

.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -170px;
    left: 30px;
    right: 30px;
    transition: .5s;
    opacity: 1;
    z-index: 2;
    text-align: left;
    border-radius: 5px;
}

.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}

.witr_pslide4 .witr_single_pslide:hover .witr_pslide_custom {
    transform: scaleX(1);
    bottom: 0;
}

.witr_content_pslide_text h3 {
    margin-bottom: 0;
}

.witr_content_pslide_text h3 a {
    display: inline-block;
}

.witr_content_pslide_text p {
    margin-bottom: 4px;
}

.all_pslides_color p {
    color: #fff;
    margin-bottom: 4px;
}

.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    transition: .5s;
    width: 100%;
}

.witr_pslide_btnb a {
    color: #d4af37;
    background: #d4af3729;
    font-size: 14px;
    border-radius: 100px 100px 100px 100px;
    margin: 19px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    display: inline-block;
}

.witr_pslide_btnb a:hover {
    color: #fff;
    background: #d4af37;
}

.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
    bottom: auto;
    transform: scaleX(1);
}

.ps1 .witr_content_pslide_text a:hover {
    color: #d4af37
}

.witr_single_pslide:hover .witr_pslide_custom {
    bottom: -20px;
}

.witr_content_pslide_text a {
    color: #fff;
}

.witr_single_pslide {
    border-color: transparent;
    border-width: 10px 0 0 10px;
    border-style: solid;
    transition: .5s;
}

.witr_single_pslide:hover {
    border-color: #d4af37;
}

.witr_pslide4.witr_pslide3 .witr_pslide_custom {
    position: absolute;
    bottom: auto;
    top: 38%;
    z-index: 1;
    transform: scaleX(0);
    right: 40%;
    left: 40%;
    transition: .5s;
}

.witr_pslide_custom a span {
    color: #d4af37;
    background: #fff;
    font-size: 30px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 0 65px 0 #00000014;
    display: inline-block;
    transition: .5s;
}

.witr_pslide_custom a span:hover {
    color: #fff;
    background: #d4af37;
}

/* ===== Portfolio Area CSS ===== */
.port_area .witr_section_title_inner h2 {
    padding: 0;
}

.port_area .witr_section_title {
    margin-bottom: 20px;
}

.witr_section_title_inner p {
    padding: 0;
}

.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    transition: .5s;
    text-align: center;
}

.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}

.positi_3.pprotfolio4 {
    background: #d4af37;
}

.positi_3 .porttitle_inner4 h3 a,
.positi_3 .porttitle_inner4 p span {
    color: #fff;
}

.portfolio_nav {
    padding: 0 0 30px;
}

.portfolio_nav ul {}

.portfolio_nav ul li {
    display: inline;
}

.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
    background: #fff;
}

.prot_wrap {
    overflow: hidden;
}

.single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
}

.prot_thumb {}

.prot_thumb img {
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}

.single_protfolio:hover .prot_thumb img {
    transform: scale(1.1);
}

.prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}

.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}

.single_protfolio:hover .prot_content {
    opacity: 1;
}

.prot_content h3 {
    margin: 0;
    text-transform: capitalize;
    font-size: 23px;
    margin-bottom: 0;
}

.prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}

.prot_content h3 a:hover {
    color: #d4af37;
}

.prot_content p span {
    display: inline-block;
    padding-top: 0;
    color: #fff;
}

.prot_content p {
    line-height: 1.2;
    margin: 5px 0 0;
}

.prot_content p span {
    display: inline-block;
}

.single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1, 1);
}

.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
    position: relative;
    margin: 0 2px;
}

.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}

.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
    content: "";
}

.nospace.col-xs-12 {
    padding: 0px;
}

.nospace .single_protfolio {
    margin-bottom: 0px;
}

/* load button css */
.gallery_load_button {}

.gallery_load_button a {
    padding: 7px 15px;
    display: inline-block;
    font-size: 17px;
    margin-top: 0px;
}

.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}

.prots-contentg p {}

/*style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all .5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;
    transition: .5s;
    text-align: center;
    background: #d4af3780;
}

.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}

.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}

.pstyle_1 .single_protfolio {
    transition: .5s;
}

.portfolio_readmore_btn {
    padding-top: 23px;
}

.portfolio_readmore_btn>a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;
    transition: .3s;
    border: 1px solid transparent;
}

.pstyle_1 .picon a {
    background: 0 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}

.prot_thumb {
    overflow: hidden;
    position: relative;
}

.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}

.pprotfolio4 {
    padding: 20px 10px 23px;
}

.porttitle_inner4 h3 {
    margin: 0;
}

.porttitle_inner4 h3 a {
    color: #454545;
}

.porttitle_inner4 p {
    margin-bottom: 0;
}

.porttitle_inner4 p span {
    display: inline-block;
    color: #454545;
}

.portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #d4af37;
}

.prot_content {
    background: #d4af3780;
}

.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .7);
    padding: 20px 10px 23px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}

.portfolio_nav {
    text-align: center;
}

.page-numbers span.current,
.paginations a.current,
.paginations a:hover {
    border-color: #d4af37;
    background: #d4af37;
    color: #fff;
}

ul.page-numbers a.page-numbers {
    box-shadow: 0 10px 40px 0 rgba(50, 65, 141, .12);
}

.page-numbers,
.tutor-pagination-wrap a,
.tutor-pagination-wrap span.page-numbers.current,
a.page-numbers {
    border-radius: 5px;
    margin-right: 10px;
    padding: 15px 24px;
    font-size: 19px;
    line-height: 1;
    transition: .5s;
}

.page-numbers span.current,
.paginations a {
    display: inline-block;
    font-weight: 500;
    margin: auto 5px;
}

.paginations a {
    color: #888;
}

.page-numbers li {
    display: inline-block;
}

.paginations {
    text-align: center;
    margin-top: 14px;
}

.portfolio_4column_gutter .single_protfolio {
    margin-bottom: 0px;
}

.portfolio_nav ul li.current_menu_item,
.portfolio_nav ul li:hover {
    border-color: #d4af37;
    background: #d4af37;
    color: #fff;
}

/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}

.prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    transition: all .5s ease-in-out .5s;
}

.single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}

.picon a {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: #d4af37;
}

.picon a:hover {
    border-color: #d4af37;
    background: #d4af37;
}

/* style 1 */
.em_port_content {
    height: 100%;
    width: 100%;
}

.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}

.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}

.pstyle_1 .single_protfolio {
    transition: .5s;
    margin-bottom: 30px;
}

.portfolio_readmore_btn {
    padding-top: 23px;
}

.portfolio_readmore_btn>a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;
    transition: .3s;
    border: 1px solid transparent;
}

.portfolio_grid_area .portfolio_nav {
    padding: 0px 0 30px;
}

/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    padding: 15px 0 20px 20px;
    transition: .5s;
}

.pstyle2.pstyle3 .prot_content_inner {
    text-align: left;
}

.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
    left: 75%;
}

.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}

/* portfolio grid area css */
.port_style02 .pstyle2 .prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}

.port_style02 .prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0px;
    display: inline-block;
}

.port_style02 .picon a:hover {
    border-color: #0a0a0a;
    background: #0a0a0a;
}

.port_style02 .single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.port_style02 .prot_content h3 a:hover {
    color: #d4af37;
}

.portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}

.portfolio_style2 .prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}

.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.portfolio_style2 .prot_content h3 a {
    margin-bottom: 0;
}

.portfolio_style2 .single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1, 1);
}

.portfolio_style2 .prot_content h3 a:hover {
    color: #d4af37;
}

.port_2clmn {
    padding: 115px 0 90px;
}

.port_2clmn .prot_content_inner {
    top: 60%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}

.port_2clmn .picon a:hover {
    background: #0e121d;
}

.port_2clmn .witr_section_title {
    margin-bottom: 45px;
}

.port_2clmn .witr_section_title_inner h2 {
    color: #d4af37;
}

.port_3clmn .picon a {
    font-size: 25px;
    background: transparent;
}

.port_3clmn .prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    transition: all .5s ease-in-out .5s;
    opacity: 1;
}

.port_3clmn .witr_section_title_inner p {
    width: 39%;
}

/* recent project css */
.builet-blog-area.builet-blog-single.single-blog-details {
    padding: 120px 0 95px;
}

.portfolio-details-box h2 {
    font-size: 25px;
}

.prots-contentg ul {
    display: inline-block;
    margin-bottom: 20px;
}

.portfolio-details-box ul li,
.right_popupmenu_area .witr_sub_table {
    border-bottom: 1px solid #ddd;
}

.portfolio-details-box ul li {
    padding-top: 15px;
    padding-bottom: 10px;
    list-style: none;
}

.portfolio-details-box ul li b {
    font-size: 18px;
    font-weight: 600;
}

.portfolio-details-box ul li span.eright {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}

.builet-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}

.builet-single-icon a {
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
    color: #d4af37;
}

.builet-single-icon a:hover {
    background: #d4af37;
    color: #fff;
}

.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}



.tx_golobal_color {
    background: #d4af37;
}

.tx_btn_global_color:hover {
    background: #000;
}

/* ===== Modern Services CSS ===== */
.modern-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.modern-service-card {
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
}

.modern-service-card:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    color: inherit;
}

.modern-service-img-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.modern-service-img-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    background-color: transparent;
    border-radius: 8px;
}

.modern-service-content {
    padding: 25px 20px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modern-service-content i {
    font-size: 40px;
    color: #d4af37;
    margin-bottom: 15px;
    display: inline-block;
}

.modern-service-content h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 15px;
    line-height: 1.3;
}

.modern-service-content p {
    font-size: 15px;
    color: #555;
    margin: 0;
    line-height: 1.6;
}

/* ===== Technical Accordion Overrides ===== */
.accordion_area .card.card-2 {
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.accordion_area .card.card-2:last-child {
    border-bottom: none !important;
}

.accordion_area .card-header.witr_ac_card {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.accordion_area .witr_ac_style {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 25px !important;
    font-family: 'Consolas', 'Courier New', monospace;
    /* Tech font */
    font-weight: 500 !important;
    color: #1a202c !important;
    background-color: transparent !important;
    border-left: 3px solid transparent !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* Hide old icons */
.accordion_area .witr_ac_style::before,
.accordion_area .witr_ac_style i {
    display: none !important;
}

/* Active State */
.accordion_area .witr_ac_style[aria-expanded="true"],
.accordion_area .active .witr_ac_style {
    background-color: #f8fafc !important;
    border-left: 3px solid #d4af37 !important;
    /* Gold accent */
}

/* Chevron Icon */
.accordion_area .witr_ac_style::after {
    content: '\25BC';
    /* simple down arrow HTML entity */
    font-family: sans-serif;
    font-size: 14px;
    transition: transform 0.3s ease;
    margin-left: auto;
}

.accordion_area .witr_ac_style[aria-expanded="true"]::after,
.accordion_area .active .witr_ac_style::after {
    transform: rotate(180deg);
}

.accordion_area .collapse.show .ac_s_padding,
.accordion_area .collapsing .ac_s_padding {
    background-color: #f8fafc;
    border-left: 3px solid #d4af37;
    padding: 15px 20px 25px 25px !important;
    color: #4a5568;
    margin: 0;
    border-top: none;
}

/* ===== Technical Image Frame ===== */
.faq_witr {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.faq_witr .single_image_area {
    border: 1px solid #cbd5e0 !important;
    border-radius: 4px !important;
    padding: 6px !important;
    background: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    margin-top: 0 !important;
}

.faq_witr .single_image img {
    border-radius: 2px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ===== Main Title for detail page ===== */
.bt_faq_area .witr_section_title_inner.text-center h3 {
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    font-size: 36px !important;
    margin-bottom: 40px !important;
}

/* ===== Case Study Content Layout ===== */
.tech-subheading {
    color: #4a5568;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 2px solid #d4af37;
    padding-bottom: 5px;
}

.service-intro-container p {
    color: #374151;
    font-size: 17px;
    line-height: 1.8;
}

/* ===== Service Gallery Grid ===== */
.service-gallery-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 30px;
}

@media (min-width: 768px) {
    .service-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .service-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.gallery-placeholder {
    aspect-ratio: 16 / 9;
    background-color: #e2e8f0;
    border: 1px dashed #cbd5e0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #718096;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.gallery-placeholder:hover {
    background-color: #cbd5e0;
    color: #1a202c;
    border-color: #a0aec0;
}

/* ===== Tech Specs Section 2 Refinements ===== */
.tech-specs-wrapper {
    max-width: 1200px;
    margin: 5rem auto 0 auto;
    padding: 0 5%;
}

.tech-specs-grid-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
}

@media (min-width: 992px) {
    .tech-specs-grid-layout {
        grid-template-columns: 4fr 6fr;
    }
}

.tech-subheading {
    /* Unify font with paragraph text (system font inherit) and color */
    color: #374151 !important;
    font-family: inherit !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 2px solid #d4af37;
    padding-bottom: 5px;
}

/* Sleek Rows Accordion */
.accordion_area .witr_ac_style {
    font-family: inherit !important;
    /* Force inherit font */
    color: #374151 !important;
    padding: 1.2rem 0 !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-left: none !important;
    background-color: transparent !important;
    transition: all 0.3s ease;
}

.accordion_area .witr_ac_style:hover {
    color: #d4af37 !important;
    cursor: pointer !important;
    background-color: transparent !important;
}

.accordion_area .card.card-2 {
    border: none !important;
    border-bottom: none !important;
}

.accordion_area .witr_ac_style[aria-expanded="true"],
.accordion_area .active .witr_ac_style {
    background-color: transparent !important;
    color: #d4af37 !important;
    border-left: none !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.accordion_area .collapse.show .ac_s_padding,
.accordion_area .collapsing .ac_s_padding {
    background-color: transparent !important;
    border-left: none !important;
    padding: 1rem 0 2rem 0 !important;
    color: #374151;
}

/* ========================================= */
/* ===== GLOBAL DESIGN CLEANUP (MODERN) ==== */
/* ========================================= */

body {
    background-color: #ffffff !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    color: #4b5563 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    color: #111827 !important;
    font-weight: 700 !important;
}

/* Hide all old shapes, triangles, background artifacts */
.witr_shape_item,
.witr_shape_image,
.ab_left_btm_shap,
.witr_js_bg_image,
.ab_left_inner::before,
.ab_left_inner::after,
.witr_feature_12::before,
.witr_feature_12::after,
.witr_testi_itemt::before,
.witr_testi_itemt::after,
[class*="shap"] {
    display: none !important;
    background-image: none !important;
}

/* Strip unwanted background imagery from all major sections */
.bt_ab_area,
.bt_ser_area,
.bt_fe_area,
.bt_faq_area,
.em40_header_area_main,
.breadcumb-area,
.ab_page_test,
.witr_slider_area,
.bt_test_area,
.bt_coun_area,
.bt_team_area {
    background-image: none !important;
    background-color: transparent !important;
}

/* Global Container Standard (Max Width 1280px) */
.container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

/* Mobile First Section Fallback */
@media (max-width: 768px) {
    .row {
        display: flex;
        flex-direction: column;
    }

    .col-lg-6,
    .col-md-6,
    .col-lg-4,
    .col-md-4,
    .col-lg-3,
    .col-lg-12,
    .col-lg-5,
    .col-md-5,
    .col-lg-7,
    .col-md-7 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Global Buttons Standardization */
.witr_btn:not(.witr_btn_menu),
.witr_btn_style a:not(.video-vemo-icon):not(.witr_btn_menu),
.twr_btn:not(.witr_btn_menu) {
    background-color: #111827 !important;
    /* Elegant Dark Slate Base */
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #111827 !important;
    border-radius: 6px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 6px -1px rgba(17, 24, 39, 0.2) !important;
    font-family: inherit !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative;
    z-index: 10;
}

/* Remove ::before elements on buttons causing the overlapping effect */
.witr_btn::before,
.witr_btn_style a::before,
.twr_btn::before,
.witr_btn::after,
.witr_btn_style a::after,
.twr_btn::after {
    display: none !important;
}

.witr_btn:not(.witr_btn_menu):hover,
.witr_btn_style a:not(.video-vemo-icon):not(.witr_btn_menu):hover {
    background-color: #d4af37 !important;
    /* Gold Hover */
    border-color: #d4af37 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.3) !important;
    transform: translateY(-2px);
}

/* Custom inverted button for Proyectos and Servicios */
.btn-inverted,
a.btn-inverted {
    background-color: #d4af37 !important;
    /* Gold Base */
    border-color: #d4af37 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px -1px rgba(212, 175, 55, 0.2) !important;
}

.btn-inverted:hover,
a.btn-inverted:hover {
    background-color: #111827 !important;
    /* Dark Slate Hover */
    border-color: #111827 !important;
    box-shadow: 0 10px 15px -3px rgba(17, 24, 39, 0.3) !important;
}

/* Hero Slider Adjustments */
.witr_slider_area {
    background: #ffffff !important;
    padding: 0 15px;
    /* So it doesn't touch the edges */
}

.witr_slider_area .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    /* Eliminate mask polygon if any */
    clip-path: none !important;
    -webkit-clip-path: none !important;
}

/* Clean 3 Cards Grid (Misión/Visión/Valores) */
.clean-cards-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 80px;
    /* Add margin bottom to prevent overlap with the section below */
}

@media (min-width: 768px) {
    .clean-cards-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.clean-card-item {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.clean-card-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.clean-card-item h3 {
    margin-bottom: 20px !important;
    font-size: 20px !important;
    text-align: center !important;
    color: #111827 !important;
}

.clean-card-item p {
    color: #4b5563 !important;
    margin: 0;
    line-height: 1.6;
}

.clean-card-item i {
    font-size: 40px;
    color: #d4af37;
    margin-bottom: 25px;
    display: inline-block;
}

/* ===== Methodology Technical Section ===== */
.methodology-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    margin-top: 2rem;
}

@media (min-width: 992px) {
    .methodology-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.methodology-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.methodology-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    border-color: #cbd5e0;
}

.methodology-card h4 {
    color: #1a202c;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: inherit;
    border-bottom: 2px solid #d4af37;
    padding-bottom: 10px;
    display: inline-block;
}

.methodology-card p {
    color: #4a5568;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

.widget_nav_menu .menu li a:hover,
.footer-menu ul li a:hover {
    color: #d4af37 !important;
}

/* ===== Feature Image Rounded Corners ===== */
.twr_feature_four_image {
    border-radius: 15px;
    overflow: hidden;
}

/* ===== 1. OVERLAY EN EL HERO (Video Principal/Slider) ===== */
.witr_swiper_height {
    position: relative;
}

.witr_swiper_height::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.witr_sw_text_area {
    position: relative;
    z-index: 2;
}

/* ===== 2. OVERLAY EXCLUSIVO EN FOOTER ===== */
.seccion-footer {
    position: relative;
}

.seccion-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Ensure text and links shine over the overlay */
.seccion-footer * {
    position: relative;
    z-index: 2;
}

.seccion-footer h2,
.seccion-footer h3,
.seccion-footer h4,
.seccion-footer p,
.seccion-footer .widget-title,
.seccion-footer li,
.seccion-footer a,
.seccion-footer span,
.seccion-footer i {
    color: #f1f5f9 !important;
}

/* ===== 3. DISEÑO DE NUESTRA FLOTA ===== */
.witr_team_area_c .team-part {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.witr_team_area_c .team-part:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Global Input Text Color Override */
input,
textarea,
select,
.witr_apartment_form input,
.witr_apartment_form form select,
.witr_apartment_form textarea,
.mc4wp-form-fields input {
    color: #1a202c !important;
}

input::placeholder,
textarea::placeholder,
select::placeholder,
.witr_apartment_form input::placeholder,
.witr_apartment_form form select::placeholder,
.witr_apartment_form textarea::placeholder,
.mc4wp-form-fields input::placeholder {
    color: #a0aec0 !important;
}

/* Override Subscribe Button Hover Color */
.mc4wp-form-fields button:hover,
.footer-middle .mc4wp-form-fields button:hover,
.mail_witr button:hover {
    background-color: #111827 !important;
    color: #fff !important;
}

/* ===== 4. QUITAR ESQUINAS PUNTEAGUDAS EN PROYECTOS RECIENTES (BORDES REDONDOS) ===== */
.widget_media_gallery .gallery-item img {
    border-radius: 8px !important;
    border: none !important;
}

/* =========================================================
   PORTFOLIO REFACTORING - MINIMALIST GRID & MODAL
   ========================================================= */

/* 1. CSS Grid for Portfolio */
.modern-portfolio-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.project-card {
    width: 100% !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.project-card .single_protfolio {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
    cursor: pointer;
}

.project-card .single_protfolio:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.project-card .prot_thumb {
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    background: #111;
}

.project-card .prot_thumb>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    transition: all 0.5s ease;
    filter: grayscale(20%);
}

.project-card .single_protfolio:hover .prot_thumb>img {
    opacity: 1;
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* Hover reveal title */
.project-card .prot_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.project-card .single_protfolio:hover .prot_content {
    opacity: 1;
    transform: translateY(0);
}

.project-card .porttitle_inner h3 {
    margin: 0;
    padding: 0;
}

.project-card .porttitle_inner h3 a {
    color: #fff !important;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    /* Clean sans-serif */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.project-card .porttitle_inner p {
    color: #e0e0e0;
    font-size: 14px;
    margin-top: 5px;
    font-family: 'Inter', sans-serif;
}

.project-card .porttitle_inner p span {
    color: #e0e0e0 !important;
}

/* Hide original content blocks to simplify */
.project-card .picon {
    display: none !important;
}

/* 2. Custom Modal CSS */
.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.95);
    /* Dark modern glass */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.custom-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.custom-modal-content {
    width: 90%;
    max-width: 1400px;
    height: 85vh;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    transform: scale(0.95) translateY(20px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.custom-modal-overlay.active .custom-modal-content {
    transform: scale(1) translateY(0);
}

.custom-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #f1f5f9;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    color: #334155;
    font-size: 20px;
    transition: background 0.3s ease;
}

.custom-modal-close:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.custom-modal-body {
    display: flex;
    width: 100%;
    height: 100%;
}

.custom-modal-left {
    width: 65%;
    height: 100%;
    background: #f8fafc;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-carousel {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.modal-carousel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.custom-modal-right {
    width: 35%;
    height: 100%;
    padding: 50px 40px;
    overflow-y: auto;
    background: #ffffff;
    border-left: 1px solid #e2e8f0;
}

.custom-modal-right h3 {
    font-size: 32px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 20px;
    font-family: 'Inter', sans-serif;
    line-height: 1.2;
}

.custom-modal-right p {
    font-size: 16px;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 30px;
    font-family: 'Inter', sans-serif;
}

.modal-tech-specs {
    background: #f8fafc;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
}

.modal-tech-specs h4 {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 10px;
}

.modal-tech-specs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal-tech-specs ul li {
    font-size: 14px;
    color: #475569;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
}

.modal-tech-specs ul li:last-child {
    margin-bottom: 0;
}

.modal-tech-specs ul li strong {
    color: #0f172a;
    font-weight: 600;
    margin-bottom: 4px;
}

.modal-tech-specs ul li span {
    color: #64748b;
}

.modal-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.modal-pill-tag {
    background: #f1f5f9;
    color: #334155;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #e2e8f0;
}

@media (max-width: 991px) {
    .custom-modal-body {
        flex-direction: column;
    }

    .custom-modal-left,
    .custom-modal-right {
        width: 100%;
    }

    .custom-modal-left {
        height: 50%;
    }

    .custom-modal-right {
        height: 50%;
        border-left: none;
        border-top: 1px solid #e2e8f0;
        padding: 30px 25px;
    }

    .custom-modal-content {
        height: 90vh;
    }
}