/**
 * Typography
 *
 * @package Infintor
 */

/* ==========================================================
   PLUS JAKARTA
========================================================== */

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta/PlusJakartaSans-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta/PlusJakartaSans-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta/PlusJakartaSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta/PlusJakartaSans-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta/PlusJakartaSans-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta/PlusJakartaSans-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta/PlusJakartaSans-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/* ==========================================================
   POPPINS
========================================================== */

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins/poppins-bold-webfont.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins/poppins-semibold-webfont.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins/poppins-medium-webfont.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins/poppins-regular-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins/poppins-light-webfont.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 300;
    color: #252525;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
}

p {
    margin: 0 0 1.5rem;
}


/* ==========================================================
   header(1).css
   ========================================================== */

/**
 * Header
 *
 * @package Infintor
 */

/* ==========================================================
   HEADER
========================================================== */

.site-header {

    position: sticky;
    top: 0;
    z-index: 999;

    background: #fff;
    border-bottom: 1px solid #ececec;

}

.site-header__container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 24px;

    min-height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}
/*==============================================================
Logo
==============================================================*/

.site-logo{
    flex-shrink:0;
}

.site-logo img{
    display:block;
    max-height:68px;
    width:auto;
}

/* ==========================================================
   PRIMARY NAVIGATION
========================================================== */

.primary-navigation {
    display: flex;
    align-items: center;
}

.primary-menu {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-item {
    position: relative;
}

.menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111827;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    height: 88px;
}

.menu-link:hover {
    color: var(--color-primary);
}

.menu-link__text{
    display:flex;
    align-items:center;
    gap:10px;
}

.menu-link__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.menu-link__icon img{
    width:28px;
    height:28px;
    display:block;
}

.menu-link__label{
    display:block;
}

.sub-menu .menu-link:hover {
    background-color: #f7f7f7;
}

.mobile-menu__link,
.mobile-menu__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mobile-menu__text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-menu__label {
    display: inline-block;
}

.mobile-menu__link .menu-link__icon,
.mobile-menu__button .menu-link__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu__link .menu-link__icon img,
.mobile-menu__button .menu-link__icon img {
    width: 20px;
    height: 20px;
    display: block;
}

.primary-menu > li:nth-child(7) > a{
    width: max-content;
    position: relative;
    padding: 0px 24px !important;
    line-height: 1.2;
    z-index: 1;
    border: solid 1.4px #5e5e5e;
    border-radius: 30px;
    text-decoration: none;
    color: #000000;
    background-color: var(--ci-button-bg);
    font-weight: 300;
    transition: .3s ease;
    margin-top: 0px;
}

.primary-menu > li:nth-child(7) > a:hover{
    background-color: #322c45;
    color: white;
}

/*==============================================================
Level 1
==============================================================*/

.primary-navigation>.primary-menu>li>.menu-link{

    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    padding: 0 14px;
    color: #111827;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-decoration: none;
    transition:.25s ease;
}

.primary-navigation>ul>li:hover>a{

    color:#1F3773;
}

.menu-item__arrow{

    display:flex;

    align-items:center;

    transition:.25s;
}

.menu-item--has-children:hover>.menu-link__arrow{

    transform:rotate(180deg);
}

.menu-link{

    display:flex;

    align-items:center;

    gap:8px;

    height:88px;

    text-decoration:none;

}

.menu-link__text{

    display:inline-flex;

    align-items:center;

}

/* ==========================================================
   DROPDOWN
========================================================== */

.sub-menu {
    position: absolute;
    top: 100%;
    left: -6%;
    min-width: 240px;
    margin: 0;
    padding: 16px 0;
    list-style: none;
    background: #ffffff;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    transition: .25s ease;
}

.menu-item:hover > .sub-menu {

    opacity: 1;
    visibility: visible;
    transform: translateY(0);

}

.sub-menu .menu-link{

    height:auto;
    padding:12px 24px;

}

..menu-link:hover {
    background-color: #f6f6f9;
}

/*==============================================================
Third Level
==============================================================*/

.sub-menu .sub-menu{

    left:100%;

    top:-12px;
}

/* ==========================================================
   MEGA MENU
========================================================== */

.mega-menu{

    position:absolute;

    top:100%;

    left:50%;

    transform:translateX(-50%);

    width:1400px;

    background:#ffffff;

    border-radius:24px;

    box-shadow:0 30px 80px rgba(0,0,0,.08);

    opacity:0;

    visibility:hidden;

    transition:.25s ease;

    padding:40px;

}

.menu-item--mega:hover>.mega-menu{

    opacity:1;

    visibility:visible;

}

/*----------------------------------------
Mega Item
----------------------------------------*/

.menu-item--mega{

    position:static;

}

/*----------------------------------------
Mega Wrapper
----------------------------------------*/

.mega-menu{

    position:absolute;

    top:100%;

    left:50%;

    transform:translateX(-50%) translateY(16px);

    width:min(1380px,96vw);

    background:#fff;

    border-radius:0px 0px 24px 24px;

    box-shadow:0 30px 80px rgba(0,0,0,.10);

    opacity:0;

    visibility:hidden;

    transition:.25s ease;

    z-index:999;

}

/* Open */

.menu-item--mega:hover>.mega-menu,
.menu-item--mega.is-open>.mega-menu{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}

.mega-menu__container{

    display:grid;

/*    grid-template-columns:3fr 320px;*/

    gap:40px;

}

/*.mega-menu__inner{
    width:100%;
}

.mega-menu__content{
    display:grid;
    gap:40px;
}*/

.mega-menu__content{
    display:grid;
    gap:10px;
}

.mega-menu--columns-1 .mega-menu__content{
    grid-template-columns:1fr;
}

.mega-menu--columns-2 .mega-menu__content{
    grid-template-columns:repeat(2,1fr);
}

.mega-menu--columns-3 .mega-menu__content{
    grid-template-columns:repeat(3,1fr);
}

.mega-menu--columns-4 .mega-menu__content{
    grid-template-columns:repeat(4,1fr);
}

.mega-menu--columns-5 .mega-menu__content{
    grid-template-columns:repeat(5,1fr);
}

.mega-menu--columns-6 .mega-menu__content{
    grid-template-columns:repeat(6,1fr);
}

/*----------------------------------------
Inner
----------------------------------------*/

.mega-menu__inner{

    display:grid;

    grid-template-columns:1fr;

    gap:48px;

    padding:10px 40px;

}

.mega-menu__inner--banner{

    grid-template-columns:minmax(0,1fr) 340px;

}

/*----------------------------------------
Columns
----------------------------------------*/

.mega-menu__columns{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

    gap:48px;

    align-items:flex-start;

}

.mega-menu__heading{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-left: 8px;
}

.mega-menu__links{
    margin:0;
    padding:0;
    list-style:none;
    line-height: 1.4;
}

.mega-menu__item{
    padding: 8px 6px 8px 10px;
    background-color: #ffffff;
    margin: 10px 6px 10px 0px;
    border-radius: 4px;
    border: .1px solid #cccccc47;
}

.mega-menu__item:hover{
    background-color: #fbfbfb;
}

.mega-menu__link{

    color:#4b5563;

    text-decoration:none;

    line-height:1.4;

}

.mega-menu__link:hover{

    color:var(--color-primary);

}

.mega-menu__featured{

    background:#f8fafc;

    border-radius:20px;

    overflow:hidden;

}

.mega-menu__featured-image img{

    width:100%;
    height: auto;
    display:block;

}

.mega-menu__featured-title{

    font-size:22px;

    margin:20px;

}

.mega-menu__featured-description{

    margin:0 20px 20px;

    color:#64748b;

}

.mega-menu__featured-button{

    display:inline-flex;

    margin:0 20px 24px;

}

@media(max-width:991px){

.primary-navigation{

display:none;

}

}


/*----------------------------------------
Column
----------------------------------------*/

.mega-column{

    display:flex;

    flex-direction:column;

}

.mega-column__title{

    margin-bottom:18px;

}

.mega-column__heading-link{

    font-size:18px;

    font-weight:700;

    color:#111827;

    text-decoration:none;

}

.mega-column__heading-link:hover{

    color:#1F3773;

}

/*----------------------------------------
Links
----------------------------------------*/

.mega-column__list{

    margin:0;

    padding:0;

    list-style:none;

    display:flex;

    flex-direction:column;

    gap:12px;

}

.mega-column__item{

    margin:0;

}

.mega-column__link{

    display:block;

    color:#5C6573;

    font-size:15px;

    line-height:1.6;

    text-decoration:none;

    transition:.2s;

}

.mega-column__link:hover{

    color:#1F3773;

    transform:translateX(6px);

}

/*----------------------------------------
Banner
----------------------------------------*/

.mega-banner{

    display:flex;

    flex-direction:column;

    background:#F7F8FC;

    border-radius:18px;

    overflow:hidden;

    height:100%;

}

.mega-banner__image{

    overflow:hidden;

}

.mega-banner__img{

    display:block;

    width:100%;

    height:220px;

    object-fit:cover;

}

.mega-banner__content{

    padding:24px;

}

.mega-banner__title{

    margin:0 0 14px;

    font-size:22px;

    font-weight:700;

    color:#111827;

}

.mega-banner__description{

    margin:0 0 20px;

    color:#6B7280;

    line-height:1.7;

}

.mega-banner__button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    border-radius:999px;

    background:#1F3773;

    color:#fff;

    text-decoration:none;

    transition:.25s;

}

.mega-banner__button:hover{

    background:#162A58;

}


/*==============================================================
Country Selector
==============================================================*/

.menu-item-country .sub-menu{

    min-width:220px;
}

.menu-item-country img{

    width:18px;

    height:18px;

    border-radius:50%;

    object-fit:cover;

    margin-right:10px;
}

/*==============================================================
Keyboard Accessibility
==============================================================*/

.primary-navigation li:focus-within>.sub-menu,
.primary-navigation li:focus-within>.mega-menu{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}

/*==============================================================
Responsive
==============================================================*/

@media (max-width:1200px){

    .mega-menu{

        width:1100px;
    }

}

@media (max-width:1024px){

    .primary-navigation{

        display:none;
    }

}

/* ==========================================================
   MOBILE MENU TOGGLE
========================================================== */

.mobile-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.mobile-menu-toggle__icon {

    position: relative;

    width: 22px;
    height: 16px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.mobile-menu-toggle__line {

    display: block;

    width: 100%;
    height: 2px;

    background: #111827;

    border-radius: 20px;

    transition: all .30s ease;

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 991px) {

    .primary-navigation {
        display: none;
    }

    .mobile-menu-toggle {
        display: inline-flex;
    }
    .contact-grid {
        flex-direction: column;
    }
    .contact-form-card {
        margin-top: -50px !important;
    }
}

/* ==========================================================
   MOBILE MENU
========================================================== */

.mobile-navigation{

    position:fixed;

    inset:0;

    z-index:9999;

    opacity:0;

    visibility:hidden;

    transition:.30s ease;

}

.mobile-navigation.is-active{

    opacity:1;

    visibility:visible;

}

.mobile-navigation__overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.45);

}

.mobile-navigation__panel{

    position:absolute;

    right:0;

    top:0;

    width:340px;

    max-width:90vw;

    height:100%;

    background:#fff;

    transform:translateX(100%);

    transition:transform .30s ease;

    overflow:auto;

}

.mobile-navigation.is-active .mobile-navigation__panel{

    transform:translateX(0);

}

body.mobile-menu-open{

    overflow:hidden;

}

/* ==========================================================
   Mobile Panels
========================================================== */

.mobile-panel {
    display: none;
    width: 100%;
}

.mobile-panel.is-active {
    display: block;
}

.mobile-panel__header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.mobile-panel__back {
    border: 0;
    background: none;
    font-size: 22px;
    cursor: pointer;
    padding: 0;
}

.mobile-panel__title {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
}

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

.mobile-menu__button,
.mobile-menu__link {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 16px 0;

    border: 0;

    background: none;

    text-align: left;

    text-decoration: none;

    color: inherit;

    font-size: 18px;

    cursor: pointer;

}


/* ==========================================================
   mobile-navigation(1).css
   ========================================================== */

/**
 * ==========================================================================
 * Infintor Mobile Navigation
 * ==========================================================================
 *
 * @package Infintor
 */

/* ==========================================================
   Mobile Toggle
========================================================== */

.mobile-menu-toggle{

    display:none;

    width:48px;

    height:48px;

    border:0;

    background:transparent;

    cursor:pointer;

    align-items:center;

    justify-content:center;

    padding:0;

}

.mobile-menu-toggle__icon{

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    width:22px;

    height:16px;

}

.mobile-menu-toggle__line{

    width:100%;

    height:2px;

    background:#111827;

    border-radius:999px;

    transition:.25s ease;

}


/* ==========================================================
   Mobile Drawer
========================================================== */

.mobile-navigation{

    position:fixed;

    inset:0;

    z-index:9999;

    visibility:hidden;

    opacity:0;

    transition:.30s ease;

}

.mobile-navigation.is-active{

    visibility:visible;

    opacity:1;

}

.mobile-navigation__overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.45);

}

.mobile-navigation__panel{

    position:absolute;

    top:0;

    right:0;

    width:360px;

    max-width:92vw;

    height:100%;

    background:#fff;

    transform:translateX(100%);

    transition:transform .35s ease;

    display:flex;

    flex-direction:column;

    overflow:hidden;

}

.mobile-navigation.is-active .mobile-navigation__panel{

    transform:translateX(0);

}

body.mobile-menu-open{

    overflow:hidden;

}


/* ==========================================================
   Header
========================================================== */

.mobile-navigation__header{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    padding:18px 22px;

    border-bottom:1px solid #ECECEC;

}

.mobile-navigation__close{

    width:40px;

    height:40px;

    border:0;

    background:none;

    cursor:pointer;

    font-size:32px;

    line-height:1;

}


/* ==========================================================
   Body
========================================================== */

.mobile-navigation__body{

    position:relative;

    flex:1;

    overflow:hidden;

}


/* ==========================================================
   Panels
========================================================== */

.mobile-panel{

    position:absolute;

    inset:0;

    background:#fff;

    overflow-y:auto;

    transform:translateX(100%);

    transition:transform .30s ease;

}

.mobile-panel.is-active{

    transform:translateX(0);

}


/* ==========================================================
   Panel Toolbar
========================================================== */

.mobile-panel__toolbar{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    padding:18px 24px;

    border-bottom:1px solid #ECECEC;

}

.mobile-panel__back{

    border:0;

    background:none;

    cursor:pointer;

    font-size:16px;

    font-weight:600;

    color:#1F3773;

}


/* ==========================================================
   Panel Title
========================================================== */

.mobile-panel__title{
    padding: 12px 18px 12px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    background-color: #f6f8fc;
}


/* ==========================================================
   Menu
========================================================== */

.mobile-menu{

    list-style:none;

    margin:0;

    padding:0;

}

.mobile-menu__item{

    border-bottom:1px solid #F2F2F2;

}

.mobile-menu__button,
.mobile-menu__link{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:16px;

    padding:18px 24px;

    border:0;

    background:none;

    color:#111827;

    font-size:16px;

    font-weight:400;

    text-decoration:none;

    cursor:pointer;

    transition:.25s;

}

.mobile-menu__button:hover,
.mobile-menu__link:hover{

    background:#F8F9FB;

}

.mobile-menu__arrow{

    font-size:20px;

    color:#64748B;

}


/* ==========================================================
   Root Panel
========================================================== */

.mobile-panel--root .mobile-panel__toolbar,

.mobile-panel--root .mobile-panel__title{

    display:none;

}


/* ==========================================================
   Mobile
========================================================== */

@media(max-width:991px){

    .primary-navigation{

        display:none;

    }

    .mobile-menu-toggle{

        display:flex;

    }

}


/* ==========================================================
   Back Button
========================================================== */

.mobile-panel__back{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:0;

    border:0;

    background:none;

    color:#111827;

    font-size:15px;

    font-weight:500;

    cursor:pointer;

    transition:color .25s ease;

}

.mobile-panel__back:hover{

    color:var(--color-primary);

}

.mobile-panel__back-icon{

    width:20px;

    height:20px;

    flex-shrink:0;

    transition:transform .25s ease;

}

.mobile-panel__back:hover .mobile-panel__back-icon{

    transform:translateX(-3px);

}


/* ==========================================================
   contact(1).css
   ========================================================== */

/*==================================================
INFINTOR CONTACT PAGE
==================================================*/

:root{

    --primary:#21409A;
    --secondary:#0D1B34;
    --text:#667085;
    --light:#F7F9FC;
    --white:#ffffff;
    --border:#E8ECF3;

}

.contact-hero,
.contact-banner,
.contact-content,
.contact-process,
.contact-map,
.contact-faq{

    position:relative;
    width:100%;

}

.contact-content .container,
.contact-process .container,
.contact-map .container,
.contact-faq .container,
.contact-banner .container,
.contact-hero .container{
    max-width:1400px;
    margin:auto;
    padding:0 24px;
}

.i4ewOd-pzNkMb-haAclf{
    display: none !important;
}

section.contact-map {
  width:100%;
  height:100%;
  overflow:hidden;
}
.map-wrapper{
    height: 380px;
}
/*==================================================
HERO
==================================================*/

.contact-hero{
    background: #F6F8FC;
    padding: 70px 0 70px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.contact-hero-inner{

    max-width:760px;

}

.contact-label{

    display:inline-block;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    color:var(--primary);

    text-transform:uppercase;

    margin-bottom:24px;

}

.contact-hero h1{
    font-size: 60px;
    line-height: 1.05;
    font-weight: 600;
    color: var(--secondary);
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.hero-subtitle{
    font-size: 20px;
    line-height: 1.6;
    color: var(--secondary);
    margin-bottom: 12px;
}

.hero-description{
    max-width: 700px;
    line-height: 1.4;
    line-height: unset;
    color: #667085;
}


/*==================================================
FULL WIDTH IMAGE
==================================================*/

.contact-banner{
    z-index:2;
}

.contact-banner-image{
    overflow: hidden;
    height: 340px;
}

.contact-banner-image img{

    width:100%;

    display:block;

}


/*==================================================
CONTENT
==================================================*/

.contact-content{

    padding:50px 0 90px;
    background: #faf9f7;

}

.contact-grid{

    display:flex;

    grid-template-columns:1fr 50%;

    gap:80px;

    align-items:flex-start;

}
/*==================================================
LEFT COLUMN
==================================================*/

.contact-left{

    padding-top:20px;

}

.contact-block{

    margin-bottom:20px;

}

.contact-block h5{
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 12px;
    letter-spacing: -1px;
}

.contact-divider{

    width:100%;

    height:1px;

    background:#E8ECF3;

    margin:36px 0;

}

.contact-list{

    list-style:none;

    margin:0;

    padding:0;

}

.contact-list li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: #000000;
    font-size: 15px;
    font-weight: 200;
}

.contact-list li:before{
    content:"";
    position:absolute;
    left: 0px;
    top: 2px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 4px;   
    background: url("/infintor/wp-content/uploads/2026/07/check.svg") center center no-repeat;
    /*background:var(--primary);*/
    background-size: contain;
}

.contact-details{
    display: flex;
    gap: 10px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.detail-box{
    min-width: 220px;
    padding: 14px;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 40px 40px rgba(0, 0, 0, .03);
}

.detail-box small{
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 2px;
    color: #354c75;
}

.detail-box h3{
    font-size: 20px;
    color: var(--secondary);
    margin: 0;
    font-weight: 500;
}


/*==================================================
RIGHT COLUMN
==================================================*/

.contact-right{

    position:relative;

}

.contact-form-card{
    background: #fff;
    border-radius: 20px;
    padding: 60px;
    /*box-shadow: 0 35px 90px rgba(0, 0, 0, .08);*/
    margin-top: -220px;
    position: relative;
    z-index: 20;
}

.form-top{

    text-align:center;

    margin-bottom:35px;

}

.form-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto auto 18px;
    color: var(--primary);
}

.form-top h4{

    font-size:20px;
    font-weight: 500;
    color:var(--secondary);

    margin-bottom:20px;

}

.form-top hr{
    border-width: .1px;
    color: #dedede;
    margin: 20px 0px;
}

.form-top p{

    color:var(--text);

    line-height:1.8;

}




/* ==========================================================
   footer(1).css
   ========================================================== */

/*/*
==========================================================
FOOTER
==========================================================
*/

.site-footer{
    background:#25508c;
    color:#232236;
/*    padding:90px 0 30px;*/
    overflow:hidden;
}

.site-footer a{
    color: #7f7c89;
    font-weight: 200;
    text-decoration: none;
    transition: .25s ease;
}

.site-footer a:hover{
    color:#ffffff;
}

.container{
	max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-bottom a{
    color: #ffffff66;
    font-weight: 200;
    text-decoration: none;
    transition: .25s ease;
    font-size: 14px;
}

.site-footer a:hover{
    color:#ffffff;
}
/*
==========================================================
TOP
==========================================================
*/

.footer-top{
    padding: 40px 0px;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr .8fr;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.footer-logo{
    max-width: 220px;
    height: 80px;
    display: block;
}

.footer-logo img{
    max-width:240px;
    padding-top: 8px;
    height:auto;
    display:block;
}

.footer-description{
    color: #A5A6B8;
    line-height: 1.9;
    font-size: 14px;
    font-weight: 300;
    padding-top: 10px;
    width: 90%;
}

/*
==========================================================
LINKS
==========================================================
*/

.footer-links h3,
.footer-contact h3{
    font-size: 26px;
    font-weight: 500;
    margin: 10px 0 20px;
    color: #fff;
}

.footer-links ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-links li{
    height: 22px;
}

.footer-links a{
    font-size: 13px;
    color: #B8B9C8;
    font-weight: 300;
    line-height: 1;
    letter-spacing: .6px;
}

/*
==========================================================
SOCIAL
==========================================================
*/

/*
==========================================================
SOCIAL
==========================================================
*/

.footer-social{
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
    float: right;
}

.footer-social a{

    width:38px;

    height:38px;

    border-radius:6px;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.25s ease;

}

.footer-social a:hover{

    background:#7864FF;

    transform:translateY(-2px);

}

.footer-social img{

    width:20px;

    height:20px;

    display:block;

}

/*
==========================================================
CONTACT
==========================================================
*/

.footer-contact{

    text-align:right;

}

.footer-contact p{

    color:#B7B8C9;

    line-height:1.8;

    margin-bottom:12px;

}

.footer-contact-text{

    color:#B5B6C8;

    font-size:14px;

    line-height:1.8;

    margin-bottom:35px;

}

.footer-contact-text strong{

    color:#ffffff;

    font-weight:600;

}

.footer-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 24px;
    background: #fff;
    font-weight: 400;
}

.footer-button:hover{

    background:#7864FF;

    color:#fff;

}

/*
==========================================================
OFFICES
==========================================================
*/

.footer-offices{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:40px;

    padding:30px 0;

/*    border-bottom:1px solid rgba(255,255,255,.08);*/

}

.office h4{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:10px;

    font-size:24px;

    font-weight:700;

    color:#fff;

}

.office h4 img{

    width:34px;

    height:34px;

    object-fit:contain;

    flex-shrink:0;

}

.office p{
    color: #bfbfd0;
    line-height: 1.4;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: .6px;
    margin-bottom: 14px;
}

.office a{
    display: inline-flex;
    align-items: center;
    color: #ede9fc;
    font-size: 16px;
    transition: .25s;
}

.office a:hover{

    color:#7864FF;

}

/* ==========================================
   INFINTOR FLOATING CTA
   ========================================== */

.infintor-floating-cta {
    position: fixed;
    right: 0;
    bottom: 22%;
    z-index: 99999;

    display: flex;
    flex-direction: column;
    gap: 10px;

    pointer-events: none;
}

/* Slide-in */

.infintor-cta.infintor-visible {
    transform: translateX(0);
    opacity: 1;
}

/* Icon */

.infintor-icon {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background: rgba(255,255,255,0.18);

    font-size: 20px;
    line-height: 1;
}

/* ==========================================
   INFINTOR FLOATING CONTACT WIDGET
   ========================================== */

.infintor-contact-widget {
    position: fixed;

    right: 22px;
    bottom: 10px;

    z-index: 999999;

    font-family: inherit;
}


/* ==========================================
   FLOATING BUTTONS
   ========================================== */

.infintor-floating-buttons {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 2px;
}


.infintor-floating-button {

    width: 70px;
    height: 70px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 50%;

    color: #ffffff;

    font-size: 0px;

    cursor: pointer;

    box-shadow:
        0 6px 20px rgba(0,0,0,0.20);

    opacity: 0;

    transform: translateX(100px);

    transition:
        transform .4s ease,
        box-shadow .25s ease,
        opacity .4s ease;
}


/* WhatsApp */

.infintor-whatsapp {

    background: #ffffff00;
}


/* Phone */

.infintor-phone {

    background: #ffffff00;
}


/* Button entrance */

.infintor-floating-button.show {

    opacity: 1;

    transform: translateX(0);
}


/* Hover */

.infintor-floating-button:hover {

    transform: scale(1.08);

    box-shadow:
        0 8px 28px rgba(0,0,0,0.30);
}


/* ==========================================
   BUTTON ATTENTION ANIMATION
   ========================================== */

@keyframes infintorButtonNudge {

    0%,
    75%,
    100% {

        transform: translateX(0);
    }

    78% {

        transform: translateX(-7px);
    }

    81% {

        transform: translateX(4px);
    }

    84% {

        transform: translateX(-3px);
    }

    87% {

        transform: translateX(0);
    }
}


.infintor-floating-button.attention {

    animation:
        infintorButtonNudge 8s ease-in-out infinite;
}


/* ==========================================
   POPUP
   ========================================== */

.infintor-contact-popup {
    position: absolute;
    right: 0;
    bottom: 150px;
    width: 300px;
    padding: 15px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(0, 0, 0, 0.07);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px) scale(.95);
    transform-origin: bottom right;
    transition: opacity .35s ease, transform .35s ease, visibility .35s ease;
}


/* Popup visible */

.infintor-contact-popup.show {
    opacity: 1;
    visibility: visible;
    transform:
        translateY(0)
        scale(1);
}


/* ==========================================
   POPUP CLOSE BUTTON
   ========================================== */

.infintor-popup-close {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #777;
    font-size: 22px;
    line-height: 28px;
    cursor: pointer;
}


.infintor-popup-close:hover {

    color: #111;
}


/* ==========================================
   POPUP HEADER
   ========================================== */

.infintor-popup-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-right: 20px;
}


.infintor-popup-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    /*background: #25D366;*/
    font-size: 20px;
}


.infintor-popup-title {
    color: #111827;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}


.infintor-popup-subtitle {
    margin-top: 3px;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.4;
}


/* ==========================================
   POPUP ACTIONS
   ========================================== */

.infintor-popup-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
}


.infintor-popup-action {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 8px 11px;
    border-radius: 10px;
    text-decoration: none !important;
    transition:
        transform .2s ease,
        background .2s ease;
}


.infintor-popup-action:hover {
    transform: translateX(3px);
    text-decoration: none !important;
}

/* Action icon */
.infintor-action-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
}


/* WhatsApp */

.infintor-popup-whatsapp {
    background: #f0fff5;
}

.infintor-popup-whatsapp:hover {
    background: #e4fbea;
}

.infintor-popup-whatsapp
.infintor-action-icon {
    background: #25D366;
}

/* Phone */

.infintor-popup-phone {
    background: #f5f6f8;
}


.infintor-popup-phone:hover {
    background: #eceef1;
}

.infintor-popup-phone
.infintor-action-icon {
    background: #111827;
}


/* ==========================================
   ACTION TEXT
   ========================================== */

.infintor-action-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}


.infintor-action-content strong {
    color: #111827;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}


.infintor-action-content small {
    margin-top: 2px;
    color: #6b7280;
    font-size: 11px;
    line-height: 1.3;
}


/* Arrow */

.infintor-action-arrow {
    color: #777;
    font-size: 18px;
    padding-right: 4px;
}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {
    .infintor-contact-widget {
        right: 2px;
        bottom: 5px;
    }
    .infintor-floating-button {
        width: 52px;
        height: 52px;
        font-size: 0px;
    }

    .infintor-contact-popup {
        right: 0;
        bottom: 125px;
        width: calc(100vw - 40px);
        max-width: 330px;
        padding: 17px;
    }
    .infintor-floating-buttons{
        gap: 10px;
    }
}


/* ==========================================
   REDUCED MOTION
   ========================================== */

@media (prefers-reduced-motion: reduce) {
    .infintor-floating-button {
        transition: none;
        animation: none !important;
    }
    .infintor-contact-popup {
        transition: none;
    }
}

/*
==========================================================
BOTTOM
==========================================================
*/

.footer-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    background-color: #173162;
}

.footer-bottom-menu{
    display:flex;
    gap:40px;
}

.footer-copyright{
    color: #ffffff61;
    font-weight: 100;
    font-size: 14px;
    letter-spacing: .5px;
}

.contact-no {
	 display: flex;
    gap: 10px;
}
.contact-no img{
	width: 20px;
}

/*
==========================================================
RESPONSIVE
==========================================================
*/

@media(max-width:1200px){

.footer-top{
    grid-template-columns:1fr 1fr;
}

.footer-contact{
    text-align:left;
    display: flex;
    flex-direction: column;
}

.footer-offices{
    grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.site-footer{
    padding:60px 20px;
}

.footer-top{
    grid-template-columns:1fr;
    gap:10px;
    padding: 0px;
}

.footer-offices{
    grid-template-columns:1fr;
}

.footer-bottom{
    flex-direction:column;
    gap:5px;
    align-items:flex-start;
}

.footer-bottom-menu{
    flex-wrap:wrap;
    gap:30px;
}

    .infintor-slider {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box;
    }

    .infintor-slider-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        gap: 0 !important;
    }

    .infintor-slider-track > * {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        flex: 0 0 100vw !important;

        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    
  .card-slider-section .slider-navigation {
    justify-content: center;
}
}