/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
    --white: #fff;
    --black: #000;
    --dark: #00192A;
    --ornage: #FD6400;
    --darkopacity: rgba(0, 25, 42, 0.2);
    --bodybg: #F0F0F0;
    --blue: #004080;
    --dark_blue: #00205A;
    --ligth_blue: #14A6FA;
    --white_blue: #E2F4FF;
    --green: #00D2C2;
    --grey: #F6F4F6;

    --slideCount: 5;
    --slideCountSecond: 32s;
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: var(--white);
    letter-spacing: 0;
    line-height: normal;
    font-family: "Inter", serif;
    font-weight: normal;
    color: var(--dark_blue);
}
body.page-template-onze-abonnementen{
    background: #f6f4f6;
}
@media (min-width: 768px) {
    .col-md-2-4 {
        width: 20%;
        flex: 0 0 auto;
    }
}

:focus {
    outline: none !important;
}

input, select, textarea, button {
    outline: none;
    box-shadow: none;
    font-family: inherit;
}

input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

.tabs-content .tab-content,
.pricing_wrap_mobile  .tab-content-mobile {
    display: none;
}

.tabs-content .tab-content.active,
.pricing_wrap_mobile  .tab-content-mobile.active  {
    display: block;
}
.tabs-container .esim-dropdown{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.tabs-container .esim-dropdown select{
    margin:0 10px ;
    color: var(--dark_blue);
    font-weight: normal;
    font-size: 18px;
    line-height: 166%;
    letter-spacing: 0.02rem;
}
.tabs-buttons, .tabs-buttons-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.tab-button, .tab-button-mobile {
    cursor: pointer;
    color: var(--dark_blue);
    padding: 12px 10px;
    font-weight: 500;
}

.tab-button.active, .tab-button-mobile.active {
    background-color: var(--white_blue)
}


input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

input[type=email]::-moz-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

input[type=email]::-ms-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

textarea::-moz-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

textarea::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

a {
    outline: none;
    border: none;
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

a:hover {
    text-decoration: none;
}

.flxrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flxcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flxfix {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.flxflexi {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}

.input-text {
    display: flex;
    width: 100%;
    height: 56px;
    padding: 0 15px;
    font-size: 16px;
    letter-spacing: 0.02em;
    background: var(--white);
    border: solid 2px var(--darkopacity);
    border-radius: 8px;
    align-items: center;
}

.input-text::placeholder,
.input-text::-webkit-input-placeholder {
    color: rgba(0, 25, 42, 0.70) !important;
}

.input-text:focus {
    color: var(--dark_blue);
}

textarea.input-text {
    height: 180px;
    padding-top: 15px;
    color: rgba(0, 25, 42, 0.70);
    align-items: flex-start;
    resize: none;
}

textarea.input-text:focus {
    color: var(--dark_blue);
}

/* Common CSS for All components : End */

@media (min-width: 576px) {
    .container {
        width: 100%;
        /*max-width:100%;*/
    }


}

@media (min-width: 768px) {
    .container {
        width: 750px;
        padding: 0 15px;
    }

}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

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

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

/*@media (min-width: 1500px) {*/
/*    .container {*/
/*        width: 1446px;*/
/*        max-width: 1446px;*/
/*    }*/
/*}*/

/*@media (min-width: 1630px) {*/
/*    .container {*/
/*        width: 1546px;*/
/*        max-width: 1546px;*/
/*    }*/
/*}*/


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family:  "Plus Jakarta Sans", serif;
    font-weight: 500;
    color: var(--dark_blue);
}

h1 {
    font-size: 56px;
    line-height: 1.28;
    letter-spacing: 0.01rem;
}

h2 {
    font-size: 40px;
    letter-spacing: 0.01rem;
    line-height: 1.4;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 28px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 20px;
}

p, li, label{
    margin: 0;
    padding: 0;
    color: var(--dark_blue);
    font-weight: normal;
    font-size: 18px;
    line-height: 166%;
    letter-spacing: 0.02rem;
}

p + p {
    padding-top: 24px;
}

ul {
    margin: 0px;
    padding: 0px;
}

ul li {
    list-style: none;
}

.text p {
    margin: 0;
    padding: 0;
    color: var(--dark_blue);
    font-weight: normal;
    font-size: 18px;
    line-height: 166%;
    letter-spacing: 0.02rem;
    color: var(--dark_blue);
}

.text ul li strong,
.text ol li strong,
.text p strong {
    font-weight: bold;
}

.text p img {
    max-width: 100%;
    display: block;
    margin: 16px auto;
}

.text p + p {
    padding-top: 24px;
}

.text ul li a,
.text ol li a,
.text p a {
    margin: 0;
    padding: 0;
    color: var(--dark_blue);
    font-weight: normal;
    font-size: 18px;
    line-height: 166%;
    letter-spacing: 0.02rem;
    color: var(--dark_blue);
    text-decoration: underline;
}

.text ol li a:hover,
.text ul li a:hover,
.text p a:hover {
    opacity: 0.5;
}

.text ul {
    margin: 0px;
    padding: 24px 0 0px 18px;
}

.text ul li {
    margin: 0;
    padding: 0;
    color: var(--dark_blue);
    font-weight: normal;
    font-size: 18px;
    line-height: 166%;
    letter-spacing: 0.02rem;
    color: var(--dark_blue);
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
}

.text ul li + li {
    margin-top: 12px;
}

.text ol {
    margin: 0px;
    padding: 24px 0 0px 18px;
}

.text ol li {
    margin: 0;
    padding: 0;
    color: var(--dark_blue);
    font-weight: normal;
    font-size: 18px;
    line-height: 166%;
    letter-spacing: 0.02rem;
    color: var(--dark_blue);
    display: list-item;
    list-style-type: decimal;
    list-style-position: outside;
}

.text ol li + li {
    margin-top: 12px;
}

.text .heading-tag:first-child {
    padding-top: 0px;;
}

.text ol + p,
.text ul + p,
.text p + ul,
.text p + ol,
.text ol + ul,
.text ul + ol {
    padding-top: 24px;
}

.text p + p {
    padding-top: 24px;
}

.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.row > * {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.main-wapper {
    padding: 96px 0 0 0;
    overflow: hidden;
}

#header {
    z-index: 100;
    background: var(--white);
    position: fixed;
    left: 0px;
    top: 0;
    width: 100%;
}

#header.fixed {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.main_wapper {
    overflow: hidden;
}

.header-top {
    width: 100%;
    padding: 0 24px 0 19px;
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-top .header_left {
    display: flex;
    align-items: center;
}

.header-top .logo {
    display: flex;
    align-items: center;
}

.header-top .logo a {
    display: flex;
    align-items: center;
}

.header-top .logo a img {
    display: flex;
    max-width: 135px;
}

.header-top .menu_wrap {
    display: none;
}
.main-nav.desktop-nav .menu-item-has-children{
    position: relative;
}

.main-nav.desktop-nav .menu-item-has-children .sub-menu{
    display: none;
    position: absolute;
    flex-direction: column;
    width: 200px;
    left: 50%;
    transform: translatex(-50%);
    background: var(--white);
    top: 24px;
    padding: 16px 0;
    border-radius: 0 0 17px 17px;
    border-top: 1px solid var(--dark_blue);
}
.main-nav.desktop-nav .menu-item-has-children:hover .sub-menu{
    display: flex;
}
.main-nav.desktop-nav .menu-item-has-children .sub-menu li{
    margin: 0;
}

.header-right {
    display: flex;
}

.header-right .nav_inner {
    display: flex;
    align-items: center;
}

.header-top .header_left {
    padding-right: 5px;
}

.header-right .main-nav ul {
    margin: 0 0px 0 0;
    gap: 24px;
    display: flex;
    align-items: center;
}
.header-right .main-nav ul .sub-menu{
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    border-left: 1px solid var(--dark_blue);
}
.header-right .main-nav ul li{
    flex-direction: column;
}
.header-right .main-nav ul li a {
    padding: 2px 0;
    border-bottom: transparent solid 1px;
    color: var(--dark_blue);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.header-right .main-nav ul li a:hover,
.header-right .main-nav ul li.current-menu-item > a {
    border-color: var(--dark);
}

.header-right .main-nav ul li.frontpage_link {
    display: none;
}

.header-right .right_buttons {
    display: flex;
}

.header-right .lang-box {
    position: relative;
    display: block;
}

.header-right .lang-box > a {
    height: 46px;
    display: flex;
    width: 95px;
    gap: 10px;
    align-items: center;
    padding: 0 0 0 14px;
    font-size: 14px;
    color: var(--dark_blue);
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.header-right .lang-box::after {
    background: var(--white);
    min-height: 46px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    border: var(--darkopacity) solid 1px;
    pointer-events: none;
    border-radius: 23px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.header-right .lang-box > a span {
    padding: 0 16px 0 0;
    display: flex;
    align-items: center;
    position: relative;
}

.header-right .lang-box > a span::after {
    position: absolute;
    right: 0px;
    content: '';
    background: url(../images/lang-arrow.svg) no-repeat center center;
    top: 50%;
    margin: -4px 0 0 0;
    width: 12px;
    height: 8px;
    transition: all 0.3s ease-in-out;
}

.header-right .lang-box > a i {
    display: flex;
    align-items: center;
}

.header-right .lang-box > a i img {
    width: 22px;
    border-radius: 11px;
}

.header-right .lang-box .lang-sub {
    padding: 0 14px 0 14px;
    z-index: 2;
    border-radius: 0 0 23px 23px;
    width: 100%;
    display: flex;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    pointer-events: none;
    margin-top: -2px;
    background: var(--white);
    border: var(--darkopacity) solid 1px;
    border-top: none;
}

.header-right .lang-box .lang-sub ul {
    padding: 6px 0;
    border-top: var(--darkopacity) solid 1px;
    width: 100%;
}

.header-right .lang-box .lang-sub ul li {
    padding: 4px 0;
}

.header-right .lang-box .lang-sub ul li a {
    font-size: 14px;
    color: var(--dark_blue);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.header-right .lang-box .lang-sub ul li a:hover {
    opacity: 0.5;
}

.header-right .lang-box .lang-sub ul li a i {
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-right .lang-box .lang-sub ul li a i img {
    width: 100%;
}

.header-right .lang-box:hover .lang-sub {
    pointer-events: all;
    opacity: 1;
    min-height: 40px;
}

.header-right .lang-box:hover::after {
    min-height: 120px;
}

.header-right .lang-box:hover::after {
    border-radius: 16px;
}

.header-right .lang-box:hover > a span::after {
    transform: rotate(180deg);
}

.login-btn {
    margin: 0 0 0 16px;
}

.login-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 40px;
    border: var(--darkopacity) solid 1px;
    padding: 0 24px;
    gap: 6px;
    font-size: 16px;
    color: var(--dark_blue);
    font-weight: 600;
}

.login-btn a i {
    display: flex;
    align-items: center;
}

.login-btn a:hover {
    border-color: var(--dark_blue);
    background: var(--dark_blue);
    color: var(--white);
}

.login-btn a i img {
    transition: all 0.3s ease-in-out;
    display: flex;
}

.login-btn a:hover i img {
    filter: brightness(0) invert(1);
}

.contain-wapper {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 445px);
    opacity: 0;
    transition: opacity ease-in-out 300ms;
}

body.loaded .contain-wapper {
    opacity: 1;
}

.home-intro-section {
    display: block;
    width: 100%;
}
.home-intro-text {
    display: flex;
    padding: 104px 48px 80px 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: rgba(0, 25, 42, 0.3) solid 1px;
}

.home-intro-text .left-text {
    width: 541px;
}

.home-intro-text .left-text h2 {
    font-size: 56px;
    line-height: 1.5;
}

.home-intro-text .right-text {
    width: 544px;
    padding: 10px 0 0 0;
}

.price-section {
    padding: 0 0 75px 0;
    background: var(--grey);
}
.home-tpl .price-section{
    background: white;
}

.priceing-head-title {
    padding:25px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1008px;
    margin: 0 auto;
}

.priceing-head-title h2 {
}

.priceing-block-list .row {
    margin: 0 -16px;
    justify-content: center;
}

.priceing-block-list .row > * {
    padding: 0 16px;
}
.priceing-block-list .col-md-2-4{
    transition: scale 300ms;
}
.priceing-block-list .col-md-2-4:hover{
    scale: 1.1;
}
.pricing-box-main {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    border: var(--dark_blue) solid 1px;
    border-radius: 24px;
    background: var(--white);
}

.pricing-box-main .pricing-head-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-bottom: var(--dark_blue) solid 1px;
    width: 100%;
    padding: 20px;
    background-color: var(--dark_blue);
    border-radius: 20px 20px 0 0;
}

.pricing-box-main .pricing-head-box h3 {
    color: var(--white);
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 40px;
    padding: 0 0 8px;
}
.pricing-box-main .pricing-head-box p {
    font-size: 22px;
}

.pricing-box-main .pricing-head-box h3 svg {
    width: 94px;
    height: 34px;
    display: flex;
}

.pricing-box-main .pricing-head-box h3 i {
    width: 36px;
    height: 33px;
    background: url(../images/orange-bg.svg) no-repeat center center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 22px;
}

.pricing-box-main .pricing-head-box .price {
    padding: 0 0 8px;
    gap: 6px;
    align-items: center;
    font-family:  "Plus Jakarta Sans", serif;
    font-weight: bold;
    font-size: 24px;
    color: var(--ligth_blue);
    display: flex;
}

.pricing-box-main .pricing-head-box .price span {
    padding-top: 9px;
    font-size: 14px;
    font-weight: 500;
    opacity: 0.6;
}

.pricing-box-main .pricing-head-box .minimal-text {
    font-weight: 500;
    font-size: 14px;
    font-family:  "Plus Jakarta Sans", serif;
    color: var(--dark_blue);
}

.pricing-box-main .pricing-body-box {
    padding: 24px 20px;
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.pricing-box-main .pricing-body-box .price-bottom span{
    font-size: 24px;
}
.pricing-box-main .pricing-body-box .dark_blue-border-btn{
    width: 100%;
    background-color: var(--ligth_blue);
    border-radius: 50px;
}
.pricing-box-main .pricing-body-box .dark_blue-border-btn a{
    width: 100%;
    color: white;
    border-color: var(--ligth_blue);
    text-align: center;
}
.pricing-box-main .pricing-body-box .dark_blue-border-btn a i{
    filter: brightness(0) invert(1);
}
.pricing-box-main .pricing-body-box .dark_blue-border-btn:hover{
    background-color: white;
}
.pricing-box-main .pricing-body-box .dark_blue-border-btn:hover a{
    color: var(--ligth_blue);
}
.pricing-box-main .pricing-body-box .dark_blue-border-btn:hover a i{
    filter: brightness(1) invert(0);
}
.pricing-box-main .price-list {
    width: 100%;
    padding: 20px 0;
}

.pricing-box-main .price-list ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pricing-box-main .price-list ul li {
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    color: var(--dark_blue);
    background: url(../images/check.svg) no-repeat left 5px;
    background-size: 22px;
    padding: 0 0 0 32px;
    letter-spacing: 0.02rem;
    display: flex;
    gap: 6px;
}

.pricing-box-main .price-list ul li.kruis {
    background: url(../images/kruis.svg) no-repeat left 6px;
}

.pricing-box-main .price-list ul li span {
    font-weight: 500;
    font-size: 13px;
    opacity: 0.5;
    border: var(--dark) solid 1px;
    width: auto;
    min-width: 35px;
    min-height: 22px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
}

.pricing-box-main .sub-point {
    border-top: var(--darkopacity) solid 1px;
    display: block;
    width: 100%;
    padding: 20px 0;
}

.pricing-box-main .sub-point ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pricing-box-main .sub-point ul li {
    position: relative;
    font-size: 14px;
    letter-spacing: 0.01rem;
    line-height: 20px;
    color: var(--dark_blue);
    padding: 0 0 0 12px;
}

.pricing-box-main .sub-point ul li strong {
    font-weight: bold;
}

.pricing-box-main .sub-point ul li span {
    font-weight: bold;
    color: var(--dark_blue);
}

.pricing-box-main .sub-point ul li::after {
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background: var(--dark);
    content: '';
    position: absolute;
    left: 0px;
    top: 8px;
}

.pricing-box-main .orange-btn {
    width: 100%;
}

.pricing-box-main .orange-btn a {
    font-size: 16px;
    gap: 8px;
    width: 100%;
}
.order-button-wrapper{
    display: flex;
    justify-content: space-evenly;
    margin-top: 30px;
}
.order-button-wrapper .dark_blue-border-btn a:hover{
    background-color: var(--dark_blue);
    color: white;
}
.order-button-wrapper .dark_blue-border-btn a:hover i{
    filter: brightness(0) invert(1);
}
.pricing_wrap_mobile {
    display: none;
}

.orange-btn {
    display: flex;
    align-items: center;
}

.orange-btn a {
    background: var(--dark_blue);
    padding: 0 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 56px;
    border-radius: 50px;
    font-size: 18px;
    gap: 12px;
    color: var(--white);
    font-weight: bold;
    letter-spacing: 0.02rem;
}

.orange-btn a i {
    display: flex;
    background: url(../images/white-arrow.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.orange-btn a:hover {
    background: #EC5D00;
}

.orange-btn a:hover i {
    transform: translateX(8px);
}

.price-tagline {
    text-align: center;
    display: block;
    padding: 20px 0 38px 0;
}

.price-tagline p {
    text-align: center;
    display: block;
    line-height: 1.42;
    letter-spacing: 0.01rem;
    color: var(--dark_blue);
}

.price-orange-block {
    display: flex;
    margin: 40px 0 0 0;
    padding: 15px 32px;
    border: var(--dark_blue) solid 1px;
    border-radius: 12px;
}

.price-orange-block .left-col {
    padding: 7px 0px 0 0;
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-items: center;
}

.price-orange-block .left-col .icon {
    display: flex;
    min-width: 24px;
    margin: 0 12px 0 0;
}

.price-orange-block .left-col .icon-text {
}

.price-orange-block .left-col .icon-text h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
}

.price-orange-block .left-col .icon-text p {
    letter-spacing: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.7;
}

.price-orange-block .left-col .icon-text p span {
    font-weight: 600;
    color: var(--green);
}

.price-orange-block .right-col {
    border-left: var(--darkopacity) solid 1px;
    max-width: 50%;
    padding: 32px;
    min-height: 64px;
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.price-orange-block .right-col .icon {
    display: flex;
    min-width: 24px;
    margin: 0 12px 0 0;
}

.price-orange-block .right-col .icon-text {
    min-width: 510px;
    width: calc(100% - 36px);
}

.price-orange-block .right-col .icon-text h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
}

.price-orange-block .right-col .icon-text p {
    letter-spacing: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.7;
}

.price-orange-block .right-col .icon-text p span,
.price-orange-block .right-col .icon-text p a {
    border-bottom: var(--green) solid 1px;
    font-weight: 600;
    color: var(--green);
}

.price-orange-block .right-col .icon-text p a:hover {
    border-bottom: transparent solid 1px;
}

.why-section {
    display: block;
    width: 100%;
    overflow: hidden;
}

.why-block-main {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 120px 0 96px;
}

.why-block-main::after {
    pointer-events: none;
    width: 100vw;
    border-radius: 48px 0 0 0;
    height: 100%;
    content: '';
    position: absolute;
    left: 210px;
    top: 0;
    background: var(--grey);
    z-index: 1;
}

.why-block-main .why-img {
    max-width: 593px;
    margin-right: 20px;
    position: relative;
    display: flex;
    z-index: 2;
}

.why-block-main .why-img img {
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 24px;
}

.why-block-main .why-data {
    max-width: 520px;
    position: relative;
    z-index: 2;
    display: block;
    margin: auto
}

.why-data h2 {
    padding: 0 0 28px;
}

.why-data ul {
    padding: 0px 0 0 0;
}

.why-data ul li {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.02rem;
    line-height: 1.55;
    background: url(../images/c-check.svg) no-repeat left 21px;
    padding: 20px 0 20px 40px;
    border-bottom: var(--darkopacity) solid 1px;
}

.why-data ul li:last-child {
    border: 0;
    padding-bottom: 0;
}

.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.charities-section {
    background: var(--blue);
}


.charities-block {
    padding: 0 0 104px;
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 136px;
}

.charities-block .left-col,
.charities-block .right-col {
    width: 488px;
}

.charities-block .left-col h2 {
    color: var(--white);
}

.charities-block .left-col .orange-btn {
    padding: 40px 0 0 0;
}

.charities-block .right-col p {
    color: var(--white);
}

.charities-block .right-col p + p {
    padding-top: 24px;
}

.charities-block .right-col .text ul li {
    color: var(--white);
}

.logos-slider-block .mobile_button {
    display: none;
}


.brand-logos ul {
    display: flex;
}

.marquee {
    -webkit-animation: marquee 35s linear infinite;
    animation: marquee 35s linear infinite
}

.marquee2 {
    -webkit-animation: marquee2 35s linear infinite;
    animation: marquee2 35s linear infinite;
    position: absolute;
    top: 0
}

.horizontal_marquee {
    -webkit-animation: horizontal_marquee 35s linear infinite;
    animation: horizontal_marquee 35s linear infinite;
}

.horizontal_marquee2 {
    -webkit-animation: horizontal_marquee2 35s linear infinite;
    animation: horizontal_marquee2 35s linear infinite;
}


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

    to {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

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

    to {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@-webkit-keyframes marquee2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@keyframes marquee2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

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

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

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

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

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

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

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

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

.logos-slider-block {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.brand-logos {
    position: relative;
    display: flex;
    width: 100%;
}

.brand-logos ul li {
    padding: 0 10px;
    width: 260px;
}

.brand-logos ul li span {
    width: 100%;
    border-radius: 16px;
    background: var(--white);
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-logos ul li span img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 135px;
}

.home-faq-outer {
}

.section-title {
    padding: 0 0 25px;
    text-align: center;
}

.faq-block-home {
    /*max-width: 800px;*/
    margin: 0 auto;
    display: block;
    width: 100%;
}
.faq-block-home .faq-block-inner{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}


.cls-accordion-item {
    border: var(--darkopacity) solid 1px;
    background: var(--white);
    border-radius: 12px;
    padding: 12px 28px;
    min-height: 80px;
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
    height: fit-content;
}

.cls-accordion-item .acc-title h5 {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 100px 0 0;
    cursor: pointer;
    margin: 0px;
    padding: 15px 0px;
    border: 0px;
    background: none;
    box-shadow: none;
    outline: none;
    font-family: "Inter", serif;
    color: var(--dark_blue);
    font-size: 18px;
    line-height: 1.33;
    font-weight: 600;
}

.cls-accordion-item .acc-title h5::after {
    position: absolute;
    right: -4px;
    top: 50%;
    margin: -11px 0 0 0;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    background: url(../images/plus.svg) no-repeat center center;
    position: absolute;
    top: 50%;
    content: '';
}

.cls-accordion-item.active .acc-title h5::after {
    background: url(../images/minus.svg) no-repeat center center;
}

.cla-acc-body {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    opacity: 0;
    height: 0px;
    -webkit-transition: opacity .25s ease 0s, height .5s cubic-bezier(.85, 0, .15, 1) .1s;
    transition: opacity .25s ease 0s, height .5s cubic-bezier(.85, 0, .15, 1) .1s;
}

.cls-accordion-body {
    display: block;
    width: 100%;
    padding: 0 100px 28px 0;
}

.cls-accordion-item.active .cla-acc-body {
    opacity: 1;
}



.faq-block-home .orange-btn,
.faq-block-home .dark_blue-border-btn {
    padding-top: 64px;
    justify-content: center;
}

#footer {
    background: var(--dark_blue);
    opacity: 0;
    transition: opacity ease-in-out 300ms;
}

body.loaded #footer {
    opacity: 1;
}

.footer-top {
    border-bottom: rgba(255, 255, 255, 0.5) solid 1px;
    padding: 88px 0 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-top .f-logo {
    align-items: center;
    display: flex;
}

.footer-top .f-logo a {
    display: flex;
    align-items: center;
}

.footer-top .f-logo a img {
    display: flex;
    max-width: 135px;
    max-height: 72px;
}

.f-menu-top ul {
    gap: 24px;
    display: flex;
    align-items: center;
}

.f-menu-top ul li a {
    display: flex;
    font-family:  "Plus Jakarta Sans", serif;
    letter-spacing: 0.02rem;
    font-weight: 500;
    color: var(--white);
}

.f-menu-top ul li a:hover,
.f-menu-bottom ul li a:hover {
    opacity: 0.5;
}

.footer-bottom {
    padding: 40px 0 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.f-menu-bottom {
    display: flex;
    align-items: center;
}

.f-menu-bottom > span {
    display: flex;
    font-size: 14px;
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.02rem;
}

.f-menu-bottom ul {
    display: flex;
    align-items: center;
}

.f-menu-bottom ul li {
    padding: 0 0 0 32px;
}

.f-menu-bottom ul li a {
    display: flex;
    font-size: 14px;
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.02rem;
}

.f-social-icon {
    gap: 16px;
    display: flex;
    align-items: center;
}

.f-social-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.f-social-icon a img {
    width: 20px;
    height: auto;
}

.f-social-icon a:hover {
    opacity: 0.5;
}

.banner-block {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.banner-block .banner-text {
    min-height: 480px;
    width: 50%;
    display: flex;
    align-items: center;
    position: relative;
}

.banner-block .banner-bg {
    width: 100vw;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    content: '';
    background: url(../images/banner-image2-unitedtelecom.webp) no-repeat right center;
    background-size: auto 100%;
    z-index: 2;
    background-color: #293d78;
}

.banner-block .banner-text-sub {
    max-width: 680px;
    position: relative;
    z-index: 5;
}

.banner-text-sub h1 {
    color: var(--white);
}

.banner-text-sub p {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
    padding: 20px 0 0 0;
    color: var(--white);
}

.banner-button-set {
    padding: 40px 0 0 0;
    gap: 16px;
    display: flex;
    align-items: center;
}

.hero-effects-text {
    opacity: 0;
    position: relative;
    transition: 1.5s 0.3s cubic-bezier(.165, .84, .44, 1);
    transition-property: opacity, transform;
    transition-delay: 0s;
    transform: translateY(2rem);
}

.hero-effects-text.animated {
    opacity: 1;
    transform: translateY(0);
}

.hero-effects-buttons {
    opacity: 0;
    transition: 1.5s 0.3s cubic-bezier(.165, .84, .44, 1);
    transition-delay: 0s;
    transform: translateY(2rem);
}

.hero-effects-buttons.animated {
    opacity: 1;
    transform: translateY(0);
}


.white-border-btn {
    display: flex;
    align-items: center;
}

.white-border-btn a {
    padding: 0 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 56px;
    border-radius: 50px;
    font-size: 18px;
    gap: 12px;
    color: var(--white);
    font-weight: bold;
    letter-spacing: 0.02rem;
    border: var(--white) solid 1px;
}

.white-border-btn a i {
    display: flex;
    background: url(../images/white-arrow.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.white-border-btn a:hover {
    background: rgba(255, 255, 255, 0.16);
}

.white-border-btn a:hover i {
    transform: translateX(8px);
}

.dark_blue-border-btn {
    display: flex;
    align-items: center;
}

.dark_blue-border-btn a {
    padding: 0 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 56px;
    border-radius: 50px;
    font-size: 18px;
    gap: 12px;
    color: var(--dark_blue);
    font-weight: bold;
    letter-spacing: 0.02rem;
    border: var(--dark_blue) solid 1px;
}

.dark_blue-border-btn a i {
    display: flex;
    background: url(../images/dark_blue-arrow.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.dark_blue-border-btn a:hover {
    background: rgba(255, 255, 255, 0.16);
}

.dark_blue-border-btn a:hover i {
    transform: translateX(8px);
}

.banner-right-img {
    display: block;
    width: calc(50% + 80px + 53px);
    position: relative;
    left: -53px;
}

.banner-right-img .img {
    width: calc((100vw - 1246px) / 2 + 15px + 583px);
    position: relative;
    display: block;
}

.banner-right-img .img span {
    min-height: 480px;
    width: 100%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-banner {
    display: block;
    width: 100%;
    overflow: hidden;
}

/*.banner-right-img .img::before{ border: rgba(254,167,111,0.42) solid 120px; position: absolute; left:-30px; top: 50%; transform: translateY(-50%); width: 990px;  height: 990px;  content: ''; border-radius: 100%; }*/
/*.banner-right-img .img::after{ content: ''; transform: translateY(-50%); position: absolute; left: 0; top: 50%; width: 1000px; height: 1000%; background: url(../images/border.svg) no-repeat left center; }*/
/*.banner-right-img .shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.banner-right-img .shape svg { display: inline-flex; width: 450px; height: 900px; }*/
.banner-right-img .banner_image {
    position: relative;
    width: 100%;
}

.banner-right-img .banner_image img {
    display: inline-flex;
    width: 100%;
}

.banner-right-img .banner_image .clipped {
    position: absolute;
    top: 0;
    left: 0;
    clip-path: url(#shapePath);
}

.banner-right-img .banner_image svg {
    position: absolute;
}

.banner-right-img .banner_image svg path {
    fill: #FEA76F;
    fill-opacity: 0.42;
}


/* Ravindra css start */

.about_page .price-section {
    padding-top: 88px;
}

.about_page .priceing-head-title h2 {
    font-size: 48px;
}
.about_page a.h3{
    font-size: 32px;
    color: var(--dark_blue);
    font-weight: 500;
}
.priceing-head-title h2 + p {
    margin-top: 24px;
    font-size: 16px;
    letter-spacing: 0.01em;
}

.our_addons_main {
    width: 100%;
    background: var(--white);
    padding: 112px 0 120px;
    border-radius: 64px 64px 0 0;
}

.addons_wrap {
    position: relative;
    width: 100%;
    max-width: 1008px;
    margin: 0 auto;
}

.addons_wrap .top_text {
    position: relative;
    width: 100%;
    text-align: center;
}

.sec_title {
    position: relative;
    width: 100%;
    text-align: center;
}

.sec_title h3 {
    font-size: 40px;
    font-weight: 500;
}

.sec_title .text {
    width: 100%;
    /*max-width: 556px;*/
    margin: 20px auto 0;
}

.sec_title .text p {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.01rem;
}

.addons_wrap .flexrow {
    display: flex;
    flex-wrap: nowrap;
    margin: 48px 0 0;
    justify-content: space-between;
    column-gap: 72px;
}

.addons_wrap .flexrow .flexcol {
    width: 100%;
    max-width: 33.333333%;
}

.addon_block {
    position: relative;
    width: 100%;
}

.addon_block .addon_text {
    width: 100%;
    text-align: center;
    padding: 0 0 24px;
}

.addon_block .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: rgba(0, 210, 194, 0.1);
    border-radius: 100%;
}

.addon_block .icon img {
    display: inline-flex;
    width: auto;
    height: auto;
    max-width: 32px;
}

.addon_block h4 {
    margin: 24px 0 0;
    font-size: 20px;
    letter-spacing: 0.02rem;
    line-height: 140%;
    font-weight: 500;
}

.addon_block .addon_text p {
    margin: 12px 0 0;
    font-size: 14px;
    letter-spacing: 0.01rem;
    line-height: 1.428;
}

.addon_block .plans_info {
    position: relative;
    width: 100%;
    padding: 24px 0 0;
    border-top: solid 1px var(--darkopacity);
}

.addon_block .plans_wrap {
    width: 100%;
}

.addon_block .plans_wrap ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
}

.addon_block .plans_wrap ul li {
    display: flex;
    width: 100%;
    column-gap: 12px;
    justify-content: center;
}

.addon_block .plans_wrap .plan_box {
    position: relative;
    min-width: 130px;
    height: 32px;
    display: flex;
    background: rgba(0, 25, 42, 0.06);
    border-radius: 4px;
    column-gap: 1px;
    align-items: center;
}

.addon_block .plans_wrap .plan_box:before {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 20px;
    content: '';
    background: var(--darkopacity);
}

.addon_block .plan_box span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    font-family: "Inter", serif;
    font-size: 14px;
    letter-spacing: 0.01rem;
}

.addon_block .plan_box .data {
    color: var(--dark_blue);
    font-weight: 600;
}

.addon_block .plan_box .rate {
    color: rgba(0, 210, 194, 1);
    font-weight: bold;
}

.addon_block .plans_info .link {
    display: flex;
    width: 100%;
    margin: 24px 0 0;
    justify-content: center;
}

.addon_block .plans_info .link a {
    display: flex;
    align-items: center;
    font-family: "Inter", serif;
    font-size: 16px;
    color: rgba(0, 210, 194, 1);
    line-height: 150%;
    letter-spacing: 0.02rem;
    font-weight: bold;
    column-gap: 8px;
}

.addon_block .plans_info .link a span {
    display: flex;
}

.addon_block .plans_info .link a i {
    display: flex;
    width: 16px;
    height: 16px;
    background: url(../images/green-arrow.svg) no-repeat center center;
    transition: all ease-in-out 300ms;
}

.addon_block .plans_info .link a:hover i {
    transform: translateX(8px);
}

.addon_block .view_info {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.addon_block .view_info .info_wrap {
    position: relative;
    padding: 12px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.addon_block .view_info .info_txt {
    display: flex;
    align-items: center;
}

.addon_block .view_info .info_txt i {
    display: flex;
    width: 16px;
    height: 16px;
    background: url(../images/info-icon.svg) no-repeat center center;
    opacity: 0.5;
    background-size: cover;
}

.addon_block .view_info .info_txt span {
    display: flex;
    margin-left: 6px;
    font-family: "Inter", serif;
    font-size: 14px;
    color: rgba(0, 25, 42, 0.50);
    letter-spacing: 0.02rem;
    line-height: 1.571;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.addon_block .view_info .tooltip {
    position: absolute;
    bottom: 100%;
    z-index: 5;
    min-width: 477px;
    padding: 25px 44px 29px;
    background: var(--blue);
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.50);
    opacity: 0;
    transition: all ease-in-out 300ms;
    pointer-events: none;
    text-align: center;
    cursor: default;
}

.addon_block .view_info .tooltip:before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: '';
    width: 100%;
    height: 20px;
    background: var(--blue);
    border-radius: 15px;
}

.addon_block .view_info .tooltip:after {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: var(--blue);
    transform: rotate(45deg);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.50);
}

.addon_block .view_info .info_wrap .tooltip.active {
    opacity: 1;
    pointer-events: all;
}

.addon_block .view_info .tooltip p {
    font-family: "Inter", serif;
    font-size: 14px;
    color: var(--white);
    line-height: 1.571;
}

.addons_wrap .note_text {
    position: relative;
    width: 100%;
    margin: 48px 0 0;
    display: flex;
    justify-content: center;
}

.addons_wrap .note_text p {
    font-family: "Inter", serif;
    font-size: 15px;
    color: rgba(0, 25, 42, 0.70);
    line-height: 160%;
}


.int_rates_page {
    position: relative;
    width: 100%;
}

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

.banner_inner .banner-block .banner-text {
    min-height: 360px;
    align-items: flex-end;
}

.banner_inner .banner-block .banner-text-sub {
    padding-bottom: 64px;
}

.banner_inner .banner-right-img .img span {
    min-height: 360px;
}

.banner_inner .banner-right-img .img::after {
    background-image: url(../images/white-half-circle-2.svg);
}

.banner_inner .banner-text-sub h1 {
    font-size: 48px;
}

.banner_inner .banner-text-sub p {
    font-size: 18px;
}

.int_rates_wrap {
    position: relative;
    width: 100%;
    padding: 88px 0 120px;
}

.int_rates_wrap .center-block {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.rates_table_block {
    position: relative;
    width: 100%;
}

.rates_table_block + .rates_table_block {
    margin-top: 64px;
}

.rates_table_block .block_heading {
    position: relative;
}

.rates_table_block .block_heading h5 {
    line-height: 1.3333;
    letter-spacing: 0.01rem;
}

.rates_table_block .table_block {
    width: 100%;
    margin: 16px 0;
    border-top: solid 1px var(--darkopacity);
    border-bottom: solid 1px var(--darkopacity);
}

.rates_table_block .table_block ul {
    display: flex;
    flex-direction: column;
}

.rates_table_block .table_block ul li {
    display: flex;
    width: 100%;
    padding: 16px 24px;
    align-items: center;
    justify-content: space-between;
}

.rates_table_block .table_block ul li:nth-child(odd) {
    padding-top: 20px;
    padding-bottom: 20px;
}

.rates_table_block .table_block ul li:nth-child(even) {
    background: var(--white);
    border-radius: 8px;
}

.rates_table_block .table_block ul li:nth-child(odd):first-child {
    padding-top: 16px;
    padding-bottom: 16px;
}

.rates_table_block .table_block ul li:nth-child(even):last-child {
    margin-bottom: 24px;
}

.rates_table_block .table_block .heading {
    display: flex;
    align-items: center;
}

.rates_table_block .table_block .heading span {
    display: flex;
    min-height: 24px;
    font-size: 18px;
    letter-spacing: 0.02rem;
    align-items: center;
}

.rates_table_block .table_block .heading .info-icon {
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background: url(../images/info-icon.svg) no-repeat center center;
    background-size: cover;
}

.rates_table_block .table_block .text_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 40px;
}

.rates_table_block .table_block .text_right span {
    display: flex;
    min-height: 24px;
    font-size: 18px;
    letter-spacing: 0.02rem;
    justify-content: flex-end;
    align-items: center;
}

.rates_table_block .table_block .text_right span i {
    display: inline-flex;
    margin-left: 7px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.rates_table_block .table_block .text_right span:last-child {
    min-width: 125px;
}

.rates_table_block .download_link {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.rates_table_block .download_link a {
    display: flex;
    font-size: 18px;
    color: var(--dark_blue);
    letter-spacing: 0.02rem;
    font-weight: 600;
    align-items: center;
    column-gap: 8px;
}

.rates_table_block .download_link a span {
    display: flex;
}

.rates_table_block .download_link a i {
    display: flex;
    width: 16px;
    height: 16px;
    background: url(../images/orange-arrow.svg) no-repeat center center;
    transition: all ease-in-out 300ms;
}

.rates_table_block .download_link a:hover {
    opacity: 0.5;
}

.notes_block {
    position: relative;
    width: 100%;
    margin: 64px 0 0;
}

.notes_block .block_heading {
    position: relative;
    width: 100%;
    padding: 0 0 16px;
    border-bottom: solid 1px var(--darkopacity);
}

.notes_block .block_heading h5 {
    line-height: 1.3333;
    letter-spacing: 0.01rem;
}

.notes_block .notes_list {
    position: relative;
    width: 100%;
    margin: 24px 0 0;
}

.notes_block .notes_list ul {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.notes_block .notes_list ul li {
    position: relative;
    padding: 0 0 0 22px;
    font-size: 18px;
    line-height: 1.3333;
    letter-spacing: 0.02rem;
}

.notes_block .notes_list ul li:before {
    position: absolute;
    top: 9px;
    left: 0;
    display: flex;
    width: 6px;
    height: 6px;
    background-color: var(--dark);
    border-radius: 100%;
    content: '';
}


.over_ello_page {
    position: relative;
    width: 100%;
}

.over_ello_toptext {
    position: relative;
    width: 100%;
    padding: 112px 0 0;
}

.over_ello_toptext .content_wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 84px;
}

.over_ello_toptext .left_text {
    width: 60%;
    max-width: 541px;
}

.over_ello_toptext .left_text h3 {
    line-height: 150%;
    letter-spacing: 0.01rem;
}

.over_ello_toptext .right_text {
    width: 60%;
    max-width: 548px;
}

.united_together {
    position: relative;
    width: 100%;
    margin: 132px 0 0;
    padding: 0 0 104px;
}

.united_together:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 384px;
    background: var(--white);
    content: '';
    border-radius: 64px 64px 0 0;
    pointer-events: none;
}

.together_wrap {
    position: relative;
    width: 100%;
    max-height: 560px;
    display: flex;
    padding: 0 90px 0 80px;
    background: var(--blue);
    border-radius: 32px;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.together_wrap .sliders_wrap {
    position: relative;
    width: 100%;
}

.together_wrap .sliders_wrap [class*="swiper-container"] {
    width: 240px;
}

.together_wrap .swiper-wrapper {
    max-width: 240px;
    flex-wrap: wrap;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.together_wrap .swiper-wrapper .swiper-slide {
    display: flex;
    height: auto; /*flex-direction: column;*/
    margin-bottom: 20px;
}

.together_wrap .charity_logo {
    display: flex;
    width: 100%;
    height: 135px;
    margin: 0 0 20px 0;
    background: var(--white);
    border-radius: 16px;
    align-items: center;
    justify-content: center;
}

.together_wrap .charity_logo span {
    display: flex;
}

.together_wrap .charity_logo span img {
    display: inline-flex;
    width: auto;
    height: auto;
}

.together_wrap .content_block {
    position: relative;
    max-width: 455px;
    min-height: 560px;
    display: flex;
    padding: 32px 0;
    align-items: center;
}

.together_wrap .content_block .content_inner {
    width: 100%;
}

.together_wrap .content_block h2 {
    color: var(--white);
}

.together_wrap .content_block .text {
    max-width: 444px;
    margin: 24px 0 0;
}

.together_wrap .content_block .text p,
.together_wrap .content_block .text ul li {
    font-size: 16px;
    color: var(--white);
}

.together_wrap .btnbox {
    display: flex;
    width: 100%;
    margin: 40px 0 0;
}

.together_wrap .mobile_button {
    display: none;
}

.united_figures {
    position: relative;
    width: 100%;
    padding: 0 0 120px;
    background: var(--white);
}

.stats_wrap {
    position: relative;
    width: 100%;
}

.stats_wrap .stat_block {
    position: relative;
    width: 100%;
}

.stats_wrap .stat_block .numbers {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0 0 16px;
    margin: 0 0 24px;
    border-bottom: solid 1px var(--dark_blue);
}

.stats_wrap .stat_block .numbers span {
    display: flex;
    font-family:  "Plus Jakarta Sans", serif;
    font-size: 48px;
    color: var(--dark_blue);
    line-height: 100%;
    font-weight: 600;
}

.stats_wrap .stat_block p {
    font-size: 20px;
    line-height: 150%;
    font-weight: 500;
}

.together_wrap .sliders_wrap {
    display: flex;
    column-gap: 20px;
    /*transition: -webkit-transform 3s cubic-bezier(.19,1,.22,1);
	transition: transform 3s cubic-bezier(.19,1,.22,1);
	transition: transform 3s cubic-bezier(.19,1,.22,1),-webkit-transform 3s cubic-bezier(.19,1,.22,1);*/
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    align-items: flex-start;
}

.together_wrap .sliders_wrap .logos-list-row-1,
.together_wrap .sliders_wrap .logos-list-row-2,
.together_wrap .sliders_wrap .logos-list-row-3 {
    min-width: 240px;
    padding: 0 0px;
    height: 100%;
    /*transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
	transition: transform 1s cubic-bezier(.19, 1, .22, 1);
	transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);*/
    -webkit-animation: c 16s linear infinite;
    animation: c 16s linear infinite;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.together_wrap .logos_list {
    height: 100%;
}

/* .together_wrap .sliders_wrap .logos-list-row-2 { -webkit-animation: c 16s linear infinite reverse; animation: c 16s linear infinite reverse; } */

@-webkit-keyframes c {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes c {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}


.charities_page {
    position: relative;
    width: 100%;
}

.banner_main {
    position: relative;
    width: 100%;
}

.banner_main .banner_inner {
    position: relative;
    width: 100%;
    min-height: 360px;
    background: url(../images/banner-bg-alt.webp) no-repeat top left;
    background-size: cover;
}

.banner_main .container {
    width: 100%;
    max-width: 100%;
    padding: 0 32px 0 80px;
}

.banner_inner .banner-right-img .img {
    width: calc((100vw - 1236px) / 2 + 30px + 583px);
}

.banner_main .banner_inner .content_wrap {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.banner_main .textblock {
    width: 30%;
    max-width: 500px;
    display: flex;
    padding: 0 0 80px;
    align-items: flex-end;
}

.banner_main .textblock .innertext {
    position: relative;
    width: 100%;
}

.banner_inner .banner-text-sub p a {
    color: var(--white);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.page-template-contact_tpl .banner_inner .banner-text-sub p a {
    text-underline-offset: 7px;
}

.banner_inner .banner-text-sub p a:hover {
    text-decoration: none;
}

.banner_main .textblock h1 {
    color: var(--white);
}

.banner_main .right_block {
    width: 70%;
    max-width: 760px;
    max-height: 360px;
    overflow: hidden;
}

.banner_main .sliders_wrap {
    position: relative;
    display: flex;
    width: 100%;
    column-gap: 20px;
    flex-wrap: nowrap;
}

.banner_main .sliders_wrap [class*="swiper-container"] {
    width: 240px;
}

.banner_main .swiper-wrapper {
    max-width: 240px; /*flex-direction: column;*/
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.banner_main .swiper-wrapper .swiper-slide {
    height: auto;
}

.banner_main .charity_logo {
    display: flex;
    width: 100%;
    height: 135px;
    background: var(--white);
    border-radius: 16px;
    align-items: center;
    justify-content: center;
}

.banner_main .charity_logo span {
    display: flex;
}

.banner_main .charity_logo span img {
    display: inline-flex;
    width: auto;
    height: auto;
}

.banner_main .mobile_showcase {
    display: none;
}

.charity_txt_images {
    position: relative;
    width: 100%;
    padding: 112px 0 0;
}

.charity_txt_images .block_wrap {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.charity_txt_images .left_block {
    width: 50%;
    max-width: 607px;
}

.charity_txt_images .textbox {
    max-width: 520px;
    margin: 24px 0 0;
}

.charity_txt_images .textbox h3 {
    line-height: 150%;
    letter-spacing: 0.01rem;
}

.charity_txt_images .mobile_text {
    display: none;
}

.charity_txt_images .combined_images {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0 0 64px;
    margin: 95px 0 0;
}

.charity_txt_images .combined_images .imgbox-1 {
    position: relative;
    width: 406px;
    display: flex;
    border-radius: 24px;
}

.charity_txt_images .combined_images img {
    display: inline-flex;
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
}

.charity_txt_images .combined_images .imgbox-1 img {
    height: 363px;
}

.charity_txt_images .combined_images .imgbox-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 249px;
    display: flex;
    border-radius: 24px;
}

.charity_txt_images .combined_images .imgbox-2 img {
    height: 231px;
}

.charity_txt_images .right_block {
    width: 50%;
    max-width: 580px;
    display: flex;
    flex-direction: column;
}

.charity_txt_images .split_images {
    position: relative;
    display: flex;
    width: 100%;
    column-gap: 32px;
    align-items: flex-end;
}

.charity_txt_images .split_images .imgbox-1 {
    position: relative;
    width: 312px;
    display: flex;
    border-radius: 24px;
}

.charity_txt_images .split_images img {
    display: inline-flex;
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
}

.charity_txt_images .split_images .imgbox-1 img {
    height: 366px;
}

.charity_txt_images .split_images .imgbox-2 {
    position: relative;
    width: 236px;
    display: flex;
    margin: 0 0 41px;
    border-radius: 24px;
}

.charity_txt_images .split_images .imgbox-2 img {
    height: 240px;
}

.charity_txt_images .text {
    max-width: 451px;
    margin: 75px 33px 0 0;
    align-self: flex-end;
}

.charity_txt_images .text p {
    font-size: 16px;
    line-height: 150%;
}

.counter_sec {
    position: relative;
    width: 100%;
    padding: 120px 0 0;
}

.counter_sec .stats_wrap .stat_block .numbers span {
    display: block;
    font-size: 64px;
    letter-spacing: 0.01rem;
}

.counter_sec .stats_wrap .stat_block .numbers span strong {
    display: inline-flex;
    font-weight: 600;
}

.charities_list_main {
    position: relative;
    width: 100%;
    background: var(--white);
    margin: 120px 0 0;
    border-radius: 64px 64px 0 0;
}

.charities_list_main .sec_heading {
    position: relative;
    width: 100%;
}

.charities_list_main .sec_heading h2 {
    line-height: 140%;
    letter-spacing: 0.01rem;
}

.charities_list_main .row {
    margin: 56px -29px 0 !important;
    row-gap: 80px;
}

.charities_list_main .row [class*="col-"] {
    padding: 0 29px !important;
}

.service_block {
    position: relative;
    width: 100%;
}

.service_block h6 {
    font-size: 18px;
    color: var(--dark_blue);
    line-height: 1.55;
    letter-spacing: 0.01rem;
}

.service_block ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px 0 0;
}

.service_block ul li {
    display: flex;
    width: 100%;
    border-bottom: solid 1px var(--darkopacity);
}

.service_block ul li:first-child {
    border-top: solid 1px var(--darkopacity);
}

.service_block ul li a {
    display: flex;
    width: 100%;
    min-height: 40px;
    padding: 6px 0;
    color: var(--dark_blue);
    justify-content: space-between;
    align-items: center;
    letter-spacing: 0.01rem;
}

.service_block ul li a span {
    max-width: calc(100% - 32px);
    transition: all ease-in-out 300ms;
    display: flex;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
}

.service_block ul li a i {
    display: flex;
    min-width: 16px;
    height: 16px;
    background: url(../images/orange-arrow.svg) no-repeat center center;
    transition: all ease-in-out 300ms;
    transform: translateX(-8px);
}

.service_block ul li a:hover i {
    transform: translateX(0);
}

.service_block ul li a:hover span {
    opacity: 0.5;
}


.feat_charities {
    position: relative;
    width: 100%;
}

.feat_charities .sec_heading {
    position: relative;
    width: 100%;
}

.feat_charities .sec_heading h2 {
    line-height: 140%;
    letter-spacing: 0.01rem;
}

.feat_slider_wrap {
    position: relative;
    width: 100%;
    margin: 48px 0 0;
}

.feat_slider_wrap .slick-slider {
    background-color: var(--white);
    border-radius: 24px;
}

.feat_block {
    width: 100%;
    display: flex;
    min-height: 480px;
    align-items: stretch;
}

.feat_block .image_wrap {
    width: 50%;
}

.feat_block .image_wrap .imgbox {
    display: flex;
    width: 100%;
    height: 100%;
}

.feat_block .image_wrap .imgbox img {
    display: inline-flex;
    width: 100%;
    height: 100%;
    border-radius: 24px 0 0 24px;
    object-fit: cover;
}

.feat_block .content_block {
    width: 50%;
    padding: 32px 96px 32px 72px;
    display: flex;
    border-radius: 0 24px 0 24px;
    align-items: center;
}

/*.feat_block .content_block . { position: relative; width: 100%; }*/
.feat_block .content_block .title {
    display: flex;
    width: 100%;
}

.feat_block .content_block .title img {
    max-height: 64px;
    max-width: 250px;
    display: flex;
    width: auto;
    height: auto;
}

.feat_block .content_block .text {
    margin: 24px 0 0 0;
}

.feat_block .content_block .text p {
    font-size: 16px;
    line-height: 150%;
}

.feat_block .content_block .link {
    display: flex;
    width: 100%;
    margin: 48px 0 0;
}

.feat_block .content_block .link a {
    display: flex;
    align-items: center;
    font-family: "Inter", serif;
    font-size: 16px;
    color: var(--dark_blue);
    line-height: 150%;
    letter-spacing: 0.02rem;
    font-weight: bold;
    column-gap: 8px;
}

.feat_block .content_block .link a span {
    display: flex;
}

.feat_block .content_block .link a i {
    display: flex;
    width: 16px;
    height: 16px;
    background: url(../images/orange-arrow.svg) no-repeat center center;
    transition: all ease-in-out 300ms;
}

.feat_block .content_block .link a:hover i {
    transform: translateX(8px);
}

.feat_slider_wrap .custom-arrows {
    display: flex;
    width: 100%;
    margin: 40px 0 0;
    justify-content: flex-end;
    column-gap: 20px;
}

.feat_slider_wrap .custom-arrows .slick-arrow {
    display: flex;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: solid 2px var(--dark);
    border-radius: 100%;
    cursor: pointer;
    transition: all ease-in-out 300ms;
}

.feat_slider_wrap .custom-arrows .slick-arrow.slick-disabled {
    opacity: 0.30;
    cursor: default;
}

.feat_slider_wrap .custom-arrows .slick-arrow.slick-prev {
    background: url(../images/sld-arrow-l.svg) no-repeat center center;
}

.feat_slider_wrap .custom-arrows .slick-arrow.slick-next {
    background: url(../images/sld-arrow-r.svg) no-repeat center center;
}


.charities_detail {
    position: relative;
    width: 100%;
    padding: 65px 0 120px;
}

.charities_detail .detail_wrap {
    width: 100%;
}

.charities_detail .detail_wrap .center-block {
    max-width: 800px;
    margin: 0 auto;
}

.charities_detail .back-btn {
    display: flex;
    width: 100%;
}

.charities_detail .back-btn a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: rgba(0, 25, 42, 0.50);
    letter-spacing: 0.02rem;
    font-weight: 600;
    column-gap: 12px;
}

.charities_detail .back-btn a span {
    display: flex;
}

.charities_detail .back-btn a i {
    display: flex;
    width: 16px;
    height: 16px;
    background: url(../images/back-arrow.svg) no-repeat center center;
    opacity: 0.5;
    transition: all ease-in-out 300ms;
}

.charities_detail .back-btn a:hover {
    color: var(--dark_blue);
}

.charities_detail .back-btn a:hover i {
    transform: translateX(-10px);
    opacity: 1;
}

.charities_detail .image_wrap {
    position: relative;
    width: 100%;
    padding: 32px 0 0;
}

.charities_detail .image_wrap .imgbox {
    display: flex;
    width: 100%;
}

.charities_detail .image_wrap .imgbox img {
    display: inline-flex;
    width: 100%;
    height: auto;
    border-radius: 24px;
}

.fund_content {
    width: 100%;
    max-width: 592px;
    margin: 56px auto 0;
}

.fund_content .heading {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex-direction: column;
}

.fund_content .heading i {
    display: flex;
    align-items: center;
}

.fund_content .heading i img,
.fund_content .heading i svg {
    mix-blend-mode: multiply;
    display: inline-flex;
    width: auto;
    height: auto;
    max-height: 64px;
}

.fund_content .heading h3 {
    display: flex;
    min-height: 0px;
    line-height: 150%;
    letter-spacing: 0.01rem;
    align-items: center;
    flex-wrap: wrap;
}

.fund_content .text {
    margin: 24px 0 0 0;
}

.fund_content .link {
    display: flex;
    width: 100%;
    margin: 24px 0 0;
}

.fund_content .link a {
    display: flex;
    align-items: center;
    font-family: "Inter", serif;
    font-size: 16px;
    color: var(--dark_blue);
    line-height: 150%;
    letter-spacing: 0.02rem;
    font-weight: bold;
    column-gap: 8px;
}

.fund_content .link a span {
    display: flex;
}

.fund_content .link a i {
    display: flex;
    width: 16px;
    height: 16px;
    background: url(../images/orange-arrow.svg) no-repeat center center;
    transition: all ease-in-out 300ms;
}

.fund_content .link a:hover i {
    transform: translateX(8px);
}

.feat_logos_main {
    position: relative;
    width: 100%;
    padding: 80px 0 0;
}

.feat_logos_main .center-block {
    max-width: 1008px;
    margin: 0 auto;
}

.feat_logos_main .logos_wrap {
    position: relative;
    width: 100%;
    padding: 56px 0 0;
    border-top: solid 1px var(--darkopacity);
}

.feat_logos_main .sec_heading {
    width: 100%;
}

.feat_logos_main .sec_heading h3 {
    line-height: 150%;
    letter-spacing: 0.01rem;
}

.logos_wrap .row {
    margin: 32px -9px 0 !important;
}

.logos_wrap .row [class*="col-"] {
    padding: 0 9px !important;
}

.logos_wrap .feat_logo {
    position: relative;
    display: flex;
    width: 100%;
    height: 133px;
    background: var(--white);
    border-radius: 16px;
}

.logos_wrap .feat_logo a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}

.logos_wrap .feat_logo span {
    width: 100%;
    justify-content: center;
    display: flex;
}

.logos_wrap .feat_logo span img {
    max-width: 80%;
    display: inline-flex;
    width: auto;
    height: auto;
    max-height: 80px;
}

.faq_wrap .faq_block:first-child {
    padding-top: 48px;
}

.faq_page {
    position: relative;
    width: 100%;
    padding: 80px 0 120px;
}

.faq_page .center-block {
    max-width: 1008px;
    margin: 0 auto;
}

.faq_top {
    position: relative; /*top: 96px; z-index: 10; background: var(--bodybg);*/
    width: 100%;
    padding: 0 0 48px;
    margin: 0 0 0px;
    border-bottom: solid 1px var(--darkopacity);
}

.faq_top .sec_heading {
    width: 100%;
    margin: 0 0 40px;
}

.faq_top .sorting_nav {
    width: 100%;
}

.faq_top .sorting_nav ul {
    display: flex;
    width: 100%;
    column-gap: 8px;
}

.faq_top .sorting_nav ul li {
    display: flex;
}

.faq_top .sorting_nav ul li a {
    display: flex;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    color: var(--dark_blue);
    letter-spacing: 0.02rem;
    font-weight: 500;
    border: solid 1px rgba(253, 100, 0, 0.50);
    border-radius: 24px;
    align-items: center;
    justify-content: center;
}

.faq_top .sorting_nav ul li a.active {
    color: var(--white);
    background: var(--dark_blue);
    font-weight: 600;
}

.faq_wrap {
    position: relative;
    width: 100%;
}

.faq_block {
    position: relative;
    width: 100%;
}

.faq_block + .faq_block {
    padding-top: 80px;
}

.faq_block .title {
    position: relative;
    width: 100%;
    padding: 0 0 24px;
}


.accounts_page {
    position: relative;
    width: 100%;
    padding: 80px 0 120px;
}

.accounts_page .center-block {
    max-width: 592px;
    margin: 0 auto;
}

.accounts_page .sec_title {
    padding-bottom: 32px;
    border-bottom: solid 1px var(--darkopacity);
}

.accounts_page .sec_title h3 {
    line-height: 140%;
    letter-spacing: 0.01rem;
}

.accounts_page .sec_title .text {
    max-width: 496px;
}

.accounts_page .sec_title .text p {
    font-size: 18px;
    line-height: 1.66;
    letter-spacing: 0.02rem;
}

.accounts_page .block_wrap {
    position: relative;
    width: 100%;
    margin: 40px 0 0 0;
}

.account_card {
    position: relative;
    width: 100%;
    min-height: 80px;
    display: flex;
    padding: 15px 18px 15px 24px;
    background: var(--white);
    border: solid 1px var(--darkopacity);
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
}

.account_card .title {
    display: block;
    max-width: 330px;
    font-size: 18px;
    color: var(--dark_blue);
    letter-spacing: 0.02rem;
    font-weight: 600;
}

.pdf-btn {
    display: flex;
    min-width: 121px;
    min-height: 48px;
    padding: 0 20px;
    font-size: 18px;
    color: var(--dark_blue);
    letter-spacing: 0.02rem;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--dark_blue);
    column-gap: 10px;
    border-radius: 32px;
}

.pdf-btn:hover {
    color: var(--white);
    background: var(--dark_blue);
}

.pdf-btn span {
    display: flex;
}

.pdf-btn i {
    display: flex;
    width: 20px;
    height: 20px;
}

.pdf-btn i svg {
    display: inline-flex;
    max-width: 20px;
    max-height: 20px;
}

.pdf-btn i svg path {
    fill: var(--dark_blue);
    transition: all 0.3s ease-in-out;
}

.pdf-btn:hover i svg path {
    fill: var(--white);
}

.account_card + .account_card {
    margin-top: 16px;
}

.btnbox {
    display: flex;
}


.media_page {
    position: relative;
    width: 100%;
    padding: 88px 0 120px;
}

.media_page .sec_title {
    position: relative;
    width: 100%;
}

.media_page .sec_title h3 {
    line-height: 140%;
    letter-spacing: 0.01rem;
}

.media_page .sec_title .text {
    max-width: 496px;
}

.media_page .sec_title .text p {
    font-size: 18px;
    line-height: 1.66;
    letter-spacing: 0.02rem;
}

.media_page .center-block {
    max-width: 800px;
    margin: 0 auto;
}

.media_page .media_wrap {
    position: relative;
    width: 100%;
    margin: 40px 0 0;
    padding: 40px 40px 48px 40px;
    background: var(--white);
    border: solid 1px var(--darkopacity);
    border-radius: 24px;
}

.media_wrap ul {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.media_wrap ul li {
    display: flex;
    width: 100%;
    padding: 28px 0;
    align-items: center;
    border-bottom: solid 1px var(--darkopacity);
    justify-content: space-between;
}

.media_wrap ul li:first-child {
    padding-top: 0;
}

.media_wrap ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.media_wrap .textbox {
    max-width: 508px;
}

.media_wrap .textbox h6 {
    font-family: "Inter", serif;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.media_wrap .textbox p {
    margin-top: 8px;
    line-height: 1.33;
}

.media_wrap .textbox p i {
    display: inline-block;
    margin-right: 16px;
    font-style: italic;
}

.media_wrap .readmore {
    display: flex;
}

.media_page .btnbox {
    width: 100%;
    margin: 48px 0 0;
    justify-content: center;
}

.loadmore {
    display: flex;
    min-width: 161px;
    padding: 0 24px;
    min-height: 56px;
    font-size: 18px;
    color: var(--white);
    letter-spacing: 0.02rem;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    background: var(--dark_blue);
    column-gap: 8px;
}

.loadmore:hover {
    background: #EC5D00;
}

.loadmore i {
    display: flex;
    width: 16px;
    height: 16px;
    background: url(../images/plus-icon.svg) no-repeat center center;
}


.cms_page {
    position: relative;
    width: 100%;
    padding: 88px 0 120px;
}

.cms_page .center-block {
    /*max-width: 900px;*/
    margin: 0 auto;
}

.cms_page .sec_heading {
    width: 100%;
}

.cms_page .sec_heading h2 {
    letter-spacing: 0.01rem;
}

.cms_data {
    position: relative;
    width: 100%;
    margin: 40px 0 0;
}

.cms_data p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 150%;
}

.cms_data h1 {
    margin: 32px 0 12px 0;
    font-size: 32px;
    line-height: 1.5;
    font-family: "Inter", serif;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.cms_data h2 {
    margin: 32px 0 12px 0;
    font-size: 28px;
    line-height: 1.5;
    font-family: "Inter", serif;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.cms_data h3 {
    margin: 32px 0 12px 0;
    font-size: 24px;
    line-height: 1.5;
    font-family: "Inter", serif;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.cms_data h4 {
    margin: 32px 0 12px 0;
    font-size: 22px;
    line-height: 1.5;
    font-family: "Inter", serif;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.cms_data h5 {
    margin: 32px 0 12px 0;
    font-size: 20px;
    line-height: 1.5;
    font-family: "Inter", serif;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.cms_data h6 {
    margin: 32px 0 12px 0;
    font-family: "Inter", serif;
    letter-spacing: 0.02rem;
    line-height: 140%;
    font-weight: 600;
}

.heading-tag + .heading-tag {
    margin-top: 0px;
}

.cms_data > *:first-child {
    margin-top: 0px;
}

.cms_data ul li strong,
.cms_data ol li strong,
.cms_data p strong {
    font-weight: bold;
}

.cms_data p img {
    max-width: 100%;
    display: block;
    margin: 12px auto;
}

.cms_data p + p {
    margin-top: 24px;
}

.cms_data ul li a,
.cms_data ol li a,
.cms_data p a {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: var(--dark_blue);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.cms_data ol li a:hover,
.cms_data ul li a:hover,
.cms_data p a:hover {
    text-decoration: none;
}

.cms_data ul {
    margin: 0px;
    padding: 24px 0 0px 18px;
}

.cms_data ul li {
    margin: 0;
    padding: 0;
    color: var(--dark_blue);
    font-family: "Inter", serif;
    font-weight: normal;
    letter-spacing: 0.02rem;
    font-size: 16px;
    line-height: 150%;
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
}

.cms_data ul li + li {
    margin-top: 8px;
}

.cms_data ol {
    margin: 0px;
    padding: 24px 0 0px 18px;
}

.cms_data ol li {
    margin: 0;
    padding: 0;
    color: var(--dark_blue);
    font-family: "Inter", serif;
    font-weight: normal;
    letter-spacing: 0.02rem;
    font-size: 16px;
    line-height: 150%;
    display: list-item;
    list-style-type: decimal;
    list-style-position: outside;
}

.cms_data ol li + li {
    margin-top: 8px;
}

.cms_data blockquote {
    margin: 24px 0;
    padding: 0 0 0 24px;
    margin: 0;
    padding: 0;
    color: var(--dark_blue);
    font-family: "Inter", serif;
    letter-spacing: 0.02rem;
    font-weight: 600;
    line-height: 150%;
    font-size: 20px;
    border: 0px;
    border-left: #fff solid 6px;
}

.cms_data blockquote p {
    font-size: 18px;
    font-style: italic;
    font-family: "Inter", serif;
    font-weight: bold;
}

.cms_data .heading-tag:first-child {
    margin-top: 0px;
}

.cms_data ol + p,
.cms_data ul + p,
.cms_data p + ul,
.cms_data p + ol,
.cms_data ol + ul,
.cms_data ul + ol {
    margin-top: 24px;
}


.contact_sec {
    position: relative;
    width: 100%;
    padding: 86px 0 120px;
}

.contact_sec .content_wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.contact_sec .contact_info {
    width: 50%;
    /*max-width: 514px;*/
    margin-top: 36px;
    display: flex;
    row-gap: 48px;
    column-gap: 30px;
    flex-wrap: wrap;
}

.contact_sec .info_block {
    position: relative;
    width: calc(50% - 15px);
}

.info_block .heading {
    display: flex;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: solid 1px var(--darkopacity);
    align-items: center;
    column-gap: 12px;
}

.info_block .heading i {
    display: inline-flex;
    min-width: 22px;
}

.info_block .heading i img {
    display: inline-flex;
}

.info_block .heading span {
    display: inline-flex;
    font-family:  "Plus Jakarta Sans", serif;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 600;
    letter-spacing: 0.01rem;
}

.info_block .textblock {
    position: relative;
    width: 100%;
    margin: 20px 0 0;
}

.info_block .textblock .link {
    display: flex;
}

.info_block .textblock .link a {
    display: inline-flex;
    font-size: 18px;
    color: var(--dark_blue);
    line-height: 1.555;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.info_block .textblock .link a:hover {
    text-decoration: none;
}

.info_block .textblock .text {
    width: 100%;
    margin-top: 16px;
}

.info_block .textblock .text p {
    font-size: 16px;
    line-height: 150%;
}

.info_block .textblock .text-alt {
    width: 100%;
}

.info_block .textblock .text-alt p {
    line-height: 1.555;
    font-weight: 500;
}

.form_main {
    position: relative;
    background: var(--white);
}

.contact_sec .form_main {
    width: 50%;

}

.form_main .form_wrap {
    width: 100%;
    padding: 46px 40px 56px;
}

.form_main .form-row {
    position: relative;
    width: 100%;
    display: flex;
    column-gap: 16px;
}

.form_main .form-row + .form-row {
    margin-top: 32px;
}

.form_main .form-col {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}

.form_main .form-col.half {
    width: calc(50% - 8px);
}

.form_main .form-col.full {
    width: 100%;
}

.form_main .form-col label {
    display: flex;
    width: 100%;
    font-size: 16px;
    color: var(--dark_blue);
    line-height: 150%;
    font-weight: 600;
}

.form_main .last-row {
    justify-content: space-between;
}

.form_main .captcha-img {
    display: flex;
}

.form_main .captcha-img .wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
}

.form_main .captcha-img .wpcf7-recaptcha {
    max-width: 207px;
    max-height: 52px;
}

.form_main .input-box .captcha-img .wpcf7-form-control-wrap {
    width: auto;
}

.form_main .captcha-img .g-recaptcha {
    position: relative;
}

.form_main .captcha-img .g-recaptcha > div {
    display: flex;
    transform-origin: left top;
    transform: scale(0.681, 0.6667);
}

.form_main .btnbox {
    justify-content: flex-end;
}

.form_main .submit {
    position: relative;
    background: var(--dark_blue);
    padding: 0 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 56px;
    border-radius: 50px;
    font-size: 18px;
    gap: 12px;
    transition: all 0.3s ease-in-out;
    color: var(--white);
    font-weight: bold;
    letter-spacing: 0.02rem;
    outline: none;
    border: none;
    cursor: pointer;
}

.form_main .submit i {
    display: flex;
    background: url(../images/white-arrow.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.form_main .submit span {
    display: flex;
    transition: all 0.3s ease-in-out;
}

.form_main .submit:hover {
    background: #EC5D00;
}

.form_main .submit:hover i {
    transform: translateX(8px);
}

.form_main form .btnbox .submit::after {
    margin: -13px 0 0 -13px;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 24px;
    content: '';
    background: url(../images/l-circle.svg) no-repeat center center;
    width: 24px;
    pointer-events: none;
    opacity: 0;
    animation: rotation 0.7s infinite linear;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.form_main form.submitting .btnbox .submit i,
.form_main form.submitting .btnbox .submit span {
    opacity: 0;
}

.form_main form.submitting .btnbox .submit::after {
    opacity: 1;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.form_main .form-row .input-text.wpcf7-not-valid {
    border: solid 1px #f66;
}

.form_main .form-row .wpcf7-not-valid-tip {
    display: block;
    padding: 4px 0 0 0;
    line-height: 1.43;
    letter-spacing: 0.22px;
    font-family: "Inter", serif;
    font-weight: 500;
    color: #f66;
    font-size: 14px;
}

.form_main .wpcf7 form .wpcf7-response-output {
    border-radius: 4px;
    border: solid 2px #ff6b6b !important;
    padding: 10px 24px 12px 42px;
    background: url(../images/error-icon-1.svg) no-repeat 16px 12px #ffc3c3;
    color: var(--dark_blue);
    line-height: 1.4;
    letter-spacing: 1px;
    font-size: 15px;
    font-family: "Inter", serif;
    font-weight: 600;
    margin: 32px 0 0 0;
}

.form_main .wpcf7 form.sent .wpcf7-response-output {
    border-radius: 4px;
    border: solid 2px #00ba83 !important;
    padding: 10px 24px 12px 42px;
    background: url(../images/error-icon-3.svg) no-repeat 16px 12px rgba(3, 227, 161, 0.6);
    color: var(--dark_blue);
    line-height: 1.4;
    letter-spacing: 1px;
    font-size: 15px;
    font-family: "Inter", serif;
    font-weight: 600;
    margin: 32px 0 0 0;
}

.fourzero-page {
    position: relative;
    width: 100%;
    padding: 88px 0 120px;
}

.fourzero-page .center-block {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.fourzero-page h1 {
    font-size: 40px;
    line-height: 140%;
}

.fourzero-page .text {
    width: 100%;
    max-width: 592px;
    margin: 0 auto;
    margin-top: 32px;
}

.fourzero-page .text p a {
    color: var(--dark_blue);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.fourzero-page .text p a:hover {
    opacity: 1;
    text-decoration: none;
}


.banner_main .swiper-wrapper {
    row-gap: 20px;
}


/* rakesh code */
.marquee-main-outer {
    display: none;
    width: 100%;
    overflow: hidden;
}

.marquee-main-inner {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.marquee-main-inner ul {
    display: flex;
    flex-wrap: nowrap;
}

.marquee-main-outer .row-1 {
    width: 100%;
}

.marquee-main-outer .img-list-main {
    display: flex;
    width: auto;
}

.marquee-main-outer .img-list-main .marquee-main-inner {
    width: auto;
}

.marquee-main-outer .row-1 + .row-1 {
    margin-top: 20px;
}

/*.marquee-main-outer .row-1 + .row-1 .marquee + .marquee { position:absolute; top:0; }*/
.marquee-main-inner ul li.img-life {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    padding: 0 10px;
}

.marquee-main-inner ul li.img-life span {
    display: flex;
    width: 100%;
    height: 135px;
    margin: 0 0 0 0;
    background: var(--white);
    border-radius: 16px;
    align-items: center;
    justify-content: center;
}

.marquee-main-inner ul li.img-life span img {
    width: auto;
    height: auto;
    max-height: 135px;
    max-width: 100%;
}

.marquee-main-inner.reverces-col {
    animation-direction: reverse;
}

.together_wrap .sliders_wrap {
    display: none;
}

.together_wrap .content_block {
    margin-left: auto;
}

.verticle-image-slider {
    display: flex;
}

.img-list-verticle.colum-2 {
    margin: 0 0 0 20px;;
}

.img-list-verticle .img-life {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
}

.img-list-verticle.colum-1,
.img-list-verticle.colum-2,
.img-list-verticle.colum-3 {
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    animation-direction: normal;
}

.img-list-verticle.colum-1 {

    -webkit-animation: verticle var(--slideCountSecond) linear infinite;
    animation: verticle var(--slideCountSecond) linear infinite;
}

@-webkit-keyframes verticle {
    0% {
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@keyframes verticle {
    0% {
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@-webkit-keyframes horizontal {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes horizontal {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes horizontalSecond {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes horizontalSecond {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.img-list-verticle.colum-2 {
    animation-direction: reverse;
}

.img-list-verticle {
    width: 240px;
}

.img-list-verticle .img-life span {
    display: flex;
    width: 100%;
    height: 135px;
    margin: 0 0 0 0;
    background: var(--white);
    border-radius: 16px;
    align-items: center;
    justify-content: center;
}

.img-list-verticle .img-life span img {
    width: auto;
    height: auto;
    max-height: 100px;
    max-width: 80%;
}

.verticle-image-slider-main {
    position: absolute;
    height: 100%;
    left: 80px;
    width: 500px;
    top: 0;
    transform: translateY(0%);
}


.together_wrap .verticle-image-slider-main:before,
.together_wrap .verticle-image-slider-main:after {
    bottom: 0;
    top: auto;
    position: absolute;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 48px;
    content: '';
    pointer-events: none;
    opacity: 0.8;
}

.together_wrap .verticle-image-slider-main:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 64, 128, 0.5) 0%, rgba(0, 64, 128, 0) 100%);
}

.together_wrap .verticle-image-slider-main:after {
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 64, 128, 0) 0%, rgba(0, 64, 128, 0.5) 100%);
}

.mobile_rotator_main {
    display: none;
}

.banner_main .right_block .verticle-image-slider-main {
    right: 0;
    width: 760px;
    left: auto;
}

.banner_main .banner_inner .content_wrap {
    min-height: 360px;
}

.banner_main .right_block .img-list-verticle.colum-2 {
    margin: 0;
}

.banner_main .right_block .verticle-image-slider {
    justify-content: space-between;
}


@-webkit-keyframes verticle2 {
    0% {
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes verticle2 {
    0% {
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.img-list-verticle.colum-2 {

    -webkit-animation: verticle2 var(--slideCountSecond) linear infinite;
    animation: verticle2 var(--slideCountSecond) linear infinite;

    animation-direction: reverse;
}


@-webkit-keyframes verticle3 {
    0% {
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes verticle3 {
    0% {
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.img-list-verticle.colum-3 {
    -webkit-animation: verticle3 var(--slideCountSecond) linear infinite;
    animation: verticle3 var(--slideCountSecond) linear infinite;
    backface-visibility: hidden;

}


/*.img-list-verticle.colum-3 .verticle-row{ position: relative; margin-top: -25%;  }*/

.right_block .verticle-image-slider-main::before,
.right_block .verticle-image-slider-main:after {
    bottom: 0;
    top: auto;
    position: absolute;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 48px;
    content: '';
    pointer-events: none;
    opacity: 0.8;
}

.right_block .verticle-image-slider-main:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 64, 128, 0.5) 0%, rgba(0, 64, 128, 0) 100%);
}

.right_block .verticle-image-slider-main:after {
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 64, 128, 0) 0%, rgba(0, 64, 128, 0.5) 100%);
}


.pricing_wrap_mobile {
    position: relative;
}

.pricing_wrap_mobile .swiper-scrollbar {
    position: absolute;
    left: 0px;
    bottom: -30px;
    width: calc(100% - 76px);
    height: 10px;;
    background: none;
}

.pricing_wrap_mobile .swiper-scrollbar::after {
    position: absolute;
    left: 0px;
    top: 4px;
    z-index: 2;
    background: rgba(0, 25, 42, 0.2);;
    height: 2px;
    width: 100%;
    content: '';
    border-radius: 100px;
}

.pricing_wrap_mobile .swiper-scrollbar .swiper-scrollbar-drag {
    background: none;
    cursor: pointer;
    background-color: transparent;
    z-index: 5;
    height: 10px;
    top: 0px;
    border-radius: 0px;;
    width: 47px;
}

.pricing_wrap_mobile .swiper-scrollbar .swiper-scrollbar-drag::after {
    position: absolute;
    left: 0px;
    top: 4px;
    z-index: 2;
    background: #00192A;;
    height: 2px;
    width: 100%;
    content: '';
    border-radius: 100px;
}

.priceing-block-list .pricing_wrap_mobile .price-tagline {
    padding: 31px 0 56px;
}

.pricing_wrap_mobile .swiper-button-next,
.pricing_wrap_mobile .swiper-button-prev {
    outline: none;
    background: url(../images/right-arrow.svg) no-repeat center center;
    position: absolute;
    height: 24px;
    width: 24px;
    bottom: -36px;
    top: auto;
    left: auto;
    right: 0px;;
}

.pricing_wrap_mobile .swiper-button-prev {
    background: url(../images/left-arrow.svg) no-repeat center center;
    right: 36px;
}

.pricing_wrap_mobile .swiper-button-next:after,
.pricing_wrap_mobile .swiper-button-prev:after {
    display: none;
}

.pricing_wrap_mobile .swiper-slide {
    width: 323px;
}

.pricing_wrap_mobile .swiper-horizontal {
    overflow: visible;
}


.price-orange-block.for-homepage {
    margin: 80px 0 0 0;
}

.form_main .form-col .input-text {
    transition: all 0.3s ease-in-out
}

.form_main .form-col .input-text:focus {
    border-color: var(--dark);
}


.home-banner .container {
    padding: 0 0px;
    width: 100%;
    max-width: 100%;
}

.banner-block .banner-text {
    min-width: 50vw;
    width: 50vw;
    padding: 0 0 0 80px;
}

.banner-right-img {
    width: calc(50vw + 53px);
}

.banner-right-img .img {
    width: calc(100% + 53px);
}

.banner_inner .container {
    padding: 0 0px;
    width: 100%;
    max-width: 100%;
}

.banner_inner .banner-right-img .img {
    width: calc(100% + 53px);
}

.page-template-internationale-tarieven_tpl .banner-text-sub {
    width: 100%;
    max-width: 520px;
}

.banner_main .banner_inner .content_wrap {
    padding-left: 80px;
}

.banner-right-img .img::after {
    width: 496px;
    height: 991px;
    left: -30px;
}

.banner_inner .banner-right-img .img::after {
    width: 496px;
    height: 991px;
    left: -10px;
}

.banner_inner .banner-block .banner-bg {
    background-size: auto 100%;
}


.banner_main .mobile_showcase .horizontal_marquee {
    -webkit-animation: horizontal_marquee 60s linear infinite;
    animation: horizontal_marquee 60s linear infinite;
}

.banner_main .mobile_showcase .horizontal_marquee2 {
    -webkit-animation: horizontal_marquee2 60s linear infinite;
    animation: horizontal_marquee2 60s linear infinite;
}


.together_wrap .left_block .horizontal_marquee {
    -webkit-animation: horizontal_marquee 90s linear infinite;
    animation: horizontal_marquee 90s linear infinite;
}

.together_wrap .left_block .horizontal_marquee2 {
    -webkit-animation: horizontal_marquee2 90s linear infinite;
    animation: horizontal_marquee2 90s linear infinite;
}


.header-right .lang-box > a span {
    text-transform: uppercase;
}

.header-right .lang-box .lang-sub ul li a,
.header-right .lang-box > a {
    text-transform: uppercase;
}


.desktop-nav.main-nav ul {
    margin: 0 0px 0 0;
    gap: 24px;
    display: flex;
    align-items: center;
}
.desktop-nav.main-nav ul li{
    margin: 0 40px;
    flex: 1;
    text-align: center;
    min-width: 13vw;
}
.desktop-nav.main-nav ul li a {
    border-bottom: transparent solid 1px;
    color: var(--dark_blue);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02rem;
    padding: 5px 8px;
}

.desktop-nav.main-nav ul li a:hover,
.desktop-nav.main-nav ul li.current-menu-item > a {
    border-color: var(--dark);
}

.desktop-nav.main-nav ul li.frontpage_link {
    display: none;
}

.header-right .main-nav {
    display: none;
}

.header-top .header_left {
    min-width: 245px;
}

.header-right {
    min-width: 245px;
}


.rates_table_block .table_block .heading .info-icon {
    margin: 0;
}

.rates_table_block .table_block .heading span .info_wrap {
    position: relative;
    padding: 0px 0 0 0;
    margin: 0 0 0 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.rates_table_block .table_block .heading span .tooltip {
    text-align: center;
    position: absolute;
    bottom: 100%;
    margin: 0 0 20px;
    z-index: 5;
    min-width: 280px;
    padding: 20px 20px 20px;
    background: var(--blue);
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.50);
    opacity: 0;
    transition: all ease-in-out 300ms;
    pointer-events: none;
    cursor: default;
}

.rates_table_block .table_block .heading span .tooltip:before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: '';
    width: 100%;
    height: 20px;
    background: var(--blue);
    border-radius: 15px;
}

.rates_table_block .table_block .heading span .tooltip:after {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: var(--blue);
    transform: rotate(45deg);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.50);
    margin-left: -9px;
}

.rates_table_block .table_block .heading span .info_wrap:hover .tooltip {
    opacity: 1;
    pointer-events: all;
}

.rates_table_block .table_block .heading span .tooltip p {
    text-align: center;
    font-family: "Inter", serif;
    font-size: 14px;
    color: var(--white);
    line-height: 1.571;
}

.header-right .lang-box:hover .lang-sub {
    transition-delay: 0.3s;
}

.addon_block .view_info .tooltip .tooltip-close {
    position: absolute;
    right: 12px;
    top: 12px;
}

.addon_block .view_info .tooltip .tooltip-close a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background: url(../images/e-remove-1.svg) no-repeat center center;
}


.addon_block .view_info .info_txt span {
    transition: all 0.3s ease-in-out;
}

.addon_block .view_info .info_txt:hover span {
    text-decoration: none;
    border-color: transparent;
}

.united_product-banner{
    display: block;
    width: 100%;
    overflow: hidden;
}
.united_product-banner .container {
    padding: 0 0px;
    width: 100%;
    max-width: 100%;
}


.united_product-intro-section {
    display: block;
    width: 100%;
}

.united_product-intro-text {
    display: flex;
    padding: 104px 48px 80px 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: rgba(0, 25, 42, 0.3) solid 1px;
}

.united_product-intro-text .left-text {
    width: 600px;
}

.united_product-intro-text .left-text h2 {
    font-size: 32px;
    line-height: 1.5;
}

.united_product-intro-text .right-text {
    width: 544px;
    padding: 10px 0 0 0;
}
.united_product_text{
    text-align: center;
}
.united_product-how .united_product-how-intro{
    margin: 50px auto;
}

.united_product-how .stap-counter i{
    width: 56px;
    height: 56px;
    display: flex;
    background: var(--white_blue);
    border-radius: 10px;
    font-style: normal;
    font-size: 36px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
}
.united_product-how .stap-content{
    margin-bottom: 50px;
}
.united_product-how .stap-content .stap-title{
    margin-bottom: 10px;
}
.united_product-how .stap-content .stap-text{

}
.price-orange-block-united_product{
    flex-direction: column;
    margin: 100px auto;
}
.price-orange-block-united_product .price-orange-block-row{
    display: flex;
    padding: 35px;
}
.price-orange-block-united_product .price-orange-block-row .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px;
}

.re-united .stap-icon,
.united-family .stap-icon,
.united-business .stap-icon{
    width: 56px;
    height: 56px;
    background-color: var(--white_blue);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.re-united .stap-icon i,
.united-family .stap-icon i,
.united-business .stap-icon i{
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/lamp.png)  no-repeat center center;
    background-size: 100%;

}
.re-united .re-united-voordelen{
    background-color: var(--grey);
    padding: 50px 0;
}
.re-united .re-united-voordelen h2{
    text-align: center;
    margin: 50px auto 20px;
}
.re-united .row{
    margin: 40px 0;
}
.re-united .re-united-voordelen .stap-counter{
    margin: 20px 0;
}
.re-united .re-united-voordelen .stap-counter i{
    width: 56px;
    height: 56px;
    display: flex;
    background: var(--green);
    color: var(--white);
    border-radius: 10px;
    font-style: normal;
    font-size: 36px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
}
.re-united .re-united-voordelen .price-orange-block{
    width: 85%;
}
.product-icon{
    display: block;
    width: 56px;
    height: 56px;
    margin-right: 15px;
}

.united-flex .product-icon i{
    background: url(../images/united-flex.png)  no-repeat center center;
}
.re-united .product-icon i{
    background: url(../images/re-united.png)  no-repeat center center;
}
.united-travel .product-icon i{
    background: url(../images/united-travel.png)  no-repeat center center;
}
.united-family .product-icon i{
    background: url(../images/united-family.png)  no-repeat center center;
}
.united-business .product-icon i{
    background: url(../images/united-business.png)  no-repeat center center;
}
.product-icon i{
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% !important;

}
.united_product-intro-section .product-title{
    display: flex;
    align-items: center;
}
.united_product-intro-section .product-title h2{
    font-size: 56px;
}
.price-orange-block-row p{
    display: flex;
    align-items: center;
}
.united-travel .price-orange-block-row p,
.united-business .price-orange-block-row p{
    display: block;
}
.united_product-includes{
    margin: 100px auto 150px auto;
}
.united_product-includes ul{
    margin: 50px auto;
    width: fit-content;
}
.united_product-includes ul li{
    list-style-image: url("../images/check.svg");
    margin: 20px;
}

.ts-account{
    display: flex;
}
.ts-account .ts-tabs{
    display: flex;
    flex-direction: column;
    margin-right: 40px;
}
.ts-account .ts-tabs a{
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 40px;
    border: var(--darkopacity) solid 1px;
    padding: 0 24px;
    gap: 6px;
    font-size: 16px;
    color: var(--dark_blue);
    font-weight: 600;
    display: flex;
    text-align: center;
    margin-bottom: 15px;
}

.ts-account .ts-tabs a:hover,
.ts-account .ts-tabs a.active
{
    color: white;
    background-color: var(--dark_blue);
}
.ts-account .ts-tabcontent{
    width: 100%;
}

.kortingen .korting_header .korting_title {
    text-align: center;
    margin-bottom: 35px;
}

.korting-items {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.korting-item {
    width: 100%;
}

.korting-card{
    background: var(--grey);
    border-radius: 12px;
    text-align: left;
    border: 1px solid var(--dark_blue);
}
.korting-card-header{
    background-color: var(--dark_blue);
    text-align: center;
    padding: 15px;
    border-radius: 12px 12px 0 0 ;
}
.korting-card-header h3{
    color: white;
    font-size: 22px;
    font-weight: 700;
}
.korting-card-body{
    padding: 25px;

}

.notice {
    padding: 12px 16px;
    margin: 1em 0;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.4;
    border-left: 4px solid transparent;
}

.notice.success {
    background-color: #e6f7ee;
    border-color: #2ecc71;
    color: #1b5e20;
}

.notice.error {
    background-color: #fdecea;
    border-color: #e74c3c;
    color: #8a1f11;
}

/* Optioneel: animatie bij tonen */
.notice {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {opacity: 0; transform: translateY(-5px);}
    to {opacity: 1; transform: translateY(0);}
}

.ts-invoices-table{

}
.ts-invoices-table th{
    padding: 10px;
    border: 1px solid var(--dark_blue);}
.ts-invoices-table td{
    padding: 10px;
    border: 1px solid var(--dark_blue);
}