/*
Theme Name: Achelous Partners
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: ROOT
------------------------------------------*/
/* #region */

:root {
    
    /* --font-size: 17px; */
    --font-1: "DM Serif Text";
    --font-2: "Inter";
    
    --color1: #141C2B;
    --color2: #D35F28;
    /*
    --color1: #003663;
    --color2: #001221;
    --color3: #CC003B;

    --h1: 80px;
    --h2: 54px;
    --h3: 44px;
    --h4: 32px;
    --h5: 24px;
    --h6: 18px;
    */

    --color10: black;
    --color11: #141C2B;
    --color12: #141C2B;

    --a: #FFF;
    --hover: #D35F28;       

    --darktitle:white;
    --darktext:white;
}

/* #endregion */

/*Effects*/

/* Keyframes for the pulse effect */
@keyframes pulse {
    0% {
        transform: scale(1); /* Normal size */
        opacity: 1; /* Fully visible */
    }
    50% {
        transform: scale(1.1); /* Slightly larger */
        opacity: 0.8; /* Slightly faded */
    }
    100% {
        transform: scale(1); /* Back to normal size */
        opacity: 1; /* Fully visible */
    }
}

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/

.w-full {
    width: 100%;
}

.bg {
    position: relative;
}

.bg-darkblue {
    background-color: rgb(21,36,65);
}

.element .f-icon svg {
    width: 20px;
    height: auto;
}

.f-icon svg g {
    fill: white;
}

.menu-links.is-mobile li:before {
    filter: brightness(0) invert(1) !important;
}

.mobile-menu .m-toggler {
    background-color: transparent;
    opacity: 0.6;
    cursor: pointer;
}

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

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

.bg-1::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    min-height: 2000px;
    top: 0;
    left: 0;
    background: url(./images/theme/bg-1-1.webp) top center no-repeat;
    background-size: cover;
    overflow-y: auto;
    z-index: -1;
}


.bg-2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    min-height: 2000px;
    top: 0;
    left: 0;
    background: url(./images/theme/bg-1-1.webp) top center no-repeat;
    background-size: cover;
    overflow-y: auto;
    z-index: -1;
}

.bg-3::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    min-height: 1568px;
    top: 0;
    left: 0;
    background: url(./images/theme/bg-3.webp) top center no-repeat;
    background-size: cover;
    overflow-y: auto;
    z-index: -1;
}

.bg-4::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    min-height: 3352px;
    top: 0;
    left: 0;
    background: url(./images/theme/bg-4.webp) top center no-repeat;
    background-size: cover;
    overflow-y: auto;
    z-index: -1;
}

.custom-image img {
    max-width: 470px;
}

/* .custom-image .dinfo {
    max-width: 100% !important;
} */

.custom-image [data-design*="row"][data-rtl="1"] .d-popmedia {
    margin-left: auto;
    display: block;
}

.custom-image  .col-md-7 .dinfo {
    max-width: 590px !important;
}



.hidden {
    display: none !important;
}

.btitle {
    color: #3ba95d;
    font-family: var(--font-2);
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 3.6px;
    text-transform: uppercase;
}

.half {
    display: grid;
    gap: 43px;
    grid-template-columns: 250px 1fr;
}

.pop-link .overlay img {
    max-width: 80px;
}

.pop-link .overlay, .pop-link .overlay img {
    opacity: 1;
    transition: 0.3s;
    animation: pulse 2s infinite; 
}

.pop-link .overlay img, .pop-link .overlay img {
    filter: brightness(1) invert(0);
    
}

.element img.icon-pop {
    width: 80px;
    height: 80px;
    left: -45px;
    top: -45px;
}

.mtitle {
    color: #141C2B;
    font-family: var(--font-1);
    /* font-size: 42px; */
    /* font-size: clamp(2.5rem, 2.4482rem + 0.2762vw, 2.625rem); */
    font-size: clamp(2rem, 1.6464rem + 1.5291vw, 2.625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 46.2px */
}

.dtext, .accordion-content-inner {
    color: #888;
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.ptext {
    margin-top: 30px;
}


.dtext ul, .ptext ul, .accordion-content-inner ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;

    color: #888;
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.dtext ul li, .ptext ul li, .accordion-content-inner ul li {
    position: relative;
    padding-left: 16px;
    
}
    

.dtext ul li::before, .ptext ul li::before, .accordion-content-inner ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    left: 0;
    top: 9px;
    position: absolute;
    background: #3ba95d;
}

.element .footnote {
	margin-top: 30px;
	color: #888;
	font-family: Inter;
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
	line-height: 150%;
}

.element a {
	color: #3BA95D;
}

.element a:hover {
	color: #3BA95D;
}

.btn-1 {
    color: #068CC0;
    /* Button 2 */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    text-transform: uppercase;
    position: relative;
    background-color: transparent;
    /* transition: all ease 300ms; */
    border-radius: 22px;
    border-color: transparent;
    padding: 11px 30px !important;
    transition: all ease 800ms;
    
}

.btn-1 span {
    margin-left: 14px;
}

.btn-1::after {
    background: url(./images/theme/icon-arrow-right.svg) no-repeat center center;
    background-size: 100%;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 36px;
    height: 36px;
    transform: translate(0%, -50%);
    /*transition: all ease 600ms;*/
    opacity: 1;
    z-index: 1;
    
}

.element.overlay-bpy-27 .wrap > .overlay-bg {
	background-position-y: 27%;
}

.element.overlay-bpy-32 .wrap > .overlay-bg {
	background-position-y: 32.7%;
}

.element.overlay-bpy-44 .wrap > .overlay-bg {
	background-position-y: 44%;
}

.element.overlay-bpy-45 .wrap > .overlay-bg {
	background-position-y: 45%;
}

.element.overlay-bpy-54 .wrap > .overlay-bg {
	background-position-y: 54%;
}

.element.overlay-bpy-83 .wrap > .overlay-bg {
	background-position-y: 83%;
}

@media (max-width:1024px) {
    .btn-1::after {
       display: block;
    }   
}

.btn-1 span {
    color: #068CC0;
}

.btn-1:hover span {
    margin: 0;
    color: white;
}

.btn-1:hover::after {
	display: none;
    /* transform: translate(100%, -50%);
    background-image:none; */
}

.btn-1:hover {
    background-color: #068CC0;
}

.no-pointer > a {
    cursor: default;
}
/* #region */


/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */



/* #endregion */

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



header .navbar-brand {
    /* width */
    width: 320px;
}

header .mobile-logo {
    /* width */
    width: 250px;
}
@media (max-width:1024px) {
    header.menu-overlay {
        background: #152441;
    }
}


.ontop {
 /* background: #141C2B;    */
}

.mobile-menu {
    background: #141C2B;   
}



header .menu_wrap {
    /* padding */
}

header:not(.menu-overlay) {
    position: relative;
    background-color: #141C2B;
}

header:not(.menu-overlay)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(./images/theme/header-image.webp) top left no-repeat;
    
    background-size: cover;
    z-index: -1;
    opacity: 0.2;
}

.header {
    transition: all ease 300ms;
}

.header[data-sticky="sticky"].sticky-head {
    background-color:#141C2B;
}

header .dropdown-menu {
    background: rgba(255,255,255,0.8);
    border-radius: 0;
    margin: 0;
    transition: all ease 300ms;
    animation: fadeIn 1s ease-in forwards;
}

header .dropdown-menu li.active a {
    /* background-color: #D35F28; */
}

header .dropdown-menu .menu-item {
	padding-top: 0;
	padding-bottom: 0;
}

header .dropdown-menu .menu-item:last-child {
	margin-top: -10px;
}

header .mobile-menu .dropdown-menu .menu-item:last-child {
	margin-top: 0;
}

header .main-menu .menu-item.active {
    border-bottom: 2px solid #3ba95d;
}

header .mobile-menu .main-menu .menu-item.active {
    border-bottom: 0;
}

header .dropdown-menu a {
    color: var(--color1);
    text-align: right;
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
}

header .dropdown-menu .menu-item a {
	padding: 18px 22px;
}

.navbar[data-drop="default"][data-trigger="hover"] .dropdown:hover > .dropdown-menu {
    display: block;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 0 0;
    
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
    color: white;
}

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

.dropdown-toggle:hover::after {
	border-top: .3em solid #3ba95d;
}

header .mobile-menu .navbar-nav {
	margin-top: 30px;
	gap: 0 !important;
}

.mobile-menu .menu-item {
	padding: 0;
}

header .mobile-menu .dropdown-menu {
	margin: 0;
	top: 0;
}

header .mobile-menu .main-menu .navbar-nav .nav-link {
	border-bottom: 2px solid transparent;
	display: block;
}

header .mobile-menu .main-menu .navbar-nav .dropdown-toggle {
	border: 0;
    cursor: pointer;
}

header .mobile-menu .main-menu .navbar-nav .nav-link:hover,
header .mobile-menu .main-menu .navbar-nav .active .nav-link {
	border-color: #3ba95d;
}

/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */

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

.menu_wrap {
    padding: 29.1px 0;
}

.main-menu .navbar-nav {
    /* gap */
    gap: 30px !important;
}

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

.main-menu .nav-link span {
    /* color */
    color: #FFF;
    text-align: right;
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
}

.main-menu .menu-item {
    /* padding */
}

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

.main-menu .menu-item {
    border-bottom: 2px solid transparent;
}

.main-menu .menu-item:hover {
    border-bottom: 2px solid #3ba95d;    
}

.main-menu .menu-item .dropdown-menu li:hover a  {
    color: #3ba95d;
}

.mobile-menu .menu-item {
	border: 0;
}

.mobile-menu .menu-item:hover {
	border: 0;
}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
.footer-0 {
    padding-top: 60px;
    padding-bottom: 30px;   
}


.footer-0 .wrap .container-xl {
    /* min-height: 437px; */
}

.footer-0 .dtop {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 64px;
}

footer .is-link span {
	color: #fff;
}

footer .is-link.is-active span,
footer .is-link:hover span {
	color: #3ba95d;
}

.ff-cta .wrap {
	width: 100%;
	min-height: 617px;
	align-items: center;
    overflow: hidden;
}

.ff-cta .overlay.color1 {
	max-height: 322px;
  	background: linear-gradient(180deg, rgba(20, 28, 43, 0.3) 0%, rgba(20, 28, 43, 0) 100%);
}

.ff-cta .overlay.color2,
.ff-cta .overlay.color3,
.ff-cta .overlay.color4 {
	max-width: 54.652778%;
  	background: linear-gradient(90deg, rgba(20, 28, 43, 0.49) 0%, rgba(20, 28, 43, 0) 100%);
}


@media (max-width:1024px) {
    .footer-0 .dtop {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
}

.footer-0 .dtop .footer-logo {
    width: 270px;
    margin-top: 44px;
    margin: 0 auto;
}


.footer-0 .footer-menu .menu-title, .footer-0 .dcompany .menu-title {
    color: #FFF;
    text-align: left;
    font-family: var(--font-1);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
    text-transform: uppercase;
    position: relative;
}

@media (max-width:1024px) {
    .footer-0 .dcompany .menu-title {
        text-align: center;
    }
}

.footer-0 .dcompany .ssc {
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
}

.footer-0 .dcompany .ssc::after {
    content: "";
    position: absolute;
    top: 35%;
    left: 0;
    width: 6px;
    height: 6px;
    background: url(./images/theme/icon-lislinks-links.svg) no-repeat left center;
}


.footer-0 .footer-menu .menu-links {
    padding: 0;
    margin: 0 0 0 20px;
}

.footer-0 .footer-menu .menu-links.hide-lg {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

@media (max-width:1024px) {
    .footer-0 .footer-menu .menu-links.hide-lg {
     display: none;
    }
}

.footer-0 .footer-menu .menu-item {
    position: relative;
    list-style-type: none;
    transition: all ease 300ms;
}

.footer-0 .footer-menu .menu-item::after {
    content: "";
    position: absolute;
    top: 40%;
    left: -15px;
    width: 6px;
    height: 6px;
    background: url(./images/theme/icon-lislinks-links.svg) no-repeat left center;
}



.footer-0 .footer-menu .menu-links {
    
}

.footer-0 .footer-menu .menu-item a {
    color: #FFF;
    font-family: var(--font-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */   
    transition: all ease 300ms;
}

.footer-0 .footer-menu .menu-item a:hover {
    color: #3ba95d;
}

.footer-0 .sc-contact {
    color: #FFF;
    font-family: var(--font-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
}

.footer-0 .sc-contact:hover {
	color: #3ba95d;
}

.footer-0 .footer-bodered {
    opacity: 0.8;
    background: #068CC0;
    height: 4px;
    width: 100%;
    margin-top: 60px;
}

.footer-0 .copyright {
    padding-top: 20px;
}

.footer-0 .copyright .foot .copy, .footer-0 .copyright .foot .web, .footer-0 .copyright .foot .web a {
    color: rgba(255, 255, 255, 0.70);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-0 .copyright .d-link:hover span {
	color: #3ba95d;
}

@media (max-width:1024px) {
    .footer-0 .footer-menu .menu-item::after {
        display: none;
    }

    .footer-0 .footer-menu .menu-links{
        margin: 0;
        border: 1px solid #068CC0;
    }

    .menu-links.is-mobile li {
        color: white;
    }

    .menu-links.is-mobile li:before {
        /*Background change*/

    }

    .footer-0 .footer-menu .menu-title {
        display: none;
    }

    .sel-menu svg {
        display: none;
    }

    footer .foot {
        text-align: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
        gap: 30px;
    }
    
}



/* #region */


/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */
.heroslider-02 {
    /* position: relative; */
}


.heroslider-02 .slide-bg {
    width: 100%;
}

.heroslider-02 .overlay {
    /* background-color: red; */
}

.heroslider-02 .overlay:before {
    content: "";
    width: 100%; 
	height: 100%;
    max-height: 328px;
  	background: linear-gradient(180deg, rgba(20, 28, 43, 0.8) 0%, rgba(20, 28, 43, 0) 100%);
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
   }
   
.heroslider-02 .overlay:after {
       position: absolute;
       content: "";
       width: 100%;
	   height: 100%;
       max-height: 357px;
  	   background: linear-gradient(0deg, rgba(20, 28, 43, 0.49) 0%, rgba(20, 28, 43, 0) 100%);
       bottom: 0;
       left: 0;
       z-index: 2;
       display: block;
      }

.heroslider-02 .dinfo {
    margin-bottom: 90px;
}

.heroslider-02 .mtitle {
    color: #FFF;
    font-family: var(--font-1);
    /* font-size: 55px; */
    font-size: clamp(2.375rem, 1.9347rem + 2.3481vw, 3.4375rem);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 60.5px */
}

.heroslider-02 .ptext {
    margin-top: 30px;
    color: #FFF;
    font-family: var(--font-2);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    position: relative;
    padding-left: 20px;
}

.heroslider-02 .ptext:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    width: 5px;
    height: calc(100% + 4px);
    background-color: #3BA95D;
    border-radius: 2px;
}

.heroslider-02 [data-colwidth="9"] .hero-opt, .heroslider-02 [data-colwidth="9"] .col-info {
    max-width: 63%;
}

@media (max-width:1024px) {
    .heroslider-02 [data-colwidth="9"] .hero-opt, .heroslider-02 [data-colwidth="9"] .col-info {
        max-width: 100%;
    }   
    .hero-opt {
        padding: 10px 0;
    }

    
}

.fborder {
    margin-bottom: 10px;
}

.social-icons {
    margin-top: 36px;
}

.social-icons .soc-link {
    background-color: transparent !important;
    border-radius: 100%;
    width: 50px !important;
    height: 50px !important;
    border-radius: 100%;
    border: 1px solid rgba(217, 217, 217, 0.30);
}

.social-icons .soc-link:hover {
    background-color: #068CC0 !important;
}

.social-icons .soc-link img {
    filter: invert(53%) sepia(100%) saturate(453%) hue-rotate(150deg) brightness(81%) contrast(111%) !important;
    opacity: .9 !important;
    transition: 0.5s;
}

.social-icons a:hover img {
    filter: none !important;
    opacity: 1;
}

.social-icons .soc-link img {
    max-width: 13px;
}

/* #endregion */

/*------------------------------------------
    # SUBSCRIPTUION BOX

/* #region */

.subscribe {
    background: #152441;
}

.subscribe .box {
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 122px;
    padding: 6px 0;
    align-items: center;
}



.subscribe .box h3 {
    color: #FFF;
    font-family: var(--font-1);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 19.8px */
    
}

.subscribe .box h3 span {
    color: #FFF;
    font-family: var(--font-1);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
/* #endregion */


@media (max-width:1200px) {
    .subscribe .box {
        padding: 30px 15px ;
        gap: 0;
        grid-template-columns:1fr !important;
    }
}

/*---------GF Forms------------------------------------------*/

.gform_validation_errors {
    display: none !important;
}

.s-form .gform-theme--foundation .gform_fields {
    align-items: center !important;
}

.s-form .gform-theme--foundation .gfield .ginput_password.large, 
.s-form .gform-theme--foundation .gfield input.large,
.s-form .gform-theme--foundation .gfield select.large {
    inline-size: 100% !important;
    border-radius: 30px;
    background: #1f2d4a !important;
    padding: 16px;
    min-height: 45px;
    font-family: var(--font-2);
    border-color: transparent;
    color: #FFF;
}

.s-form .gform_body input::placeholder {
    color: #FFF !important;
    text-align: left;
    font-family: var(--font-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    padding: 16px 5px;
    opacity: 1 !important;
    opacity: 0.5 !important;
}

.s-form .gform_body .gform_validation_errors {
    display: none !important;
}


.s-form .gfield_description {
    display: none !important;
}

.s-form .gform-button {
    border-radius: 30px !important;
    background: #068CC0 !important;
    text-transform: uppercase !important;
    display: inline-flex;
    padding: 14px 25px !important;
    justify-content: center !;
    align-items: center !important;
    gap: 10px;
    flex-shrink: 0;
    opacity: 1 !important;
    color: #FFF !important;
    font-family: var(--font-2) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
}

[aria-invalid="true"] {
    border: 1px solid #D35F28 !important;
}

.s-form #gform_1 {
    margin-top: 30px;
}

.s-form #field_1_1 {
    min-width: 337px;
}

.s-form #field_1_3 {
    min-width: 304px;
}

/*------------------------------------------
    #MARK: SLIDER Gallery 01
------------------------------------------*/
/* #region */
@media (max-width:1024px) {
    .slidergallery-01 {
        padding: 0 15px;
    }
}

.slidergallery-01 .heading-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
}

@media (max-width:1024px) {
    .slidergallery-01 .heading-box {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.slidergallery-01 .heading-box .mtitle {
    max-width: 600px;
    margin-top: 20px;
}

.slidergallery-01 .heading-box .dinfo {
    margin-top: 30px;
} 

.slidergallery-01  .owl-carousel {
    /* margin-top: 60px; */
}

.slidergallery-01  .owl-carousel .item {
    background: #FFF;
    padding: 0 0 30px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content:space-between;
    gap:0;
    max-height: 314px;
    transition: all ease 300ms;
    position: relative;
    width: 270px;
    overflow-y: hidden;
}

.slidergallery-01  .owl-carousel .item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #068CC0;
	pointer-events: none;
	transition: 0.1s;
}

.slidergallery-01  .owl-carousel .item:hover::before {
	border-width: 3px;
}

.slidergallery-01  .owl-carousel .item:hover {
	border-width: 3px;
}

.slidergallery-01  .owl-carousel .item .front{
    padding-top: 37px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slidergallery-01 .owl-carousel .item .back{
    padding-bottom: 30px;
    padding-top: 37px;
    transition: all ease 300ms;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateY(100%);
    max-height: 314px;
/* 	display: none !important; */
}

.slidergallery-01 .owl-carousel .item .back:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 93%;
    height: 94%;
    border: 1px solid rgba(59, 169, 93, .6);
    pointer-events: none;
    box-sizing: border-box;
}

.slidergallery-01  .owl-carousel .item:hover .back {
    transform: translateY(0);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #152441;
}

.slidergallery-01  .owl-carousel .item:hover .back .text, .slidergallery-01  .owl-carousel .item:hover .back .title {
   color: #C2C2C2;
}

.slidergallery-01  .owl-carousel .item .title, .slidergallery-01  .owl-carousel .item .text {
    color: #888;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}

.slidergallery-01  .owl-carousel .item .text {
    padding: 0 10px;
}

.slidergallery-01 .owl-carousel .item img {
    max-width: 140px;
    width: auto;
    max-height: 70px;
    margin: 0 auto;
}

.slidergallery-01 .owl-carousel .item .image-container img {
    max-width: 122px;
    width: auto;
    max-height: 70px;
}

.slide-border {
    margin-top: 60px;
    width: 100%;
}


.slidergallery-01  .owl-carousel .item:hover::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 93%;
    height: 93%;
    border: 1px solid rgba(211, 95, 40, 0.60); /* Border color */
    pointer-events: none; /* Prevent the pseudo-element from interfering with interactions */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
	display: none;
}

/* .slidergallery-01  .owl-carousel .item:hover {
    background: #152441;
} */

/* .slidergallery-01  .owl-carousel .item:hover .title, .slidergallery-01  .owl-carousel .item:hover .text {
    color: #FFF;
} */

.slidergallery-01  .owl-carousel .item:hover img {
    /* filter: invert(100%) brightness(500%) !important;
    mix-blend-mode: lighten;
    background-color: white;
    filter: brightness(1000%); */
}

@media (max-width:1024px) {
    .slidergallery-01 .owl-carousel .item {
        margin: 0 auto;
    }
}

/* #endregion */

/*------------------------------------------
    #MARK: ICON FLEX 01
------------------------------------------*/
/* #region */
.iconflex-01 .dtext {
	margin-top: 10px;
}

.iconflex-01 .heading {
    color: #141C2B;
    text-align: center;
    font-family: var(--font-1);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 26.4px */
    max-width: 770px;
    margin: 0 auto 60px;
}

.iconflex-01 .flexic {
    justify-content: center;
    gap: 30px;
    margin: 0 !important;
}

.iconflex-01 .flexic .flex-item{
    min-width: 270px;
    max-width: 270px;
    border: 2px solid rgba(217, 217, 217, 0.30);
    display: flex;
    justify-content: center;
    align-items: start;
    min-height: 223px;
}

.iconflex-01 .flexic .flex-item .diconn {
    background: rgba(173, 173, 173, 0.10);
    max-width: 75px !important;
    height: 75px !important;
    border-radius: 100%;
    padding: 0;
    margin: 0;
}

.iconflex-01 .flexic .flex-item .dinfo {
    padding-top: 30px;
    padding-bottom: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 220px;
    margin: 0 auto;
    gap: 20px;
    color: #141C2B;
    text-align: center;
    font-family: var(--font-1);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
}


/* #endregion */

/*------------------------------------------
    #MARK: Accordion
------------------------------------------*/
/* #region */

.accordion_layout {
    min-height: 856px;
    position: relative;
    /* overflow-x: hidden;
    overflow-y: visible; */
}

.accordion_layout .box {
    display: grid;
    grid-template-columns: 500px 1fr;
    gap: 100px;
    position: relative;   
}

@media (max-width:1024px) {
    .accordion_layout .box {
        grid-template-columns:1fr;
    }
}

.dd {
    position: relative;
    width: 100%;
    height:100%;
    
}
.accordion_layout .dd:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100vw - 39%);
    height: 856px;
    background: url(./images/theme/bg-accordion.webp) top center no-repeat;
    background-size: cover;
    z-index: -1;
    transform: translateX(0);
    overflow: hidden;
}

.accordion_layout .box img {
    width: 100%;
    transform: translateY(80px);
}


.accordion {
    transform: translateY(80px);
    overflow: hidden;
    width: 100%;
  }
  .accordion-item {
    overflow: hidden;
    margin-bottom: 30px;
  }


  .accordion-item:last-child {
    border-bottom: none;
  }
  
  .accordion-header {
    position: relative;
    padding: 15px 30px;
    cursor: pointer;
    color: #C2C2C2;
    text-align: center;
    font-family: "DM Serif Text";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 26.4px */

    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .accordion-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    opacity: 0.05;
    background: #ECECEC;
  }

  .accordion-header:hover {
    
  }
  .accordion-content {
    height: 0;
    overflow: hidden;
    padding: 0 0;
    transition: height 0.4s ease;
  }
  .accordion-content-inner {
    max-width:500px;
    padding: 30px 0;
    display: block !important;
    margin: 0 auto;

    color: #C2C2C2 !important;
    font-family: var(--font-2);
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 150%; /* 21px */
  }

  .accordion-content-inner ul { 
    color: #C2C2C2 !important;
    font-family: var(--font-2);
    font-size: 14px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 150%; /* 21px */
}

  .accordion_layout .accordion-item svg {
    transition: transform 0.3s;
  }

  .accordion_layout .accordion-item:hover .accordion-header, .accordion_layout .accordion-item.active .accordion-header {
    color: #fff;
  }

  .accordion_layout .accordion-item.active svg{
    transform: rotate(180deg);;
  }


@media (max-width:1024px) {
    .accordion {
        transform: translateY(0);
    }
    .accordion_layout .box {
        gap: 0;
    }

    .accordion_layout .dd:after {
        display: none;
    }
    .accordion_layout .box img {
        transform: translateY(0);
    }
    .accordion {
        padding: 30px 15px;
        transform: translateY(0);
        background: url(./images/theme/bg-accordion.webp) top center no-repeat;
      }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA
------------------------------------------*/
/* #region */

.rowmedia-01 [data-design*="row"][data-rtl="0"] .dinfo {
    margin-left: 0;
    max-width: 500px;
}

.seventy [data-design*="row"][data-rtl="0"] .dinfo {
    margin-left: auto;
    max-width: 500px;
}

.rowmedia-01 [data-design*="row"][data-rtl="0"]  .d-popmedia {
    /* padding-right: 70px; */
}

.rowmedia-01 .col-md-7 .d-popmedia {
    max-width: 570px;
}

.rowmedia-01 .col-md-7 .dinfo{
    max-width: 570px;
}

.rowmedia-01 .col-md-7 .dinfo .mtitle{
    max-width: 533px;
}

.rowmedia-01 .col-md-5 {
    padding: 0;
}

@media (max-width:1024px) {
    .rowmedia-01 .col-md-5 {
        padding: 0 15px;
    }
}


[data-rtl="1"] .dinfo {
    /* max-width: 570px; */
}

[data-theme="light"] .dinfo .btitle {
    color: #3ba95d;
}

[data-theme="light"] .dinfo .mtitle {
    color: white;
}

[data-theme="light"] .dinfo .dtext {
    color: #C2C2C2;
}

.rowmedia-01 .dinfo  .mtitle {
    margin-top: 20px;
}

.rowmedia-01 .dinfo .dtext {
    margin-top: 30px;
    position: relative;
}

.rowmedia-01 .dinfo .dtext:not(.true) {
    font-weight: 300;
    padding-left: 20px;
}

.rowmedia-01 .dinfo .dtext:not(.true)::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 30px;
    border-radius: 2px;
    background: #3BA95D;
}

.rowmedia-01 .dinfo .d-links {
    margin-top: 40px;
    margin-left: 20px;
}

/*ma*/
.ma [data-design*="row"][data-rtl="0"] .d1 .d-popmedia {
    max-width: 500px;
}

.ma [data-rtl="1"] .dinfo {
    max-width: 500px;
    
} 

.ma [data-design*="row"][data-rtl="0"] .dinfo {
    padding: 0 8px;
}


/*FA*/
.isfa .dinfo {
    max-width: 519px !important;
}

@media (max-width:1024px) {
    .rowmedia-01 .dinfo .d-links {
        margin-left: 0;
    }
}

.rowmedia-01 .dtext a {
    color: #068CC0;
}
/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 2
------------------------------------------*/
/* #region */

.list-2 {
    display: flex;
    gap: 41px;
}


.rowmedia_2 .image-two {
    display: flex;
    gap:10px;
}

@media (max-width:1024px) {
    .rowmedia_2 .image-two {
     flex-direction: column;
    }   
}

.rowmedia_2 .image-two .ppm {
    max-width: 280px;
}

.rowmedia_2 .image-two .im2 {
    transform: translateY(60px);
}

.rowmedia_2 .dinfo {
    padding-left: 70px;
    margin-top: 115px;
}

@media (max-width:1024px) {
    .rowmedia_2 .dinfo {
        margin-top: 0;
        padding-left: 0;
    }

}

.rowmedia_2 .ptext {
    margin-top: 30px;
    color: #888;
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.ptext .list-2 ul {
    flex-shrink: 0;
}

@media (max-width:1024px) {
    .ptext .list-2 {
        flex-wrap: wrap;
    }

    .ptext .list-2 ul {
        flex-shrink: 1;
    }

    .rowmedia_2 .image-two .ppm {
        max-width: 100%;
        overflow: hidden;
        max-height: 400px;
        object-fit: cover;
        object-position: top;
    }

    .rowmedia_2 .image-two .im2 {
        transform: translateY(0);
    }
}



/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 3
------------------------------------------*/
/* #region */

.rowmedia-03 {
    position: relative;
}


.seventy {
    margin-top: -70px;
}



.rowmedia-03::before {
    content: "";
    position: absolute;
    top: 70px;
    /* transform: translateY(-70px); */
    left: 0;
    width: 100%;
    height: 430px;
    background-image: url(./images/theme/noise.webp) top center no-repeat;
    /*background-color: #152441;*/
    background-size: cover;
    z-index: -1;
}

.rowmedia-03 .dinfo .mtitle {
    
}

.rowmedia-01 .scroll-btn,
.rowmedia-02 .scroll-btn,
.rowmedia-03 .scroll-btn {
	margin-top: 30px;
}

.rowmedia-01 .scroll-btn .btn::after,
.rowmedia-02 .scroll-btn .btn::after,
.rowmedia-03 .scroll-btn .btn::after {
	transform: translate(0%,-50%) rotate(90deg);
}


@media (max-width:1024px) {
    .seventy {
        margin-top: 0px;
    }
    
    .rowmedia-03::before { 
        top: 0;
        height: 45%;
    }

    .rowmedia-03 .dinfo .mtitle {
        color: #000;
    }
}

/* #endregion */
/*------------------------------------------
    #MARK: heroopt-01
------------------------------------------*/
/* #region */

.heroopt-01 .overlay {
    /* background-color: red; */
}

/* .heroopt-01 .overlay:before {
 content: "";
 width: 100%;
 height: 182px;   
 background: linear-gradient(0deg, rgba(20, 28, 43, 0.00) 0%, rgba(20, 28, 43, 0.80) 100%);
 top: 0;
 left: 0;
 z-index: 2;
 display: block;
}

.heroopt-01 .overlay:after {
    content: "";
    width: 100%;
    height: 370px;   
    background: linear-gradient(180deg, rgba(20, 28, 43, 0.00) 0%, #141C2B 100%);
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
   } */
   
.heroopt-01 .dinfo {
	padding-inline: 0;
}

.heroopt-01 .mtitle {
    color: #FFF;
    font-family: var(--font-1);
    /* font-size: 55px; */
    font-size: clamp(2.375rem, 2.1214rem + 1.0968vw, 3.4375rem);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 60.5px */
}

.heroopt-01 .border {
    margin-top: 30px;
    padding-bottom: 80px;
}

@media (max-width:1024px) {
    .heroopt-01 .border {
		margin-top: 12px;
        padding-bottom: 0;
    }
}

.heroopt-01 .overlay.color1 {
    background: linear-gradient(360deg, rgba(20, 28, 43, 0.00) 0%, rgba(20, 28, 43, 0.80) 100%);
	max-width: 63.68055%;
	background: linear-gradient(270deg, rgba(20, 28, 43, 0.7) 0%, rgba(20, 28, 43, 0) 100%);
	transform: matrix(-1, 0, 0, 1, 0, 0);
}

.heroopt-01 .overlay.color2 {
	max-width: 26.319444%;
	background: linear-gradient(270deg, rgba(20, 28, 43, 0.7) 0%, rgba(20, 28, 43, 0) 100%);
	transform: matrix(-1, 0, 0, 1, 0, 0);
}

.heroopt-01 .overlay.color3 {
/* 	max-height: 148px; */
	max-height: 230px;
/* 	background: linear-gradient(0deg, rgba(20, 28, 43, 0.7) 0%, rgba(20, 28, 43, 0) 100%); */
	background: linear-gradient(0deg, rgba(20, 28, 43) 0%, rgba(20, 28, 43, 0) 100%);
	transform: rotate(180deg);
}

.heroopt-01-team .overlay.color {
    height: 100%;
    background: rgba(20, 28, 43, 0.80);
}

/*------------------------------------------
    #MARK: CONTACT LAYOUT
------------------------------------------*/
/* #region */
.contact_layout .mtitle {
    color: #FFF;
    font-family: var(--font-1);
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 60.5px */
}

.contact_layout .border {
    margin-top: 30px;
    padding-bottom: 80px;
}

.contact_layout .overlay {
    background: rgba(20, 28, 43, 0.90);
}

.contact_layout .contactinfo {
    position: relative;
    width: 100%;
    display: grid;
    z-index: 2;
    grid-template-columns: 400px 600px;
    gap: 170px;
}

@media (max-width:1024px) {
    .contact_layout .contactinfo {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.contact_layout .dinfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.contact_layout .contactinfo .info {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.contact_layout .contactinfo .info .title {
    color: #068CC0;
    font-family: var(--font-2);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact_layout .contactinfo .info .sc-contact {
    color: #FFF;
    font-family: var(--font-1);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
}

.contact_layout  .map iframe {
    filter: grayscale(100%); /* Apply grayscale filter */
    width: 100%; /* Ensure the iframe is responsive */
    height: 450px; /* Set a height for the map */
    border: none; /* Remove border */
}

/* #endregion */

/* #endregion */

/*------------------------------------------
    #MARK: DESIGN 1 CTA
------------------------------------------*/

/*
.design-1 {
    background: url(./images/theme/banner-cta-footer.webp) top center no-repeat;
    background-size: cover;
    min-height: 617px;
    z-index: 1;;
    display: flex;
    align-items: center;
}
*/

.design-1 .dinfo {
/*     max-width: 575px; */
    max-width: 580px;
}

.design-1 .dinfo  .mtitle{
    margin-top: 20px;
    color: #FFF;
    font-family: var(--font-1);
    /* font-size: 42px; */
    font-size: clamp(2rem, 1.6464rem + 1.5291vw, 2.625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 46.2px */
}


.design-1 .dinfo  .dtext{
    margin-top: 30px;
    color: #FFF;
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
}

.design-1 .dinfo  .btn-loop {
    margin-top: 40px;
}


/* Animated gradient background */
.animated-gradient {
    background: linear-gradient(90deg, #152441, #068CC0, #D35F28);
    background-size: 300% 300%; /* Make the gradient larger for smooth animation */
    animation: gradientAnimation 6s ease infinite; /* Apply animation */
}



/*------------------------------------------
    #MARK: TEAM LAYOUT
------------------------------------------*/
/* #region */

.team-layout {
    text-align: center;
}

.team-layout .team-grid {
	display: grid;
  	grid-template-columns: repeat(2, 1fr);
  	gap: 50px;
}

@media (max-width: 1024px) {
    .team-layout .team-grid {gap: 0px;}
}

.team-layout .dinfo .dtext  {
    margin-top: 30px;
}

.team-layout .team-list {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.team-layout .ititle {
    color: #141c2b;
    font-family: var(--font-1);
    font-size: clamp(2rem, 1.6464rem + 1.5291vw, 2.625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    margin-top: 60px;
}

.team-layout .team-list .item {
    position: relative;
    background-color: #cdcccd;
    cursor: pointer;
    /* max-width: 270px; */
    max-width: 45%;
}

.team-layout .team-list .item .overlay.color {
	max-height: 204px;
	top: unset;
	bottom: 0;
	background: linear-gradient(180deg, rgba(20, 28, 43, 0) 0%, #141C2B 100%);
}

.team-layout .team-list .item .meta {
    position: absolute;
    bottom: 0;
    width: 100%;
    bottom: 0;
    min-height: 204px;
    /*background: linear-gradient(180deg, rgba(20, 28, 43, 0.00) 0%, #141C2B 100%);*/
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px;
	padding-inline: 15px;
    transition: all ease 600ms;
}

.team-layout .team-list .item:hover .meta {
    min-height: 100%;
    background: linear-gradient(180deg, rgba(20, 28, 43, 0.59) 0%, #141C2B 100%);
}

.team-layout .team-list .item .meta .title {
    color: #FFF;
    text-align: center;
    font-family: var(--font-1);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
}

.team-layout .team-list .item .meta .position {
    color: #3BA95D;
    text-align: center;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}

.team-layout .team-list .item .meta .shortinfo {
    display: none;
    opacity: 0; /* Start hidden */
    
    margin: 20px auto 0;
    color: #FFF;
    text-align: center;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    max-width: 310px;
    transition: all ease 300ms;
}

.team-layout .team-list .item .meta .readmore {
    display: none;
    margin-top: 35px;
    color: #068CC0;
    font-family: var(--font-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    text-transform: uppercase;
    text-align: center;
    transition: all ease 300ms;
}

.team-layout .team-list .item:hover .meta .shortinfo {
    animation: fadeIn 1s ease-in forwards;
    display: block;
    
}

.team-layout .team-list .item:hover .meta .readmore {
    animation: fadeIn 1s ease-in forwards;
    display: block;
}

/*Modal*/
/* .fancybox__iframe {
    min-height: 90vh !important;
} */

.has-iframe  .fancybox__content {
    height: 90vh !important;
}

.fancybox__content > .f-button.is-close-btn {
    top: 0 !important;
    background: #068CC0 !important;
    border-radius: 0 !important;
    color: white !important;
    width: 25px !important;
    height: 25px !important;
    border:none !important;
    opacity: 1 !important;
}

.fancybox__content > .f-button.is-close-btn svg {
    width: 10px;
    height: 10px;
}

.fancybox__backdrop {
    background: rgba(20, 28, 43, 0.98) !important;
    
}
.fancybox__content {
    padding: 0 !important;
    max-width: 1170px !important;
    width: 100%;
}

.teaminfo {
    /* max-width: 1070px; */
    max-width: 100%;
    display: grid;
    grid-template-columns: 470px 1fr;
    padding: 0;
}

.teaminfo .dimage {
    min-height: 810px;
    background: linear-gradient(180deg, #152441 2.23%, #068CC0 149.79%);
    border-right: 5px solid #D35F28;
}


.teaminfo .dimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teaminfo .dcontent {
    padding: 60px 60px;
    width: 100%;
}

.teaminfo .dcontent .meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.teaminfo .description {
    color: #888;
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.teaminfo .border {
    margin: 40px 0;
    width: 100%;
}

.teaminfo .position {
    margin-top: 10px;
    color: #D35F28;
    font-family: var(--font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.teaminfo .title {
    color: #141C2B;
    font-family: var(--font-1);
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 46.2px */
}

@media (max-width:1024px) {
    .teaminfo {
        grid-template-columns: 1fr;
    }

    .teaminfo .dimage {
        min-height: auto;
    }

    .teaminfo .dcontent {
        padding: 60px 15px;
        width: 100%;
    }
	
	.team-layout .team-grid {
	  grid-template-columns: 1fr;
	}
}

/* #endregion */


/*------------------------------------------
    #MARK: BLOG LAYOUT
------------------------------------------*/
/* #region */
.blog-layout {}

.blog-layout .box {
    border: 1px solid rgba(217, 217, 217, 0.60);
    background: #FFF;
    padding: 40px;
    border-bottom: 5px solid transparent;
    /* max-height: 432px; */
	min-height: 380px;
	/* height: 100%; */
    transition: all ease-in 300ms;
    position: relative;   
}

.blog-layout .box::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 100%;
    background:  rgba(217, 217, 217, 0.60);
    
}

.blog-layout .box:hover::after {
    display: none;
}
.blog-layout .box:hover {
    border-bottom: 5px solid var(--Linear-1, #068CC0);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.blog-layout .ajax_grid {
    transform: translateY(-146px);
    margin-bottom: -146px;
}

.blog-layout .post-meta .meta-date {
    color: #D35F28;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
	display: none;
}

.blog-layout .title {
    /*margin-top: 30px;*/
    color: #141C2B !important;
    font-family: var(--font-1);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    max-width: 290px;
    min-height: 72px;
}

.blog-layout .border {
    margin: 30px 0;
}

.blog-layout .content {
    color: #888;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    max-width: 290px;
}

[data-axpost] .ajx_btn, [data-axgrid] .ajx_btn {
    margin-top: 80px !important;
}

@media (max-width:1024px) {
    .blog-layout .box {
        min-height: 200px;
    }

    .blog-layout .title {
       min-height: 0;
       max-width: 100%;
    }
    .blog-layout .content {
        max-width: 100%;
    }

    .blog-layout .ajax_grid {
        transform: translateY(-100px);
        margin-bottom: 0;
    }

    
}

/* #endregion */


/*------------------------------------------
    #MARK: IE LAYOUT
------------------------------------------*/
/* #region */

.ie-layout .heading {
    color: #3ba95d;
    font-family: var(--font-2);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 3.6px;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.ie-layout .title {
    margin-top: 30px;
    color: #FFF;
    text-align: center;
    font-family: var(--font-1);
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 46.2px */
}


.ie-layout .ntabs {
    margin-top: 62px !important;
    display: flex;
    flex-direction: row  !important;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0;
}

@media (max-width:1024px) {
    .ie-layout .ntabs {
        gap: 10px;
    }
}

.ie-layout .ntabs li {
    cursor: pointer;
    border-bottom: none !important;
    padding: 10px 10px 10px 20px;
    position: relative;
}

.ie-layout .ntabs li .aa {
    color: #C2C2C2 !important;
    text-align: center !important;
    font-family: var(--font-2) !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 110% !important; /* 22px */

    transition: all ease 300ms !important;
}

.ie-layout .ntabs li:hover .aa, .ie-layout .ntabs li .aa.active {
    color: #068CC0 !important;
}

.ie-layout .borders {
    margin-top: 26px;
}

.ie-layout .borders svg {
    width: 100%;
}

.ie-layout  .services {
    margin-top: 99px;
}

.ie-layout .services .services-items {
    display: grid;
    grid-template-columns: 670px 1fr;
    gap:20px;
    align-items: center;
    text-align: center;
    margin-top: 60px;
}

@media (max-width:1024px) {
    .ie-layout .services .services-items {
        grid-template-columns: 1fr;
    }
}

.ie-layout .services .services-items .item {
    height: 470px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: flex-end;
    cursor: pointer;
}

.ie-layout .services .services-items .item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(20, 28, 43, 0.00) 0%, rgba(20, 28, 43, 0.70) 100%);
    background-size: cover;
    z-index: 2;
    height: 312px;
}

.ie-layout .services .services-items .item:hover::before {
    background: linear-gradient(180deg, rgba(20, 28, 43, 0.63) 0%, #141C2B 100%);
    background-size: cover;
    z-index: 2;
    height: 100%;
    transition: all ease 300ms;
}


.ie-layout .services .services-items .item .d-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    object-position: 100%;
}

.ie-layout .services .services-items .item .dinfo {
    transition: all ease 300ms;
    position: relative;
    z-index: 2;
    text-align: left;
    width: calc(100% - 30px);
    padding-bottom: 30px;
    margin: 0;
}

.ie-layout .services .services-items .item .dinfo .mtitle  {
    position: relative;
    display: block !important;
    color: #FFF;
    text-align: left;
    font-family: var(--font-1);
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 33px */
    padding-left: 20px;
}

.ie-layout .services .services-items .item .dinfo .mtitle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    width: 5px;
    height: 33px;
    background-color: #3BA95D;
    border-radius: 2px;
}

.ie-layout .services .services-items .item .dinfo .dtext {
    max-width: 518px;
    padding-left: 20px;
    margin-bottom: 20px;
    margin: 20px 0 0;
    transition: all ease 300ms;
    display: none;
}

.ie-layout .services .services-items .item .dinfo .btn {
    display: none;
    margin-left: 20px;
    margin-top: 20px;
    
}

.ie-layout .services .services-items .item:hover .btn,
.ie-layout .services .services-items .item:hover .dtext {
    display: inline-flex !important;
    animation: fadeIn 1s ease-in forwards;
}

.ie-layout .services .services-items .item-2:hover {
    /* width: 670px; */
}


.ie-layout .services .services-items img {
    width: 100%;
    object-fit: cover;
    height: 470px;
    height: 100%;
}

/* .ie-layout .ntabs  .aa {
    display: flex;
    gap: 50px;
} */

.ie-layout .ntabs li:last-child {
    display: none;
}

[data-design*="tab-1"] .tab-content {
    border: none !important;
}

.ie-layout .box {
    margin-top: 82px;
    display: grid;
    grid-template-columns: 1fr 570px;
    justify-content: space-between;
    align-items: center;
    gap: 100px;
}

@media (max-width:1024px) {
    .ie-layout .box {
        grid-template-columns: 1fr;
    }
}

.ie-layout .box .dinfo {
    margin: 0;
}

.ie-layout .box .dinfo .mtitle {
    display: block !important;
    color: #fff;
}

.ie-layout .box .d-popmedia {
    min-height: 370px;
	max-height: 370px;
	object-fit: cover;
}

.ie-layout .dtext {
    margin-top: 60px;
}

/* #endregion */
/*------------------------------------------
    #MARK: TEAM SLIDER
------------------------------------------*/
/* #region */

.team_slider .box {
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    padding: 0 15px;
}



.team_slider .box  .box1 {
    max-width: 540px;
    margin-left: auto;
    display: flex;
}

.team_slider .box  .box1 .dinfo {
    margin-top: 37px;
}

.team_slider .box  .box1 .dinfo .btitle {
    
}

.team_slider .box  .box1 .dinfo .mtitle {
    margin-top:20px;
}

.team_slider .box  .box1 .dinfo .dtext {
    margin-top: 30px;
    position: relative;
    padding-left: 20px;
    max-width: 481px;
}

.team_slider .box  .box1 .dinfo .dtext:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    background: #3BA95D;
    width: 5px;
    height: 30px;
}

.team_slider .box  .box1 .dinfo .d-links {
    margin-top: 40px;
}

.team_slider .box .box2 {
    overflow: hidden;
    max-width: 100%;
	position: relative;
}

.team_slider .box .box2 .heading {
    max-width: 589px;
	margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.team_slider .box .box2 .heading h3 {
    color: #152441;
    font-family: var(--font-2);
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 26.4px */
    padding: 0;
    margin: 0;
}

.team_slider .box .box2 .nav {
	width: 100%;
    display: flex;
    align-items: center;
	justify-content: space-between;
    gap: 10px;
	position: absolute;
	top: 55%;
	right: 0;
	z-index: 1;
}

.team_slider .box .box2 .nav button {
	width: 50px;
    background: transparent;
    border:1px solid transparent
}

.team_slider .box .box2 .nav .pp1 {
	margin-left: 10px;
}

.team_slider .box .box2 .nav .pp2 {
	margin-right: 10px;
}

.team_slider .box .box2 .nav .pp2 svg {
    transform: scaleX(-1); 
}

.team_slider .box .box2 .nav button:hover svg path {
    stroke: #D35F28; 
    fill: #D35F28;
}


.team_slider .box .box2 .team-slider {
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
}

.team_slider .box .box2 .team-slider .team-member {
    position: relative;
    background-color: #cdcccd;
    /*max-width: 200px;
	width: 200px;*/
	max-width: 100%;
	width: 100%;
    height: 300px;
    cursor: pointer;
}

.team_slider .box .box2 .team-slider .team-member::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 172px;
    /*background: linear-gradient(180deg, rgba(20, 28, 43, 0.00) 0%, #141C2B 100%);*/
    background-size: cover;
    z-index: 2;
}

.team_slider .box .box2 .team-slider .team-member .overlay.color {
	max-height: 172px;
	background: linear-gradient(180deg, rgba(20, 28, 43, 0) 0%, #141C2B 100%);
	top: unset;
	bottom: 0;
}

.team_slider .box .box2 .team-slider .team-member img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* object-position: 100%; */
}

.team_slider .box .box2 .team-slider .team-member .dinfo {
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
}

.team_slider .box .box2 .team-slider .team-member .dinfo .content {
    position: relative;
    z-index: 5;
    padding-left: 20px;
}

.team_slider .box .box2 .team-slider .team-member .dinfo .border {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 39px;
    z-index: 2;
    border-radius: 2px;
    background: #3BA95D;
}

.team_slider .box .box2 .team-slider .team-member .dinfo .team-title {
    color: #FFF;
    text-align: left;
    font-family: var(--font-1);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 19.8px */
    z-index: 5;
}

.team_slider .box .box2 .team-slider .team-member .dinfo .team-position {
	margin-bottom: 0;
    color: #C2C2C2;
    text-align: left;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 14.3px */
    width: 100%;
}

.team_slider .box .box2 .team-slider .team-member .dinfo button {
	margin-top: 10px;
    color: #068CC0;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 13px */
    letter-spacing: 1.3px;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    display: none;
}

.team_slider .box .box2 .team-slider .team-member:hover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(20, 28, 43, 0.53) 0%, #141C2B 100%);
}

.team_slider .box .box2 .team-slider .team-member:hover .dinfo button {
    animation: fadeIn 1s ease-in forwards;
    display: block;
}

@media (max-width:1024px) {
    .team_slider .box {
     grid-template-columns: 1fr;
    }
    .team_slider .box  .box1 {
        max-width: 100%;
    }

    .team_slider .box .box1 .dinfo .dtext {
        margin-top: 30px;
        position: relative;
        padding-left: 20px;
        max-width: 100%;
    }
}

/* #endregion */
/*------------------------------------------
    #MARK: CTA
------------------------------------------*/
/* #region */

.cta .box {
    min-height: 314px;   
}

@media (max-width:1024px) {
    .cta .box {
        padding-bottom: 60px;
    }
}

.cta .box .overlay {
    background: rgba(21, 36, 65, 0.85);
    width: 100%;
}

.cta .box .dinfo {
    margin: 0 auto;
    max-width: 970px;
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    gap:40px;
    align-items: center;
}

.cta .box .dinfo .dtext {
    color: #FFF;
    text-align: center;
    font-family: var(--font-1);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 26.4px */
}

/* #endregion */

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

.transactions_layout .dinfo {
    text-align: center;
}

.transactions_layout [data-unshow*="bn"] .btn, [data-unshow*="bn"] .btn-loop {
    display: block ;
}

.transactions_layout .loadmore {
    margin: 100px auto 0;
    display: block;
}

.transactions_layout .dinfo .mtitle {
    margin-bottom: 30px;
    color: #141C2B;
    font-family: var(--font-1);
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 60.5px */
}

.transactions_layout .dinfo .dtext {
    max-width: 770px;
    margin: 30px auto 0;
}



.ie_cards  {
    margin-top: 80px;
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: all ease 300ms;
    animation: fadeIn 1s ease-in forwards;
}

.ie_cards .item {
    display: none;
    border: 1px solid #068CC0;
    background: #FFF;
    padding: 37px 0 30px;
    /* display: flex; */
    flex-direction: column;
    text-align: center;
    justify-content:space-between;
    gap:0;
    min-height: 314px;
    transition: all ease 300ms;
    position: relative;
    width: 270px;
    height: 100%;
    overflow: hidden;
}

.ie_cards .item .front {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 19px;
    min-height: 246px;
}


.ie_cards .item .front .title {
    color: #888;
    text-align: center;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}

.ie_cards .item .front .base-country,
.owl-carousel .item .front .base-country {
	position: absolute;
    top: 10px;
    right: 10px;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.ie_cards .item .front .second-country,
.owl-carousel .item .front .second-country {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
	position: absolute;
    top: auto;
    bottom: 10px;
    right: 10px;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.ie_cards .item:hover .front .second-country,
.owl-carousel .item:hover .front .second-country,
.ie_cards .item:hover .front .base-country,
.owl-carousel .item:hover .front .base-country {
	opacity: 1;
}

.item .front .flag {
	width: 23px;
	height: 17px;
}

.item .front .flag-us { background:url(images/icons/flag-us.svg) no-repeat center;}
.item .front .flag-uk { background:url(images/icons/flag-uk.svg) no-repeat center;}
.item .front .flag-es { background:url(images/icons/flag-es.svg) no-repeat center;}
.item .front .flag-ch { background:url(images/icons/flag-ch.svg) no-repeat center;}
.item .front .flag-at { background:url(images/icons/flag-at.svg) no-repeat center;}
.item .front .flag-fr { background:url(images/icons/flag-fr.svg) no-repeat center;}
.item .front .flag-de { background:url(images/icons/flag-de.svg) no-repeat center;}
.item .front .flag-nl { background:url(images/icons/flag-nl.svg) no-repeat center;}
.item .front .flag-au { background:url(images/icons/flag-au.svg) no-repeat center;}
.item .front .flag-be { background:url(images/icons/flag-be.svg) no-repeat center;}
.item .front .flag-br { background:url(images/icons/flag-br.svg) no-repeat center;}
.item .front .flag-ca { background:url(images/icons/flag-ca.svg) no-repeat center;}
.item .front .flag-dk { background:url(images/icons/flag-dk.svg) no-repeat center;}
.item .front .flag-fi { background:url(images/icons/flag-fi.svg) no-repeat center;}
.item .front .flag-il { background:url(images/icons/flag-il.svg) no-repeat center;}
.item .front .flag-in { background:url(images/icons/flag-in.svg) no-repeat center;}
.item .front .flag-lu { background:url(images/icons/flag-lu.svg) no-repeat center;}
.item .front .flag-se { background:url(images/icons/flag-se.svg) no-repeat center;}
.item .front .flag-af { background:url(images/icons/flag-af.svg) no-repeat center; }
.item .front .flag-al { background:url(images/icons/flag-al.svg) no-repeat center; }
.item .front .flag-dz { background:url(images/icons/flag-dz.svg) no-repeat center; }
.item .front .flag-ad { background:url(images/icons/flag-ad.svg) no-repeat center; }
.item .front .flag-ao { background:url(images/icons/flag-ao.svg) no-repeat center; }
.item .front .flag-ai { background:url(images/icons/flag-ai.svg) no-repeat center; }
.item .front .flag-aq { background:url(images/icons/flag-aq.svg) no-repeat center; }
.item .front .flag-ag { background:url(images/icons/flag-ag.svg) no-repeat center; }
.item .front .flag-ar { background:url(images/icons/flag-ar.svg) no-repeat center; }
.item .front .flag-am { background:url(images/icons/flag-am.svg) no-repeat center; }
.item .front .flag-aw { background:url(images/icons/flag-aw.svg) no-repeat center; }
.item .front .flag-az { background:url(images/icons/flag-az.svg) no-repeat center; }
.item .front .flag-bs { background:url(images/icons/flag-bs.svg) no-repeat center; }
.item .front .flag-bh { background:url(images/icons/flag-bh.svg) no-repeat center; }
.item .front .flag-bd { background:url(images/icons/flag-bd.svg) no-repeat center; }
.item .front .flag-bb { background:url(images/icons/flag-bb.svg) no-repeat center; }
.item .front .flag-by { background:url(images/icons/flag-by.svg) no-repeat center; }
.item .front .flag-bz { background:url(images/icons/flag-bz.svg) no-repeat center; }
.item .front .flag-bj { background:url(images/icons/flag-bj.svg) no-repeat center; }
.item .front .flag-bm { background:url(images/icons/flag-bm.svg) no-repeat center; }
.item .front .flag-bt { background:url(images/icons/flag-bt.svg) no-repeat center; }
.item .front .flag-bo { background:url(images/icons/flag-bo.svg) no-repeat center; }
.item .front .flag-ba { background:url(images/icons/flag-ba.svg) no-repeat center; }
.item .front .flag-bw { background:url(images/icons/flag-bw.svg) no-repeat center; }
.item .front .flag-bv { background:url(images/icons/flag-bv.svg) no-repeat center; }
.item .front .flag-io { background:url(images/icons/flag-io.svg) no-repeat center; }
.item .front .flag-bn { background:url(images/icons/flag-bn.svg) no-repeat center; }
.item .front .flag-bg { background:url(images/icons/flag-bg.svg) no-repeat center; }
.item .front .flag-bf { background:url(images/icons/flag-bf.svg) no-repeat center; }
.item .front .flag-bi { background:url(images/icons/flag-bi.svg) no-repeat center; }
.item .front .flag-kh { background:url(images/icons/flag-kh.svg) no-repeat center; }
.item .front .flag-cm { background:url(images/icons/flag-cm.svg) no-repeat center; }
.item .front .flag-cv { background:url(images/icons/flag-cv.svg) no-repeat center; }
.item .front .flag-ky { background:url(images/icons/flag-ky.svg) no-repeat center; }
.item .front .flag-cf { background:url(images/icons/flag-cf.svg) no-repeat center; }
.item .front .flag-td { background:url(images/icons/flag-td.svg) no-repeat center; }
.item .front .flag-cl { background:url(images/icons/flag-cl.svg) no-repeat center; }
.item .front .flag-cn { background:url(images/icons/flag-cn.svg) no-repeat center; }
.item .front .flag-cx { background:url(images/icons/flag-cx.svg) no-repeat center; }
.item .front .flag-cc { background:url(images/icons/flag-cc.svg) no-repeat center; }
.item .front .flag-co { background:url(images/icons/flag-co.svg) no-repeat center; }
.item .front .flag-km { background:url(images/icons/flag-km.svg) no-repeat center; }
.item .front .flag-cd { background:url(images/icons/flag-cd.svg) no-repeat center; }
.item .front .flag-cg { background:url(images/icons/flag-cg.svg) no-repeat center; }
.item .front .flag-ck { background:url(images/icons/flag-ck.svg) no-repeat center; }
.item .front .flag-cr { background:url(images/icons/flag-cr.svg) no-repeat center; }
.item .front .flag-ci { background:url(images/icons/flag-ci.svg) no-repeat center; }
.item .front .flag-hr { background:url(images/icons/flag-hr.svg) no-repeat center; }
.item .front .flag-cu { background:url(images/icons/flag-cu.svg) no-repeat center; }
.item .front .flag-cy { background:url(images/icons/flag-cy.svg) no-repeat center; }
.item .front .flag-cz { background:url(images/icons/flag-cz.svg) no-repeat center; }
.item .front .flag-dj { background:url(images/icons/flag-dj.svg) no-repeat center; }
.item .front .flag-dm { background:url(images/icons/flag-dm.svg) no-repeat center; }
.item .front .flag-do { background:url(images/icons/flag-do.svg) no-repeat center; }
.item .front .flag-ec { background:url(images/icons/flag-ec.svg) no-repeat center; }
.item .front .flag-eg { background:url(images/icons/flag-eg.svg) no-repeat center; }
.item .front .flag-sv { background:url(images/icons/flag-sv.svg) no-repeat center; }
.item .front .flag-gq { background:url(images/icons/flag-gq.svg) no-repeat center; }
.item .front .flag-er { background:url(images/icons/flag-er.svg) no-repeat center; }
.item .front .flag-ee { background:url(images/icons/flag-ee.svg) no-repeat center; }
.item .front .flag-et { background:url(images/icons/flag-et.svg) no-repeat center; }
.item .front .flag-fk { background:url(images/icons/flag-fk.svg) no-repeat center; }
.item .front .flag-fo { background:url(images/icons/flag-fo.svg) no-repeat center; }
.item .front .flag-fj { background:url(images/icons/flag-fj.svg) no-repeat center; }
.item .front .flag-gf { background:url(images/icons/flag-gf.svg) no-repeat center; }
.item .front .flag-pf { background:url(images/icons/flag-pf.svg) no-repeat center; }
.item .front .flag-tf { background:url(images/icons/flag-tf.svg) no-repeat center; }
.item .front .flag-ga { background:url(images/icons/flag-ga.svg) no-repeat center; }
.item .front .flag-gm { background:url(images/icons/flag-gm.svg) no-repeat center; }
.item .front .flag-ge { background:url(images/icons/flag-ge.svg) no-repeat center; }
.item .front .flag-gh { background:url(images/icons/flag-gh.svg) no-repeat center; }
.item .front .flag-gi { background:url(images/icons/flag-gi.svg) no-repeat center; }
.item .front .flag-gr { background:url(images/icons/flag-gr.svg) no-repeat center; }
.item .front .flag-gl { background:url(images/icons/flag-gl.svg) no-repeat center; }
.item .front .flag-gd { background:url(images/icons/flag-gd.svg) no-repeat center; }
.item .front .flag-gs { background:url(images/icons/flag-gs.svg) no-repeat center; }
.item .front .flag-gu { background:url(images/icons/flag-gu.svg) no-repeat center; }
.item .front .flag-gt { background:url(images/icons/flag-gt.svg) no-repeat center; }
.item .front .flag-gh { background:url(images/icons/flag-gh.svg) no-repeat center; }
.item .front .flag-hn { background:url(images/icons/flag-hn.svg) no-repeat center; }
.item .front .flag-hk { background:url(images/icons/flag-hk.svg) no-repeat center; }
.item .front .flag-hu { background:url(images/icons/flag-hu.svg) no-repeat center; }
.item .front .flag-is { background:url(images/icons/flag-is.svg) no-repeat center; }
.item .front .flag-in { background:url(images/icons/flag-in.svg) no-repeat center; }
.item .front .flag-id { background:url(images/icons/flag-id.svg) no-repeat center; }
.item .front .flag-ir { background:url(images/icons/flag-ir.svg) no-repeat center; }
.item .front .flag-iq { background:url(images/icons/flag-iq.svg) no-repeat center; }
.item .front .flag-ie { background:url(images/icons/flag-ie.svg) no-repeat center; }
.item .front .flag-il { background:url(images/icons/flag-il.svg) no-repeat center; }
.item .front .flag-it { background:url(images/icons/flag-it.svg) no-repeat center; }
.item .front .flag-jm { background:url(images/icons/flag-jm.svg) no-repeat center; }
.item .front .flag-jp { background:url(images/icons/flag-jp.svg) no-repeat center; }
.item .front .flag-je { background:url(images/icons/flag-je.svg) no-repeat center; }
.item .front .flag-jo { background:url(images/icons/flag-jo.svg) no-repeat center; }
.item .front .flag-kz { background:url(images/icons/flag-kz.svg) no-repeat center; }
.item .front .flag-ke { background:url(images/icons/flag-ke.svg) no-repeat center; }
.item .front .flag-ki { background:url(images/icons/flag-ki.svg) no-repeat center; }
.item .front .flag-kp { background:url(images/icons/flag-kp.svg) no-repeat center; }
.item .front .flag-kr { background:url(images/icons/flag-kr.svg) no-repeat center; }
.item .front .flag-kw { background:url(images/icons/flag-kw.svg) no-repeat center; }
.item .front .flag-kg { background:url(images/icons/flag-kg.svg) no-repeat center; }
.item .front .flag-la { background:url(images/icons/flag-la.svg) no-repeat center; }
.item .front .flag-lv { background:url(images/icons/flag-lv.svg) no-repeat center; }
.item .front .flag-lb { background:url(images/icons/flag-lb.svg) no-repeat center; }
.item .front .flag-ls { background:url(images/icons/flag-ls.svg) no-repeat center; }
.item .front .flag-lt { background:url(images/icons/flag-lt.svg) no-repeat center; }
.item .front .flag-lu { background:url(images/icons/flag-lu.svg) no-repeat center; }
.item .front .flag-mo { background:url(images/icons/flag-mo.svg) no-repeat center; }
.item .front .flag-mp { background:url(images/icons/flag-mp.svg) no-repeat center; }
.item .front .flag-mq { background:url(images/icons/flag-mq.svg) no-repeat center; }
.item .front .flag-mr { background:url(images/icons/flag-mr.svg) no-repeat center; }
.item .front .flag-mu { background:url(images/icons/flag-mu.svg) no-repeat center; }
.item .front .flag-mx { background:url(images/icons/flag-mx.svg) no-repeat center; }
.item .front .flag-fm { background:url(images/icons/flag-fm.svg) no-repeat center; }
.item .front .flag-md { background:url(images/icons/flag-md.svg) no-repeat center; }
.item .front .flag-ma { background:url(images/icons/flag-ma.svg) no-repeat center; }
.item .front .flag-mz { background:url(images/icons/flag-mz.svg) no-repeat center; }
.item .front .flag-mm { background:url(images/icons/flag-mm.svg) no-repeat center; }
.item .front .flag-na { background:url(images/icons/flag-na.svg) no-repeat center; }
.item .front .flag-np { background:url(images/icons/flag-np.svg) no-repeat center; }
.item .front .flag-nr { background:url(images/icons/flag-nr.svg) no-repeat center; }
.item .front .flag-nu { background:url(images/icons/flag-nu.svg) no-repeat center; }
.item .front .flag-nz { background:url(images/icons/flag-nz.svg) no-repeat center; }
.item .front .flag-ni { background:url(images/icons/flag-ni.svg) no-repeat center; }
.item .front .flag-ne { background:url(images/icons/flag-ne.svg) no-repeat center; }
.item .front .flag-ng { background:url(images/icons/flag-ng.svg) no-repeat center; }
.item .front .flag-nu { background:url(images/icons/flag-nu.svg) no-repeat center; }
.item .front .flag-mk { background:url(images/icons/flag-mk.svg) no-repeat center; }
.item .front .flag-no { background:url(images/icons/flag-no.svg) no-repeat center; }
.item .front .flag-om { background:url(images/icons/flag-om.svg) no-repeat center; }
.item .front .flag-pk { background:url(images/icons/flag-pk.svg) no-repeat center; }
.item .front .flag-pw { background:url(images/icons/flag-pw.svg) no-repeat center; }
.item .front .flag-pa { background:url(images/icons/flag-pa.svg) no-repeat center; }
.item .front .flag-pg { background:url(images/icons/flag-pg.svg) no-repeat center; }
.item .front .flag-pe { background:url(images/icons/flag-pe.svg) no-repeat center; }
.item .front .flag-ph { background:url(images/icons/flag-ph.svg) no-repeat center; }
.item .front .flag-pn { background:url(images/icons/flag-pn.svg) no-repeat center; }
.item .front .flag-pr { background:url(images/icons/flag-pr.svg) no-repeat center; }
.item .front .flag-pt { background:url(images/icons/flag-pt.svg) no-repeat center; }
.item .front .flag-pw { background:url(images/icons/flag-pw.svg) no-repeat center; }
.item .front .flag-rn { background:url(images/icons/flag-rn.svg) no-repeat center; }
.item .front .flag-ro { background:url(images/icons/flag-ro.svg) no-repeat center; }
.item .front .flag-rs { background:url(images/icons/flag-rs.svg) no-repeat center; }
.item .front .flag-ru { background:url(images/icons/flag-ru.svg) no-repeat center; }
.item .front .flag-rw { background:url(images/icons/flag-rw.svg) no-repeat center; }
.item .front .flag-bl { background:url(images/icons/flag-bl.svg) no-repeat center; }
.item .front .flag-sx { background:url(images/icons/flag-sx.svg) no-repeat center; }
.item .front .flag-ss { background:url(images/icons/flag-ss.svg) no-repeat center; }
.item .front .flag-sd { background:url(images/icons/flag-sd.svg) no-repeat center; }
.item .front .flag-se { background:url(images/icons/flag-se.svg) no-repeat center; }
.item .front .flag-sg { background:url(images/icons/flag-sg.svg) no-repeat center; }
.item .front .flag-sx { background:url(images/icons/flag-sx.svg) no-repeat center; }
.item .front .flag-sk { background:url(images/icons/flag-sk.svg) no-repeat center; }
.item .front .flag-si { background:url(images/icons/flag-si.svg) no-repeat center; }
.item .front .flag-sb { background:url(images/icons/flag-sb.svg) no-repeat center; }
.item .front .flag-so { background:url(images/icons/flag-so.svg) no-repeat center; }
.item .front .flag-za { background:url(images/icons/flag-za.svg) no-repeat center; }
.item .front .flag-kr { background:url(images/icons/flag-kr.svg) no-repeat center; }
.item .front .flag-es { background:url(images/icons/flag-es.svg) no-repeat center; }
.item .front .flag-lk { background:url(images/icons/flag-lk.svg) no-repeat center; }
.item .front .flag-sd { background:url(images/icons/flag-sd.svg) no-repeat center; }
.item .front .flag-sr { background:url(images/icons/flag-sr.svg) no-repeat center; }
.item .front .flag-sz { background:url(images/icons/flag-sz.svg) no-repeat center; }
.item .front .flag-se { background:url(images/icons/flag-se.svg) no-repeat center; }
.item .front .flag-ch { background:url(images/icons/flag-ch.svg) no-repeat center; }
.item .front .flag-tw { background:url(images/icons/flag-tw.svg) no-repeat center; }
.item .front .flag-tz { background:url(images/icons/flag-tz.svg) no-repeat center; }
.item .front .flag-th { background:url(images/icons/flag-th.svg) no-repeat center; }
.item .front .flag-tj { background:url(images/icons/flag-tj.svg) no-repeat center; }
.item .front .flag-tz { background:url(images/icons/flag-tz.svg) no-repeat center; }
.item .front .flag-tg { background:url(images/icons/flag-tg.svg) no-repeat center; }
.item .front .flag-to { background:url(images/icons/flag-to.svg) no-repeat center; }
.item .front .flag-tt { background:url(images/icons/flag-tt.svg) no-repeat center; }
.item .front .flag-tn { background:url(images/icons/flag-tn.svg) no-repeat center; }
.item .front .flag-tr { background:url(images/icons/flag-tr.svg) no-repeat center; }
.item .front .flag-tm { background:url(images/icons/flag-tm.svg) no-repeat center; }
.item .front .flag-tv { background:url(images/icons/flag-tv.svg) no-repeat center; }
.item .front .flag-ug { background:url(images/icons/flag-ug.svg) no-repeat center; }
.item .front .flag-ua { background:url(images/icons/flag-ua.svg) no-repeat center; }
.item .front .flag-ae { background:url(images/icons/flag-ae.svg) no-repeat center; }
.item .front .flag-gb { background:url(images/icons/flag-gb.svg) no-repeat center; }
.item .front .flag-us { background:url(images/icons/flag-us.svg) no-repeat center; }
.item .front .flag-uy { background:url(images/icons/flag-uy.svg) no-repeat center; }
.item .front .flag-vu { background:url(images/icons/flag-vu.svg) no-repeat center; }
.item .front .flag-ve { background:url(images/icons/flag-ve.svg) no-repeat center; }
.item .front .flag-vn { background:url(images/icons/flag-vn.svg) no-repeat center; }
.item .front .flag-wf { background:url(images/icons/flag-wf.svg) no-repeat center; }
.item .front .flag-xk { background:url(images/icons/flag-xk.svg) no-repeat center; }
.item .front .flag-ye { background:url(images/icons/flag-ye.svg) no-repeat center; }
.item .front .flag-zm { background:url(images/icons/flag-zm.svg) no-repeat center; }
.item .front .flag-zw { background:url(images/icons/flag-zw.svg) no-repeat center; }

/*
OPTIONS FOR ACF IF FULL COUNTRY LIST IS NEEDED
---
flag-us : United States(US)
flag-uk : United Kingdom(UK)
flag-au : Australia
flag-at : Austria
flag-be : Belgium
flag-br : Brazil
flag-ca : Canada
flag-dk : Denmark
flag-fi : Finland
flag-fr : France
flag-de : Germany
flag-in : India
flag-il : Israel
flag-lu : Luxembourg
flag-nl : Netherlands
flag-es : Spain
flag-se : Sweden
flag-ch : Switzerland
flag-af : Afghanistan (AF)
flag-al : Albania (AL)
flag-dz : Algeria (DZ)
flag-ad : Andorra (AD)
flag-ao : Angola (AO)
flag-ai : Anguilla (AI)
flag-aq : Antarctica (AQ)
flag-ag : Antigua and Barbuda (AG)
flag-am : Armenia (AM)
flag-aw : Aruba (AW)
flag-az : Azerbaijan (AZ)
flag-bs : Bahamas (BS)
flag-bh : Bahrain (BH)
flag-bd : Bangladesh (BD)
flag-bb : Barbados (BB)
flag-by : Belarus (BY)
flag-bz : Belize (BZ)
flag-bj : Benin (BJ)
flag-bm : Bermuda (BM)
flag-bt : Bhutan (BT)
flag-bo : Bolivia (BO)
flag-ba : Bosnia and Herzegovina (BA)
flag-bw : Botswana (BW)
flag-bv : Bouvet Island (BV)
flag-io : British Indian Ocean Territory (IO)
flag-bn : Brunei Darussalam (BN)
flag-bg : Bulgaria (BG)
flag-bf : Burkina Faso (BF)
flag-bi : Burundi (BI)
flag-kh : Cambodia (KH)
flag-cm : Cameroon (CM)
flag-cv : Cabo Verde (CV)
flag-ky : Cayman Islands (KY)
flag-cc : Cocos (Keeling) Islands (CC)
flag-cf : Central African Republic (CF)
flag-td : Chad (TD)
flag-cl : Chile (CL)
flag-cn : China (CN)
flag-cx : Christmas Island (CX)
flag-ck : Cook Islands (CK)
flag-cr : Costa Rica (CR)
flag-ci : Côte d'Ivoire (CI)
flag-hr : Croatia (HR)
flag-cu : Cuba (CU)
flag-cy : Cyprus (CY)
flag-cz : Czech Republic (CZ)
flag-dj : Djibouti (DJ)
flag-dm : Dominica (DM)
flag-do : Dominican Republic (DO)
flag-ec : Ecuador (EC)
flag-eg : Egypt (EG)
flag-sv : El Salvador (SV)
flag-gq : Equatorial Guinea (GQ)
flag-er : Eritrea (ER)
flag-ee : Estonia (EE)
flag-et : Ethiopia (ET)
flag-fk : Falkland Islands (FK)
flag-fo : Faroe Islands (FO)
flag-fj : Fiji (FJ)
flag-gf : French Guiana (GF)
flag-pf : French Polynesia (PF)
flag-tf : French Southern Territories (TF)
flag-ga : Gabon (GA)
flag-gm : Gambia (GM)
flag-ge : Georgia (GE)
flag-gh : Ghana (GH)
flag-gi : Gibraltar (GI)
flag-gr : Greece (GR)
flag-gl : Greenland (GL)
flag-gd : Grenada (GD)
flag-gp : Guadeloupe (GP)
flag-gt : Guatemala (GT)
flag-gg : Guernsey (GG)
flag-gn : Guinea (GN)
flag-gw : Guinea-Bissau (GW)
flag-gy : Guyana (GY)
flag-ht : Haiti (HT)
flag-hm : Heard Island and McDonald Islands (HM)
flag-va : Holy See (VA)
flag-hn : Honduras (HN)
flag-hk : Hong Kong (HK)
flag-hu : Hungary (HU)
flag-is : Iceland (IS)
flag-id : Indonesia (ID)
flag-ir : Iran (IR)
flag-iq : Iraq (IQ)
flag-ie : Ireland (IE)
flag-im : Isle of Man (IM)
flag-it : Italy (IT)
flag-jm : Jamaica (JM)
flag-jp : Japan (JP)
flag-je : Jersey (JE)
flag-jo : Jordan (JO)
flag-kz : Kazakhstan (KZ)
flag-ke : Kenya (KE)
flag-ki : Kiribati (KI)
flag-kp : North Korea (KP)
flag-kr : South Korea (KR)
flag-kw : Kuwait (KW)
flag-kg : Kyrgyzstan (KG)
flag-la : Laos (LA)
flag-lv : Latvia (LV)
flag-lb : Lebanon (LB)
flag-ls : Lesotho (LS)
flag-lr : Liberia (LR)
flag-ly : Libya (LY)
flag-li : Liechtenstein (LI)
flag-lt : Lithuania (LT)
flag-mo : Macao (MO)
flag-mk : North Macedonia (MK)
flag-mg : Madagascar (MG)
flag-mw : Malawi (MW)
flag-my : Malaysia (MY)
flag-mv : Maldives (MV)
flag-ml : Mali (ML)
flag-mt : Malta (MT)
flag-mh : Marshall Islands (MH)
flag-mq : Martinique (MQ)
flag-mr : Mauritania (MR)
flag-mu : Mauritius (MU)
flag-yt : Mayotte (YT)
flag-mx : Mexico (MX)
flag-fm : Micronesia (FM)
flag-md : Moldova (MD)
flag-mc : Monaco (MC)
flag-mn : Mongolia (MN)
flag-me : Montenegro (ME)
flag-ms : Montserrat (MS)
flag-ma : Morocco (MA)
flag-mz : Mozambique (MZ)
flag-mm : Myanmar (MM)
flag-na : Namibia (NA)
flag-nr : Nauru (NR)
flag-np : Nepal (NP)
flag-nc : New Caledonia (NC)
flag-nz : New Zealand (NZ)
flag-ni : Nicaragua (NI)
flag-ne : Niger (NE)
flag-ng : Nigeria (NG)
flag-nu : Niue (NU)
flag-nf : Norfolk Island (NF)
flag-mp : Northern Mariana Islands (MP)
flag-no : Norway (NO)
flag-om : Oman (OM)
flag-pk : Pakistan (PK)
flag-pw : Palau (PW)
flag-ps : Palestine (PS)
flag-pa : Panama (PA)
flag-pg : Papua New Guinea (PG)
flag-py : Paraguay (PY)
flag-pe : Peru (PE)
flag-ph : Philippines (PH)
flag-pn : Pitcairn (PN)
flag-pl : Poland (PL)
flag-pt : Portugal (PT)
flag-pr : Puerto Rico (PR)
flag-qa : Qatar (QA)
flag-re : Réunion (RE)
flag-ro : Romania (RO)
flag-ru : Russia (RU)
flag-rw : Rwanda (RW)
flag-bl : Saint Barthélemy (BL)
flag-sh : Saint Helena (SH)
flag-kn : Saint Kitts and Nevis (KN)
flag-lc : Saint Lucia (LC)
flag-mf : Saint Martin (MF)
flag-pm : Saint Pierre and Miquelon (PM)
flag-vc : Saint Vincent and the Grenadines (VC)
flag-ws : Samoa (WS)
flag-sm : San Marino (SM)
flag-st : Sao Tome and Principe (ST)
flag-sa : Saudi Arabia (SA)
flag-sn : Senegal (SN)
flag-rs : Serbia (RS)
flag-sc : Seychelles (SC)
flag-sl : Sierra Leone (SL)
flag-sg : Singapore (SG)
flag-sx : Sint Maarten (SX)
flag-sk : Slovakia (SK)
flag-si : Slovenia (SI)
flag-sb : Solomon Islands (SB)
flag-so : Somalia (SO)
flag-za : South Africa (ZA)
flag-gs : South Georgia and the South Sandwich Islands (GS)
flag-ss : South Sudan (SS)
flag-lk : Sri Lanka (LK)
flag-sd : Sudan (SD)
flag-sr : Suriname (SR)
flag-sj : Svalbard and Jan Mayen (SJ)
flag-sz : Eswatini (SZ)
flag-sy : Syria (SY)
flag-tw : Taiwan (TW)
flag-tj : Tajikistan (TJ)
flag-tz : Tanzania (TZ)
flag-th : Thailand (TH)
flag-tl : Timor-Leste (TL)
flag-tg : Togo (TG)
flag-tk : Tokelau (TK)
flag-to : Tonga (TO)
flag-tt : Trinidad and Tobago (TT)
flag-tn : Tunisia (TN)
flag-tr : Turkey (TR)
flag-tm : Turkmenistan (TM)
flag-tc : Turks and Caicos Islands (TC)
flag-tv : Tuvalu (TV)
flag-ug : Uganda (UG)
flag-ua : Ukraine (UA)
flag-ae : United Arab Emirates (AE)
flag-uy : Uruguay (UY)
flag-uz : Uzbekistan (UZ)
flag-vu : Vanuatu (VU)
flag-ve : Venezuela (VE)
flag-vn : Vietnam (VN)
flag-vg : British Virgin Islands (VG)
flag-vi : U.S. Virgin Islands (VI)
flag-wf : Wallis and Futuna (WF)
flag-eh : Western Sahara (EH)
flag-ye : Yemen (YE)
flag-zm : Zambia (ZM)
flag-zw : Zimbabwe (ZW)
---
*/


.ie_cards .item .front .text {
    color: #888;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}

.ie_cards .item .front .text {
    padding: 0 10px;
}

.ie_cards .item .front img {
    /* max-width: 122px; */
    max-width: 150px;
    margin: 0 auto;
	max-height: 70px;
    object-fit: contain;
}

.ie_cards .item .front .image-container img{
	max-width: 130px;
}


.ie_cards .item .back {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: #152441;
    position: absolute;
    gap: 20px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-bottom: 60px;
    padding-top: 30px;
    transition: all ease 300ms;
    /* animation: fadeIn 1s ease-in forwards; */
    transform: translateY(100%);
    
}

.ie_cards .item .back::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 93%;
    height: 93%;
    border: 1px solid rgba(59, 169, 93, 0.6); /* Border color */
    pointer-events: none; /* Prevent the pseudo-element from interfering with interactions */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}

.ie_cards .item .back img {
    /* filter: invert(100%) brightness(500%) !important;
    mix-blend-mode: lighten;
    background-color: white;
    filter: brightness(1000%); */
    /* max-width: 74px; */
    max-width: 150px;
    margin: 0 auto;
	max-height: 70px;
    object-fit: contain;
}

.ie_cards .item .back .img1 {
    /* margin-top: 30px; */
}


.ie_cards .item .back .description {
    color: #FFF;
    text-align: center;
    font-family: var(--font-2);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    max-width: 210px;
    margin:0 auto 0;
}

.ie_cards .item:hover .back {
    /* display: flex; */
    transform: translateY(0);
}

/*------------------------------------------
    #MARK: ANIMATIONS
------------------------------------------*/
/* Keyframes for gradient animation */
@keyframes fadeIn {
    0% {
        opacity: 0; /* Start fully transparent */
        transform: translateY(20px); /* Optional: slight movement */
    }
    100% {
        opacity: .5; /* Fully visible */
        transform: translateY(0); /* Return to original position */
    }
}

/* #endregion */

/*------------------------------------------
    #MARK: QA EDITS 05/06/2025
------------------------------------------*/
/* #region */
/* .ff-cta .dtext.dtext {opacity: 0.7; padding: 10px; background: rgb(0 0 0 / 65%);} */

.ff-cta .dtext.dtext {padding-left: 20px; position: relative;}
.ff-cta .dtext.dtext::before { content: ""; position: absolute; top: 0; left: 0; border-radius: 2px; background: #27AE60; width: 5px;height: 36px;}

.ff-cta.element .dinfo {position: relative; max-width: 550px;}
.ff-cta .dinfo::before {max-width: 89.09%; position: absolute; content: ""; left: -20px; top: -80px; width: 100%; height: auto; aspect-ratio: 490/185; background: rgba(20, 28, 43, 0.70); z-index: 0;}
.ff-cta .dinfo::after {max-width: 54.5454%; position: absolute; content: ""; right: -70px; top: -10px; width: 100%; height: auto; aspect-ratio: 1/1;  background: rgba(6, 140, 192, 0.20); z-index: 1;}

.ff-cta .dinfo .mtitle,
.ff-cta .dinfo .btitle,
.ff-cta .dinfo .dtext,
.ff-cta .dinfo .btn-loop {position: relative; z-index: 3;}

.element.ff-cta .dinfo .btn-loop .btn-loop {padding-left: 20px;margin-top: 0;}

.team-layout .item .featured img {aspect-ratio: 252/320.1; object-fit: cover;}