/*
Theme Name: Shelters Direct
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */

/* .mh { min-height: 2000px;} */

body:not(.wp-admin) {
    background: url(upload/bg-1.jpg) top center no-repeat;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {

    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-10: 10px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size: 17px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-25: 25px;
    --font-1: 'Norwester';
    --font-2: 'Nunito Sans';

    --color0 : #fff;
    --primary-color1: #265089;
    --primary-color2: #EF233C;
    --secondary-color1: #173256;
    --secondary-color2: #8B8B8B;
    --secondary-color3: #CFCFCF;
    --secondary-color4: #052652;
    --secondary-color5: #132F54;

    --text-color1: #282828;
    --text-color2: #0E0E0E;

    --btn-bg: #F5F5F5;

    --btitle: 18px;
    --h1-home: 55px;
    --h1: 64px;
    --h1-news: 60px;
    --h2: 40px;
    --h3: 30px;
    --h4: 22px;
    --h5: 20px;
    --h6: 18px;
   
    --post-title22 : 22px; 
    --post-title20: 20px; 
    --post-title30: 20px; 
    --form-title26 : 26px; 

    --color10: black;
    --color11: white;

    --a: #DDA15E;
    --hover: #A1AEB7;       

    --darktitle:white;
    --darktext:white;
    --darktext2:rgba(255, 255, 255, 0.70);
    --darktext3:rgba(255, 255, 255, 0.80);

    --bg-dark-blue: rgba(12, 26, 55, 0.70);
    --bg-offwhite1: #F3F3F3;
    --bg-offwhite2: #FBFBFB;
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */
section.fire-element {overflow: visible;}

.element.dtext-453 .dtext {max-width: 453px;}
.element.dinfo-470 .dtext {max-width: 470px;}

main {overflow: hidden;}

.no-footer footer,
.no-footer .news-letter {display: none;}

.element .btitle {
    color: var(--primary-color2);
    font-family: var(--font-2);
    font-size: var(--btitle);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 25.2px */
    letter-spacing: 5.4px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.element h1 {
    color: var(--darktitle);
    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 60.5px */
    text-transform: uppercase;
}

body.home .element h1 {font-size: var(--h1-home);}

.element h2 {
    color: var(--secondary-color1);
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 44px */
    text-transform: uppercase;
    
}

.element .atitle {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--post-title20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}


.element .dtext, .element .ptext {margin-top: 30px;}

.element .dtext p,
.element .dtext li,
.element .ptext {
    color: var(--text-color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
}

.element .ptext a {color: var(--secondary-color1); font-weight: 700; text-decoration: underline;}
.element .ptext a:hover {color: var(--primary-color2)}

.element .dtext p:not(:last-child) {margin-bottom: 1.5rem;}

.element .thumb-bg {background-color: #052652;}
.element .bg-placeholder[data-ph="logo"] img {
	width: 60%;
	filter: none;
  	opacity: 1;
}

section.element[data-theme="dark"] .dtext p,
section.element[data-theme="dark"] .ptext {
    color: var(--darktext);
}

section.element[data-theme="dark"] .btitle,
section.element[data-theme="dark"] .atitle,
section.element[data-theme="dark"] h1,
section.element[data-theme="dark"] h2,
section.element[data-theme="dark"] h3,
section.element[data-theme="dark"] h4,
section.element[data-theme="dark"] h5,
section.element[data-theme="dark"] h6 {color: var(--darktitle);}

section.element[data-theme="dark"] {background-color: transparent;}

/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */
.element .btn-loop {margin-top: 40px; display: flex; gap: 40px;}
.menu-extension .btn-loop {margin-top: 0;}

.element .btn-1,
.element .gform .gform-theme--foundation .gform_footer .gform_button.btn-1 {
    display: inline-flex;
    height: 48px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color2);
    border-radius: 0;
    border: none;
    position: relative;
}

.element .btn-1::after,
.element .gform .gform-theme--foundation .gform_footer .btn-1::after {display: none;}

.element .btn-1 span, 
.element .gform .gform-theme--foundation .gform_footer .btn-1 span {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--font-size-15);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.element .btn-2 {
    border: 1px solid var(--primary-color2);
    padding: 15px 20px;
    border-radius: 0;
}

.element .btn-2 .a-span,
.element .btn-2 span {
    color: var(--primary-color2);
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.element .btn-2:hover span {color: var(--color0);}
.element .btn-2:hover::after {background-color: var(--primary-color2)   ;}

.element .btn-3 {padding: 15px 20px; background-color: transparent; border: none;border-radius: 0;}

.element .btn-3 span {
    color: var(--primary-color2);
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
	text-align: start;
}

.cta-01.template_4 .btn-3 span,.heroopt-01 .btn-3 span {color: var(--darktext);}
.element .btn.w-icon img {width: 18px;margin-top: 0; max-width: 18px; margin-right: 0 !important;}
.element .btn-3:hover span {color: var(--darktext);}

.element .btn.w-icon,
.element .gform .gform-theme--foundation .gform_footer .btn.w-icon {display: flex; gap: 10px; align-items: center;}

.cta-01 .btn.w-icon {gap:13px;}
.cta-01 .btn.w-icon span {font-size: var(--font-size);}
.cta-01 .btn.w-icon span::before {display: none;}

.element .btn.w-icon span,
.element .gform .gform-theme--foundation .gform_footer .btn.w-icon span{
    color: #FFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.element .btn-3::after {left: 0; transform: translateY(-50%); top: 50%; height: 100%; width: 48px; aspect-ratio: 1; background-color: var(--btn-bg); border-radius: 0;}
.js-tabs-ajax-01 .btn-3::after {background-color: #E2E2E2;} 
.cta-01.template_4 .btn-3::after, .heroopt-01 .btn-3::after {background: rgba(245, 245, 245, 0.30);} 
.element .btn-3:hover::after {width: 100%; height: 100%; aspect-ratio: none; background-color: var(--primary-color2);}
/* #endregion */

/*------------------------------------------
    #MARK: GFORM DEFAULTS
------------------------------------------*/
/* #region */
.element .gform .gform-theme--foundation .gform_footer .btn.w-icon span::before,
.element .gform .gform-theme--foundation .gform_body .btn.w-icon span::before {display: none;}
.element .gform .gform-theme--foundation .gform_footer .btn.w-icon::before,
.element .gform .gform-theme--foundation .gform_body .btn.w-icon::before  {
    content: "";
    display: block;
    width: 11px;
    height: 22px;
    background-image: url('images/icons/clip.svg');
    background-size: cover;
}

.element .gform .gform-theme--foundation .gform_body .btn.w-icon::before {filter: brightness(0) saturate(100%) invert(100%);}
/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */

.navbar-brand {
    height: 52px;
    width: auto;
    transition: all 0.3s ease;
}

.navbar-brand img{width: 100%; height: 100%;}
header.sticky-head .navbar-brand {
    height: 40px;
    width: auto;
}

header .menu_wrap {
    padding: 30px 0;
    transition: all 0.3s ease;
}

header.sticky-head .menu_wrap {
    padding: 10px 0;
    background: var(--secondary-color1);
}

header .m-toggler svg {
	min-width: 12px;
}

/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */
#navbar-home .menu-extension,.menu-extension {margin-left: 40px;}

.navbar-collapse {justify-content: flex-end;}

.main-menu .navbar-nav, #navbar-home .navbar-nav {
    gap: 40px;
}

.main-menu .navbar-nav  .nav-link {
    padding: 0;
}

.main-menu .nav-link span, .dropdown-menu li a span  {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--font-size-15);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
}

.main-menu .nav-link span {padding-block: 10px;}

.main-menu .nav-link span::after {content: ""; left: 50%; bottom: 0px; position: absolute; transform: translateX(-50%); width: 0%; height: 2px; background: var(--primary-color2); transition: all 0.3s;}

.main-menu .nav-link span:hover::after {width: 100%;}
 
.main-menu .menu-item {
    /* padding */
}

.main-menu .menu-item.active .nav-link span,
.main-menu .menu-item .nav-link:hover span {
    /* color */
}


.dropdown-toggle::after {display: none;}

/* .dropdown-menu {padding: 15px; top: calc(100% + 40px);border-radius: 0;}
.sticky-head .dropdown-menu {padding: 15px; top: calc(100% + 18px); } */

.dropdown-menu {padding: 15px; top: calc(100% -2px); border-radius: 0;}
.dropdown-menu li a, .dropdown-menu .menu-item a  {padding: 0;}
.dropdown-menu .menu-item:not(:last-child) {margin-bottom: 20px;}
.dropdown-menu li a:hover , .dropdown-menu .menu-item a:hover{background-color: transparent;}
.dropdown-menu li a span {
    color: var(--primary-color1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size-15);
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 21px */
    text-transform: uppercase;
    
}
header .mobile-menu[data-mobth="light"] .dropdown-menu li a {opacity: 1;}
header .mobile-menu[data-mobth="light"] .dropdown-menu li a span {color: var(--darktext); transition: all 0.3s;}
.dropdown-menu li a:hover span,header .mobile-menu[data-mobth="light"] .dropdown-menu li a:hover span {color: var(--primary-color2);}
header.element .f-icon svg g{fill: var(--color0);}

header .mobile-menu[data-mobth="light"] {background-color: var(--secondary-color1);}

header .mobile-menu .menu-item {padding: 0; border-bottom: none; }
header .mobile-menu .main-menu  {margin-top: 40px;}
header .mobile-menu .main-menu .navbar-nav {gap: 10px;}

header  .mobile-menu .box {padding-top: 100px !important; }

header .menu-oc-right .closer svg {width: 30px;height: 30px;}
header .mobile-menu .m-toggler {opacity: 1; background-color: transparent; top: 7px}

header .mobile-menu .dropdown-menu {margin: 0;}
header .mobile-menu .dropdown-menu .menu-item:not(:last-child) {margin-bottom: 0;}

header .mobile-menu .dropdown-menu li a:hover span {color: var(--darktext);}

header [data-mobth="light"] .dropdown-item, [data-mobth="light"] .dropdown-menu .menu-item {background-color: transparent; border-color:  transparent;}

header .dropdown-menu .dropdown-menu {
	padding-left: 10px;
}

header .dropdown-menu .dropdown-menu span {
	text-transform: none;
}
/* #endregion */

/*------------------------------------------
    #MARK: MEGA MENU
------------------------------------------*/
/* #region */
.el-mega-menu.mega-menu {width: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.mega-drop {background-color: transparent; width: 100%; left: 50%; transform: translateX(-50%);max-width: 1200px; filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.25));}

.mega-drop .wrap {padding-top: 0; padding-bottom: 0;}
.mega-drop .inner-wrap {padding: 60px 50px; background-color: white;}

.mega-drop .top-menu-list .flexic {justify-content: space-between; gap: 30px;}
.mega-drop .top-menu-list .flexic .flex-item {max-width: 300px; width: 100%;}
.mega-drop .top-menu-list .flexic .flex-item h4 {
    color: var(--primary-color2);
    font-family: var(--font-1);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(145, 145, 163, 0.6);
    margin-bottom: 30px;
}

.mega-drop .top-menu-list .flexic .flex-item a.d-link.mtitle {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(145, 145, 163, 0.6);
    margin-bottom: 30px;
}

.mega-drop .top-menu-list .flexic .flex-item a.d-link.mtitle span {
    color: var(--primary-color2);
    font-family: var(--font-1);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
    
}

.mega-drop .top-menu-list .flexic .flex-item .menu-items {display: flex; flex-direction: column; row-gap: 20px;}
.mega-drop .top-menu-list .flexic .flex-item .menu-items .linky {
    color: var(--primary-color1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size-15);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 21px */
}

.mega-drop .cta-bottom {margin-top: 101px;}
.mega-drop .cta-bottom .flexic {justify-content: space-between;}
.mega-drop .cta-bottom .item-left {max-width: 344px; width: 100%;}
.mega-drop .cta-bottom .item-right {max-width: 565px; width: 100%;}

.mega-drop .cta-bottom .item-left strong {
    margin-bottom: 25px; 
    color: var(--text-color2);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-1);
    font-size: var(--font-size-25);
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 30px */
}

.mega-drop .cta-bottom .item-left .btn.btn-1 {border-radius: 5px; padding: 15px 22px;}
.mega-drop .cta-bottom .item-left .btn.btn-1 span {
    color: var(--darktext);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 900;
    line-height: 150%; /* 45px */
    text-wrap: nowrap;
    text-transform: capitalize;
}

.mega-drop .cta-bottom .item-right .dtext {margin-top: 0;}
.mega-drop .cta-bottom .item-right .dtext p {
    color: var(--text-color2);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
}
/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */

.footer-0 a,
.footer-0 p,
.footer-0 span,
.footer-0 div,
.footer-0 .copyright div,
.footer-0 .copyright span,
.footer-0 .copyright a {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s;
}

.footer-0 a:hover,
.footer-0 a:hover span,
.footer-0 a:hover p{
    color: var(--primary-color2);
}

.footer-0 .wrap {padding: 73px 0 43px; background-color: #052652;}

.footer-0 .footer-logo {margin-bottom: 60px;}
.footer-0 .ssc {margin-bottom: 30px;}
.footer-0 .ssc {align-items: center; gap: 0px;}
.footer-0 .ssc .sc-icon {transition: 0.1s; height: 24px; width: 24px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(79deg) brightness(99%) contrast(103%);}
.footer-0 .ssc:hover .sc-icon {filter: invert(24%) sepia(78%) saturate(6945%) hue-rotate(345deg) brightness(101%) contrast(87%);}

.footer-0 .social-icons {gap: 15px; padding: 3px}
.footer-0 .social-icons .soc-link {background-color: transparent; border-radius: 40px; border: 1px solid rgba(117, 117, 117, 0.20); position: relative;}

.footer-0 .social-icons .soc-link::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 00%; height: 00%; background-color: var(--primary-color2); border-radius: 40px; transition: all 0.3s ease;}
.footer-0 .social-icons .soc-link:hover::before {width: 100%; height: 100%;}
.footer-0 .social-icons .soc-link img {max-width: 13px; filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(79deg) brightness(99%) contrast(103%); opacity: 1;}

.footer-0 .dcompany {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.footer-0 .footer-nav-links {margin-top: 26px; margin-bottom: 11px;}
.footer-0 .footer-nav-links .flexic {justify-content: flex-end; gap: 48px;}
.footer-0 .footer-nav-links .flexic .flex-item {max-width: 235px; width: 100%;}
.footer-0 .footer-nav-links .menu-title,
.footer-0 .footer-nav-links .is-mobile .menu-item {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--font-size-18)s;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 18px */
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom:  1px solid rgba(217, 217, 217, 0.80);position: relative;
}
.footer-0 .footer-nav-links .is-mobile .menu-item {margin-bottom: 0;}
.footer-0 .footer-nav-links .menu-title::after,
.footer-0 .footer-nav-links .is-mobile .menu-item::after  {content: "";position: absolute; left: 0;bottom: -1px; width: 70px; height: 1px; background-color: var(--primary-color2);}

.footer-0 .footer-nav-links .menu-links {list-style-type: none; padding-left: 9px;}
.footer-0 .footer-nav-links .menu-links li {position: relative;}
.footer-0 .footer-nav-links .menu-links:not(.is-mobile) li::before, .footer-0 .footer-nav-links .menu-links.is-mobile li.menu-link::before  {content: ""; position: absolute; left:-9px; top: 7px; background: url(images/icons/right-arr.svg); width: 4px;height: 6px;}

.footer-0 .footer-nav-links .menu-links.is-mobile li.menu-link::before {
    left: 0;
    top: 16px;
}
.footer-0 .footer-nav-links .menu-links:not(.is-mobile) li:not(:last-child) {margin-bottom: 20px;}
.footer-0 .affiliates {display: flex; justify-content: flex-end;}
.footer-0 .affiliates .atitle {
    color: var(--darktext);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 25.5px */
    margin-bottom: 20px;
}
.footer-0 .affiliates img {max-width: 234px;} 

.footer-0 .copyright {padding-top: 30px; margin-top: 40px; border-top: 1px solid rgba(239, 35, 60, .8);}

.frcontact-01 .footer-0 .copyright {padding-top: 0;margin-top: 0; border-top: none;}

.sel-menu ul.mv {border: none !important}
.menu-links.is-mobile li {border-top: none !important;}

.footer-0 .menu-links.is-mobile li.menu-item::before {filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(143deg) brightness(99%) contrast(105%); width: 10px; height: 10px;top: 10px;  background-size: 10px;}
/* #endregion */

/*------------------------------------------
    #MARK: HERO OPT 01
------------------------------------------*/
/* #region */
.heroopt-01.bg-centerbottom .bg-img{background-position: center bottom;}
.heroopt-01 .dinfo {max-width: 500px; padding-left: 0; padding-right: 0;}
.heroopt-01.mxw-570 .dinfo {max-width: 570px;}
.heroopt-01 .btitle {font-size: 20px;}

.heroopt-01.homepage .wrap {min-height: 810px;}
.heroopt-01.innerpage_2 .wrap {min-height: 572px;}
.heroopt-01.innerpage_3 .wrap {min-height: 496px;}
.heroopt-01.innerpage_4 .wrap {min-height: 720px;}

.heroopt-01.homepage .overlay-bg,
.heroopt-01.homepage .bg-img {mask-image: url(images/masks/home-bg.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}
.heroopt-01.innerpage_2 .bg-img {mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom; top: unset; bottom: 20px; height: 122.37762237762238%;}
.heroopt-01.innerpage_3 .bg-img {mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom; top: unset; bottom: 20px; height: 122.37762237762238%;}
.heroopt-01.innerpage_4 .bg-img {mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom; top: unset; bottom: 20px; height: 122.37762237762238%;}

.heroopt-01.homepage .color {width: 150%; background: linear-gradient(90deg, #173256 0%, rgba(23, 50, 86, 0.00) 50.43%); mask-image: url(images/masks/home.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}
.heroopt-01.homepage .color::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(23, 50, 86, 0.70) 9.95%, rgba(23, 50, 86, 0.00) 31.78%); mask-image: url(images/masks/home.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}
.heroopt-01.homepage .color::after {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(6, 6, 6, 0.80) 0.22%, rgba(6, 6, 6, 0.00) 26.12%); mask-image: url(images/masks/home.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}

.heroopt-01.innerpage_2 .bg-before {width: 100%; background: var(--primary-color1); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom; top: unset; bottom: 0px; height: 122.37762237762238%;}
.heroopt-01.innerpage_2 .color {top: unset; bottom: 20px; left: 0; content: ""; width: 100%; height: 122.37762237762238%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 22.5%, rgba(0, 0, 0, 0.00) 67.17%); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}
.heroopt-01.innerpage_2 .color::after { position: absolute; top: unset; bottom: 0px; left: 0; content: ""; width: 100%; height: 122.37762237762238%; background: linear-gradient(77deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 36.31%); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}

.heroopt-01.innerpage_3 .bg-before {width: 100%; background: var(--primary-color1); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom; top: unset; bottom: 0px; height: 122.37762237762238%;}
.heroopt-01.innerpage_3 .color {top: unset; bottom: 20px; left: 0; content: ""; width: 100%; height: 122.37762237762238%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 22.5%, rgba(0, 0, 0, 0.00) 67.17%); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}
.heroopt-01.innerpage_3 .color::after { position: absolute; top: unset; bottom: 0px; left: 0; content: ""; width: 100%; height: 122.37762237762238%; background: linear-gradient(77deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 36.31%); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}

.heroopt-01.innerpage_4 .bg-before {width: 100%; background: var(--primary-color1); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom; top: unset; bottom: 0px; height: 122.37762237762238%;}
.heroopt-01.innerpage_4 .color {top: unset; bottom: 20px; left: 0; content: ""; width: 100%; height: 122.37762237762238%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 63.27%); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}
.heroopt-01.innerpage_4 .color::after { position: absolute; top: unset; bottom: 0px; left: 0; content: ""; width: 100%; height: 122.37762237762238%; background: linear-gradient(77deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%); mask-image: url(images/masks/InnerP2.png); mask-size: cover; mask-repeat: no-repeat; mask-position: left bottom;}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */
.rowmedia-01 .atitle {margin-top: 40px;}

.rowmedia-01 .dborder {display: none;}

.rowmedia-01.template_2 .image-block .dborder {position: absolute; width: 354px; height: auto; aspect-ratio: 354/470; left: -128px; top:-63px; display: block; z-index: -2;}

.rowmedia-01.template_1 .text-block .dborder {position: absolute; width: 454px; height: auto; aspect-ratio: 550/729; left: -184px; top:-110px; display: block; z-index: -2;}
.rowmedia-01.template_1 [data-rtl="0"] .text-block .dborder {position: absolute; width: 454px; height: auto; aspect-ratio: 550/729; left: -184px; top:-109px; display: block; z-index: -2;}
@media only screen and (min-width : 767px) {
    .rowmedia-01.mxw-425 .dinfo {max-width: 425px;}
}

/* .rowmedia-01.template_1 .dinfo {max-width: 500px;} */
.rowmedia-01.template_1 .dinfo {max-width: 470px;}
.rowmedia-01.template_1 [data-rtl="0"] .dinfo, .element [data-rtl="0"] .rel-block {display: block; margin-left: auto;}
.element .rel-block.text-block {position: relative; max-width: 470px;}

.element .ctext {
    padding: 20px;
    box-sizing: content-box;
    border: 5px solid var(--color0);
    background: var(--secondary-color1);
    width: max-content;
    color: var(--color0);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--font-size-10);
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 14px */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    position: absolute;
    left: -25px;
    bottom: -25px;
}

.element .ctext p {margin-bottom: 0;}

.element .ctext img {
    width: 100%;
    height: auto;
    aspect-ratio: 95/65.969;
}

.rowmedia-01.template_3 .dinfo {max-width: 470px;}
.rowmedia-01 .additional-info {margin-top: 40px;}

.rowmedia-01 h3 {
    color: var(--secondary-color1);
    font-family: var(--font-1);
    font-size: var(--h4);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    text-transform: uppercase;
}

.rowmedia-01 .additional-info ul {list-style-type: none; padding-left: 23px;}
.rowmedia-01 .additional-info ul li {position: relative; margin-bottom: 10px;}
.rowmedia-01 .additional-info ul li:last-child {margin-bottom: 0;}
.rowmedia-01 .additional-info ul li::before {
    content: "";
    position: absolute;
    left: -23px;
    top: 12px;
    transform: translateY(-50%);
    border-radius: 100%;
    width: 8px;height: 8px;
    background: var(--primary-color2);
}

.rowmedia-01 .dtext span.color-red {color: var(--primary-color2);}
.rowmedia-01.template_4t .text-block {position: relative;}
.rowmedia-01.template_4t .text-block .text-block{ position: absolute; min-width: 570px; height: auto;  display: block; z-index: 2; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); padding: 52px 62px; left: 15px; top: -100px;}

.rowmedia-01.template_4t .text-block .text-block .dborder {display: block; top: -127px; left: -223px; width: 550px; height: auto; aspect-ratio: 550/729; position: absolute; z-index: -1;}
.rowmedia-01.template_4t [data-rtl="0"] .text-block .text-block {right: 15px; left: unset;}

.rowmedia-01.template_4b .text-block {position: relative;}
.rowmedia-01.template_4b .text-block .text-block{ position: static; min-width: 593px; height: auto;  display: block; z-index: 2; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); padding: 54px 40px; left: 15px; bottom: -60px;}
.rowmedia-01.template_4b .wrap:not([data-custom]) .text-block .text-block {margin-top: 60px;}
.rowmedia-01.template_4b [data-rtl="0"] .text-block .text-block {right: 15px; left: unset;}

.rowmedia-01.template_4b .text-block .text-block .dborder {display: block; top: -67px; left: -223px; width: 550px; height: auto; aspect-ratio: 550/729; position: absolute; z-index: -1;}

.rowmedia-01.template_4c .text-block {position: relative;}
.rowmedia-01.template_4c .text-block .text-block{ position: absolute; min-width: 570px; height: auto;  display: block; z-index: 2; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); padding: 59px 40px; left: 15px; top: 50%; transform: translateY(-50%);}


.rowmedia-01.template_4c .text-block .text-block .dborder {display: none; top: -127px; left: -223px; width: 593px; height: auto; aspect-ratio: 550/729; position: absolute; z-index: -1;}
.rowmedia-01.template_4c [data-rtl="0"] .text-block .text-block {right: 15px; left: unset;}

.rowmedia-01.template_4c h3,
.rowmedia-01.template_4b h3,
.rowmedia-01.template_4t h3 {
    color: var(--secondary-color1);
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 33px */
    text-transform: uppercase;
}

.rowmedia-01.template_4c .dtext,
.rowmedia-01.template_4b .dtext,
.rowmedia-01.template_4t .dtext {margin-top: 40px;}

.rowmedia-01.template_4t .dtext p strong {
    color: var(--primary-color1);
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}

.rowmedia-01.template_4t ul {padding-left: 18px ; list-style-type: none; max-width: 367px;}
.rowmedia-01.template_4t ul li {
    position: relative;
    color: var(--text-color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
    margin-bottom: 5px;
}

.rowmedia-01.template_4t .media-block {box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);}

.rowmedia-01.template_4t ul li::before {content: ""; position: absolute; left: -18px; top: 8px;width: 8px;height: 8px;border-radius: 100%; background-color: var(--primary-color2);}

.rowmedia-01 .listed-editors {margin-top: 40px;}

.rowmedia-01 .listed-editors .dtext {margin-top: 0;}
.rowmedia-01 .listed-editors .dtext p:has(strong) {margin-bottom: 20px;}
.rowmedia-01 .listed-editors .dtext strong {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.rowmedia-01 .listed-editors hr {
    background: #D9D9D9;
    margin: 35px 0;
    height: 1px;
}

/* #endregion */

/*------------------------------------------
    #MARK: FORM ROW CONTACT 01
------------------------------------------*/
/* #region */
/* .frcontact-01 .wrap {padding-top: 232px; min-height: 1307px; padding-bottom: 100px; height: 100vh; align-items: flex-start;} */
.frcontact-01 .wrap {padding-top: 232px; min-height: 1307px; padding-bottom: 100px; align-items: flex-start;}

.frcontact-01 .color1 {background: rgba(22, 38, 71, 0.90);}
.frcontact-01 .color2 {background: linear-gradient(90deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 46.4%);}

.frcontact-01 .dinfo {max-width: 433px;}
.frcontact-01 .dinfo .dtext {margin-top: 60px;}
.frcontact-01 .dinfo .dtext ul {padding-left: 15px;}
.frcontact-01 .additional-info {margin-top: 60px;}
.frcontact-01 [data-unshow*="at"] .atitle {display: block !important;}
.frcontact-01 .ptext {margin-top: 0;}
.frcontact-01 .dtext p {color: var(--darktext3);}

.frcontact-01.request-page[data-theme="dark"] .dinfo .dtext li,
.frcontact-01.request-page[data-theme="dark"] .dinfo .dtext p,
.frcontact-01.request-page[data-theme="dark"] .additional-info span {color: var(--darktext3);}
.frcontact-01.request-page[data-theme="dark"] .additional-info a span,
.frcontact-01.request-page[data-theme="dark"] .gform .dtext p {color: var(--darktext2);}
.frcontact-01 .contact-item {display: flex; gap: 10px; align-items: center; margin-top: 20px;}
.frcontact-01 .contact-item .d-img {width: 24px; height: 24px; }
.frcontact-01 .contact-item a {gap: 10px; flex-wrap: nowrap; align-items: center;}
.frcontact-01 .contact-item a .ptext {transition: all 0.3s;}
.frcontact-01.request-page[data-theme="dark"] .contact-item a:hover .ptext {color: var(--primary-color2);}
.frcontact-01.request-page .btitle {margin-bottom: 20px;}
.frcontact-01 .additional-info.mv {display: none;}

.frcontact-01 .gform {padding: 60px 40px; background: var(--bg-dark-blue); min-height: 888px;}
.frcontact-01 .tinfo {margin-bottom: 36px;}
.frcontact-01 .tinfo .dtext p {color: var(--darktext2);}
.frcontact-01 .tinfo h4 {
    font-family: var(--font-1);
    font-size: var(--form-title26);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 28.6px */
    text-transform: uppercase;
}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields {column-gap: 30px; row-gap: 30px;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield {position: relative;}
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .gfield_label {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    position: absolute;
    top:17px;
    left: 20px;
    align-items: flex-start;
    gap: 0;
}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .gfield_label .gfield_required {
    color: var(--primary-color2);
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container input,
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container textarea,
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container .chosen-container-single .chosen-single,
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container .chosen-container-single .chosen-drop li {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    padding: 17px 20px;
    min-height: 48px;
    border-radius: 0;
    background: rgba(234, 243, 255, 0.90);
    border: none !important;
}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container .chosen-container-single .chosen-single::after {content: ""; width: 10px; height: 5px; background: url(images/icons/down-arr.svg); position: absolute; top: 50%; right: 20px; transform: translateY(-50%); pointer-events: none;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container .chosen-container-single .chosen-drop li {min-height: 10px; padding: 10px 20px;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container .chosen-container-single .chosen-drop {
    background: rgba(234, 243, 255, 1);
} 
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container .chosen-container-single {width: 100% !important;}
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container .chosen-container-single .chosen-drop .chosen-search {display: none;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container .chosen-container-single .chosen-drop .chosen-results {padding-block: 0;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container select {appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield.white-bg .ginput_container input {
    background: #EAF3FF;
}
 
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container textarea {min-height: 110px; resize: none;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield:has(input:focus) .gfield_label,
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield:has(input:not(:placeholder-shown)) .gfield_label,
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield:has(textarea:focus) .gfield_label,
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield:has(textarea:not(:placeholder-shown)) .gfield_label,
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield:has(select:focus) .gfield_label,
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield:has(select:not(:placeholder-shown)) .gfield_label {
    display: none;
    z-index: -1;
}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield.gfield--type-fileupload {display: none;}

.frcontact-01.contact-page .gform .gform-theme--foundation .gform_body .gform_fields .gfield.gfield--type-fileupload {display: block;}
.frcontact-01.contact-page .gform .gform-theme--foundation .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container_fileupload {display: none;}
.frcontact-01 .gform .gform-theme--foundation .gform_footer {margin-block-start: 40px; flex-direction: row-reverse; gap: 52px; justify-content: flex-end; align-items: center; flex-wrap: nowrap;}

.frcontact-01 .footer-0 {position: absolute; bottom: 0; left: 0; width: 100%; background-color: transparent;}
.frcontact-01 .footer-0 .copyright .foot{border-top: 1px solid rgba(239, 35, 60, .8); padding: 30px 0 40px; display: flex; justify-content: space-between; align-items: center;}

    /* CONTACT PAGE */
.frcontact-01.contact-page .contact-item {display: block; margin-top: 60px;}
.frcontact-01.contact-page .contact-item .btitle {color: var(--primary-color2);}

.frcontact-01.contact-page .contact-item .ssc {gap: 0.5rem;}

.frcontact-01.contact-page .contact-item .ssc:not(:last-child) {margin-bottom: 1rem;}

.frcontact-01.contact-page .contact-item .sc-before {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--form-title26);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 28.6px */
}

.frcontact-01.contact-page .contact-item .sc-contact {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--form-title26);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 28.6px */
    display: block;
}

.frcontact-01.contact-page .contact-item .sc-contact p {margin-bottom: 1rem;}

.frcontact-01.contact-page .additional-info .contact-item {margin-top: 80px;}
.frcontact-01.contact-page .additional-info .contact-item .atitle {margin-bottom: 20px;}
.frcontact-01.contact-page .additional-info .contact-item .d-img {height: auto; max-width: 234px; width: 100%;}

.frcontact-01.contact-page .gform {padding: 41px 40px; min-height: 863px;}
.frcontact-01.contact-page .gform .dtext {margin-top: 0;}

.frcontact-01.contact-page .gform_footer .dbutton.btn.w-icon.upload-btn {display: none;}

.frcontact-01.contact-page #field_6_13 {display: none;} /* #MARK: Remove this once Captcha is implemented */

.frcontact-03 .top-info {margin-bottom: 80px;}
.frcontact-03 .wrap {min-height: 100px; height: auto;}
.frcontact-03 .element_wrap {position: relative; padding: 80px 70px 186px;}
.frcontact-03 .flexic {justify-content: space-between; gap: 30px;}
.frcontact-03 .flex-item-2 {max-width: 433px; width: 100%;}
.frcontact-03 .flex-item-1 {max-width: 520px; width: 100%;}
.frcontact-03 .additional-info {margin-top: 30px;}
.frcontact-03 .dinfo .dtext {margin-top: 0;}

.frcontact-03 .additional-info .contact-item {margin-top: 23px !important;}

.frcontact-03 .gform_wrap {position: relative;}
.frcontact-03 .gform_wrap .gform {position: absolute; padding: 40px; background: rgba(38, 80, 137, 0.70); min-height: 100px;}
.frcontact-03 .gform_wrap .gform::before {
    content: "";
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 322px;
    background: linear-gradient(180deg, rgba(38, 80, 137, 0.00) 0%, #265089 41.96%);
    z-index: 0;
}
.frcontact-03 .gform_wrap .gform .ftitle {
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.frcontact-03.contact-page[data-theme="dark"] .dtext p {color: var(--darktext3);}
.frcontact-03.contact-page[data-theme="dark"] .dtext p strong {color: var(--darktext);}
.frcontact-03.contact-page .additional-info:not(.info-2) .contact-item {display: flex; flex-wrap: nowrap; align-items: center;}
.frcontact-03 .gform_wrap .gform .tinfo {margin-bottom: 30px;}

.frcontact-03 .gform .gform-theme--foundation .gform_body .gform_fields {
  column-gap: 10px;
  row-gap: 20px;
}

.frcontact-03 .gform .gform-theme--foundation .gform_footer {margin-top: 20px;}

section.frcontact-03.contact-page .additional-info .contact-item .d-img {
  height: auto;
  max-width: 18px;
  width: 100%;
}
.frcontact-03.contact-page .info-2 .contact-item .dtext {margin-top: 0;}
.frcontact-03.contact-page .info-2 .contact-item {padding-left: 18px; position: relative; margin-top: 20px !important;}
.frcontact-03.contact-page .info-2 .contact-item::before {width: 8px;height: 8px; border-radius: 100%; background: var(--primary-color2); content: ""; position: absolute; left: 0px; top: 7px; }

.frcontact-03.contact-page .info-2 .contact-item .d-link.btn.w-icon {margin-top: 20px; gap: 9px;}
.frcontact-03.contact-page .info-2 .contact-item .d-link.btn.w-icon span {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 23.8px */
}

.frcontact-03.contact-page .info-2 .contact-item .d-link.btn.w-icon span::before {display: none;}

.frcontact-03.contact-page .info-2 .contact-item .d-link.btn[data-icon="post"] img {margin-left: 0; max-width: 12px;}


.frcontact-01.request-page[data-theme="dark"] .btitle {color: var(--primary-color2);}
.request-page-smoking-shelter .btitle {margin-bottom: 0px;}
.request-page-smoking-shelter h2, .request-page-smoking-shelter .dinfo .dtext p {line-height: 150%;}
.request-page-smoking-shelter .dinfo .dtext {margin-top: 30px; max-width: 333px;}

.request-page-smoking-shelter .gform {padding: 0; background: none; min-height: 100%;}
.request-page-smoking-shelter .wrap {min-height: 100px; height: auto;}



.element .gform .gform-theme--foundation .gform_validation_errors,
.element .gform .gform-theme--foundation .gform_body .gform_fields .gfield .gfield_validation_message{display: none;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield.gfield_error .ginput_container input {outline: 1px solid var(--primary-color2) !important;}
/* #endregion */

/*------------------------------------------
    #MARK: COL ACCORDION 01
------------------------------------------*/
/* #region */
.colaccordion-01 .ihead {padding: 40px 60px;}
.colaccordion-01 .ihead.collapsed .drop_btn {transform: rotate(0deg); transition: all 0.3s;}
.colaccordion-01 .ihead:not(.collapsed) .drop_btn {transform: rotate(180deg); transition: all 0.3s;}
.colaccordion-01[data-axgrid] .cpt-row.acc-content {row-gap: 0; margin-top: 54px;}
.colaccordion-01 .acc-content .item {background: var(--bg-offwhite1);}
.colaccordion-01 .acc-content .item:nth-of-type(even) {background: var(--bg-offwhite2);}
.colaccordion-01 h3.ititle {
    color: var(--secondary-color1);
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 33px */
    text-transform: uppercase;
}

.colaccordion-01 .ibox {overflow: hidden; position: relative;}
.colaccordion-01 .ibox .logo-bg {
    top: unset; bottom: -16.83029453015428%;
    left: unset; right: -15.04273504273504%;
    width: 68.54700854700855%; height: auto;
    aspect-ratio: 802/713;
 }

.colaccordion-01 .pad {position: relative; z-index: 1; padding: 0px 60px 60px; }
.colaccordion-01 .pad .dtext, .colaccordion-01 .pad .ptext {margin-top: 0;}
.colaccordion-01 .pad .job-description {margin-bottom: 50px;}
.colaccordion-01 .pad .key-responsibilities {margin-bottom: 40px;}
.colaccordion-01 .pad .qualifications {margin-bottom: 20px;}
.colaccordion-01 .pad strong.job-heading {
    color: var(--secondary-color1);
    font-family: var(--font-1);
    font-size: var(--post-title22);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    text-transform: uppercase;
}

.colaccordion-01 .pad hr.bar {
    width: 40px;
    height: 2px;
    background-color: var(--primary-color2);
    border: none !important;
    margin:20px 0;
}

.colaccordion-01 .pad ul {list-style-type: none; padding-left: 23px;}
.colaccordion-01 .pad ul li {position: relative;}
.colaccordion-01 .pad ul li::before {content: ""; position: relative; width: 8px; height: 8px; background: var(--primary-color1); top: 16px; left: -23px; display: block; border-radius: 100%;} 
.colaccordion-01 .pad ul li:not(:last-child) {margin-bottom: 10px; }

.colaccordion-01[data-axgrid] .ajx_btn {margin-top: 100px;}
/* #endregion */

/*------------------------------------------
    #MARK: AJAX CONTENT LAYOUT
------------------------------------------*/
/* #region */

.ajax_content_layout .ajax_grid {row-gap: 38px;}
.ajax_content_layout .thumb-bg {height: auto; aspect-ratio: 1; margin-bottom: 20px;}

.ajax_content_layout .post-title {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--post-title20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.ajax_content_layout .btn.text {
    padding: 0px 0px 10px;
    position: relative;
    margin-top: 20px;
    transition: all 0.3s;
}



.ajax_content_layout .btn.text span,
.ajax_content_layout .tax-buttons > .flexic .bar {
    color: var(--text-color1);
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.3s;
}


.ajaxp-01 .btn.text span,
.ajax_content_layout .post-link:hover .btn.text span {
    color: var(--primary-color2);
}

.ajax_content_layout .btn.text::after {
    content: "";
    position: absolute;
    bottom: 0;
    top: unset;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: var(--primary-color2);
    transition: all 0.3s;
}

.ajax_content_layout .post-link:hover .btn.text::after {
    width: 100%;
}
.ajax_content_layout[data-axgrid] .tax-links {margin-bottom: 110px;}
.ajax_content_layout .tax-buttons > .flexic {justify-content: center; gap: 60px; row-gap: 20px;}

.ajax_content_layout .tax-buttons > .flexic .bar:last-child {display: none;}
.ajax_content_layout .tax-buttons > .flexic .btn {margin-top:0;}

.ajax_content_layout[data-axgrid] .ajax_category.active {background-color: transparent;}
.ajax_content_layout[data-axgrid] .btn-all {display: none;}
.ajax_content_layout[data-axgrid] .tax-buttons .btn.text:hover span,
.ajax_content_layout[data-axgrid] .ajax_category.active span {
    color: var(--primary-color2);
}

.ajax_content_layout[data-axgrid] .ajax_category.active::after,
.ajax_content_layout[data-axgrid] .tax-buttons .btn.text:hover::after {
    width: 100%;
}

.ajax_content_layout .iloader {position: absolute; left: 50%; top: 50px; transform: translateX(-50%);}
.ajax_content_layout .iloader .dots {color: var(--primary-color2); background: var(--primary-color2);}

.ajax_content_layout .tinfo {margin-bottom: 60px;}

.ajax_content_layout[data-axgrid] .ajx_btn {margin-top: 48px;}


        /* #MARK: AJAX CONTENT LAYOUT - POST */
.ajaxp-01 .ajax_grid {row-gap: 50px;}
.ajaxp-01 .thumb-bg {margin-bottom: 30px;}
.ajaxp-01 .post-title {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--post-title22);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 33px */
    margin-bottom: 10px;
}

.ajax_content_layout .post-date {margin-bottom: 30px;}
.ajax_content_layout .post-date span,
.ajax_content_layout .post-excerpt {
    color: var(--text-color1);
    font-family: var(--font-2);
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.ajax_content_layout .post-excerpt {font-size: var(--font-size);}
.ajaxp-01[data-axpost] .ajx_btn {margin-top: 90px;}

.ajax_content_layout .dcustom-select {border: none;}
.ajax_content_layout .custom-options {border: none}
.ajax_content_layout .custom-select__trigger  {
    padding: 10px;
    background: #fff;
    border: none;
    border-bottom: 1px solid var(--primary-color2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    height: auto;
}

.ajax_content_layout .custom-option  {
    padding: 10px;
    background: #fff;
    border: none;
    border-bottom: 1px solid rgb(238, 238, 238);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    height: auto;
}



.ajax_content_layout .custom-select__trigger span, .ajax_content_layout .custom-option {
    color: #888;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}


.ajax_content_layout .custom-option:hover, .ajax_content_layout .custom-option.selected {
  background-color: transparent;
  color: var(--primary-color1);
  border-bottom: 1px solid var(--primary-color2);
}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS 01
------------------------------------------*/
/* #region */

    /* #MARK: GENERAL */

.cards-01 .div-link, .cards-01 .div-link .dinfo{height: 100%;}

    /* #MARK: REVEAL CARDS */   
.cards-01.template_4 .dinfo {height: 370px; position: relative; overflow: hidden; text-align: center;  display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.cards-01.template_4 .dinfo .color {background: linear-gradient(180deg, rgba(6, 32, 67, 0.00) 0%, #062043 100%); height: 154px; transition: all 0.3s; top: unset; bottom: 0;}
.cards-01.template_4 .dinfo:hover .color {background: linear-gradient(180deg, rgba(6, 32, 67, 0.70) 0%, #062043 100%); height:100%; transition: all 0.3s; top: unset; bottom: 0;}
.cards-01.template_4 .dinfo .pad {position: relative;}
.cards-01.template_4 .dinfo .abtn-loop {margin-top: 30px;}

.cards-01.template_4 .dinfo .front {transition: all 0.3s; position: absolute; bottom:0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px;opacity: 100%;}
.cards-01.template_4 .dinfo .back {transition: all 0.3s; position: absolute; bottom:-100%; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px; align-items: center;}

.cards-01.template_4 .dinfo:hover .front {transition: all 0.3s; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px; opacity: 0%;}
.cards-01.template_4 .dinfo:hover .back {transition: all 0.3s; position: absolute; bottom:0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px;}
.cards-01.template_4v2 .dinfo:hover .back {align-items: flex-start;}
.cards-01.template_4 .ititle {
    color: var(--darktext);
    text-align: center;
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 33px */
    text-transform: uppercase;
} 

.cards-01.template_4v2 .pad {text-align: left;}
.cards-01.template_4v2 .dinfo {min-height: 470px;}
.cards-01.template_4v2 .dinfo .front,
.cards-01.template_4v2 .dinfo .back {align-items: flex-start;}

.cards-01.template_4v2 .dinfo ul {list-style-type: none; padding-left: 18px;}
.cards-01.template_4v2 .dinfo ul li {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
    position: relative;
    margin-bottom: 10px;
}

.cards-01.template_4v2 .dinfo hr {margin: 20px 0; width: 40px;height: 2px; background-color: var(--primary-color2); border: none;}

.cards-01.template_4v2 .dinfo .dtext {margin-top: 0;}
.cards-01.template_4v2 .dinfo .ititle {
    font-family: var(--font-2);
    font-size: var(--post-title22);
    text-align: left;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 24.2px */
    text-transform: none;
}
.cards-01.template_4v2 .dinfo .abtn-loop {display: none;}

.cards-01.template_4v2 .dinfo ul li::before {content: ""; position: absolute; left: -18px; top: 8px;width: 8px;height: 8px;border-radius: 100%; background-color: var(--primary-color2);}

.cards-01.template_3 .div-link {border: 1px solid rgba(217, 217, 217, 0.60); background: #FAFAFA; padding: 35px; height: 100%;}
.cards-01.template_3 .div-link .ititle {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.cards-01.template_3 .div-link hr {
    margin: 30px 0;
    width: 40px;
    height: 2px;
    background: var(--primary-color2);
    border: none;
}

.cards-01.template_2 .dimage {min-height: 270px;}
.cards-01.template_2 .pad {padding: 35px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px;}

.cards-01.template_2 .pad h3 {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--post-title20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
    margin-bottom: 0;
}

.cards-01.template_2 .pad hr {margin: 30px 0; position: relative; background: rgba(217, 217, 217, 0.60); height: 2px; border: none;}

.cards-01.template_2 .pad hr::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 70px; height: 2px; background: var(--primary-color2);}
.cards-01.template_2 .pad .dtext {margin-top: 0;}
.cards-01.template_1 .pad .dtext {margin-top: 0;}

.cards-01.template_2 .dinfo {box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); background: var(--color0); display: flex; flex-direction: column;}

.cards-01.template_2 .div-link,
.cards-01.template_2 .div-link .dinfo,
.cards-01.template_2 .div-link .dinfo .pad {height: 100%; position: relative;}

.cards-01.template_2 .div-link .dinfo .pad ul {list-style-type: none; padding-left: 26px; position: relative;}
.cards-01.template_2 .div-link .dinfo .pad ul li {position: relative;}
.cards-01.template_2 .div-link .dinfo .pad ul li:not(:last-child) {margin-bottom: 10px;}
.cards-01.template_2 .div-link .dinfo .pad ul li::before {content: ""; position: absolute; left: -26px; top: 5px; width: 16px; height: 12px; background: url(images/icons/checkblue.svg); border-radius: 100%;}

.cards-01.template_2 .div-link .dinfo .abtn-loop {text-align: center;}
.cards-01.template_2 .div-link .dinfo .btn {padding: 11px 20px}
.cards-01.template_2 .div-link .dinfo .btn span {
    font-size: var(--font-size-13);
}

.cards-01.template_1 .pad h3 {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--post-title20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
    margin-bottom: 0;
}

.cards-01.template_1 .pad hr {margin: 20px 0; position: relative; background: var(--primary-color2); width: 40px; height: 2px; border: none;}

.cards-01.template_1 .dinfo {padding: 35px; display: flex; position: relative; align-items: center; border: 1px solid rgba(217, 217, 217, 0.60);}

.cards-01.template_1 .dinfo .large-num {position: absolute; top: 11px;left: 14px; width: 53px;height: 117px;}

.cards-01.template_1 .bg-border {left: unset; right: -74px; top: -190px; max-width: 355px; width: 100%; height: auto; aspect-ratio: 355/470; }
/* #endregion */

/*------------------------------------------
    #MARK: COL CTA 01
------------------------------------------*/    
/* #region */
.cta-01 .hero-opt {padding-left: 0;padding-right: 0;}

.cta-01.template_1 .color {
    opacity: .9;
    background: rgba(22, 38, 71, 1);
}

.cta-01.template_2 .color {opacity: 0.9; background: #162647;}
.cta-01.template_2 h2 {line-height: 150%; }
.cta-01.template_2 .icons-cards {justify-content: space-between; gap: 30px; align-items: center; padding: 0 25px; margin-top: 70px;}
.cta-01.template_2 .icons-cards .v-line {
    width: 1px;
height: 60px;
opacity: 0.7;
background: #FFF;
margin: auto 0; 
display: block;
}
.cta-01.template_2 .icons-cards > .v-line:last-child {display: none;}
.cta-01.template_2 .icons-cards .icon-card {display: flex; gap: 29px;align-items: center;}
.cta-01.template_2 .icons-cards .icon-card .diconn {height: 50px;}

.cta-01.template_2 .icons-cards .icon-card .ititle {
    color: var(--darktext);
    font-family:var(--font-1);
    font-size: var(--post-title30);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 45px */
    text-align: left !important;
    text-wrap: nowrap;
}

.cta-01.template_2 .icons-cards .icon-card .btn.w-icon span{
    color: var(--darktext);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-1);
    font-size: var(--font-size-15);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    letter-spacing: 4.5px;
    text-transform: uppercase;
}

.cta-01.template_2 .dtext {max-width: 670px; margin-inline: auto;}
.cta-01.template_2 .dtext p {
    color: var(--darktext);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size-25);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
}

.cta-01.template_2 .bottom-content {display: flex; justify-content: center; margin-top: 76px; gap: 20px; align-items: center;}

.cta-01.template_2 .dtext.post_button {margin: 0;}
.cta-01.template_2 .dtext.post_button p {
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
}

.cta-01.template_2 .bottom-content .btn-loop {margin-top: 0;}
.cta-01.template_2 .bottom-content .btn-loop .btn-2 {padding: 13px 20px;}
.cta-01.template_2 .bottom-content .btn-loop .btn-2 span {color: var(--darktext);}

.cta-01.template_4 .wrap {background: #F7F7F7;}
.cta-01.template_4 .before {background-image: url(images/masks/home-cta2.svg); background-position: top left; background-repeat: no-repeat; background-size: cover;}
.cta-01.template_4 .bg-img, .cta-01.template_4 .color {mask-image: url(images/masks/home-cta.svg); mask-repeat: no-repeat; mask-size: cover; mask-position: top right; height: calc(100% + 311px);}

.cta-01.template_4 .color {background: linear-gradient(270deg, rgba(5, 38, 82, 0.00) 38.95%, #052652 100%);}

.cta-01.template_4 .dinfo {max-width: 476px;}

.cta-01.template_3 .color {opacity: 0.9; background: #162647;}
.cta-01.template_3 .mtitle {text-align: center;}
.cta-01.template_3 .two-columns {max-width: 970px; margin-top: 60px; margin-inline: auto; justify-content: space-between; position: relative; flex-wrap: nowrap;}
.cta-01.template_3 .two-columns .flex-item {max-width: 396px; width: 100%;}

.cta-01.template_3 .two-columns .v-line {position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%; width: 2px; background-color: rgba(217, 217, 217, .15);}

.cta-01.template_3 .two-columns .ititle {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--post-title20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.cta-01.template_3 .two-columns .dtext {margin-top: 40px;}
.cta-01.template_3 .two-columns .dtext ul {list-style-type: none; padding-left: 23px;}
.cta-01.template_3 .two-columns .dtext ul li {
    position: relative;
    color: var(--darktext2);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
}

.cta-01.template_3 .two-columns .dtext ul li:not(:last-child) {margin-bottom: 10px;}

.cta-01.template_3 .two-columns .dtext ul li::before {content: ""; position: absolute; left: -23px; top: 8px; border-radius: 100%; width: 8px;height: 8px;background: var(--primary-color2);}

.cta-01.template_5 .color {
    background: linear-gradient(90deg, #162647 0%, rgba(22, 38, 71, 0.00) 100%);
} 

.cta-01.template_5 .btitle {margin-bottom: 20px;}
.cta-01.template_5 .color2 {
    background: linear-gradient(90deg, #162647 0%, rgba(22, 38, 71, 0.00) 100%);
    max-width: calc(50% + 15px);
}

.cta-01.template_5 .dinfo {max-width: 470px;}
.cta-01.template_5 .dtext {margin-top: 40px;}
section.element.cta-01.template_5[data-theme="dark"] .btitle {color: var(--primary-color2);}

section.element.cta-01.template_5[data-theme="dark"] .dtext p {color: var(--darktext2);}
section.element.cta-01.template_5[data-theme="dark"] .dtext p strong {color: var(--darktext);}
/* #endregion */

/*------------------------------------------
    #MARK: ICONS 01 
------------------------------------------*/
/* #region */
.icon-01 .div-link {border: 2px solid rgba(217, 217, 217, 0.60);background: #FFF; padding: 35px; text-align: center;height: 100%;}

.icon-01 .div-link .diconn {max-width: 80px; width: 100%; height: 80px; margin-bottom: 30px; border-radius: 100%; background: rgba(242, 242, 242, 0.6);}

.icon-01 .div-link .diconn img {width: 30px; height: auto;}
.icon-01 .ititle {
    color: var(--secondary-color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.icon-01 hr {margin: 15px auto; width: 40px; height: 2px; background: var(--primary-color2); border: none;} 
.icon-01 .ptext {margin-top: 0; font-weight: 700;}

.icon-01.triangle-layout .row {justify-content: center  ;}
.icon-01.triangle-layout .div-link {max-width: 370px;}
.icon-01.triangle-layout .col-md-4:nth-child(1){display: flex; justify-content: flex-end;}
.icon-01.triangle-layout .col-md-4:nth-child(1),
.icon-01.triangle-layout .col-md-4:nth-child(2) {max-width: 50%; flex: 0 0 50%;}
/* #endregion */

/*------------------------------------------
    #MARK: ROW ACCORDION 01
------------------------------------------*/
/* #region */
.rowaccordion-01 .wrap {background: #F7F7F7;}
.rowaccordion-01 .nav-link,
.rowaccordion-01 .acc-content .item, .rowaccordion-01 .mobile-section .btn {padding: 30px 0; border-radius: 0; background-color: transparent !important; width: 100%;}
.rowaccordion-01 .mobile-section .btn {padding: 15px 0;}
.rowaccordion-01 .acc-content .item:not(:last-child),
.rowaccordion-01 .nav-link:not(:last-child),
.rowaccordion-01 .mobile-section .card:not(:last-child) .btn {border-bottom: 2px solid rgba(217, 217, 217, 0.6);}

.rowaccordion-01 .iclick {display: flex; align-items: center; width: auto;}
.rowaccordion-01 .diconn {margin-right: 32px; max-width: 40px;}
.rowaccordion-01 .diconn img {width: 40px;}

.rowaccordion-01 .ititle {
    color: var(--primary-color2);
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
    width: auto;
    text-align: left;
}
.rowaccordion-01 .ibox {padding-left:72px;}
.rowaccordion-01 .ibox .dtext {margin-top: 11px;}

.rowaccordion-01 .collapsed .ititle {color: var(--text-color1);}

.rowaccordion-01 .nav-link {display: flex; align-items: center; justify-content: space-between;}
.rowaccordion-01 .nav-link .ititle {color: var(--text-color1);}
.rowaccordion-01 .nav-link.active .ititle {color: var(--primary-color2);}

.rowaccordion-01 .nav-link .off {display: block;}
.rowaccordion-01 .nav-link .on {display: none;}
.rowaccordion-01 .nav-link.active .off {display: none;}
.rowaccordion-01 .nav-link.active .on {display: block;}


.rowaccordion-01 .btn-block .off {display: none;}
.rowaccordion-01 .btn-block  .on {display: block;}
.rowaccordion-01 .btn-block.collapsed .off {display: block;}
.rowaccordion-01 .btn-block.collapsed .on {display: none;}

.rowaccordion-01.template_2 .acc-content {max-width: 532px;}
.rowaccordion-01.template_2 [data-rtl="0"] .acc-content {margin-left: auto;}
.rowaccordion-01.template_2 .dinfo {margin-bottom: 60px;}
.rowaccordion-01.template_2 .d-popmedia {max-width: 538px;}

.rowaccordion-01.template_2 .image-block .dborder {position: absolute; width: 404px; height: auto; aspect-ratio: 404/536; left: -171px; top:-99px; display: block; z-index: 0;}
.rowaccordion-01.template_2 .image-block .media-block {z-index: 1; position: relative;}

.rowaccordion-01.template_1 .dinfo, .rowaccordion-01.template_1 .nav-pills  {max-width: 439px;}
.rowaccordion-01.template_1 .media-block {position: relative;}
.rowaccordion-01.template_1 .media-caption {position: relative; margin-top: -144px; margin-left: -80px; background: white; padding: 30px 30px 14px; width: calc(100% + 10px); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);}
.rowaccordion-01 .mobile-section .card-body .dtext {
    position: relative; margin-top: 15px; background: white; padding: 15px; width:100%;
}
.rowaccordion-01.template_1 .tab-pane hr {margin: 20px 0; height: 2px; background: rgba(217, 217, 217, 0.60); border: none; position: relative;}
.rowaccordion-01.template_1 .tab-pane hr::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 40px; height: 2px; background: var(--primary-color2);}

.rowaccordion-01.template_1 .tab-pane .dtext {margin-top: 0px;}
.rowaccordion-01.template_1 .tab-pane .dtext ul,
.rowaccordion-01 .mobile-section .card-body ul  {list-style-type: none; padding-left: 26px; display: grid;
  /* Creates two equal columns */
  grid-template-columns: repeat(2, 1fr);
column-gap: 69px;
  row-gap: 8px;
  
  /* Ensuring content flows naturally */
  align-items: start;}

  .rowaccordion-01 .mobile-section .card-body ul {display: flex; flex-direction: column; row-gap: 0;}
 
.rowaccordion-01.template_1 .tab-pane .dtext ul li,
.rowaccordion-01 .mobile-section .card-body ul li {position: relative; margin-bottom: 8px;}

.rowaccordion-01.template_1 .tab-pane .dtext ul li::before,
.rowaccordion-01 .mobile-section .card-body ul li::before {content: ""; position: absolute; left: -26px; top: 8px; width: 16px; height: 12px; background: url(images/icons/ulcheck.svg);}
/* #endregion */

/*------------------------------------------
    #MARK: TITLE ROW 01
------------------------------------------*/
/* #region */
.titler-02 .wrap {overflow: hidden;}
.titler-02 .color {opacity: 0.9; background: #162647;}
.titler-02 .dtext {margin-top: 0; max-width: 600px; display: block;}

.titler-02 [data-rtl="0"] .dtext {margin-left: auto;}

.titler-02 .row > div:first-child .dinfo {position: relative;}
.titler-02 .row > div:first-child .dinfo::after {content: ""; position: absolute; top: 50%; right: 10px; width: 2px; height: 88px; background: var(--primary-color2); transform: translateY(-50%);} 

.titler-02.h2-64 .dtext {max-width: 100%;}
.titler-02.h2-64 .row > div:first-child .dinfo {height: 100%;}
.titler-02.h2-64 .row > div:first-child .dinfo::after {right:84px ; height: 100%;}
.titler-02.h2-64 h2.mtitle {
    font-size: var(--h1);
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 76.8px */
    text-transform: uppercase;
}
/* #endregion */

/*------------------------------------------
    #MARK: ICONS 02
------------------------------------------*/
/* #region */
section.element.icon-02[data-theme="dark"] .btitle{ color: var(--primary-color2);}
.icon-02 .color {opacity: 0.85; background: #162647;}

.icon-02 .flex-item {flex: 0 0 100%; max-width: 100%;} 
.icon-02 .flex-item:not(:last-child) {padding-bottom: 30px; border-bottom: 2px solid rgba(217, 217, 217, 0.10); position: relative;}

.icon-02 .flex-item:not(:last-child)::after {content: ""; position: absolute; bottom: -2px; left: 0; width: 70px; height: 2px; background: var(--primary-color2);}

.icon-02 .flex-item:not(:first-child) {padding-top: 30px;}

.icon-02 .flex-item .diconn {max-width: 80px; height: 80px; margin-right: 30px; background: rgba(38, 80, 137, 0.30);border-radius: 100%; display: flex; align-items: center; justify-content: center; flex: auto;}

.icon-02 .flex-item .diconn img {width: 30px; height: auto;}

.icon-02 .ititle {
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.icon-02 .pad .dtext {margin-top: 20px;}
.icon-02 .pad .dtext p {color: var(--darktext3) !important;}

.icon-02 .flexic {margin-top: 13px;}
/* #endregion */

/*------------------------------------------
    #MARK: JS TABS CARDS 01
------------------------------------------*/
/* #region */
.js-tabs-cards-01 .tinfo {margin-bottom: 60px; } 
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs {justify-content: center;gap: 35px; margin-bottom: 66px; row-gap: 15px; flex-direction: row; flex-wrap: nowrap;}
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs .v-line:last-child {display: none;} 
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs .v-line {
    color: rgba(139, 139, 139, 0.30);
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 22px */
    margin: 0;
}
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs li {padding: 0; border-bottom: none;}
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a {padding: 0; padding-bottom: 10px; position: relative;}
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a::after {content: ""; position: absolute; bottom: 0; left: 50%; width: 0%; height: 1px; background-color: var(--primary-color2); transform: translateX(-50%); transition: all 0.3s;}
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a:hover::after,
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a.active::after {width: 100%;}
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a .ititle {
    color: #707070;
    font-family: var(--font-2);
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 19.8px */
    text-wrap: nowrap;
}

.js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a:hover .ititle,
.js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a.active .ititle  {color: var(--primary-color1);}

.js-tabs-cards-01 [data-design*="tab-1"] .tab-content {border: none;}
.js-tabs-cards-01 [data-design*="tab-1"] .pad {padding: 0}
.js-tabs-cards-01 .dcard {border: 1px solid rgba(217, 217, 217, 0.60); background: #FFF; padding: 30px; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center;}

.js-tabs-cards-01 .diconn-wrap {max-height: 45px; max-width: 90px; height: auto; aspect-ratio: 1; margin-bottom: 30px; width: 100%;}
.js-tabs-cards-01 .diconn-wrap img {max-height: 45px;}

.js-tabs-cards-01 .dcard h3 {
    color: var(--secondary-color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.js-tabs-cards-01 .dcard hr {
    margin: 20px auto;
    width: 40px;
    height: 2px;
    background: var(--primary-color2);
    border: none;
}

.js-tabs-cards-01 .dcard .dtext {margin-top: 0;}

.js-tabs-cards-01 .tab-pane .dinfo {width: 100%;}

/* Mobile Styles */
@media (max-width: 767px) {
    .js-tabs-cards-01 .tab-dropdown-trigger {
        display: block;
        margin-bottom: 30px;
    }

    .js-tabs-cards-01 .btn-tab-toggle {
        width: 100%;
        padding: 10px;
        background: #fff;
        border: none;
        border-bottom: 1px solid var(--primary-color2);
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

    .js-tabs-cards-01 .ntabs {
        display: none; /* Hidden until toggled */
        flex-direction: column;
        border: none;
        border-top: none;
        background: #fff;
        position: absolute;
        z-index: 99;
    }

    .js-tabs-cards-01 .ntabs.show {
        display: flex;
    }

    .js-tabs-cards-01 .v-line {
        display: none !important; /* Remove separators on mobile */
    }

    .js-tabs-cards-01 .nav-item {
        width: 100%;
    }

    .js-tabs-cards-01 .nav-link {
        padding: 12px 15px;
        border-bottom: 1px solid #eee;
        display: block;
        width: 100%;
    }
    
    .js-tabs-cards-01 .nav-link.active {
        background-color: #f8f8f8;
    }

    .js-tabs-cards-01 .btn-tab-toggle span {
        color: #888;
        leading-trim: both;
        text-edge: cap;
        font-family: var(--font-2);
        font-size: var(--font-size-16);
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        /* text-transform: uppercase; */
    }
}

/* Desktop Styles */
@media (min-width: 768px) {
    .js-tabs-cards-01 .tab-dropdown-trigger {
        display: none;
    }
}

.js-tabs-01.scale-button .btn-loop-indiv .btn:hover,
.js-tabs-01.scale-button .btn-loop-indiv .btn:focus-visible {
    transform: scale(1.1);
}
/* #endregion */

/*------------------------------------------
    #MARK: PORTFOLIO 01
------------------------------------------*/
/* #region */
.single-portfolio .wrap {padding: 36px 0 100px;}

.single-portfolio .top-info {max-width: 1087px; justify-content: space-between; gap: 30px; margin-bottom: 40px;}
.single-portfolio .top-info .post-title {max-width: 630px;}
.single-portfolio .top-info .post-meta {max-width: 330px;}

.single-portfolio .slide-bg .bg-img {width: 100%; height: auto; aspect-ratio: 570/588;}

.single-portfolio .project-info {margin-top: 60px;}
.single-portfolio .project-info hr{margin:0; margin-top: 30px; margin-bottom: 20px; width: 40px; height: 2px; background: var(--primary-color2); border: none;}

.single-portfolio .cta {margin-top: 180px;}
.single-portfolio .cta .flexic {position: relative;}
.single-portfolio .cta .dmedia {max-width: 647px; width: 100%; height: auto; aspect-ratio: 647/572; position: relative;}
.single-portfolio .cta .dcta {max-width: 593px; width: 100%; padding: 70px; position: absolute; right: 0; top: -80px; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);}

.single-portfolio .cta .dcta .d-link {margin-top: 40px;}
.single-portfolio h2 {
    color: var(--secondary-color1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 44px */
    text-transform: uppercase;
}
.single-portfolio .cta .dcta .bg-border {
    z-index: -1;
    top: -81px;
    max-width: 342px;
    aspect-ratio: 342/453;
    height: auto;
    left: -145px;
}


.single-portfolio h2 span.red {color: var(--primary-color2);}

.single-portfolio h3 {
    color: var(--secondary-color1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 28.6px */
    text-transform: uppercase;
}

.single-portfolio .project-overview {max-width: 400px; padding: 40px; background: var(--secondary-color4); height: 100%;}

.single-portfolio .project-overview,
.single-portfolio .project-overview p {
     color: var(--darktext2);
}

.single-portfolio .project-overview h3 {color: var(--darktext);}
.single-portfolio .project-details {margin-bottom: 30px;}
.single-portfolio .project-details ul {list-style-type: none; padding-left: 23px;}
.single-portfolio .project-details ul li {position: relative;}
.single-portfolio .project-details ul li:not(:last-child) {margin-bottom: 26px;}
.single-portfolio .project-details ul li::before {content: ""; position: absolute; left: -23px; top: 8px; width: 8px; height: 8px; background: var(--primary-color2); border-radius: 100%;}
.single-portfolio .project-details .blue-text {color: var(--primary-color1); font-weight: 700;}

.single .post-article .hero-opt strong {
    color: var(--darktext);

    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.single h1.mtitle {
    color: var(--secondary-color1);
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 44px */
    text-transform: uppercase;
    margin-bottom: 40px;
}

.single-news .post-info h1.post-title {
color: var(--secondary-color1);
font-family: var(--font-1);
font-size: var(--h1-news);
font-style: normal;
font-weight: 400;
line-height: 110%; /* 66px */
text-transform: uppercase;
margin-bottom: 40px;
}

.single-portfolio .top-info hr {margin: 0;background: rgba(217, 217, 217, 0.60); border: none; width: 100%; height: 2px; position: relative;}

.single-portfolio .top-info hr::after {content: ""; position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); width: 40px; height: 2px; background: var(--primary-color2);}

.single-portfolio .post-meta .meta-item {margin-bottom: 15px; display: flex; gap: 20px; flex-wrap: nowrap;}
.single-portfolio .post-meta .meta-item .label {
    color: #173256;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
    min-width: 84px;
}

.single-portfolio .post-meta .meta-item .meta-info {
    color: var(--text-color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
}

.single-portfolio .owlprev {left: -20px;}
.single-portfolio .owlnext {right: -20px;}
/* #endregion */

/*------------------------------------------
    #MARK: NEWSLETTER FRCONTACT 01
------------------------------------------*/
/* #region */
.frcontact-01.news-letter .wrap {padding: 30px 0; background: var(--secondary-color5);min-height: 10px; height: auto;}

.news-letter .row {align-items: center;}
.news-letter .gform {
  padding:0;
  background: none;
  min-height: 1px;
  max-width: 789px;
  display: block;
  margin-left: auto;
}

.news-letter .top-text {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 16px */
}

.news-letter h2.title {
    color: var(--darktitle);
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

.news-letter .gform .gform-theme--foundation form {display: flex; gap: 30px; flex-wrap: nowrap; align-items: center;}

.news-letter .gform .gform-theme--foundation form .gform_body {flex: 0 0 79.84790874524715%; max-width: 79.84790874524715%;}

.news-letter .gform .gform-theme--foundation .gform_footer {margin-top: 0;}
/* #endregion */

/*------------------------------------------
    #MARK: SINGLE NEWS
------------------------------------------*/
/* #region */

.single-news .wrap {padding-top: 80px;padding-bottom: 100px;}
.single-news .post-date {
    color:var(--text-color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
}

.single-news .post-info {margin-bottom: 30px;}

.single-news .post-content .dtext p:has(img){margin-top: 60px;margin-bottom: 60px;}

.single-news .post-content h2 {margin-bottom: 40px;}
.single-news .post-content h4 {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
    margin-bottom: 20px;
}

.single-news .post-content ul {list-style-type: none; padding-left: 23px; margin-bottom: 30px;}
.single-news .post-content ul li {position: relative; margin-bottom: 10px;}
.single-news .post-content ul li::before {content: ""; position: absolute; left: -23px; top: 8px; width: 8px; height: 8px; background: var(--primary-color2); border-radius: 100%;}

.single-news .recent-news strong{
    color: var(--secondary-color1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
    letter-spacing: 5.4px;
    text-transform: uppercase;
}

.single-news .recent-news hr {
    margin: 0;
    margin-top: 15px;
    width: 40px;height: 2px;
    background-color: var(--primary-color2);
    border: none;
}

.single-news .recent-news .recent-post {padding: 40px 0; border-bottom: 2px solid rgba(217, 217, 217, 0.40);}

.single-news .recent-news .recent-post a {
    color: var(--text-color1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-1);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 22px */
}

.single-news .recent-news .recent-post a:hover {color: var(--primary-color1);}

.single-news .col-md-1 {display: flex; justify-content: center;}

.single-news .col-md-1 .v-line {background: #D9D9D9; width: 1px; height: 100%;}
/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */
/* The Wrapper holds 5 items */
.js-tabs-ajax-01 .btn-tab-toggle {

}

.js-tabs-ajax-01 .tinfo {margin-bottom: 80px;}
.js-tabs-ajax-01 .tinfo .row {align-items: flex-end;}
.js-tabs-ajax-01 [data-design*="tab-1"] .ntabs li a .ititle {
    color: #888;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.js-tabs-ajax-01 [data-design*="tab-1"] .ntabs li a:hover .ititle,
.js-tabs-ajax-01 [data-design*="tab-1"] .ntabs li a.active .ititle {
    color: var(--primary-color2);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.js-tabs-ajax-01 [data-design*="tab-1"] .ntabs li a.active::after {
    width: 100%;
}

.js-tabs-ajax-01 [data-design*="tab-1"] .ntabs {margin-bottom: 50px;}

.js-tabs-ajax-01 .wrap {flex-direction: column; row-gap: 0;}
.js-tabs-ajax-01 .container {max-width: 1440px;}
.js-tabs-ajax-01 .portfolio-wrapper {min-height: 208px; height: 100%; position: relative; display: flex; align-items: flex-end; padding: 20px; overflow: hidden;}
.js-tabs-ajax-01 .item-pos-0 .portfolio-wrapper {padding: 30px;}
.js-tabs-ajax-01 .portfolio-img-wrapper {position: absolute; width: 100%; height: 100%; top: 0;left: 0;}
.js-tabs-ajax-01 .portfolio-img-wrapper .portfolio-thumbnail {width: 100%; height: 100%;}
.js-tabs-ajax-01 .portfolio-wrapper h3 {
    color: var(--darktext);
    font-family: var(--font-2);
    font-size: var(--post-title20);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
    margin-bottom: 0;
}

.js-tabs-ajax-01 .portfolio-item-link .color {
    top: unset; bottom: 0;
    height: 99px;
    background: linear-gradient(180deg, rgba(5, 38, 82, 0.00) 0%, #052652 100%);
    transition: all .3s;
}

.js-tabs-ajax-01 .item-pos-0 .portfolio-item-link .color {height: 192px;  background: linear-gradient(180deg, rgba(5, 38, 82, 0.00) 0%, #052652 100%);}

.js-tabs-ajax-01 .portfolio-item-link:hover .color {height: 100%; background: linear-gradient(180deg, rgba(5, 38, 82, 0.60) 0%, #052652 100%);}

.js-tabs-ajax-01 .portfolio-item-link .content-hidden {position: absolute; left: 0; bottom: -100%; transition: all 0.3s; padding: 20px;}
.js-tabs-ajax-01 .item-pos-0  .portfolio-item-link .content-hidden {position: absolute; left: 0; bottom: -100%; transition: all 0.3s; padding: 30px;}
.js-tabs-ajax-01 .portfolio-item-link:hover .content-hidden {bottom: 0;}

.js-tabs-ajax-01 .portfolio-item-link .content-top {transition: all 0.3s;}
.js-tabs-ajax-01 .portfolio-item-link:hover .content-top {opacity: 0;}

.js-tabs-ajax-01 .portfolio-wrapper .btn-link {
    color: var(--primary-color2);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-2);
    font-size: var(--font-size-13);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-color2);
    margin-top: 22px;
    max-width: min-content;
    text-wrap: nowrap;
}



.js-tabs-ajax-01 .post-cont {position: relative;}
.js-tabs-ajax-01 .portfolio-group-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    grid-template-rows: repeat(2, 200px);  /* 2 rows */
    gap: 20px;
    width: 100%;
}

/* Item 1 (Pos 0): Spans 2 rows and 2 columns (The "11") */
.js-tabs-ajax-01 .item-pos-0 {
    grid-column: span 2;
    grid-row: span 2;
}

/* Item 2 (Pos 1): Row 1, Col 3 */
.js-tabs-ajax-01 .item-pos-1 { grid-column: 3; grid-row: 1; }

/* Item 3 (Pos 2): Row 1, Col 4 */
.js-tabs-ajax-01 .item-pos-2 { grid-column: 4; grid-row: 1; }

/* Item 4 (Pos 3): Row 2, Col 3 */
.js-tabs-ajax-01 .item-pos-3 { grid-column: 3; grid-row: 2; }

/* Item 5 (Pos 4): Row 2, Col 4 */
.js-tabs-ajax-01 .item-pos-4 { grid-column: 4; grid-row: 2; }

/* Responsive: Stack them on mobile */
@media (max-width: 768px) {
    .js-tabs-ajax-01 .portfolio-group-wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .js-tabs-ajax-01 .item-pos-0 {
        grid-column: span 1;
        grid-row: span 1;
    }

    .js-tabs-ajax-01 .portfolio-group-wrapper {
        display: grid;
        /* 2 equal columns */
        grid-template-columns: repeat(2, 1fr); 
        /* 3 rows of 200px (adjust height as needed) */
        grid-template-rows: repeat(3, 200px);  
        gap: 20px;
        width: 100%;
    }

    /* Item 1 (The "11"): Spans the entire first row */
    .js-tabs-ajax-01 .item-pos-0 {
        grid-column: 1 / span 2; /* Occupies both columns */
        grid-row: 1;             /* Stays in the first row */
    }

    /* Row 2: Items 2 and 3 */
    .js-tabs-ajax-01 .item-pos-1 { grid-column: 1; grid-row: 2; }
    .js-tabs-ajax-01 .item-pos-2 { grid-column: 2; grid-row: 2; }

    /* Row 3: Items 4 and 5 */
    .js-tabs-ajax-01 .item-pos-3 { grid-column: 1; grid-row: 3; }
    .js-tabs-ajax-01 .item-pos-4 { grid-column: 2; grid-row: 3; }
}

/* Image scaling to fill the grid cells */
.js-tabs-ajax-01 .portfolio-img-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.js-tabs-ajax-01 .portfolio-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images fill the grid space without stretching */
}


.slider-bottom {display: flex; align-items: center; gap: 30px; max-width: 1200px; padding: 0 15px; margin: 30px auto 0;}
.slider-progress-container { flex-grow: 1; height: 2px; background: rgba(186, 186, 186, .5); position: relative; overflow: hidden; }
.slider-progress-bar { position: absolute; left: 0; top: 0; height: 100%; background: var(--primary-color2); width: 0%; transition: width 0.3s ease; }
.slider-nav-btns { display: flex; gap: 20px; }
.btn-prev, .btn-next { cursor: pointer; border-radius: 100%; border: 1px solid rgba(186, 186, 186, .5); width: 40px; height: 40px; background: transparent; transition: 0.3s; padding:0; display: flex; justify-content: center; align-items: center;}
.btn-prev:hover, .btn-next:hover { background: var(--primary-color2); color: #fff; }
.btn-prev:hover svg path, .btn-next:hover svg path {fill: var(--color0);}

.tab-dropdown-trigger { display: none; }

@media (max-width: 767px) {
    .js-tabs-ajax-01 .tab-dropdown-trigger {
        display: block;
        position: relative;
        margin-bottom: 30px;
    }
    
    .js-tabs-ajax-01 .btn-tab-toggle {
        width: 100%;
        padding: 10px 10px;
        background: #fff;
        border: none;
        border-bottom: 1px solid var(--primary-color2);
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }

    .js-tabs-ajax-01 .btn-tab-toggle span {
        color: #888;
        leading-trim: both;
        text-edge: cap;
        font-family: var(--font-2);
        font-size: var(--font-size-16);
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }

    /* Hide the horizontal lines on mobile */
    .js-tabs-ajax-01 .v-line { display: none !important; }

    /* Transform UL into a dropdown menu */
    .js-tabs-ajax-01 .ntabs {
        display: none; /* Hidden by default on mobile */
        flex-direction: column;
        background: #fff;
        border: 1px solid #ddd;
        border-top: none;
        position: absolute;
        z-index: 100;
        width: 100%;
    }

    .js-tabs-ajax-01 .ntabs.show {
        display: block;
    }

    .js-tabs-ajax-01 .nav-item { width: 100%; }
    
    .js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a {
        padding: 10px;
    }

    .js-tabs-cards-01 [data-design*="tab-1"] .ntabs li a::after {bottom: 0 !important;}
}
/* #endregion */

/*------------------------------------------
    #MARK: POPFORM 01
------------------------------------------*/
/* #region */
.apply-form[data-colwidth="6"] {padding: 100px 80px; background: url(images/masks/apply.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; max-width: 1170px;}
.apply-form[data-colwidth="6"] .color {background: rgba(12, 26, 55, 0.95);}
.apply-form[data-colwidth="6"] .gform {padding: 0; background: none; min-height: 10px;}
.apply-form[data-colwidth="6"] .flexic {justify-content: space-between; gap: 30px; width: 100%; position: relative;} 
.apply-form[data-colwidth="6"] .flexic .flex-item-1{max-width: 320px;}
.apply-form[data-colwidth="6"] .flexic .flex-item-2 {max-width: 590px;}

.apply-form[data-colwidth="6"] .flex-item-1 .mtitle {
    color: var(--darktext);
    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 57px;
}

.apply-form[data-colwidth="6"] .flex-item-1 .atitle {
    color: var(--darktext);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-1);
    font-size: var(--form-title26);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 28.6px */
    text-transform: uppercase;
}

.apply-form[data-colwidth="6"] .flex-item-1 .dtext p {
    color: var(--darktext2);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield.gfield--input-type-consent .ginput_container input[type="checkbox"] {display: none;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield.gfield--input-type-consent .ginput_container label {
    margin-left: 0; 
    padding-left: 22px;
    color: var(--darktext2);
    font-family: var(--font-2);
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-wrap: wrap;
}
.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield.gfield--input-type-consent .ginput_container label::after {width: 12px;height: 12px; left: 0px; top: 1px;}

.frcontact-01 .gform .gform-theme--foundation .gform_body .gform_fields .gfield.gfield--input-type-consent .ginput_container label::before {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 12px;
}

.fancybox__content > .f-button.is-close-btn {width: 40px;height: 40px; background-color: var(--primary-color2) !important; border-radius: 0; top: 0 !important;right: 0; opacity: 1;}
.fancybox__content > .f-button.is-close-btn svg {width: 14px;height: 14px; opacity: 1;}
/* #endregion */

/*------------------------------------------
    #MARK: GFORM UPDATE
------------------------------------------*/
/* #region */

.gform .gform-theme--framework form .gform_fileupload_rules,
.gform .gform-theme--framework form .gform_drop_instructions,
.gform .btn.upload-btn {
  display: none !important;
}

.gform .gform-theme--framework form .gform_drop_area {
  padding: 0;
  border: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: none;
  background-color: transparent;
}

.gform
  .gform-theme--framework
  .validation_message--hidden-on-empty
  .gfield_validation_message {
  display: block;
}

.gform .gform-theme--framework form .gform_button_select_files {
  background-color: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: "Nunito Sans" !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  padding: 0 !important;
  min-height: auto !important;
}

.gform .gform-theme--framework form .ginput_container_fileupload {
  padding: 3px 0 13px;
  /* border-bottom: 1px solid hsla(206, 100%, 45%, 0.5); */
}

.gform .gform-theme--framework form .gfield_error .ginput_container_fileupload {
  border-bottom: 2px solid var(--color4);
}

.gform .gform-theme--framework form .gform_drop_area {
  display: inline-flex;
  width: auto;
  border-radius: 0;
}

.gform .gform-theme--framework form .gform_drop_area::before {
  content: "";
  width: 11px;
  height: 22px;
  margin-bottom: 0;
  background-image: url(images/icons/clip.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%);
}

.gform .gform-theme--framework .ginput_preview .gfield_fileupload_filename {
  color: var(--gf-ctrl-file-prev-size-color) !important;
}

.frcontact-01
  .gform
  .gform-theme--foundation
  .gform_body
  .gform_fields
  .gfield.gfield--type-fileupload,
.frcontact-01.contact-page
  .gform
  .gform-theme--foundation
  .gform_body
  .gform_fields
  .gfield.gfield--type-fileupload
  .ginput_container_fileupload {
  display: block;
}

/* #endregion */

/*------------------------------------------
    #MARK: SINGLE UPDATE
------------------------------------------*/
/* #region */

.element .dtext .wp-caption-text {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-top: 20px;
  text-align: start;
}

article.single-post .dtext p img {width: auto; max-width: 100%;}
article.single-post .dtext img {width: auto; max-width: 100%;}

/* #endregion */

/*------------------------------------------
    #MARK: MOD STYLES 06/10/2026
------------------------------------------*/
/* #region */

.frcontact-03 .element_wrap {
  position: relative;
  padding: 80px 70px 80px;
}

.frcontact-03 .gform_wrap .gform {position: relative;}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */