/* Fonts */
@font-face { font-family: 'AeonikPro'; src: url('../../font/Inter-Regular.otf');
    src: local('☺'), url('../../font/Inter-Regular.woff2') format('woff2'), 
                        url('../../font/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face { font-family: 'AeonikPro'; src: url('../../font/Inter-Light.otf');
    src: local('☺'), url('../../font/Inter-Light.woff2') format('woff2'), 
                        url('../../font/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face { font-family: Inria Sans; src: url('../../font/inria-sans.regular.otf');
    src: local('☺'), url('../../font/InriaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'AeonikPro';
  src: url('../../font/aeonikpro-regular.woff2') format('woff2'),
       url('../../font/aeonikpro-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* End Fonts */

/* HTML */
html,body {
    margin: 0px;
    padding: 0px;
    border: none;
    font-size: 1em;
    max-width: 1920px;
    margin: auto;
}

/* End HTML */

/* Containers */
div.header {
    overflow: hidden;
}

div.content {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
}

.content div {
    font-family: 'AeonikPro' !important;
}

div.innercontent01 {
    display: grid;
    overflow: hidden;
    grid-gap: 100px 20px;
    align-items: center;
    justify-content: center;
    width: 80%;
    font-family: 'AeonikPro';
    font-size: 36px;
    font-weight: 400;
    line-height: 43.57px;
    text-align: left;
    margin-bottom: 20px; /* Add some space between the two inner contents */
}

div.innercontent02 {
    display: grid;
    overflow: hidden;
    grid-gap: 100px 20px;
    align-items: center;
    justify-content: center;
    width: 80%;
    font-family: 'AeonikPro';
    font-size: 36px;
    font-weight: 400;
    line-height: 43.57px;
    text-align: left;
    margin-bottom: 20px; /* Add some space between the two inner contents */
    margin-left: auto;
    margin-right: auto;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

div.innercontent03 {
    overflow: hidden;
    font-family: 'AeonikPro';
    color: #3a3a3a;
}

div.innercontent04 {
    display: flex; 
    overflow: hidden;
    flex-wrap: wrap; 
    background: #efefef;
}

div.innercontent05 {
    display: grid;
    overflow: hidden;
    grid-gap: 100px 160px;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    font-family: 'AeonikPro';
    font-size: 36px;
    font-weight: 400;
    line-height: 43.57px;
    text-align: left;
    margin-bottom: 20px; /* Add some space between the two inner contents */
    margin-left: auto;
    margin-right: auto;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.footer-content {
    overflow: hidden;
    width:100%;
    background-color: #EAF1F1;
    color: #FFFFFF;
    font-weight: 400;
    font-family: 'AeonikPro';
    line-height: 26.63px; 
    display:flex;
}

.footer-innercontent {
    margin:auto;
    justify-content: space-around;
    align-items: center !important;
}

.footer-innersection1 .text-container {
    display: none;
}

.first-footer-innersection {
    display: block !important;
    position: relative;
}

.header-searchbar {
    opacity: 0px;
}

.header-searchbar input {
    color: white;
    background-image: url("../image/icon_search_white.png");
    background-size: 36px;
    background-repeat: no-repeat;
    background-color: #6C7670;
    border:none;
    border-radius: 6px;
    width: 139px;
    height: 36px;
    text-indent: 30px;
}

.header-searchbar input::before {
    background-color: #6C7670;
    width: inherit;
    height: inherit;
}

.header-searchbar input::placeholder {
    color: white;
    opacity: 1;
}

.form-container {
    width:100%;
}

.logos-container{
    width:100%;
}

.logos-container .row {
    display:flex;
    justify-content: space-between;
}

.custom-select-container {
    display: inline-block;
    position: relative;
    width: 100%;
}

.product {
    cursor:pointer;
    text-decoration:none;
}

.product-details-image-container{
    width:100%;
    flex-basis:100%;
    display:flex;
    justify-content: center;
}

.product-details-image {
    max-height:500px;
    margin-top:30px;
}

.topImageagp {
    object-position: 0em -70em;
}

.form-rounding {
    border-radius:4px;
    overflow:hidden;
    box-shadow: 0 4px 30px rgba(0,0,0,0.25);
}

div.gridtable:hover {
    cursor: pointer;
    background: #F9F9F9;
}

div.agentportal_container {
    overflow: hidden;
    margin-top: 35px; 
    text-align: left; 
    color: #ffffff; 
    cursor: pointer; 
    font-family: 'AeonikPro'; 
    font-size: 16px; 
    font-weight: 400; 
    transition: 0.2s;
}

.flex-container01 {
    display: flex;
    overflow: hidden;
}

.flex-container02 {
    display: flex;
    overflow: hidden;
}

/* End Containers */

/* Slideshows */

/* Slideshows */

/* Sections */

.section01 {
    display: flex;
    align-items: center;
    justify-content: center;
}

div.section02 {
    font-family: 'AeonikPro';
}

div.section02 img {
    float: left; 
    vertical-align: middle; 
}

.footer-innersection1 {
    display:flex;
}

.footer-innersection2 {
    justify-content: space-between;
    display: grid;
    padding-bottom: 20px;
}

.footer-innersection2-img {
    display: none;
}

.icon-container {
    display:flex;
    width:130px;
    justify-content:space-between;
}

.header-content {
    transition: 0.3s ease;
    color: white;
    position:fixed;
    left:0px;
    right:0px;
    top:0;
    z-index: 150;
    margin-top: 0px;
    background: rgba(234, 241, 241,0.8);
    max-width: 1920px;
    margin: auto;
}

#small-header {
    position: relative !important;
    height: 10em;
}

.header-content-fixed {
    background: #EAF1F1;    
}

.header-content-fixed #nav a,
.header-content-fixed #nav li,
.header-content-fixed div.agentportal_container a{
    color: black !important;
    transition: 0.2s;
    font-family: 'AeonikPro' !important;
}

.header-content #nav a,
.header-content #nav li,
.header-content div.agentportal_container a{
    font-family: 'AeonikPro' !important;
    color: black !important;
}

.header-content a.home-screen-link,
.header-content div.right-div,
.header-content a{
    color: #0E3935 !important;
}

.home-section {
    display:flex;
    justify-content: center;
    align-items: center;
}

.products-section {
    display:block;
}

.product-image-container {
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}

.login-form-container {
    width:100%;
}

.form-box {
    width:100%;
    display: flex;
}

.form-box .login-image {
    flex: 45%;
}

.agency-title-container {
    align-items:center;
}

.header-user-info {
    display:flex;
    justify-content:space-between;
    font-family:Inter
}

.header-user-info div,
.header-user-info a {
    font-family: 'AeonikPro';
}

/* End Sections */

/* Buttons/ Links */

a {
    transition: 0.3s ease;
}

a:hover {
    opacity: 0.8;    
}

a.link02 {
    color: #BFCCC4;
    text-decoration: none;
    transition: 0.3s;
}

a.link02:hover{
    color: black;
}

a.button01 {
    text-decoration: none; 
}


a.button01 div {
    transition: 0.3s ease;
    font-family: 'AeonikPro';
    font-size: 36px;
    background-color: #1EAC5D;
    color: #fff;
    width: 380px;
    padding: 15.715px 0px;
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
}

a.button01 div:hover {
    background-color: #EAF1F1; 
    color: #0D7B3E;
    box-shadow: 0px 4px 16px 3px #00000040;
}

a.disabled {
    pointer-events: none;
    opacity: 0.5;    
}

.link01 {
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 10px;
    font-size: 17px;
    font-family: 'AeonikPro';
}

.link01 .icon {
    width: 70px; 
    height: 70px;
    margin-right: 48px;
}

.button-change-lang {
    background-image: url("../image/new-icon-globe.png");
    background-size: 48px;
    background-repeat: no-repeat;
    height: 48px;
    text-indent: 45px;
    font-family: 'AeonikPro';
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    margin: 11px 250px 0 0;
}

.button-change-lang-large {
    background-image: url("../image/new-icon-globe.png");
    background-size: 48px;
    background-repeat: no-repeat;
    height: 48px;
    text-indent: 45px;
    font-family: 'AeonikPro';
    font-size: 26px;
    font-weight: 400;
    line-height: 48px;
}

.button-change-lang:hover {
    cursor: pointer;
}

.button03 {
    margin:0 auto;
    height:75px;
    border:1px solid black;
    border-radius:4px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    display:flex;
    justify-content:center;
    align-items:center;
    transition: 0.3s;
    color:#000;
}

.button03:hover {
    background-color: #AEB2A6;
    color: white;
    transition: 0.3s;
}

.button03-link {
    text-decoration:none;
    font-family: 'AeonikPro';
    font-size: 36px;
    font-weight: 400;  
    color:#000;  
}

.find-button {
    padding:15px 20px;
    border-radius:4px;
    background-color: #DBE2DE;
    cursor: pointer;
}

.back-button {
    text-indent: 30px;
    line-height:41px;
    background-image: url("../image/green-arrow.png");
    background-repeat: no-repeat;
    background-size: 29px 41px;
    align-content: center;
    background-position: center left;
    font-family: 'AeonikPro' !important;
}

/* End Buttons/ Links */

/* Texts */

.font-type1 {
    font-family: Inria Sans;
    font-size: 20px;
    line-height: 23.98px;
    color: black;
    display: none;
}

.footer-innersection1 .text02 {
    font-size: 1em;
    line-height: 12.1px;
    margin-top: 20px;
    color: black;
}

.footer-section2 .text01,
.footer-section2 a{
    color: black !important;
}

.footer-section3 a {
    color: black !important;
}

.header-searchbar .text01 {
    font-family: 'AeonikPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;    
}

.header-menu {
    font-family: 'AeonikPro';
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    display:flex;
    width:60%;
    justify-content:space-between;
    margin-left:10px;
}

.header-menu .text01:hover {
    cursor: pointer;
    color: #BFCCC4;
}

.header-logo .text01 {
    font-family: Inria Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    width: 110px;
    margin-top:12.5px;
    margin-left: 7px;
    display: none;
}


.about .about-title {
    font-family: 'AeonikPro';
    font-size: 40px;
    font-weight: 200;
    line-height: 48.41px;
}

.about .about-text {
    font-family: 'AeonikPro';
    font-weight: 200;
}

.learn-more-label {
    font-family: 'AeonikPro';
    font-weight: 300;
    color:#60836E;
}

.product-label-text {
    font-family: 'AeonikPro';
    font-size: 45px;
    font-weight: 200;
    line-height: 54.46px; 
}

.product-title {
    margin-bottom:6px;
    font-family: 'AeonikPro';
    font-size: 40px;
    font-weight: 400;
    line-height: 48.41px;
    color: #000;
    padding-right: 1em;
}

.product-description {
    font-family: 'AeonikPro';
    font-size: 29px;
    font-weight: 400;
    line-height: 35.1px; 
    color: #8F8F8F;
    transition: 0.2s;
}

form label {
    height: 60px;
    display: inline-block;
    /*border-right: 2px solid #ECECEC;*/
    line-height: 60px;
    padding: 0 10px;
}

.product-details-text {
    font-family: 'AeonikPro';
    font-weight: 200;
    width:100%;
    text-align: left;    
}

.form-title{
    background-color:#DBE2DE;
    line-height:80px;
    font-family: 'AeonikPro' !important;
    font-weight: 400;
}

#menu_small>div>a {
    font-family: 'AeonikPro';
}

#menu_small>div>div>a {
    font-family: 'AeonikPro';
}

.sub3 {
    font-family: 'AeonikPro';
}

div.agp_field_label {
    font-family: 'AeonikPro';
    font-size: 16.5px;
    border-color: #F9F9F9;
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    padding: 1vw 1vw;
}

div.agp_field {
    font-family: 'AeonikPro';
    font-size: 16.5px;
    padding: 1vw 1vw;
}

div.agp_field_odd {
    background: #fff;
}

div.agp_field_even {
    background: #F9F9F9;
}

div.agp_row_field_label {
    font-family: 'AeonikPro';
    font-size: 15.5px;
    padding: 0.5vw 1vw;
}

div.agp_row_field {
    font-family: 'AeonikPro';
    font-size: 15.5px;
    padding: 0.5vw 1vw;
}

.partners-text {
    font-family: 'AeonikPro'; 
    font-size: 40px; 
    font-weight: 200; 
    line-height: 54.46px;
}

.form-label {
    font-family: 'AeonikPro';
    font-weight: 200;
    line-height: 54.46px; 
    margin-bottom:46px;
}

/* End Texts */

/* Fields */
.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
    background-image: url("../image/icon_arrow.png");
    background-repeat: no-repeat;
    background-position: center right;
}

.custom-select::after {
    content: '▾';
    position: absolute;
    transform: translateY(-50%);
    pointer-events: none;
    color: #333;
}

.custom-select option {
    color: #000;
    background-color: #fff;
}

.custom-select {
    font-family: 'AeonikPro';
    font-weight: 400;
}

form .row {
    font-family: 'AeonikPro';
    font-weight: 400;
    text-align: left;
    border-collapse:collapse;
}

form .text-input {
    all:unset;
    width:auto;
}

/* End Fields */

.header-logo {
    display:flex;
    text-decoration: none;
    color: #fff;
    z-index: 100000;
    position: relative;
}

.header-logo img {
    position: absolute;
}

.custom-select optgroup {
    font-family: 'AeonikPro';
    font-size: 28px;
    font-weight: 400;
}

textarea {
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    resize: none; 
    width:99.6%;
    height:195px;
    font-family: 'AeonikPro';
    font-size: 28px;
    font-weight: 400;
}

.product-description:hover {
    transition: 0.2s;
    border-left: 4px solid #60836E;
    padding-left: 10px;
}

.content-title-container {
    width:100%;
    display:flex;
    justify-content:center;
    text-align:center;
    align-items: center;
}

.content-title {
    font-family: 'AeonikPro';
    font-weight: 200;
    line-height: 107.71px;
    text-align: center;
    color: #0E3935;
    /*color: white;
    text-shadow: 0px 0px 10px #000000; */
}

.arrow-content {
    display:flex;
    justify-content:center;
    align-items:center;
}

.option-container {
    width:450px;
}

.option-title {
    width:100%;
    text-align:center;
    line-height: 1.2em;
}

.home-screen-link{
    transition: 0.3s ease;
    text-decoration:none;
    color:white;
    font-family: 'AeonikPro';
    font-size: 1.2em;
    font-weight: 400;
    line-height: 33.89px;
    text-align: center;
    margin-top:75px;
    margin-left: 14em;
}

.home-screen-link:hover {
    opacity: 0.7;
}

.home-screen-link-disabled {
    opacity: 1 !important;
}

.label-text {
    font-family: 'AeonikPro';
    font-weight: 200;
    line-height: 78.66px;
    color: black;    
}

.inner-form label {
    font-family: 'AeonikPro';
    font-size: 16.5px;
    font-weight: normal;
    line-height: 43.57px;
    text-align: left;    
    border:none;
    padding: 0;
    height: auto;
    display: block;
}
.inner-form input {
    font-family: 'AeonikPro';
    font-size: 16px;
    font-weight: 400;
    line-height: 38.73px;
    text-align: left;
    color:#707070;
}

.inner-form a {
    color:black;
    font-family: 'AeonikPro';
    font-size: 16.5px;
    font-weight: 400;    
}

.agency-file-row {
    width:100%;
    display:flex;
    justify-content:space-between;
    font-family: 'AeonikPro';
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 90px;
}

.agency-file-row>div>a {
    transition: 0.3s ease;
    text-decoration:none;
    color: #000;
}

.agency-file-row>div>a:hover {
    color: #AEB2A6;
}

.section-row {
    margin:20px 0 40px 0;
}

.section-row>div {
    margin-bottom:20px;
    font-family: 'AeonikPro';
    font-size: 30px;
    font-weight: 500;
}

.section-row>div>a {
    transition: 0.3s ease;
    text-decoration:none;
    color:black;
    font-family: 'AeonikPro';
    font-size: 30px;
    font-weight: 300;
}

.section-row>div>a:hover {
    opacity: 0.6;
}

.forms-title {
    font-family: 'AeonikPro';
    font-size: 47px;
    font-weight: 600; 
}

.arrow-image {
    cursor: pointer;
}

/* Swiper.js */
.swiper {
    margin-bottom: 5vw;
}

.swiper-text {
    font-family: 'AeonikPro';
    position: absolute; 
    bottom: 0; 
}
/* End Swiper.js */

  .success-overlay{
    position: fixed; inset: 0;
    background: rgba(234,241,241,0.9); /* #EAF1F1 with opacity to dim */
    display: none; z-index: 9999;
  }
  .success-modal{
    max-width: 560px; width: 92%;
    margin: 10vh auto; padding: 28px 24px;
    background: #fff; border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    text-align: center;
  }
  .success-title{
    font-size: 1.6em; margin-bottom: .5em; font-weight: 600;
  }
  .success-msg{
    font-size: 1.05em; margin-bottom: 1.2em; color:#3a3a3a;
  }