/*************************************************************
	MENU ICONS EXAMPLE
 *************************************************************/
/*
To add menu icon specify PAGE-ID and ICON CONTENT VALUE:

.fa-menu-{PAGE-ID}:before {
  content: "{ICON CONTENT VALUE}";
}

List of ICON CONTENT VALUES: http://astronautweb.co/snippet/font-awesome/

FOR EXAMPLE

i.fa-menu-33:before {
  content: "\f004";
}
  
*/

/*************************************************************
	ADD YOUR CUSTOM STYLES BELOW THIS LINE
 *************************************************************/

/*===== Custom styles version 1.0 =====*/
body {
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

 a:hover {
     color: #000000;
     font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }

.dnnFormItem .dnnLabel {
    min-width: 160px;
}

.dnnForm.fnlForm.dnnClear .btn, .dnnForm.fnlForm.dnnClear .btn.btn-light {
    border-radius: 2em!important;
}

#dnn_ctr16217_Default_Form_cmdUpdate:hover {
    background-color: black;
}

 .Normal ul, p, .MsoNormal {
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    text-transform: none;
    /*line-height: 23px !important;*/
    letter-spacing: 0;
    color: #222222;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0;
}
h1 a, h2 a, h3 a, h4 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
    color: #000000;
}
.h2, h2 {
    margin: .5em 0 1.5em;
}

.h3, h3 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 2em;
}

.txtimg-title h3{
    margin: 1em 0 0.5em;
}

h4 {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
   font-weight: 400;
}

/* .mng-text-theme p {
    line-height: 18px;
    font-size: .9em;
} */

.hide-for-mobile {
    display: block;
}
.show-for-mobile {
    display: none !important;
}

.mng-text-theme h3 {
    margin: 12px 0 8px;
}
.mng-text-theme ul li {
    padding: 4px 0;
}


.ameriaGreen {
    color: #72bf44 !important;
}

/* web containers*/

.container {
    width: 1400px;
}

.disclaimer {
    padding: 14px 16px 13px;
    border: 1px solid #FAAE00;
    background-color: #FDF5EC;
    font-size: 14px;
    letter-spacing: 0.05px;
    line-height: 22px;
    margin: 0 -15px;
}

.disclaimer .container {
    display: flex;
}

.disclaimer a {
    color: #72bf44;
    font-size: 14px;
    letter-spacing: 0.05px;
    margin-top: 2px;
}
.disclaimer a:hover {
    text-decoration: underline;
    transition: 0.3s;
}

.warning-icon {
    background: url(/Portals/0/Images/header-backgrounds/warning.svg) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin: 4px 16px 0 0;
}
.remove-icon {
    background: url(/Portals/0/Images/header-backgrounds/remove-icon.svg) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin: 2px 10px 0 10px;
}
.download-icon {
    background: url(/Portals/0/Images/header-backgrounds/Download.svg) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}


/* app-download banner */

.app-banner {
    position: sticky;
    top: 0;
    z-index: 999999;
    background-color: #FFFFFF;
    border-bottom: 1px solid #eee;
    padding: 5px 0 14px 0;
}
.app-banner.d-none {
    display: none!important;
}
#app-download-btn a.btn-default {
    background-color: #72bf44 !important;
    max-width: 150px;
    margin-top: -10px !important;
}

#app-download-btn a.btn-default div{
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 11px !important;
    line-height: 13px !important;
    text-transform: initial !important;
}


#app-download-btn a.btn-default:hover {
    background-color: #72bf44 !important;
}
.app-banner .app-info {
    color: #121212;
    margin-left: 16px;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    margin: -10px 0 0 20px;
}
.app-banner .app-new {
    background-color: #FFD101 !important;
    color: #121212;
    border-radius: 6px;
    display: inline;
    font-size: 10px;
    margin-left: 4px;
    padding: 2px 8px;
}
.app-banner .app-info >div:first-child {
    font-weight: 700;
    font-size: 14px;
}
#topMenu {
	float: left;
}

#topMenu nav {
	float: none;
	padding-top: 6px;
}

#topMenu nav>ul>li {
	margin-left: 0;
}

.top-menu {
    display: flex;
	float: right !important;
}

.top-menu img{
    margin: 3px;
    width: 20px;
    height: 20px;
}

#topbar .top-menu>li {
    display: flex;
}

#topMenu nav>ul>li {
    float: left;
    border: 0;
    transition: all .3s ease;
    list-style-type: none;
}

#topMenu nav>ul>li>a {
    position: relative;
    padding: 11px 11px 11px 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: black;
    text-transform: uppercase;
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    transition: all .3s ease;
    font-family: "Roboto", sans-serif !important;
    line-height: normal;
}

#topMenu nav > ul > li.current > a {
	color: #72bf44;
}

/* header initial extras */
#topbar .topbar-wrap {
    background-color: rgba(245, 245, 245, 0.35);
}

#topbar .header-extras {
    float: right;
    z-index: 201;
    position: relative;
}

#topbar .header-extras>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#topbar .header-extras>ul>li {
    float: left;
    margin-left: 0;
    border: 0;
}

.language-object {
	padding-top: 7px;
}

ul.lang {
    display: flex;
}

ul.lang li {
    list-style-type: none;
    padding: 7px 3px;
    text-transform: uppercase;
}

ul.lang li a{
    font-size: 12px;
    font-weight: bold;
    color: rgba(38, 38, 38, .85);
}
ul.lang li:hover a, ul.lang li.active a{
    color: #72bf44;
    transition: 0.3s;
}

body.top-search-active #header #top-search {
    background-color: #FFFFFF;
}

#topbar .header-extras>ul>li>a:not(.btn) {
    font-family: primary, secondary;
    font-size: 20px;
    position: relative;
    display: block;
    font-style: normal;
    text-transform: uppercase;
	font-weight: 700;
	padding-top: 9px;
    margin-right: 2px;
}

i.fa.fa-close {
   left: 0 !important;
    top: -30px;
}

#top-search-trigger i.fa-search {
    background: url(/Portals/0/Images/SearchIcon.svg) no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    margin: 3px;
}

#top-search-trigger .fa-search:before {
    content: none;
}

#topbar #top-search-trigger {
    width: 25px;
}
#topbar .header-extras>ul>li>a:not(.btn) i {
    font-size: 20px;
    position: relative;
}

#topbar .header-extras i, #topbar .top-menu>li>a {
    color: #565656;
    font-family: "Roboto", sans-serif !important;
}
#topbar .top-menu>li>a {
    margin-right: 10px;
}
#topbar .header-extras i, #topbar .top-menu>li>a:first-child {
    margin-right: 0;
}
#topbar .header-extras .topbar-dropdown .dropdown-list:before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    top: -9px;
    right: 14px;
    position: absolute;
}

#topbar .header-extras .topbar-dropdown .dropdown-list {
    right: 10px;
    left: auto;
    box-shadow: 0 -6px 16px rgba(0,0,0,.1);
    margin-top: 1px;
}

#topbar {
	overflow: visible;
}

#header {
    line-height: 38px;
    padding-top: 0px;
    box-shadow: 0px 0px 8px 2px #00000038;
}

#header.sticky-active {
    line-height: 80px;
}
#header #header-wrap #logo {
    position: relative;
    left: 0;
    padding: 25px 0;
    display: inline-block;
    height: auto;
    margin-top: -21px;
}

#header.sticky-active #header-wrap #logo{
    margin-top: 0;
}
#header #header-wrap #logo .mobile-logo{
    background: url(../A-mobile-logo.svg) no-repeat;
    background-size: contain;
    width: 33px;
    height: 33px;
}

.mobile-logo-white{
    background: url(/Portals/0/Images/header-backgrounds/A-mobile-logo-white.svg) no-repeat;
    background-size: cover;
    width: 36px;
    height: 37px;
    padding-right: 37px;
}
#header #header-wrap #logo img{
    width: 190px !important;
}
#header #header-wrap #online_logo {
    position: absolute;
    right: 20px;
    z-index: 1;
    border-radius: 14px;
    height: 100%;
}

.online-login {
    background: url(/Portals/0/Images/header-backgrounds/login-icon.svg) no-repeat;
    background-size: contain;
    margin-left: 10px;
    width: 14px;
}
.online_logo {
    margin-top: 24px;
}
.ameriaonline {
    color: #4c5667;
}
.online_logo:hover .ameriaonline{
    color: #fff;
}


#header.sticky-active .online_logo {
    margin-top: 24px;
}
.online_logo:hover .online-login{
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(133deg) brightness(106%) contrast(103%);
    transition: 0.3s;
}

#dnn_BannerPane2 .slide-captions {
    padding-left: 100px;
}

.toggle-item.toggle-active i:nth-of-type(2) {
	visibility: visible;
}

.toggle-item.toggle-active .fa.fa-close {
	position: relative;
	left: -15px;
}

.card-body {
    padding: 20px 10% !important;
}

/*extra right menu */

#dnn_RightNarrowSection1 .DnnModule, #dnn_OneQuarterRightSection1 .DnnModule {
    background-color: #ececec49;
    padding: 20px;
    margin: 30px 0 30px 20px;
    border-radius: 3px;
}

#dnn_RightNarrowSection1 .DnnModule .wrapping-box, #dnn_OneQuarterRightSection1 .DnnModule .wrapping-box, 
#dnn_RightNarrowSection1 .DnnModule .c_content, #dnn_OneQuarterRightSection1 .DnnModule .c_content {
    margin: 0 0 0 0 !important;
}
.ulrazor-menu, .ulrazor-menu li, .ulrazor-menu li ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}
.ulrazor-menu li a, .ulrazor-menu a:visited {
    color: black;
    display: block;
    padding: 8px 0 8px 20px;
    
}
.ulrazor-menu a:hover {
    color: #72bf44;
}
.ulrazor-menu li.selected a {
    color: #72bf44;
}

/* language-wrapper*/

.language-wrapper {
    margin-left: 10px;
    position: relative;
    display: block;
    line-height: 39px;
    text-align: center;
    font-family: primary-bold, secondary-bold;
    transition: background-color .3s, color .3s;
}

.language-wrapper .btn:hover, .language-wrapper .btn:active, .language-wrapper .btn:focus, .language-wrapper .btn.active{
    background-color: #fff;
    color: #72bf44 !important;
}
.language-wrapper .btn{
    padding: 0;
    color: rgba(38, 38, 38, .85);
    background-color: rgba(245, 245, 245, 0.35);
    font-size: 12px;
    width: 39px;
    height: 39px;
    border: none !important;
    text-shadow: none !important;
}

.dropdown.language-wrapper .language-dropdown-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    width: 39px;
    height: 78px;
    top: 39px;
    left: 0;
    color: rgba(38,38,38,.85);
    background-color: #fff;
    box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
    /*border: 1px solid #bbb;*/
    border-top: none;
    z-index: 22;
    padding: 0;
    margin: auto;
}
.dropdown.language-wrapper.open .language-dropdown-menu {
    display: flex !important;
}

.language-dropdown-menu a:hover{
    color: #72bf44 !important;
    transition: 0.3s;
}
.language-dropdown-menu a{
    color: rgba(38, 38, 38, .85) !important;
}
/* Page header styling */
#dnn_BannerPane2 h1 {
    display: inline-block;
    padding: 10px 0;
    font-weight: 900;
    color: #fff;
    font-size: 4em;
    margin: 30px 0 0 0;
}
#dnn_BannerPane2 p {
    color: #fff;
}

.wrapping-box {
    margin: 0 0 0 0 !important;
}

/* Buttons re-design */
.btn.btn-rounded {
    border-radius: 4px !important;
}
.btn.btn-lg {
    color: #fff;
    font-size: 14px;
    height: auto;
    letter-spacing: 2px;
    line-height: 60px;
    padding: 0 45px;
    background: rgb(116,191,68);
    background: linear-gradient(45deg, rgba(116,191,68,1) 0%, rgba(105,173,61,1) 100%);
    border-radius: 2px;
}

.btn.btn-lg:hover {
    box-shadow:0 0 10px 5px grey;  
}


/* Sub-menu font issue fix */
.wsc_cm_menu nav>ul>li>a {
    font-family: primary, secondary;
}

#mainMenu nav>ul>li>a, .wsc_cm_menu nav>ul>li>a {
    font-weight: 600;
    font-size: 1em;
    color: black;
}
.wsc_cm_menu {
    margin-bottom:30px;
}


#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li>a, #mainMenu nav>ul>li.mega-menu-item .mega-menu-content>a, #mainMenu nav>ul>li.mega-menu-item .mega-menu-content>span {
    line-height: 1.4em;
    padding: 8px 0;
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]:last-child{
    border-right: none;
}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .row>div:last-child a,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .row>div:last-child [class*=col-] a{
    opacity: 0.6 !important;
}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a::selection,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title::selection,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a:hover,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{
    color: #121212 ;
}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a{
    cursor: default;
    color: #121212 ;
}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
    display: inline-block;
    min-height: 38px;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 12px;
    position: relative;
    font-weight: 500;
    text-transform: initial !important;
    font-size: 20px;
    color: #121212;
    cursor: default;
}
form[action*="/business"] #mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a{
    cursor: pointer;
}
form[action*="/business"] #mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a::selection,
form[action*="/business"] #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title::selection,
form[action*="/business"] #mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a:hover,
form[action*="/business"] #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{
    color: #72bf44;
}

form[action*="/business"] #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .row>div:last-child a,
form[action*="/business"] #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .row>div:last-child [class*=col-] a {
    opacity: 1 !important;
}
#mainMenu nav>ul li ul, .wsc_cm_menu nav>ul li ul {
    padding-right: 20px;
}

/* a[href="https://estate.ameriabank.am/home"],
a[href="https://automarket.ameriabank.am/home"]{
    color: #72bf44 !important;
} */

/* menu buttons*/
/*a[data-id="9116"],*/
/*a[data-id="9117"],*/
/*a[data-id="9118"],*/
/*a[data-id="9119"]{*/
a[data-id="6595"],
a[data-id="9209"],
a[data-id="9210"],
a[data-id="9211"],
a[data-id="6242"],
a[data-id="8200"],
a[data-id="8201"],
a[data-id="8202"],
a[data-id="8193"],
a[data-id="8194"],
a[data-id="8192"],
a[data-id="8195"],
a[data-id="9687"],
a[data-id="9690"],
a[data-id="9736"],
a[data-id="9710"],
a[data-id="9737"],
a[data-id="9711"] {
    background-color: #72bf44;
    height: 32px;
    line-height: 12px !important;
    vertical-align: center !important;
    text-align: center;
    border-radius: 4px;
    align-items: center;
    color: #FFFFFF !important;
    padding: 8px 24px !important;
    width: fit-content;
    margin-top: 30px;
}

/*a[data-id="9116"]:hover,*/
/*a[data-id="9117"]:hover,*/
/*a[data-id="9118"]:hover,*/
/*a[data-id="9119"]:hover {*/
a[data-id="6595"]:hover,
a[data-id="9209"]:hover,
a[data-id="9210"]:hover,
a[data-id="9211"]:hover,
a[data-id="6242"]:hover,
a[data-id="8200"]:hover,
a[data-id="8201"]:hover,
a[data-id="8202"]:hover,
a[data-id="8192"]:hover,
a[data-id="8193"]:hover,
a[data-id="8194"]:hover,
a[data-id="8195"]:hover,
a[data-id="9687"]:hover,
a[data-id="9690"]:hover,
a[data-id="9736"]:hover,
a[data-id="9710"]:hover,
a[data-id="9737"]:hover,
a[data-id="9711"]:hover {
    background-color: #000000 !important;
}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a {
    padding-top: 0;
    font-size: .8em;
    position: absolute;
    bottom: 0;
}

.arrow-link {
    padding-right: 24px;
    background: url(/Portals/_default/icons/arrow-right.svg) right center no-repeat;
}
.arrow-link:hover {
    color: black !important;
}
.arrow-link.black {
    background-image: url(/Portals/_default/icons/arrow-16-green.svg);
}

.arrow-link.black {
    color: #72bf44;
}


/* FAQ design fixes */
.ac-content-wrapper {
    padding: 20px 0 20px 50px;
    line-height: 1.2em !important;
}
.ac-content-wrapper p {
    line-height: 1.8em !important;
}
.accordion .ac-title {
    font-weight: 600 !important;
    padding-left: 50px;
}

.accordion .ac-item>.ac-title>i {
  
    margin-left: -32px;
}
.ac-active h4, .ac-active h3 {
    color: #72bf44;
}

/* Boxed lists  */
.wsc-box-item {
    border-radius: 4px !important;
}
.wsc-box-item li, .wsc-box-item ul {
    list-style: none;
}

.wsc-box-item .mng-text-theme ul li {
    background: url(images/chevron-right-black-small.png) 0 3px no-repeat;
    padding-left: 24px;
    margin-left: -8px;
    margin-bottom: 8px;
}

.wsc-box-item li a{
    color: black;
    font-size: 1.05em;
    line-height: 1.4em;

}
.wsc-box-item li a:hover{
    color:#72bf44;
}



.txtimg-title h2 {
    margin: 30px 0;
}


/* Tabs design customization */
.tabs.linetriangle>.tabs-navigation>li.active>a:after, .tabs.linetriangle>.tabs-navigation>li.active>a:before {
    display: none;
}

.tabs.linetriangle>.tabs-navigation>li.active a {
    border-bottom:1px solid #72bf44;
}


.box-fancy img {
    margin-bottom: 20px;
}


/*Page header styling*/
.page-header-wrapper.page-header-wrapper2 .page-header-title{
    top: 40px;
}
.page-header-wrapper {
    height: 360px;
    background: #D9DBDB url("/Portals/0/Images/header-backgrounds/Current-account-hero.png?ver=2020-06-29-171140-427") 60% 100% no-repeat;
    background-position: left;
    position: relative;
}

.page-header-wrapper .container {
    position:relative;
}
.page-header-wrapper h1{
    display: inline-block;
    font-weight: 900;
    color: #028DD4;
    font-size: 4em;

}
.page-header-title {
    position: absolute;
    bottom: 100px;
    left: inherit;
    
}
.breadcrumb {
    margin-bottom: 0 !important;
}
.page-header-title2 {
    display: none;
}
.page-description {
    color: #fff;
    margin-top:-10px;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 600px;
}

.owl-stage-outer,
.inspiro-slider15427,
.owl-stage,
.slide.wsc-no-overlay.background-image.wsc-static,
.slide.background-overlay-one.background-image.wsc-static {
    min-height: 370px !important;
}

.page-header-wrapper h1{
    font-size: 52px;
    line-height: 1.2em;
}

.page-header-wrapper {
    height: 360px;
}

.page-header-wrapper1 .container1, .page-header-wrapper1 {
    height: 500px !important;
    background-size: auto 100% !important;
    background-position: right -100px bottom 0 !important;
}

.page-header-title {
    bottom: 40px;
}

.footer-content .Normal.c_contentpane {
    font-weight: 600;
    line-height: 1.2em;
}


.footer-content .Normal ul {
    margin-top: 12px;
}

#footer .footer-content .Normal ul ul {
    margin: 0;
    padding: 0;
}
.footer-content .Normal ul li {
    list-style: none;
    padding-left: 0;
}

.footer-content .Normal ul li a {
    display: inline-block;
    line-height: 1.5em;
    padding-bottom: 8px;
    font-weight: 300;
}
.footer-content .Normal ul li a:hover {
    color: #72bf44 !important;
}

.icon-box.square .icon, .icon-box.square .icon i, .icon-box.square.effect .icon i:after {
    border-radius: 2px;
}
.icon-box.clean .icon i {
    color: #72bf44 !important;
}

.product-icon {
    max-width:150px;
    float: left;
}


/* Blog Equal Heights */

#blog.post-3-columns {
    display: flex;
    display: -ms-flex;
	display: -webkit-flex;
    flex-wrap: wrap;
}

#dnn_ctr19526_ModuleContent .tags {
    display: flex;
}

#dnn_ctr19526_ModuleContent .tags > a:nth-child(3) {
    order: 99;
}
.post-3-columns .post-item {
    width: 32%;
}

.post-item-wrap .post-item-description .wsc_pi_feed_info .post-meta-category:last-child {
    display: none;
}

.dnnFormItem textarea {
    max-height: 150px;
}

.blogDashBoard-tag {
    display: flex;
    flex-wrap: wrap;
}


.blogDashBoard-tag>a[title="Բոլորը"],
.blogDashBoard-tag>a[title="Все"],
.blogDashBoard-tag>a[title="All"] {
    order:99;
}
.xBlog_list .list-post {
    padding-bottom: 100px;
}
.xBlog_list .list-post .list-info>a[title="Բոլորը"],
.xBlog_list .list-post .list-info>a[title="Все"],
.xBlog_list .list-post .list-info>a[title="All"] {
    display: none;
}
.xBlog_list .list-post .list-btn {
    float: right;
}
.xBlog_list .list-post .fa.fa-clock-o,
.xBlog_list .list-post .fa.fa-angle-right,
.xBlog_list .list-post .fa.fa-tags{
    display: none;
}


/* card design*/

form[action="/"] #section1 .wsc_content_manager_module_slide {
    height: initial;
}


form[action="/ir/Main/Home"] #section1 .wsc_content_manager_module_slide{
    box-shadow: 3px 8px 22px 0 #28282866;
}


form[action="/business/micro"] #section1 .wsc_cm_module_container  {
    margin-bottom: 20px !important;
}

form[action="/business/micro"] #section1 .first-section{
    min-width: 150px;
    max-width: 154px !important;
}

form[action="/"] #section4 .wsc_content_manager_module_slide  .card-title{
    min-height: 98px;
}
form[action="/"] #section4 .wsc_content_manager_module_slide  .card-text{
    min-height: 115px;
}

form[action="/career/generation"] .wsc_slides_grid_column {
    height: auto !important;
}

form[action="/business/corporate"] .wsc_slides_grid_column {
    margin-bottom: 10px;
}
form[action="/business/micro"] #section4 .card-text {
    min-height: 85px;
}
form[action="/business/sme/investment/advisory"] #section4 .plan-header,
form[action="/business/sme/investment/trading"] #section4 .plan-header,
form[action="/investment/operations/brokerage-advisory"] #section4 .plan-header,
form[action="/business/corporate/investment/brokerage-advisory"] #section4 .plan-header,
form[action="/personal/more/other-services/advisory"] #section4 .plan-header,
form[action="/business/micro/more/other-services/brokerage"] #section4 .plan-header,
form[action="/investment/operations/brokerage"] #section4 .plan-header,
form[action="/personal/more/other-services/brokerage"] #section4 .plan-header,
form[action="/career/generation"] #section4 .plan-header {
    background-color: #72bf44;
    border-radius: 4px 4px 0 0;
}
form[action="/business/sme/investment/advisory"] #section4 .plan-list,
form[action="/business/sme/investment/trading"] #section4 .plan-list,
form[action="/investment/operations/brokerage-advisory"] #section4 .plan-list,
form[action="/business/corporate/investment/brokerage-advisory"] #section4 .plan-list,
form[action="/personal/more/other-services/advisory"] #section4 .plan-list,
form[action="/personal/more/other-services/brokerage"] #section4 .plan-list,
form[action="/investment/operations/brokerage"] #section4 .plan-list,
form[action="/business/micro/more/other-services/brokerage"] #section4 .plan-list,
form[action="/career/generation"] #section4 .plan-list,
form[action="/business/sme/investment/advisory"] #section4 .plan,
form[action="/business/sme/investment/trading"] #section4 .plan,
form[action="/investment/operations/brokerage-advisory"] #section4 .plan,
form[action="/business/corporate/investment/brokerage-advisory"] #section4 .plan,
form[action="/personal/more/other-services/advisory"] #section4 .plan,
form[action="/personal/more/other-services/brokerage"] #section4 .plan,
form[action="/investment/operations/brokerage"] #section4 .plan,
form[action="/business/micro/more/other-services/brokerage"] #section4 .plan,
form[action="/career/generation"] #section4 .plan {
    border-radius: 0 0 4px 4px;
}

form[action="/business/corporate/financing"] .wsc_cm_module_container.clearfix.module-14085.visible-md.visible-lg.visible-sm.visible-xs {
    padding: 0 !important;
}
.wsc_content_manager_module_slide,  .wsc-box-item, .mng-text-theme, .card{
    height: 100%;
    border-radius: 4px !important;
}

.wsc-box-item .card img {
    border-radius: 4px 4px 0 0 ;
}

#section2 .card-body ul{
    height: 240px;
}
    /*Exchange block*/

.exchange_wrapper table {
    width: 100%;
    border: none;
}

.exchange_wrapper table .Item td {
    text-align: right;
}

.exchange_wrapper table .Header th, .exchange_wrapper table td {
    border: none;
}

.exchange_wrapper table .Header th {
    color: #9c9c9c;
    text-align: center;
    font-weight: 300;
    border: none;
}

.exchange_wrapper .Item td:first-child,  .exchange_wrapper .Item td:first-child{
    min-width: 81px;
}

.exchange_wrapper .Item td:nth-child(2),  .exchange_wrapper .Item td:nth-child(4),
.exchange_wrapper .Header th:nth-child(2),  .exchange_wrapper .Header th:nth-child(4){
    padding-right: 5%;
    text-align: right;
    min-width: 46px;
    white-space: nowrap;
}
.exchange_wrapper .Item td:nth-child(3),  .exchange_wrapper .Item td:last-child,
.exchange_wrapper .Header th:nth-child(3),  .exchange_wrapper .Header th:last-child{
    padding-left: 5%;
    text-align: left;
    min-width: 71px;
    white-space: nowrap;
}

.exchange_wrapper .Header th{
    padding: 5px 0 10px 0;
    font-size: 14px;
}

/* #dnn_ctr28607_View_up, */
/* #dnn_ctr26378_View_up, */
/* #dnn_ctr16968_View_up, */
#dnn_ctr28418_View_up,
/* #dnn_ctr20029_View_up, */
/* #dnn_ctr21301_View_up, */
#dnn_ctr22636_View_up,
/* #dnn_ctr24602_View_up, */
/* #dnn_ctr16441_View_up, */
/* #dnn_ctr17179_View_up, */
#dnn_ctr17180_View_up,
#dnn_ctr40649_View_up
/* #dnn_ctr40281_View_up, */
/* #dnn_ctr29481_View_up   */
{
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(4, auto);
}

.convert-icon {
    background: url(/Portals/0/Images/convert.png) no-repeat;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 25px;
    grid-column: 2 / 3 !important;
    grid-row: 3 / 4 !important;
    margin: -10px auto 0 auto;
}

#dnn_ctr28607_View_up > div,
#dnn_ctr26378_View_up > div,
#dnn_ctr16968_View_up > div,
#dnn_ctr28418_View_up > div,
#dnn_ctr20029_View_up > div,
#dnn_ctr21301_View_up > div,
#dnn_ctr22636_View_up > div,
#dnn_ctr24602_View_up > div,
#dnn_ctr17179_View_up > div,
#dnn_ctr17180_View_up > div,
#dnn_ctr16441_View_up > div,
#dnn_ctr40649_View_up > div,
#dnn_ctr40281_View_up > div,
#dnn_ctr29481_View_up > div {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
}

#dnn_ctr28607_View_up > input,
#dnn_ctr26378_View_up > input,
#dnn_ctr17179_View_up > input,
#dnn_ctr24602_View_up > input,
#dnn_ctr20029_View_up > input,
#dnn_ctr21301_View_up > input,
#dnn_ctr22636_View_up > input,
#dnn_ctr28418_View_up > input,
#dnn_ctr17180_View_up > input,
#dnn_ctr16968_View_up > input,
#dnn_ctr16441_View_up > input,
#dnn_ctr40649_View_up > input,
#dnn_ctr40281_View_up > input,
#dnn_ctr29481_View_up > input {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    border: none;
    border-bottom: 2px solid #ebebeb;
    color: #4c5667;
    outline: none;
    width: 130px;
    padding: 0 20px;
}

#dnn_ctr28607_View_up > span,
#dnn_ctr26378_View_up > span,
#dnn_ctr17180_View_up > span,
#dnn_ctr28418_View_up > span,
#dnn_ctr20029_View_up > span,
#dnn_ctr21301_View_up > span,
#dnn_ctr22636_View_up > span,
#dnn_ctr24602_View_up > span,
#dnn_ctr17179_View_up > span,
#dnn_ctr16968_View_up > span,
#dnn_ctr16441_View_up > span,
#dnn_ctr40649_View_up > span,
#dnn_ctr40281_View_up > span,
#dnn_ctr29481_View_up > span {
    grid-column: 3 / 4;
    grid-row: 4 / 5;
    color: #4c5667;
    border-bottom: 2px solid #ebebeb;
    width: 130px;
    padding: 0 20px;
    margin: 0 0 0 auto;
}

#section6 .exchange_tabs_wrapper,
form[action$="/investment"] #section2 .exchange_tabs_wrapper{
    border: none;
}

.DnnModule-DNNExchangeCalculator label {
    font-weight: normal !important;
}
.exchange_tabs_wrapper td label{
    width: 100% !important;
}
#section6 td > input,
form[action$="/investment"] #section2 td > input {
    display: none;
}
#section6 td > label,
form[action$="/investment"] #section2 td > label{
    border: 1px solid #72bf44;
    border-radius: 4px;
    color: #4c5667;
    font-size: 12px;
    padding: 4px 20px;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 130px;
}

#section6 td > label:hover,
form[action$="/investment"] #section2  td > label:hover {
    background-color: #72bf44;
    color: white;
}

#section6 td > input[checked] + label,
form[action$="/investment"] #section2  td > input[checked] + label {
    background-color: #72bf44;
    color: white;
}

.rate-calculator {
    margin-bottom: 8px;
}

.rate-calculator table {
    margin: inherit !important;
}

.rate-calculator td > label {
    width: auto !important;
}

.rate-calculator td > input[checked] + label,
form[action$="/investment"] .rate-calculator  td > input[checked] + label {
    background-color: transparent !important;
    color: #000 !important;
    min-width: auto !important;
    padding: 4px 5px !important;
    border: none !important;
}

.rate-calculator td > label, form[action$="/investment"] .rate-calculator td > label {
    min-width: auto !important;
    padding: 4px 5px !important;
    border: none !important;
}

.rate-calculator td > input, 
form[action$="/investment"] .rate-calculatortd td > input {
    display: inherit !important;
}

.rate-calculator td > label:hover, form[action$="/investment"] .rate-calculator td > label:hover {
    background-color: transparent !important;
    color: #000 !important;
}

.rate-calculator input {
	accent-color: #4aa912 !important;
}

.rate-calculator__input {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.rate-calculator__input > input,
.rate-calculator__input > span {
    width: 70%;
    height: 40px;
    padding: 5px 8px;
    border-radius: 6px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    line-height: 28px;
}

.rate-calculator__input #drpCurrencyTo {
    margin: 0;
}

.rate-calculator__input select {
    width: 105px !important;
    border-radius: 6px;
    border: 1px solid #E5E5E5 !important;
    background: #FFF;
}

/* interesting
.wsc_cm_module_container.clearfix.module-10144.visible-md.visible-lg.visible-sm.visible-xs.titles-10144
*/

.wsc_cm_module_container.clearfix.visible-md.visible-lg.visible-sm.visible-xs{
    margin-bottom: 0 !important;
}

.box-fancy.section-fullwidth.text-dark {
    overflow-x: initial !important;
}

.exchange_wrapper .Item:nth-child(6),
.exchange_wrapper .Item:nth-child(8),
.exchange_wrapper .Item:nth-child(9),
.exchange_wrapper .Item:nth-child(10),
.exchange_wrapper .Item:nth-child(11),
.exchange_wrapper .Item:nth-child(12),
.exchange_wrapper .Item:nth-child(13)
{
    display: none;
}


.exchange_wrapper.forward .Item:nth-child(6)
 {
    display: table-row;
}

.exchange_wrapper .Item {
    background-color: transparent !important;
    border-bottom: 1px solid #ebebeb;
}

.exchange_wrapper .Item:nth-child(3) {
    border-top: 1px solid #ebebeb;
}

.expanded .Item{
    display: table-row !important;
}
.exchange_wrapper  > div:first-child {
    width: 100%;
}
.exchange_wrapper .Item td,
.exchange_wrapper .Header td {
    padding: 10px 0;
    font-size: 14px;
}

.exchange_wrapper .Item > td:first-child {
    padding: 10px 5px 10px 0;
}

.flex {
    display: flex;
}

.justify-content--center{
    justify-content: center;
}
.justify--space-between{
    justify-content: space-between;
}
#expand-icon {
    margin: auto 0 0 0;
    cursor: pointer;
}
#expand-icon img {
    width: 15px;
}

#expand-icon.rotate img{
    transform: rotate(180deg);
}

.exchange_tabs_wrapper table, #rbRatesType, .DnnModule-DNNExchangeCalculator table {
    margin: auto;
}

#rbRatesType label {
    font-weight: normal;
}

#drpCurrencyFrom {
    grid-column: 1 / 2;
}
#drpCurrencyTo {
    grid-column: 3 / 4;
    margin: 0 0 0 auto;
}

#drpCurrencyFrom, #drpCurrencyTo {
    grid-row: 2 / 3;
    width: 130px;
    border: none;
    border-bottom: 2px solid #ebebeb;
}


.post-item.border .post-item-wrap {
    height: 100%;
}


.post-item-description ul li {
    font-size: initial !important;
}

.wsc_cm_module_container.clearfix.module-9850 .wsc_slides_grid {
    flex-wrap: wrap;
}

/* cashback*/


.wsc-box-item.text-center .cashback-label{
    border: none;
    border-radius: 8px;
    color: #0E0E0E !important;
    font-weight: 400;
    background-color: #ECECEC;
    padding: 0 22.5px;
    margin: 0 auto 8px auto;
    width: fit-content;
    cursor: initial;
}

.wsc-box-item.text-center .cashback-label+h4 {
    font-size: 20px;
    line-height: 22px;
}

.wsc-box-item.text-center .cashback-label p{
    margin-bottom: 4px;
}

.box-fancy.section-fullwidth.text-dark div:not(.alert){
    color: #72bf44 !important;
}

.box-fancy.section-fullwidth.text-dark div:not(.alert):hover,
.box-fancy.section-fullwidth.text-dark .cashback-label:not(.alert){
    color: #000000 !important;
}

/*Media*/

.inspiro-slider .slide-captions h1 {
    font-size: 52px !important;
    font-weight: 600 !important;
    line-height: 56px !important;
}
.inspiro-slider .slide-captions .banner-main__description {
    color: #404040;
}
.page-description p {
    font-size: 16px !important;
}


@media (min-width: 1924px) {
    .page-header-wrapper1 {
        background-size: 100% !important;
    }
}
@media (min-width: 1441px) and (max-width: 1923px){
    .page-header-wrapper1 {
        background-position: right 0 top 0 !important;
    }
}
@media (max-width: 1440px){
    .container {
        width: 100% !important;
    }
}
@media (min-width: 992px){

    .inspiro-slider .slide-captions h1 {
        font-size: 70px;
        max-width: 800px;
    }

    .inspiro-slider .slide-captions h2 {
        max-width: 800px;
        line-height: 30px;
    }
    .post-3-columns .post-item:not(:nth-child(3n)) {
        margin-right: 2%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #mainMenu nav>ul>li>a, .wsc_cm_menu nav>ul>li>a {
        padding: 11px 2px;
        font-size: 0.8em;
    }

    #topbar .top-menu>li>a {
        margin-right: 5px;
    }
}
@media (max-width: 991px) {

    form[action="/home-new"] .wsc_content_manager_module_slide .page-header-wrapper{
        background-size: auto 230px !important;
    }
    form[action="/home-new"] .DnnModule-41486 .page-header-title.page-header-title2{
        border-left: none !important;
    }

    form[action="/home-new"] #section1 .wsc_slides_grid_column.col-md-6{
        margin-bottom: 20px;
    }
    form[action="/home-new"] #section1 .card-top .row.no-gutters img{
        max-width: 50%;
    }
    form[action="/home-new"] #section1 .card-top .row.no-gutters{
        display: flex;
        flex-wrap: wrap-reverse;
    }
    form[action="/home-new"] #section2 .row.home-cards-1 {
        overflow-x: auto;
    }
    form[action="/home-new"] #section2 .card-top {
        min-width: 137px;
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before {
        padding: 17px;
        margin-top: -15px;
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown.mega-menu-item.hover-active:before {
        z-index: 10;
    }
    #mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-] {
        height: initial !important;
    }
    #mainMenu {
        background-color: #ffffff;
        margin: 0 -15px;
        padding-left: 15px;
        width: calc(100% + 35px) !important;
    }

    #mainMenu nav {
        padding-bottom: 0px !important;
        border-bottom: 1px solid #eee;
    }
    #header #header-wrap #online_logo {
        position: initial;
        margin-top: -10px;
        padding-bottom: 12px;
        width: 189px;
    }

    #topbar .top-menu {
        position: absolute !important;
        margin-top: 56px;
        right: 134px;
    }

    .lang {
        margin-top: 4px;
    }
    #topbar .header-extras {
        position: absolute !important;
        margin-top: 54px;
        right: 36px;
    }

    #online_logo {
        padding-top: 12px;
    }
    .online_logo {
        margin-top: 10px !important;
    }

    .ameriaonline:hover {
        transition: 0.3s;
    }
    .language-wrapper {
        margin-left: 0;
    }

    .inspiro-slider .slide-captions h1 {
        line-height: 48px;
    }

    .DNNModuleContent.ModWebSitesCreativeMyContentManagerC
    .wsc_content_manager_module_container.clearfix.edit
    .wsc_cm_menu.menu-regular-dark.menu-lines.menu-center{
        display: none;
    }
    .post-3-columns .post-item {
        width: 48%;
    }

    #header-wrap, #header-wrap .container {
        height: 100%;
    }
    #header-wrap .container input{
        font-size: 16px !important;
        padding-right: 0 !important;
    }

    #header #header-wrap #logo {
        text-align: initial;
        margin: 18px 0 0 15px !important;
        width: calc(100% - 20px) !important;
    }

    #mainMenu-trigger {
        float: right !important;
    }
    .show-for-mobile {
        display: block !important;
    }
    .hide-for-mobile {
        display: none !important;
    }

    #topbar .header-extras i, #topbar .top-menu>li>a:first-child {
        margin-right: 3px;
    }
    /* .page-header-wrapper, .page-header-wrapper1 {
        height: 230px !important;
        background-position: right -100px top 0 !important;
    } */

    .page-header-wrapper1 {
        /* background-position: right 0 top 0 !important; */
        /*background-size: 100% !important;*/
    }

    form[action="/business/corporate/cards/acquiring/ecommerce"] #slider .DnnModule-13112 .page-header-wrapper.page-header-wrapper1,
    form[action="/business/corporate/accounts/business-support-instruments/salary-projects"] #slider .DnnModule-13975 .page-header-wrapper.page-header-wrapper1 {
        background-position: right 0 top 0 !important;
    }
    /* .page-header-title, .page-header-title1 {
        display: none;
    } */
    .page-header-wrapper.page-header-wrapper2 .page-header-title{
        display: block;
    }
    .page-header-title2 h1 {
        font-size: 2.142857em;
    }
    .page-header-title2 .page-description{
        max-width: initial;
    }
    .page-header-title.page-header-title2 .page-description p, .page-header-title2 h1{
        color: #000000 !important;
    }

}

@media (min-width: 767px) and (max-width: 991px) {
    .post-3-columns .post-item:not(:nth-child(2n)) {
        margin-right: 4%;
    }

    form[action="/business/micro"] #section4 .card-title {
        min-height: 63px;
    }
}

@media (max-width: 768px) {
    .page-header-wrapper, .page-header-wrapper1 {
        height: 230px !important;
        background-position: right -100px top 0 !important;
    }
    .page-header-wrapper1 {
        background-position: right 0 top 0 !important;
    }
    .page-header-title, .page-header-title1 {
        display: none;
    }
    .page-header-title2  {
        display: block !important;
        position: initial;
    }
    .page-header-title2 h1 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        font-size: 36px;
        line-height: 44px;
    }
    .page-header-title .page-description p {
        font-size: 16px !important;
    }
}

@media (max-width: 991px) and (min-width: 577px){
    #section2 .wsc_slides_grid_column.col-md-3 {
        flex: 0 50%;
        margin-top: 20px;
    }
}
/* @media (max-width: 991px) and (min-width: 576px){
    form[action="/"] #section2 .wsc_slides_grid_column {
        flex: 0 50%;
        margin-top: 20px;
    }
} */

@media (max-width: 991px) and (min-width: 480px){
    .mng-text-theme .big-icon {
        width: 30%;
    }
}

@media (max-width: 767px) {

    form[action="/home-new"] .module-40430 .card-top{
       margin: 24px 0 !important;
    }
    form[action="/home-new"] .module-40430 .wsc_slides_grid{
        overflow: hidden;
        overflow-x: auto;
    }
    form[action="/home-new"] .module-40430 .wsc_slides_grid_row.row{
       flex-wrap: nowrap;
        width: 760px;
    }

    #topMenu nav>ul>li>a {
        padding-right: 13px;
    }

    .disclaimer {
        padding: 10px 10px 8px;
    }

    .disclaimer a, .disclaimer span {
        font-size: 12px;
    }

    .disclaimer .warning-icon {
        width: 27px;
    }
    form[action="/business/micro/more/other-services"] #section4 .wsc_slides_grid_column,
    form[action="/personal/accounts"] #section6 .wsc_slides_grid_column {
    margin-bottom: 20px !important;
    }

    form[action="/personal/accounts"] #section5 .mng-text-theme{
    margin-bottom: 50px !important;
    }

    #dnn_RightNarrowSection1 {
        display: none;
    }
    /* nav menu */
    .wsc_cm_menu.menu-regular-dark.menu-lines.menu-center {
        display: none;
    }

    form[action="/"] #section1 {
        padding-bottom: 1em;
    }
    form[action="/"] #section1 #dnn_ContentPane {
        display: block !important;
    }
    .post-3-columns .post-item {
        width: 100%;
    }

    form[action="/career/generation"] .wsc_slides_grid_column {
        margin-top: 10px;
    }

}

@media (max-width: 576px) {

    .inspiro-slider .slide-captions h1 {
        font-size: 36px !important;
        font-weight: 600 !important;
        line-height: 44px !important;
    }

    form[action="/home-new"] #slider .page-header-wrapper{
        /*background-position: left -700px top 0 !important;*/
    }

    form[action="/home-new"] .module-40430 .wsc_slides_grid_row.row{
        width: 530px;
    }
    a[data-id="9116"],
    a[data-id="9117"],
    a[data-id="9118"] {
        display: none !important;
    }

    #chatbot-chat {
        bottom: 20px !important;
    }
    /* on hover- text visible */
    .text-box.hover-effect p {
        opacity: 1;
    }

    .inspiro-slider .slide-captions h1 {
        line-height: 42px;
        font-size: 30px;
    }

    .breadcrumb > li {
        display: none !important;
    }

    .breadcrumb > li:nth-last-child(2) {
        display: block !important;
    }

    .breadcrumb>li+li:before {
        content: "\2190" !important;
        padding: 0 5px;
        color: #616161;
        font-size: 22px;
        line-height: 10px;
    }
    .topbar-wrap .container {
        width: 100% !important;
    }

    .header-extras {
        margin-right: -20px;
    }

    #topbar .header-extras>ul>li {
        float:right;
    }
    .topbar-wrap .container .row > div, #topbar .top-menu {
        margin-right: 0 !important;
    }

    #header #header-wrap #logo {
        top: 0 !important;
    }

    #topMenu {
        position: absolute;
        left: 10px;
    }
    #topMenu nav>ul>li>a {
        font-size: 10px;
        padding: 11px 8px 11px 0;
    }

    .map_mobile{
        left: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .phone_mobile {
        right: 0;
    }
    .phone_mobile, .map_mobile {
        position: fixed;
        bottom: 0;
        background-color: #FFFFFF;
        box-shadow: 0px 0px 20px 9px rgba(255,255,255,0.7);
        width: 50%;
        height: 30px !important;
        line-height: 30px !important;
        justify-content: center;
        display: none !important;
    }

    .lang_mobile {
        margin: -54px -30px 0 0;
    }
    .map_mobile img, .phone_mobile img {
        filter: invert(74%) sepia(21%) saturate(1147%) hue-rotate(52deg) brightness(86%) contrast(91%);
    }

    .phone_mobile .hide-for-mobile, .map_mobile .hide-for-mobile {
        display: block !important;
    }
    #topbar .header-extras {
        right: 56px;
    }

    #topbar .top-menu {
        right: 70px;
    }
    #topbar .top-menu > li:first-child > a {
        margin-right: 10px !important;
        font-size: 12px;
        font-weight: bold;
    }
    #section6 td > label {
        width: 115px;
    }
    #section2 .wsc_slides_grid_column {
        flex: 0 100%;
        margin-bottom: 25px;
    }
    #section2 .wsc_slides_grid_column .card-body ul{
        height: initial;
    }
    #section4 .wsc_content_manager_module_slide  .card-title,
    #section4 .wsc_content_manager_module_slide  .card-text{
        min-height: initial;
    }

    #section4 .wsc_slides_grid_column {
        margin-bottom: 20px;
    }

    .icon-box.large .icon {
        height: 50px;
        width: 50px;
    }

    .icon-box.large .description, .icon-box.large h3{
        margin-left: 70px;
    }
}

@media (min-width: 460px) {
    .exchange_wrapper > div:first-child {
        overflow-x: hidden !important;
    }
}
@media (max-width: 479px) {
    #header-wrap .container input {
        font-size: 12px !important;
    }
    #header #header-wrap #logo {
        padding: 0 !important;
        top:20px;
    }
    #header #header-wrap #logo a>img {
        height: 30px;
    }

    #topbar .header-extras i, #topbar .top-menu>li>a:first-child {
        margin-right: 0 !important;
    }

    #top-search-trigger .fa-search {
        width: 18px !important;
    }
    #topMenu nav>ul>li>a {
        font-size: 9px;
    }
    .top-menu img {
        width: 16px;
    }

    #topbar .header-extras>ul>li>a:not(.btn) i{
        font-size: 16px;
    }

    .language-wrapper .btn {
        font-size: 11px;
        width: 30px;
    }
}


@media (max-width: 447px) {
    .wsc_cm_module_container.clearfix.module-9850 .wsc_slides_grid > div {
        margin: 0 0 20px 0 !important;
    }
    #header #header-wrap #logo img{
        width: 130px !important;
    }
}

@media (max-width: 376px) {
    #topMenu nav > ul > li > a {
        font-size: 8px;
        letter-spacing: 0.5px;
        padding: 11px 5px 11px 0;
    }

    #topbar .header-extras i, #topbar .top-menu > li > a{
        margin-right: 0 !important;
    }

    #top-search-trigger .fa-search {
        margin-right: 0 !important;
    }

    .top-menu img {
        width: 15px;
    }

    #topbar .header-extras > ul > li > a:not(.btn) i {
        font-size: 15px;
    }

    .language-wrapper .btn {
        font-size: 10px;
        width: 28px;
    }
}
/*IR experiments*/

.ir-subscribe, #ir-subscribe, .ir-nav {
    display: none;
}
form[action*="/ir/"] #topMenu nav>ul>li>a {
   font-size: 14px;
}
form[action*="/ir/"] .ir-subscribe {
    display: block;
    border: 0;
    height: 40px;
    line-height: 40px;
    color: white;
    text-align: center;
    text-transform: capitalize;
    font-family: primary, secondary;
    font-size: 14px;
    padding: 0 20px;
    display: inline-block;
    white-space: nowrap;
    background-color: #72bf44;
    border-radius: 4px;
}
form[action*="/ir/"] .ir-subscribe:hover {
    background-color: black;
    transition: 0.3s;
}

#ir-subscribe{
    display: block;
    position: absolute;
    right: 20px;
    margin-top: 20px;
}

form[action*="/ir/"] #online_logo, form[action*="/ir/"] .top-menu, form[action*="/ir/"] #topMenu nav:first-child {
    display: none;
}

form[action*="/ir/"] .ir-nav {
    display: block;
}
.calendar-item-header {
    background-color: #72bf44;
    color: #FFFFFF;
    font-weight: bold;
    padding: 24px 0;
    font-size: 20px;
}

.calendar-item-header .calendar-date, .calendar-item-header .calendar-event {
    font-size: 20px;
}
.calendar-item {
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}

.calendar-date {
    margin-right: 20px;
    min-width: 300px;
    font-weight: bold;
    font-size: 18px;
    padding-left: 20px;
}
.calendar-event {
    margin-right: 20px;
    width: calc(100% - 520px);
    font-size: 16px;
}

#icon-calendar {
    background: url(/Portals/0/Images/icon-icalendar.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 16px;
}

#icon-calendar ~ div, #eventableCallbackOverlayIframe{
    display: none;
}
.icon-google-calendar {
    background: url(/Portals/0/Images/icon-google-calendar.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 16px;
}
.icon-outlook{
    background: url(/Portals/0/Images/icon-outlook.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#icon-calendar:hover {
    filter: invert(68%) sepia(7%) saturate(3997%) hue-rotate(54deg) brightness(102%) contrast(73%) !important;
    transition: 0.3s;
}

form[action^="/ir/Main"] #dnn_BannerPane2 p,
#dnn_BannerPane2 .wsc_post_content p {
    color: #000;
}

.post-thumbnail-list {
    display: flex;
}

.post-thumbnail-entry {
    min-height: 200px;
    margin-right: 20px;
}
form[action="/ir/Main/Home"] #section8 .wsc_cm_module_container.module-29187 {
    max-height: 480px !important;
}
form[action="/ir/Main/Home"] #section8 .fadeInUp,
form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"]
.wsc_cm_module_container .slide .fadeInUp{
    animation: none;
}
.wsc_cm_module_container.module-29187 .slide .container,
form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"] #section4
.wsc_cm_module_container .slide .container {
    padding: 30px;
    background: #FFFFFF;
}

form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"]
.owl-dot span {
    background-color: #72bf44 !important;
    opacity: 0.5 !important;
}

form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"]
.owl-dot.active span {
    opacity: 1 !important;
}
form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"]
.owl-dot.active span:after {
    background-color: #72bf44 !important;
}

form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"]
.owl-nav {
    margin-top: -80px;
}
form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"]
.owl-nav>button i{
   color: #72bf44 !important;
}
form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"]
.owl-nav>button:hover {
   opacity: 0.5 !important;
}
form[action="/ir/Main/Financial-Reports-IR-Presentations/Financial-Highlights"]
.owl-nav>button:hover i{
   font-size: 34px;
    color: #FFFFFF !important;
}
.mng-item-29110 .slide .fadeInUp {
    animation: none;
}


/*===== Custom styles version 2.0 =====*/
/* Typography */
.font-bold {
    font-weight: 600 !important;
}
.font-regular {
    font-weight: 400 !important;
}
ol {
    list-style-type: decimal;
}
ul li {
    font-size: 16px;
    color: #404040;
}
p {
    font-size: 16px;
    line-height: 24px;
    color: #404040;
}
p.paragraph-large {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
}
p.paragraph-small {
    font-size: 14px;
    line-height: 20px;
    color: #404040;
}
p.paragraph-xsmall {
    font-size: 12px;
    line-height: 20px;
    color: #404040;
}
h1 {
    font-size: 52px;
    font-weight: 600 !important;
    line-height: 56px;
    color: #171717;
}
h2 {
    font-size: 36px;
    font-weight: 600 !important;
    line-height: 44px;
    color: #171717;
}
h3 {
    /* font-size: 32px; */
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 40px;
    color: #171717;
}
h4 {
    font-size: 28px;
    font-weight: 600 !important;
    line-height: 36px;
    color: #171717;
}
h5 {
    font-size: 24px;
    font-weight: 600 !important;
    line-height: 32px;
    color: #171717;
}
h6 {
    font-size: 20px;
    font-weight: 600 !important;
    line-height: 28px;
    color: #171717;
}
@media screen and (max-width: 576px) { 
    h1 {
        font-size: 36px;
        line-height: 44px;
    }
    h2 {
        font-size: 32px;
        line-height: 40px;
    }
    h3 {
        font-size: 28px;
        line-height: 36px;
    }
    h4 {
        font-size: 24px;
        line-height: 32px;
    }
    h5 {
        font-size: 20px;
        line-height: 28px;
    }
    h6 {
        font-size: 18px;
        line-height: 24px;
    }
}

/* buttons */
.button {
    display: inline-block;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    line-height: 24px;
    border: none;
    border-radius: 4px;
    transition: background-color 0.2s linear;
}
.button_primary {
    color: #fff !important;
    background-color: #72BF44 !important;
    border: 1px solid #72BF44 !important;
}
.button_primary:hover {
    color: #fff !important;
    background-color: #5F9F39 !important;
    border-color: #5F9F39 !important;
}
.button_primary:active,
.button_primary:focus {
    color: #fff !important;
    background-color: #5F9F39 !important;
    border-color: #5F9F39 !important;
}
.button_primary[disabled="disabled"] {
    pointer-events: none;
    cursor: default;
    background-color: #D0EAC1 !important;
    border-color: #D0EAC1 !important;
}
.button_primary-black {
    color: #fff !important;
    background-color: #262626 !important;
    border: 1px solid #262626 !important;
}
.button_primary-black:hover {
    color: #fff !important;
    background-color: #404040 !important;
    border: 1px solid #404040 !important;
}
.button_primary-black:active,
.button_primary-black:focus {
    color: #fff !important;
    background-color: #171717 !important;
    border-color: #171717 !important;
}
.button_primary-black[disabled="disabled"] {
    pointer-events: none;
    cursor: default;
    color: #A3A3A3 !important;
    background-color: #F5F5F5 !important;
    border-color: #F5F5F5 !important;
}
.button_secondary {
    color: #171717 !important;
    background-color: #fff !important;
    border: 1px solid #a3a3a3 !important;
}
.button_secondary:hover {
    background-color: #f5f5f5 !important;
}
.button_secondary:active,
.button_secondary:focus {
    background-color: #f5f5f5 !important;
}
.button_secondary[disabled="disabled"] {
    pointer-events: none;
    cursor: default;
    color: #a3a3a3 !important;
    background-color: #fff !important;
}
.button_link {
    padding: 0;
    color: #72BF44 !important;
}
.button_link svg {
    margin-left: 6px;
    fill: #72BF44;
}
.button_link:hover {
    color: #5F9F39 !important;
}
.button_link:hover svg {
    fill: #5F9F39;
}
.button_link:active,
.button_link:focus {
    color: #89CA63 !important;
}
.button_link:active svg,
.button_link:focus svg {
    fill: #89CA63;
}
.button_link[disabled="disabled"] {
    pointer-events: none;
    cursor: default;
    color: #A1D482 !important;
}
.button_link[disabled="disabled"] svg {
    fill: #A1D482;
}

/* tabs */
.tabs.linetriangle.triangle-simple>.tabs-content {
    background-color: transparent;
    border: none;
}
.linetriangle .tabs-navigation li {
    border-bottom: 1px solid #ddd;
}
.linetriangle .tabs-navigation li a {
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    color: #404040;
}
.tabs.linetriangle>.tabs-navigation>li.active a {
    color: #72bf44;
}
.linetriangle .tabs-navigation {
    width: fit-content;
    margin: 0 auto;
}
.linetriangle .tabs-content {
    padding: 15px;
}
@media screen and (max-width: 991px) {
    .linetriangle .tabs-navigation {
        position: relative;
        display: flex;
        justify-content: flex-start;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        gap: 0;
        width: auto;
        margin: 0 -20px;
        padding-bottom: 2px;
    }
    .linetriangle .tabs-navigation::-webkit-scrollbar { 
        display: none;
    }
    .linetriangle .tabs-navigation::after  {
        content:'';
        position: absolute;
        background-color: #e5e8e8;
        width: 100%;
        height: 3px;
        bottom: 1px;
        left:0;
    }
    .linetriangle .tabs-content {
        padding: 26px 0;
        border: none;
    }
    .tabs.linetriangle>.tabs-navigation li a {
        color: #121212;
        font-weight: 600;
        border-width: 0 0 2px !important;
    }
    .tabs.linetriangle>.tabs-navigation>li.active a {
        color: #72bf44;
        border-bottom: 2px solid #72bf44 !important;
    }
}

/* banner */
.banner-main--devices .devices__item-buttons {
    display: none;
}
.banner-main {
    animation: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.banner-main__body {
    display: flex;
    align-items: center;
}
.banner-main__content,
.banner-main__media {
    width: 50%;
    padding: 0 15px;
}
.banner-main__adt {
    margin-bottom: 12px !important;
    font-size: 14px;
    font-weight: 600 !important;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #737373 !important;
}
.banner-main__title {
    margin-bottom: 24px !important;
    color: #171717 !important; 
}
.banner-main__description {
    margin-bottom: 40px !important;
}
.banner-main__content-footer {
    display: flex;
}
.banner-main__content-footer .button {
    margin-right: 8px;
}
.banner-main--avan {
    background-color: transparent;
}
.banner-main--avan .banner-main__media {
    padding: 0;
    text-align: right;
}
.banner-main--avan .banner-main__info {
    float: right;
    max-width: 670px;
}
.banner-main--avan .banner-main__img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    margin-left: 80px;
    background: #72BF44;
}
.banner-main--split-right {
    background-color: transparent;
}
.banner-main--split-right .banner-main__media {
    text-align: right;
}
.banner-main--split-right .modal-video__play img {
    border-radius: 0;
}
.banner-main--split-left {
    background-color: transparent;
}
.banner-main--split-left .banner-main__content {
    order: 2;
}
.banner-main--split-left .banner-main__media {
    order: 1;
}
@media screen and (max-width: 1200px) {
    .banner-main--avan .banner-main__img {
        height: 430px;
        margin-left: 0;
    }
}
@media screen and (max-width: 992px) {
    .banner-main__adt {
        margin-bottom: 8px !important;
    }
    .banner-main--avan .banner-main__title {
        font-size: 32px !important;
        line-height: 44px !important;
    }
    .banner-main--avan .banner-main__img {
        height: 400px;
    }
    .banner-main--avan .banner-main__img img {
        padding: 0 20px;
    }
    .banner-main__description {
        margin-bottom: 20px !important;
    }
}
@media screen and (max-width: 768px) {
    .banner-main--avan .banner-main__title {
        margin-bottom: 24px;
        font-size: 26px !important;
        line-height: 36px !important;
    }
    .banner-main--avan .banner-main__img {
        height: 300px;
    }
    .banner-main--avan .banner-main__img img {
        padding: 0 36px;
    }
    .banner-main--noslider {
        background-color: transparent;
    }
    .banner-main--noslider .banner-main__media {
        margin-bottom: 20px;
        padding: 0;
        background-color: #F6F7FA;
    }
    .banner-main--noslider .container {
        padding: 0 15px;
    }
    .banner-main--noslider .banner-main__content {
        padding: 0 20px;
    }
    .banner-main--devices .banner-main__content-footer .button {
        display: none;
    }
    .banner-main--devices .devices__item-buttons {
        display: flex;
    }
    .banner-main--devices .devices__item-buttons a {
        margin-bottom: 20px;
    }
    .banner-main__body {
        flex-direction: column;
    }
    .banner-main__content,
    .banner-main__media {
        width: 100%;
    }
    .banner-main__content {
        order: 2;
    }
    .banner-main__media {
        order: 1;
        margin-bottom: 42px;
        text-align: center;
    }
    .banner-main__title {
        margin-bottom: 20px !important;
        /* font-size: 32px !important;
        line-height: 44px !important; */
    }
    .banner-main__description {
        margin-bottom: 32px !important;
    }
    .banner-main__content-footer .button {
        margin-bottom: 20px;
    }
    .banner-main--split-right .banner-main__content {
        order: 1;
        padding: 0;
    }
    .banner-main--split-right .banner-main__media {
        order: 2;
        margin-top: 28px;
        padding: 0;
        text-align: center;
    }
    .banner-main--split-left .banner-main__content {
        order: 1;
        padding: 0;
    }
    .banner-main--split-left .banner-main__media {
        order: 2;
        margin-top: 28px;
        padding: 0;
        text-align: center;
    }
}
@media screen and (max-width: 576px) {
    .banner-main__adt {
        margin-bottom: 4px !important;
    }
    .banner-main__title {
        margin-bottom: 16px !important;
    }
    .banner-main__content-footer {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .banner-main__content-footer .button {
        margin-bottom: 12px;
        margin-right: 0;
    }
    .banner-main--split-right .banner-main__media {
        margin-top: 0;
    }
    .banner-main--split-left .banner-main__media {
        margin-top: 0;
    }
}

/* slider */
.inspiro-slider {
    height: auto !important;
    background-color: #F6F7FA;
}
.inspiro-slider > div {
    height: auto !important;
}
.inspiro-slider .slide,
.inspiro-slider .owl-stage {
    /* height: auto !important; */
    /* height: 370px !important; */
}
.inspiro-slider .slide-captions img {
    width: initial !important;
}
.inspiro-slider .container-wide {
    padding: 0;
}
.inspiro-slider .slide-captions>p,
.inspiro-slider .slide-captions>h1 {
    margin: 0;
}
.owl-carousel.dots-creative .owl-dots {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.owl-carousel.arrows-large .owl-nav [class*=owl-] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(5px);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    line-height: 44px;
}
.owl-carousel.arrows-large .owl-nav [class*=owl-] i {
    line-height: 44px;
    color: #797979;
}
.owl-carousel .owl-nav .owl-next {
    right: 30px;
}
.owl-carousel .owl-nav .owl-prev {
    left: 30px;
}
.owl-carousel.dots-creative .owl-dots .owl-dot span {
    background-color: #797979;
}
.owl-carousel.dots-creative .owl-dots .owl-dot span:after {
    background-color: #72BF44;
}
@media screen and (max-width: 1520px) {
    .owl-carousel.arrows-large .owl-nav {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .owl-carousel.dots-creative .owl-dots {
        bottom: 5px;
    }
    .inspiro-slider .slide-captions img {
        height: auto !important;
    }
}

/* card gradient */
.card-gradient__row {
    display: flex;
}
.card-gradient__col {
    width: 50%;
    padding: 0 15px;
}
.card-gradient__body {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 290px;
    padding: 5px 40px;
    border-radius: 10px;  
}
.card-gradient__content {
    width: 60%;
}
.card-gradient__title,
.card-gradient__text {
    color: #fff;
}
.card-gradient--primary .card-gradient__title,
.card-gradient--primary .card-gradient__text {
    margin-bottom: 36px;
}
.card-gradient--primary .card-gradient__body {
    padding: 12px 40px;
    border-radius: 12px;
}
@media screen and (max-width: 992px) {
    .card-gradient__body {
        flex-direction: column;
        padding: 16px;
    }
    .card-gradient__content {
        order: 2;
        width: 100%;
    }
    .card-gradient__media {
        order: 1;
    }
    .card-gradient__media {
        text-align: center;
    }
    .card-gradient__media img {
        max-height: 168px;
    }
    .card-gradient--primary .card-gradient__body {
        flex-direction: initial;
        padding: 12px 32px;
        border-radius: 12px;
    }
    .card-gradient--primary .card-gradient__row {
        flex-direction: column;
    }
    .card-gradient--primary .card-gradient__row .card-gradient__col:first-of-type {
        margin-bottom: 32px;
    }
    .card-gradient--primary .card-gradient__col {
        width: 100%;
    }
    .card-gradient--primary .card-gradient__media img {
        max-height: inherit;
    }
    .card-gradient--primary .card-gradient__content {
        order: 1;
    }
}
@media screen and (max-width: 576px) {
    .card-gradient__container {
        padding: 0;
        padding-right: 15px;
    }
    .card-gradient__row {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding-left: 15px;
        padding-right: 15px;
    }
    .card-gradient__row {
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    .card-gradient__row::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }
    .card-gradient__col {
        width: auto;
        min-width: 80%;
        padding: 0 0 0 15px;
    }
    .card-gradient__text {
        white-space: break-spaces;
    }
    .card-gradient--primary .card-gradient__body { 
        flex-direction: column;
        padding: 32px;
    }
    .card-gradient--primary .card-gradient__content {
        order: 2;
    }
    .card-gradient--primary .card-gradient__media {
        margin-bottom: 24px;
    }
}

/* cta main */
.cta-main__container .cta-main__row:last-child .cta-main__body {
    margin-bottom: 0 !important;
}
.cta-main__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px;
    gap: 40px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #E5E5E5;
}
.cta-main__content {
    min-width: 50%;
}
.cta-main__media {
    min-width: 35%;
}
.cta-main__title {
    margin: 0 0 16px 0;
}
.cta-main__description {
    margin-bottom: 16px;
}
.cta-main__body .button {
    margin-right: 8px;
}
.cta-main--bordered {
    border: 1px solid #72BF44;
}
.cta-main__tag {
    width: fit-content;
    margin-right: 16px;
    margin-bottom: 16px;
    padding: 6px 16px;
    border-radius: 4px;
    background-color: #F59E0B;
    color: #fff !important;
}
.cta-main--primary .cta-main__body {
    align-items: normal;
    gap: 24px;
    margin-bottom: 32px;
    padding: 0;
    overflow: hidden;
}
.cta-main--primary .cta-main__content .button:hover svg path {
    stroke: #fff;
}
.cta-main--primary .cta-main__info-col h3 {
    font-weight: 600 !important;
}
.cta-main--primary .cta-main__content {
    padding: 32px;
}
.cta-main--primary .cta-main__media {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FAFAFA;
}
.cta-main--primary .cta-main__info {
    display: flex;
    gap: 46px;
    margin: 32px 0 32px;
}
.cta-main--primary .cta-main__title {
    margin: 0 0 16px !important;
}
.cta-main--primary .cta-main__info .cta-main__info-col {
    flex: 1 1;
}
.cta-main--secondary .cta-main__body {
    gap: 24px;
    padding: 38px 63px;
}
.cta-main--secondary .cta-main__content {
    min-width: auto;
    width: 65%;
}
.cta-main--secondary .cta-main__title {
    margin-bottom: 36px;
}
.cta-main--secondary .cta-main__content > p {
    margin-bottom: 42px;
}
.cta-main--secondary .cta-main__media {
    width: 35%;
    text-align: right;
}
.cta-main--secondary .cta-main__info {
    display: flex;
    gap: 46px;
    margin-bottom: 58px;
}
.cta-main--secondary .cta-main__info-col {
    width: 33.3%;
}
.cta-main--secondary .cta-main__content .button svg {
    margin-right: 9px;
}
.cta-main--secondary .cta-main__content .button:hover svg path {
    stroke: #fff;
}
.cta-main--shadow .cta-main__body {
    padding: 0 64px;
    gap: 32px;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
}
.cta-main--shadow .cta-main__content {
    padding: 12px 0;
}
.cta-main--shadow .cta-main__media {
    margin-top: auto;
}
.cta-main--reversed .cta-main__content {
    order: 2;
}
.cta-main--reversed .cta-main__media {
    order: 1;
}
.cta-main__container .cta-main--4terms {
    margin-bottom: 32px;
}
.cta-main__container .cta-main--4terms:last-of-type {
    margin-bottom: 0;
}
.cta-main--4terms .cta-main__body {
    gap: 32px;
}
.cta-main--4terms .cta-main__media {
    display: block;
    min-width: 440px;
    text-align: right;
    background-color: transparent;
}
.cta-main--4terms .cta-main__media img {
    object-fit: cover;
    height: 100%;
    width: 440px;
}
.cta-main--4terms .cta-main__content > p {
    margin-bottom: 0;
}
.cta-main--4terms .cta-main__info {
    flex-wrap: wrap;
    gap: 4%;
    margin: 32px 0 0;
}
.cta-main--4terms .cta-main__info .cta-main__info-col {
    flex: none;
    width: 48%;
    margin-bottom: 32px;
}
.cta-main--4terms .cta-main__info .cta-main__info-col h4 {
    margin-bottom: 16px;
}
.cta-main--4terms .cta-main__info .cta-main__info-col p {
    margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
    .cta-main--primary .cta-main__info {
        flex-wrap: wrap;
        gap: 0;
    }
    .cta-main--primary .cta-main__info .cta-main__info-col {
        flex: initial;
        width: 50%;
        margin-bottom: 32px;
    }
    .cta-main--primary .cta-main__info  .cta-main__info-col:last-child {
        margin-bottom: 0;
    }
    .cta-main--primary .cta-main__info  .cta-main__info-col:last-child p {
        margin: 0;
    }
    .cta-main--4terms .cta-main__info {
        gap: 10%;
    }
    .cta-main--4terms .cta-main__info .cta-main__info-col {
        width: 45%;
    }
}
@media screen and (max-width: 992px) {
    .cta-main__body {
        padding: 24px;
    }
    .cta-main__media {
        display: none;
    }
    .cta-main--primary .cta-main__content {
        padding: 0;
    }
    .cta-main--primary .cta-main__media {
        padding: 130px 53px;
        display: block;
        text-align: center;
    }
    .cta-main--primary .cta-main__body {
        flex-direction: column;
        margin-bottom: 64px;
        border: none;
        border-radius: 0;
    }
    .cta-main--shadow .cta-main__body {
        flex-direction: column;
        gap: 0;
        padding: 0 16px;
    }
    .cta-main--shadow .cta-main__media {
        display: block;
    }
    .cta-main--shadow .cta-main__content {
        padding: 32px 0 48px;
    }
    .cta-main--reversed .cta-main__content {
        padding: 48px 0 32px;
    }
    .cta-main--reversed .cta-main__media {
        padding-top: 32px;
    }
    .cta-main--shadow .cta-main__description {
        margin-bottom: 32px;
    }
    .cta-main--4terms .cta-main__body {
        gap: 48px;
    }
    .cta-main--4terms .cta-main__media {
        padding: 0;
    }
    .cta-main--4terms .cta-main__media img {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .cta-main--primary  .cta-main__body {
        flex-direction: column;
    }
    .cta-main--primary .cta-main__content {
        order: 1;
    }
    .cta-main--primary .cta-main__media {
        order: 2;
    }
    .cta-main--primary .cta-main__info-col h3 {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 576px) {
    .cta-main--primary .cta-main__title {
        margin-bottom: 16px;
    }
    .cta-main--primary .cta-main__content > p {
        margin-bottom: 24px;
    }
    .cta-main--primary .cta-main__info-col h3 {
       font-size: 18px;
    }
    .cta-main--shadow {
        padding: 0;
    }
    .cta-main--shadow .cta-main__content {
        padding: 32px 0;
    }
    .cta-main--shadow .cta-main__title {
        margin-bottom: 24px !important;
    }
    .cta-main--shadow .cta-main__body .button {
        margin-right: 0;
        margin-bottom: 12px;
    }
    .cta-main--mb-imghide .cta-main__media {
        display: none;
    }
    .cta-main--primary .cta-main__info .cta-main__info-col {
        width: 100%;
        margin-bottom: 8px;
    }
    .cta-main__body .button {
        width: 100%;
    }
    .cta-main__footer {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .cta-main--4terms .cta-main__body {
        gap: 24px;
    }
    .cta-main--4terms .cta-main__info {
        margin: 32px 0 32px;
    }
    .cta-main--4terms .cta-main__media {
        min-width: auto;
    }
}
@media screen and (max-width: 480px) {
    .cta-main--primary .cta-main__media {
        padding: 16px 24px;
    }
    .cta-main--4terms .cta-main__media {
        padding: 0;
    }
}

/* card service */
.card-service__atd {
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #737373 !important;
}
.card-service__title {
    margin-top: 0;
    margin-bottom: 48px !important;
}
.card-service__row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px 32px;
}
.card-service {
    background-color: #fff; 
    border-radius: 10px;
}
.card-service__body {
    padding: 20px;
}
.card-service__body img {
    width: 48px;
    margin-bottom: 20px;
}
.card-service__name {
    white-space: break-spaces;
    word-break: break-word;
}
@media screen and (max-width: 992px) {
    .card-service__row {
        display: flex;
        justify-content: space-between;
        gap: 32px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        margin-left: -15px;
        margin-right: -15px;
        gap: 5px;
    }
    .card-service__row .card-service:first-of-type {
        margin-left: 15px;
    }
    .card-service {
        min-width: 240px;
        margin-right: 15px;
    }
    .card-service__row {
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    .card-service__row::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }
}
@media screen and (max-width: 576px) {
    .card-service__title {
        margin-bottom: 24px !important;
    }
}
@media screen and (max-width: 480px) {
    .card-service__row {
        margin-right: -20px;
    }
}

/* offer primary */
.offer-primary__info {
    margin-top: 60px;
    margin-left: 25px;
}
.offer-primary__title {
    margin-bottom: 16px !important;
}
.offer-primary__description {
    margin-bottom: 96px;
    font-size: 18px;
}
@media screen and (max-width: 1200px) {
    .offer-primary__info {
        margin-top: 0;
        margin-left: 0;
    }
    .offer-primary__media {
        text-align: center;
    }
    .offer-primary__title {
       margin-top: 40px;
    }
    .offer-primary__description {
        margin-bottom: 24px;
        font-size: 16px;
    }
}
@media screen and (max-width: 576px) {
    .wsc-section4 {
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 420px) {
    .offer-primary__info .button {
        width: 100%;
        margin-bottom: 8px;
    }
}

/* offer secondary */
.offer-secondary__row {
    display: flex;
    align-items: center;
}
.offer-secondary__col {
    min-width: 65%;
}
.offer-secondary__info {
    padding-right: 90px;
}
.offer-secondary__title {
    margin-top: 0;
    margin-bottom: 16px !important;
}
.offer-secondary__description {
    margin-bottom: 50px;
    font-size: 18px;
}
@media screen and (max-width: 1200px) {
    .offer-secondary__col {
        min-width: 50%;
    }
}
@media screen and (max-width: 992px) {
    .offer-secondary__info {
        padding-right: 30px;
    }
}
@media screen and (max-width: 768px) {
    .offer-secondary__row {
        flex-direction: column;
    }
    .offer-secondary__info {
        order: 2;
        margin-top: 20px;
        padding-right: 0;
    }
    .offer-secondary__description {
        margin-bottom: 24px;
        font-size: 16px;
    }
}
@media screen and (max-width: 420px) {
    .offer-secondary__info .button {
        width: 100%;
        margin-bottom: 8px;
    }
}

/* devices */
.devices {
    display: flex;
    gap: 32px;
    margin-bottom: 64px;
}
.devices__item {
    width: 50%;
}
.devices__item-media {
    margin-bottom: 32px;
    background-color: #FAFAFA;
}
.devices__item-media img {
    width: 100%;
}
.devices__item-hashtags {
    margin-bottom: 8px;
    color: #737373 !important;
    font-weight: 600;
    letter-spacing: 1px;
}
.devices__item-title {
    margin: 0 0 16px !important;
}
.devices__item-text {
    margin-bottom: 24px;
}
.devices__item-buttons {
    display: flex;
}
.devices__item-buttons a img {
    height: 46px;
    margin-right: 12px;
}
.devices__item-buttons .button {
    display: flex;
    align-items: center;
    width: fit-content;
}
.devices__item-buttons svg {
    margin-right: 10px;
}
.devices__item-link {
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}
.devices__item-link a {
    font-size: 16px;
}
.devices__item-link .button {
    width: 100%;
    justify-content: center;
}
.devices--primary .devices__item-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.devices--primary .devices__item-buttons {
    margin-top: auto;
}
@media screen and (max-width: 768px) {
    .devices {
        flex-direction: column;
        gap: 60px;
        margin-bottom: 32px;
    }
    .devices__item {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .devices {
        gap: 36px;
    }
    .devices__item-buttons .button {
        justify-content: center;
        width: 100%;
    }
}

/* advantages */
.advantages {
    margin-bottom: 90px;
}
.advantages__title {
    box-shadow: 4px 4px 80px #e9ebf1;
    border-radius: 28px;
    height: 308px;
}
.advantages__title h2 {
    margin: 0;
    padding: 30px 40px;
    color: #fff;
}
.advantages__row {
    display: flex;
    margin-top: -155px;
    gap: 32px;
    padding: 0 40px;
}
.advantages__col {
    width: 33.3%;
    padding: 20px 30px;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
    box-shadow: 4px 4px 12px rgb(0 0 0 / 8%), -4px -4px 12px rgb(0 0 0 / 8%);
}
.advantages__col h3 {
    margin: 0 0 20px;
    font-size: 28px;
}
.advantage-features .advantages__col {
    display: flex;
    flex-direction: column;
    padding: 0;
}
.advantage-features .advantages__title {
    height: 584px;
}
.advantage-features  .advantages__row {
    margin-top: -430px;
}
.advantage-features h3 {
    margin: 0 0 15px;
    padding: 20px 30px 0;
}
.advantage-features p {
    margin: 0;
    padding: 0 30px 20px;
}
.advantage-features ul {
    padding: 0 30px 20px;
}
.advantage-features ul li {
    white-space: initial;
}
.advantage-features__media img {
    width: 100%;
}
.advantage-features__media--bottom {
    margin-top: auto;
}
.advantage-features--primary {
    margin-bottom: 0;
}
.advantage-features--primary .advantages-ca__body {
    margin-top: -330px;
}
.advantage-features--primary .advantages__row {
    margin-top: 0;
    gap: 48px;
}
.advantage-features--primary .advantages-ca__body h2 {
    margin: 0;
    padding: 32px 40px 48px;
    color: #fff;
}
.advantage-features--primary .advantages__title {
    height: 328px;
}
.advantage-features--primary .advantages__col {
    border-radius: 28px;
}
.advantage-features--primary h6 {
    margin: 0 0 20px;
    padding: 20px 30px 0;
}
@media screen and (max-width: 1200px) {
    .advantage-features--primary .advantages__row {
        gap: 24px;
    }
}
@media screen and (max-width: 992px) {
    .advantages {
        margin-bottom: 38px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .advantages__title {
        height: 640px;
    }
    .advantages__row {
        flex-direction: column;
        gap: 25px;
        margin-top: -485px;
    }
    .advantages__col {
        width: 100%;
    }
    .advantage-features  .advantages__row {
        display: flex;
        flex-direction: inherit;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .advantage-features  .advantages__row::-webkit-scrollbar { 
        display: none;
    }
    .advantage-features  .advantages__col {
        min-width: 300px;
        margin-bottom: 15px;
    }
    .advantage-features h3,
    .advantage-features p {
        white-space: break-spaces;
        word-break: break-word;
    }
    .advantage-features--primary {
        margin-bottom: 0;
    }
    .advantage-features--primary h6 {
        white-space: break-spaces;
        word-break: break-word;
    }
    .advantage-features--primary .advantages__col {
        min-width: 332px;
    }
}
@media screen and (max-width: 768px) {
    .advantages {
        margin-bottom: 165px;
    }
    .advantages__title {
        height: 720px;
    }
    .advantages__title h2 {
        padding: 30px 15px;
    }
    .advantages__row {
        gap: 20px;
        padding: 0 15px;
        margin-top: -590px;
    }
    .advantages__col {
        padding: 15px 20px;
    }
    .advantages__col h3 {
        margin: 0 0 15px;
        font-size: 18px;
    }
    .advantage-features {
        margin-bottom: 30px;
    }
    .advantage-features .advantages__title {
        height: 530px;
    }
    .advantage-features .advantages__row {
        margin-top: -405px;
    }
    .advantage-features--primary {
        margin-bottom: 0;
    }
    .advantage-features--primary .advantages__row {
        margin-top: 0;
    }
    .advantage-features--primary .advantages__title {
        height: 328px;
    }
    .advantage-features--primary .advantages-ca__body h2 {
        padding: 32px 20px 48px;
    }
}
@media screen and (max-width: 576px) {
    .advantage-features--primary .advantages-ca__body h2 {
        padding: 32px 20px 24px;
    }
    .advantage-features--primary .advantages__row {
        gap: 12px;
    }
}
@media screen and (max-width: 480px) {
    .advantages {
        margin-bottom: 60px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .advantage-features--primary {
        margin-bottom: 0;
    }
}

/* custom-slider */
.slideshow-buttons {
    display: flex;
    gap: 12px;
}
.slideshow-prev,
.slideshow-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: #F6F6F6;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
}
.slideshow-fade {
    animation-name: slideshow-fade;
    animation-duration: 1.5s;
}
@keyframes slideshow-fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* features */
.features__heading {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;
    color: #72BF44;
}
.features__title {
    display: flex;
    align-items: center;
    margin-bottom: 34px;
}
.features__title svg {
    margin-right: 20px;
}
.features__title h2 {
    margin: 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
}
.features__faq-list li {
    background: none !important;
    margin: 0 0 36px !important;
    padding: 0 !important;
}
.features__faq-list li ul {
    padding: 10px 92px;
}
.features__faq-list li ul li {
    margin-bottom: 12px !important;
    list-style: disc;
    white-space: break-spaces;
    word-break: break-word;
}
.features__faq-title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.features__faq-title svg {
    margin-right: 20px;
}
.features__faq-title h3 {
    margin: 0;
    font-weight: 800;
    font-size: 20px;
    line-height: 28px;
}
.features__faq-text {
    margin: 0;
    padding: 0 55px;
}
@media screen and (max-width: 1200px) {
    .features__faq-text {
        padding: 0 0 0 55px;
    }
}
@media screen and (max-width: 992px) {
    .features__faq-img {
        display: none;
    }
    .slideshow-buttons {
        display: none;
    }
    .slideshow-container {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        margin-left: -15px;
        margin-right: -15px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .slideshow-container::-webkit-scrollbar { 
        display: none;
    }
    .slideshow-container .slideshow-item:first-of-type {
        margin-left: 15px;
    }
    .slideshow-item {
        display: block !important;
        min-width: 316px;
        margin-right: 17px;
        padding: 18px;
        background-color: #f6f6f6;
        border-radius: 8px;
    }
    .features__heading {
        display: none;
    }
    .features__title svg {
        min-width: 31px;
    }
    .features__title h2 {
        font-size: 24px;
        white-space: break-spaces;
        word-break: break-all;
    }
    .features__faq-title svg {
        display: none;
    }
    .features__faq-title h3 {
        white-space: break-spaces;
        word-break: break-all;
    }
    .features__faq-text {
        padding: 0;
        white-space: initial;
    }
    .features__faq-list li ul {
        padding: 10px 32px;
    }
}
@media screen and (max-width: 480px) {
    .slideshow-container {
        margin-left: -20px;
        margin-right: -20px;
    }
}

/* online banking dropdown */
.banking-dropdown {
    position: relative;
    display: inline-block;
    /* margin-top: 24px; */
}
.banking-dropdown__btn,
.banking-link__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    color: #fff !important;
    font-size: 14px;
    line-height: 16px;
    border: none;
    border-radius: 4px;
    background-color: #72BF44;
    cursor: pointer;
    font-family: "Roboto", sans-serif !important;
}
.banking-link__btn {
    margin-top: 24px;
}
.banking-dropdown__btn svg {
    margin-left: 15px;
    transition: all 0.2s ease;
    pointer-events: none;
}
.banking-dropdown__btn-opened svg {
    transform: rotate(90deg);
}
.banking-dropdown__content {
    display: none;
    position: absolute;
    z-index: 1;
    right: 0;
    min-width: 264px;
    padding: 6px 0;
    overflow: auto;
    background-color: #FCFCFC;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
}
.banking-dropdown__content a {
    display: flex;
    align-items: center;
    padding: 10px 24px;
    color: #636363 !important;
    line-height: 24px;
    text-decoration: none;
}
.banking-dropdown__content a img {
    width: 24px;
    margin-right: 17px;
}
.banking-dropdown a:hover {
    font-weight: 600;
    background-color: #F6F6F6;
}
.banking-dropdown__show {
    display: block;
}
@media screen and (max-width: 992px) {
    .banking-dropdown {
        margin-bottom: 100px;
    }
    .banking-dropdown__content {
        left: 0;
    }
}

/* advantages carousel */
.advantages-ca {
    margin-bottom: 50px;
}
.advantages-ca__carousel {
    margin: 20px;
}
.advantages-ca__carousel-view {
    width: 100%;
    min-height: 350px;
    background: transparent;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.advantages-ca__carousel-control {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    background: #F6F6F6;
    box-shadow: 0px 5px 20px rgb(14 14 14 / 7%);
    cursor: pointer;
}
.advantages-ca__carousel-control:first-of-type {
    left: 0;
}
.advantages-ca__carousel-control:last-of-type {
    right: 0;
}
.advantages-ca__list {
    display: flex;
    position: absolute;
    height: 350px;
    margin: 0;
    padding: 0;
    transition: transform 0.3s;
    transform: translateX(0px);
    list-style: none;
}
.advantages-ca__list-item {
    display: inline-block;
    width: 444px;
    margin: 0 !important;
    padding: 16px !important;
    background: none !important;
}
.advantages-ca__col {
    display: table;
    height: 100%;
    width: 100%;
}
.advantages-ca__title {
    box-shadow: 4px 4px 80px #e9ebf1;
    border-radius: 28px;
    height: 308px;
}
.advantages-ca__title h2 {
    margin: 0;
    padding: 30px 40px;
    color: #fff;
}
.advantages-ca__row {
    display: flex;
    margin-top: -170px;
    gap: 32px;
}
.advantages-ca__col {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 30px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    border-radius: 12px;
    box-shadow: 4px 4px 12px rgb(0 0 0 / 8%), -4px -4px 12px rgb(0 0 0 / 8%);
}
.advantages-ca__col h3 {
    margin: 0 0 20px;
    font-size: 28px;
}
.advantages-ca__col a {
    margin-top: auto;
    margin-bottom: 8px;
    color: #72bf44 !important;
}
.advantages-ca--avan .advantages-ca__carousel-view {
    min-height: 320px;
}
.advantages-ca--avan-first .advantages-ca__carousel-view {
    min-height: 275px;
}
.advantages-ca--avan .advantages-ca__list {
    height: auto;
}
.advantages-ca--avan .advantages-ca__title {
    height: 410px;
    text-align: center;
}
.advantages-ca--avan .advantages-ca__title h2 {
    padding: 10px 0 16px;
}
.advantages-ca--avan .advantages-ca__title h3 {
    padding-top: 76px;
    margin: 0;
    font-size: 24px;
    color: #fff;
}
.advantages-ca--avan .advantages-ca__title p {
    margin: 0;
    font-size: 18px;
    color: #fff;
}
.advantages-ca--primary .advantages-ca{
    margin-bottom: 15px;
}
.advantages-ca--primary .advantages-ca__body {
    margin-top: -296px;
}
.advantages-ca--primary .advantages-ca__row {
    margin-top: 0;
}
.advantages-ca--primary ul li {
    list-style-type: none !important;
    white-space: initial !important;
}
.advantages-ca--primary .advantages-ca__title {
    height: auto;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 32px;
    padding: 0 40px;
    color: #fff;
}
.advantages-ca--primary .advantages-ca__bg {
    box-shadow: 4px 4px 80px #e9ebf1;
    border-radius: 28px;
    height: 328px;
}
.advantages-ca--primary .advantages-ca__carousel-control {
    top: 64px;
    bottom: auto;
}
.advantages-ca--primary .advantages-ca__list {
    height: auto;
}
.advantages-ca--primary .advantages-ca__col-title {
    margin-bottom: 20px;
    white-space: break-spaces;
    word-break: break-word;
}
.advantages-ca--primary .advantages-ca__col-text {
    margin-bottom: 26px;
}
.advantages-ca--primary .advantages-ca__col-link {
    margin-top: auto;
    text-align: right;
}
.advantages-ca--primary .advantages-ca__carousel-view {
    min-height: 405px;
}
.advantages-ca--primary .advantages-ca__carousel-control {
    stroke: #171717;
}
.advantages-ca--primary .advantages-ca__carousel-control:first-of-type {
    stroke: #D4D4D4;
    cursor: default;
}
.advantages-ca--primary .advantages-ca__col-icon {
    width: 48px;
    margin-bottom: 20px;
}
.advantages-ca--2cards .advantages-ca__bg {
    height: 284px;
}
.advantages-ca--2cards .advantages-ca__body {
    margin-top: -254px;
}
.advantages-ca--2cards .advantages-ca__carousel-control {
    display: none;
}
.advantages-ca--2cards .advantages-ca__list {
    position: initial;
}
.advantages-ca--2cards .advantages-ca__list-item {
    min-width: 50%;
    width: auto;
}
.advantages-ca--2cards .advantages-ca__col {
    padding: 20px;
}
@media screen and (max-width: 1400px) {
    .advantages-ca__list-item {
        width: 430px;
    }
}
@media screen and (max-width: 1340px) {
    .advantages-ca__list-item {
        width: 418px;
    }
}
@media screen and (max-width: 1280px) {
    .advantages-ca__list-item {
        width: 395px;
    }
}
@media screen and (max-width: 1200px) {
    .advantages-ca__list {
        position: initial;
        display: flex;
        flex-direction: inherit;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .advantages-ca__list::-webkit-scrollbar { 
        display: none;
    }
    .advantages-ca__carousel-control {
        display: none;
    }
    .advantages-ca__col h3,
    .advantages-ca__col p {
        white-space: initial;
        word-break: break-word;
    }
    .advantages-ca__list-item {
        min-width: 410px;
    }
}
@media screen and (max-width: 992px) {
    .advantages-ca--avan-first .advantages-ca__title {
        height: 297px !important;
    }
    .advantages-ca--avan-first .advantages-ca__row {
        margin-top: -110px !important;
    }
    .advantages-ca--avan .advantages-ca__title h3 {
        padding-top: 38px;
    }
    .advantages-ca--avan .advantages-ca__row {
        margin-top: -200px
    }
    .advantages-ca {
        margin-bottom: 38px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .advantages-ca__title {
        height: 389px;
    }

    .advantages-ca__carousel  {
        margin: 0;
    }

    .advantages-ca__row {
        flex-direction: column;
        gap: 25px;
        margin-top: -249px;
    }

    .advantages-ca__list {
        padding: 0 25px;
    }

    .advantages-ca__col {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .advantages-ca--avan .advantages-ca__title {
        height: 372px;
    }

    .advantages-ca--avan .advantages-ca__title h3 {
        padding-top: 32px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .advantages-ca--avan .advantages-ca__title h2 {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 28px;
        line-height: 32px;
    }

    .advantages-ca--avan .advantages-ca__title p {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .advantages-ca--avan .advantages-ca__row {
        margin-top: -174px;
    }

    .advantages-ca {
        margin-bottom: 38px;
    }

    .advantages-ca__title {
        height: 289px;
    }

    .advantages-ca__title h2 {
        padding: 30px 15px;
    }

    .advantages-ca__row {
        gap: 20px;
        margin-top: -184px;
    }

    .advantages-ca__list {
        padding: 0 4px;
    }

    .advantages-ca__col {
        padding: 15px 20px;
    }

    .advantages-ca__col h3 {
        margin: 0 0 15px;
        font-size: 18px;
    }

    .advantages-ca--primary .advantages-ca__title {
        padding: 0 16px;
    }
    .advantages-ca--primary .advantages-ca__list-item {
        min-width: 363px;
        width: 100%;
    }
    .advantages-ca--primary .advantages-ca__list {
        padding: 0;
    }
    .advantages-ca--2cards .advantages-ca__col {
        padding: 20px;
    }
}

@media screen and (max-width: 480px) {
    .advantages-ca {
        margin-bottom: 22px;
        margin-left: -20px;
        margin-right: -20px;
    }

    .advantages-ca__carousel-view {
        min-height: 294px;
    }

    .advantages-ca__list {
        height: 294px;
        padding: 0 6px;
    }

    .advantages-ca__list-item {
        width: 326px;
        min-width: 326px;
        padding: 16px 9px !important;
    }

    .advantages-ca--primary .advantages-ca__title {
        margin: 0 0 40px;
    }
    .advantages-ca--primary .advantages-ca__list-item {
        min-width: 331px;
        padding: 16px 0 !important;
    }
    .advantages-ca--primary .advantages-ca__list {
        gap: 12px;
        padding: 0 16px;
    }
}

/* debitcard */
.debitcard__container .debitcard:last-child {
    margin-bottom: 0 !important;
}
.debitcard {
    margin-bottom: 32px;
    padding: 16px 16px 16px 32px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
}
.debitcard--bordered {
    border: 1px solid #72BF44;
}
.debitcard__body {
    display: flex;
    gap: 60px;
    margin-bottom: 8px;
}
.debitcard__content {
    width: 70%;
}
.debitcard__heading-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.debitcard__title-wrapper {
    display: flex;
    align-items: center;
}
.debitcard__tag {
    margin-right: 16px;
    margin-bottom: 0;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #F59E0B;
    color: #121212;
}
.debitcard__title {
    margin: 0 16px 0 0 !important;
    font-weight: 600 !important;
}
.debitcard__icons {
    display: flex;
    min-width: 58px;
}
.debitcard__icons img {
    margin-right: 4px;
}
.debitcard__text {
    margin-bottom: 32px;
}
.debitcard__media {
    width: 30%;
    text-align: right;
}
.debitcard__media img {
    max-width: 359px;
}
.debitcard__footer {
    display: flex;
}
.debitcard__info {
    display: flex;
    gap: 45px;
    width: 100%;
}
.debitcard__info > div {
    flex: 1;
}
.debitcard__info h4 {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 600 !important;
    color: #171717;
}
.debitcard__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.debitcard__footer > div {
    text-align: right;
}
.debitcard__footer h4 {
    margin: 0;
}
.debitcard__footer p {
    margin: 12px 0 0 0;
}
.debitcard__footer-link {
    display: flex;
    gap: 12px;
}
@media screen and (max-width: 1200px) { 
    .debitcard__info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1%;
    }
    .debitcard__info > div {
        flex: initial;
        width: 49%;
        margin-bottom: 32px;
    }
    .debitcard__text {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 992px) {
    .debitcard {
        margin-bottom: 64px;
        padding: 0;
        border: none;
    }
    .debitcard__body {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 0;
    }
    .debitcard__content {
        order: 2;
        width: 100%;
    }
    .debitcard__media {
        order: 1;
        width: 100%;
        text-align: center;
    }
    .debitcard__heading-wrapper {
        margin-bottom: 10px;
        gap: 8px;
        flex-direction: column;
        align-items: flex-start;
    }
    .debitcard__title-wrapper {
        width: 100%;
    }
    .debitcard__title {
        margin: 0;
    }
    .debitcard__icons {
        display: flex;
        width: 45%;
    }
    .debitcard__text {
        padding: 0;
        border: none;
    }
    .debitcard__info h4 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .debitcard__footer > div {
        text-align: left;
    }
    .debitcard__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }
    .debitcard__footer-link {
        order: 2;
    }
}
@media screen and (max-width: 576px) {
    .debitcard {
        padding: 0;
        border: none;
    }
    .debitcard__info > div {
        width: 100%;
    }
    .debitcard__heading-wrapper {
        margin-bottom: 32px;
    }
    .debitcard__text {
        margin-bottom: 32px;
    }
    .debitcard__footer {
        align-items: flex-start;
    }
    .debitcard__footer > div {
        text-align: left;
    }
    .debitcard__footer-link {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .debitcard__footer-link .button {
        width: 100%;
        text-align: center;
    }
}

/* cs accordion */
.cs-accordion {
    padding: 16px 16px 8px;
    border: 1px solid #E5E5E5 !important;
    border-radius: 8px;
    background-color: #fff;
}
.cs-accordion__body {
    width: 100%;
    margin-bottom: 8px;
    padding: 16px 21px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
}
.cs-accordion__title {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
}
.cs-accordion__title::before {
    content: '\002B';
    margin-right: 21px;
    float: left;
    color: #72BF44;
    font-weight: bold;
}
.cs-accordion__active::before {
    content: "\2212";
}
.cs-accordion__title svg {
    display: none;
    min-width: 12px;
    margin-left: 12px;
    transition: 0.4s;
    stroke: #737373;
}
.cs-accordion__active svg {
    transform: rotate(180deg);
    stroke: #72BF44;
}
.cs-accordion__panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.cs-accordion__panel p {
    margin: 16px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #737373;
}
@media screen and (max-width: 992px) {
    /* .cs-accordion__title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
        border: none;
    }
    .cs-accordion__title svg {
        display: block;
    }
    .cs-accordion__title:after {
        content: none;
    }
    .cs-accordion__panel {
        margin-bottom: 0;
        border-bottom: 1px solid #E4E4E4;
    } */
}
@media screen and (max-width: 576px) {
    .cs-accordion {
        padding: 0;
        border: none !important;
        border-radius: 0;
        background-color: transparent;
    }
}

/* card primary */
.card-primary__row {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
.card-primary {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    overflow: hidden;
    border: 1px solid #F6F6F6;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03);
    border-radius: 12px;
}
.card-primary__content {
    padding: 28px 24px 43px;
}
.card-primary__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 35px;
}
.card-primary__header h3,
.card-primary__header h5,
.card-primary__header h6 {
    margin-top: 0;
}
.card-primary__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: auto;
    padding: 21px 24px;
    text-align: right;
    background-color: #E9F4FF;
}
.card-primary__footer a {
    font-weight: 600;
} 
.card-primary__footer a svg {
    margin-left: 12px;
    stroke: #72bf44;
} 
@media screen and (max-width: 992px) {
    .card-primary__container {
        padding: 0;
    }
    .card-primary__row {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        gap: 0;
        padding: 0 20px 20px 12px;
        margin: 0 -15px;
    }
    .card-primary__row::-webkit-scrollbar { 
        display: none;
    }
    .card-primary {
        width: auto;
        min-width: 44%;
        margin-left: 8px;
        white-space: initial;
    }
    .card-primary__content {
        padding: 28px 18px 10px;
    }
    .card-primary__header h3 {
        margin: 0;
    }
}
@media screen and (max-width: 768px) {
    .card-primary {
        min-width: 92%;
    }
    .card-primary__header {
        margin-bottom: 14px;
    }
}

/* market advantages */
.market-advantages {
    padding: 20px;
}
.market-advantages__title {
    font-size: 16px;
    font-weight: 600 !important;
}
.market-advantages__content p {
    display: flex;
    align-items: center;
    width: 60%;
    margin: 0;
    padding: 8px 0;
}
.market-advantages__content p svg {
    min-width: 13px;
    margin-right: 13px;
}
@media screen and (max-width: 768px) {
    .market-advantages__content p {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .card-primary__row {
        margin: 0 -20px;
    }
}

/* how apply */
.how-apply {
    display: flex;
    gap: 80px;
}
.how-apply__col {
    width: 50%;
}
.how-apply__col .button {
    margin-bottom: 12px;
}
.how-apply__media {
    max-width: 488px;
}
.how-apply__media h2 {
    margin: 0 0 16px;
}
.how-apply__media p {
    margin-bottom: 40px;
}
.how-apply__content {
    padding-left: 65px;
}
.how-apply__item {
    display: flex;
    margin-bottom: 32px;
}
.how-apply__item .paragraph-small {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin-right: 22px;
    color: #4F96D9;
    background: #E9F4FF;
    border-radius: 4px;
}
.how-apply__item-title {
    margin-bottom: 16px !important;
}
.how-apply__item-text {
    margin: 0;
}
.how-apply--numbered .how-apply__media p {
    margin-bottom: 24px;
}
.how-apply--reverced .how-apply__col:first-of-type {
    order: 2;
}
.how-apply--reverced .how-apply__col:last-of-type {
    order: 1;
}
.how-apply--reverced .how-apply__content {
    padding-left: 0;
}
.how-apply--reverced .how-apply__media {
    margin-left: 65px;
}
@media screen and (max-width: 1200px) {
    .how-apply__content {
        padding-left: 0;
    }
    .how-apply--reverced .how-apply__media {
        margin-left: 0;
    }
}
@media screen and (max-width: 992px) {
    .how-apply {
        gap: 36px;
    }
}
@media screen and (max-width: 768px) {
    .how-apply {
        flex-direction: column;
    }
    .how-apply__col {
        width: 100%;
    }
    .how-apply__media {
        max-width: 100%;
    }
    .how-apply__media h2 {
        font-size: 32px;
    }
    .how-apply__media img {
        width: 100%;
    }
    .how-apply--reverced .how-apply__col:first-of-type {
        order: 1;
    }
    .how-apply--reverced .how-apply__col:last-of-type {
        order: 2;
    }
}
@media screen and (max-width: 576px) {
    .how-apply__col .button {
        width: 100%;
    }
}

/* hero centered banner */
.hero-centered {
    text-align: center;
}
.hero-centered__content {
    max-width: 592px;
    margin: 0 auto 64px;
}
.hero-centered__adt {
    margin-bottom: 12px !important;
    font-size: 14px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #737373;
}
.hero-centered__title {
    margin-bottom: 24px !important;
}
.hero-centered__description {
    margin-bottom: 40px;
}
.hero-centered__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
@media screen and (max-width: 768px) {
    .hero-centered__content {
        max-width: 100%;
        margin: 0 auto 32px;
    }
    .hero-centered__adt {
        margin-bottom: 4px !important;
        font-size: 12px;
    }
    .hero-centered__title {
        margin-bottom: 16px !important;
    }
    .hero-centered__description {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 576px) {
    .hero-centered__links {
        flex-direction: column;
    }
    .hero-centered__links .button {
        width: 100%;
    }
}

/* feature banner */
.feature-banner__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}
.feature-banner__info {
    max-width: 592px;
}
.feature-banner__title {
    margin: 0 0 24px !important;
}
.feature-banner__text {
    margin-bottom: 24px;
}
.feature-banner__item {
    display: flex;
    align-items: baseline;
    margin-bottom: 16px;
}
.feature-banner__item a {
    color: #404040 !important;
}
.feature-banner__item a:hover {
    color: #72bf44 !important;
}
.feature-banner__item svg {
    min-width: 16px;
    margin-right: 17px;
}
.feature-banner__item:last-of-type {
    margin-bottom: 24px;
}
.feature-banner__info hr {
    margin: 24px 0;
}
.feature-banner__buttons {
    margin-top: 32px;
    display: flex;
    gap: 12px;
}
.feature-banner--right .feature-banner__info {
    order: 2;
}
.feature-banner--right .feature-banner__media {
    order: 1;
}
@media screen and (max-width: 992px) {
    .feature-banner__body {
        flex-direction: column;
    }
    .feature-banner__buttons {
        margin-top: 24px;
    }
    .feature-banner--right .feature-banner__info {
        order: 1;
    }
    .feature-banner--right .feature-banner__media {
        order: 2;
    }
}
@media screen and (max-width: 576px) {
    .feature-banner__body {
        gap: 32px;
    }
    .feature-banner__buttons {
        flex-direction: column;
    }
    .feature-banner__buttons .button {
        width: 100%;
    }
}

/* short terms */
.short-terms__body {
    display: flex;
}
.short-terms__item {
    min-width: 33.3%;
    padding-right: 32px;
}
.short-terms__item p {
    margin: 0;
    color: #737373;
}
.short-terms__item h3 {
    margin: 20px 0;
}
@media screen and (max-width: 992px) {
    .short-terms__body {
        flex-wrap: wrap;
    }
    .short-terms__item {
        min-width: 50%;
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 767px) {
    .short-terms__item {
        min-width: 100%;
        margin-bottom: 24px;
        padding-right: 0;
    }
    .short-terms__item h3 {
        margin: 20px 0 16px;
    }
}

/* features3 grid */
.features3-grid__adt {
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #737373 !important;
}
.features3-grid__block-title {
    margin: 0 0 48px !important;
}
.features3-grid__row {
    display: flex;
    flex-wrap: wrap;
    gap: 3.5%;
}
.features3-grid__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 31%;
    margin-bottom: 60px;
}
.features3-grid__number {
    margin-bottom: 20px;
    padding: 8px 14px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    color: #4F96D9 !important;
    background: #E9F4FF;
}
.features3-grid__icon {
    margin-bottom: 20px;
}
.features3-grid__title {
    margin: 0 0 20px !important;
}
.features3-grid__description {
    margin-bottom: 16px;
}
.features3-grid__link {
    width: 100%;
    margin-top: auto;
    text-align: right;
}
.features3-grid__link a {
    font-size: 16px;
    line-height: 24px;
    color: #72BF44;
}
.features3-grid--box .features3-grid__row {
    gap: 2%;
}
.features3-grid--box .features3-grid__col {
    width: 32%;
    padding: 20px;
    border: 1px solid #f5f5f5;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03);
    border-radius: 6px;
}
.features3-grid--column4 .features3-grid__row {
    gap: 2%;
}
.features3-grid--column4 .features3-grid__col {
    width: 23.5%;
}
.features3-grid--numbered4 .features3-grid__row {
    gap: 2%;
}
.features3-grid--numbered4 .features3-grid__col {
    width: 23.5%;
}
.features3-grid--2col-box .features3-grid__col {
    width: 49%;
}
.features3-grid--2col .features3-grid__row {
    gap: 4%;
}
.features3-grid--2col .features3-grid__col {
    width: 48%;
}
.features3-grid--corporate .features3-grid__col {
    border: none !important;
    background-color: #242424;
    box-shadow: none !important;

}
.features3-grid--corporate .features3-grid__title {
    color: #fff;
}
.features3-grid--corporate .features3-grid__description {
    color: #B2B2B2;
}
.features3-grid--corporate .features3-grid__links {
    margin-bottom: 20px;
}
.features3-grid--corporate .features3-grid__links a {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 16px !important;
    color: #B2B2B2 !important;
}
.features3-grid--corporate .features3-grid__links a:hover {
    color: #72bf44 !important;
}
@media screen and (max-width: 992px) {
    .features3-grid__row {
        gap: 4%;
    }
    .features3-grid__col {
        width: 48%;
        margin-bottom: 60px;
    }
    .features3-grid--box .features3-grid__row {
        gap: 4%;
    }
    .features3-grid--box .features3-grid__col {
        width: 48%;
        margin-bottom: 48px;
    }
    .features3-grid--column4 .features3-grid__row {
        gap: 4%;
    }
    .features3-grid--column4 .features3-grid__col {
        width: 48%;
    }
    .features3-grid--numbered .features3-grid__row {
        gap: 3.5%;
    }
    .features3-grid--numbered .features3-grid__col {
        width: 48%;
    }
    .features3-grid--numbered4 .features3-grid__row {
        gap: 4%;
    }
    .features3-grid--numbered4 .features3-grid__col {
        width: 48%;
    }
}
@media screen and (max-width: 576px) {
    .features3-grid__row {
        gap: 0;
    }
    .features3-grid__col {
        width: 100%;
        margin-bottom: 36px;
    }
    .features3-grid__block-title {
        margin: 0 0 24px !important;
    }
    .features3-grid__title {
        margin: 0 0 16px !important;
    }
    .features3-grid--box .features3-grid__row {
        gap: 0%;
    }
    .features3-grid--box .features3-grid__col {
        width: 100%;
        margin-bottom: 24px;  
    }
    .features3-grid--column4 .features3-grid__row {
        gap: 0;
    }
    .features3-grid--column4 .features3-grid__col {
        width: 100%;
    }
    .features3-grid--numbered .features3-grid__row {
        gap: 0;
    }
    .features3-grid--numbered .features3-grid__col {
        width: 100%;
        margin-bottom: 32px;
    }
    .features3-grid--numbered .features3-grid__description {
        margin-bottom: 0;
    }
    .features3-grid--numbered4 .features3-grid__row {
        gap: 0%;
    }
    .features3-grid--numbered4 .features3-grid__col {
        width: 100%;
        margin-bottom: 32px;
    }
    .features3-grid--numbered4 .features3-grid__description {
        margin-bottom: 0;
    }
    .features3-grid--2col .features3-grid__row {
        gap: 0;
    }
    .features3-grid--2col .features3-grid__col {
        width: 100%;
    }
}

/* cta standard centered */
.cta-standard__content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.cta-standard__title {
    margin: 0 0 16px !important;
}
.cta-standard__description {
    margin-bottom: 32px;
}
.cta-standard__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.cta-standard__centered--bg .cta-standard__content {
    max-width: 100%;
    padding: 48px 16px;
    border-radius: 8px;
}
.cta-standard__centered--bg .cta-standard__body {
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 576px) {
    .cta-standard__content {
        text-align: left;
    }
    .cta-standard__title {
        margin: 0 0 24px !important;
    }
    .cta-standard__links {
        flex-direction: column;
    }
    .cta-standard__links .button {
        width: 100%;
    }
    .cta-standard__centered--bg .cta-standard__content {
        padding: 32px 16px;
    }
}

/* cta 2block */
.cta-2block__row {
    display: flex;
    gap: 32px;
}
.cta-2block__col {
    width: 50%;
    padding: 64px;
    background-color: #FAFAFA;
    border-radius: 6px;
    text-align: center;
}
.cta-2block__icon {
    display: flex;
    justify-content: center;
}
.cta-2block__icon span {
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    padding: 12px;
    background: #E9F4FF;
    border-radius: 4px;
}
.cta-2block__title {
    margin: 0 0 16px !important;
}
.cta-2block__description {
    margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
    .cta-2block__col {
        padding: 64px 48px;
    }
}
@media screen and (max-width: 768px) {
    .cta-2block__row {
        flex-direction: column;
        gap: 48px;
    }
    .cta-2block__col {
        width: 100%;
        padding: 64px 48px;
    }
}
@media screen and (max-width: 576px) {
    .cta-2block__row {
        gap: 32px;
    }
    .cta-2block__col {
        padding: 32px 24px;
    }
    .cta-2block__button .button {
        width: 100%;
    }
}

/* modal video */
.modal-video {
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    overflow: initial !important;
}
.modal-video iframe {
    width: 100% !important;
}
.modal-video__play {
    position: relative;
    cursor: pointer;
}
.modal-video__play svg {
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    margin: auto
}
.modal-video__play img {
    border-radius: 6px;
}
.modal-video .modal-dialog {
    width: 918px;
}
.modal-video .modal-content {
    border-radius: 4px;
    border: none;
}
.modal-video .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-top: 20px;
    border: none;
}
.modal-video .modal-header:before,
.modal-video .modal-header::after {
    content: none;
}
.modal-video .modal-header .modal-title {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
.modal-video .modal-header .close {
    float: none;
    opacity: 1;
    transition: all 0.1s ease-out;
}
.modal-video .modal-header .close:focus, 
.modal-video .modal-header .close:hover {
    opacity: .6;
}
@media screen and (max-width: 992px) { 
    .modal-video {
        left: 15px;
        right: 15px;
        transform: translate(0, -50%);
    }
    .modal-video .modal-dialog {
        width: auto;
        margin: 0;
    }
}
@media screen and (max-width: 768px) { 
    .modal-video .modal-header {
        padding: 7px 15px;
    }
}
@media screen and (max-width: 576px) { 
    .modal-video .modal-content {
        padding: 10px 0 0;
    }
}

/* product card no media */
.prcard-nomedia__wrapper .prcard-nomedia:last-child {
    margin-bottom: 0;
} 
.prcard-nomedia {
    margin-bottom: 24px;
    padding: 32px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #72BF44;
    border-left: 6px solid #72BF44;
}
.prcard-nomedia__body {
    margin-bottom: 32px;
}
.prcard-nomedia__title {
    margin: 0 0 16px !important;
}
.prcard-nomedia__text {
    margin-bottom: 32px;
}
.prcard-nomedia__info {
    display: flex;
    gap: 32px;
}
.prcard-nomedia__info-col {
    flex: 1 1;
}
.prcard-nomedia__info-title {
    margin-bottom: 16px !important;
}
.prcard-nomedia__info-text {
    margin: 0;
}
.prcard-nomedia__footer {
    display: flex;
    gap: 12px;
}
@media screen and (max-width: 768px) { 
    .prcard-nomedia__info {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2%;
    }
    .prcard-nomedia__info-col {
        flex: initial;
        width: 48%;
        margin-bottom: 32px;
    }
    .prcard-nomedia {
        border-top: 6px solid #72BF44;
        border-left: 1px solid #72BF44;
    }
}
@media screen and (max-width: 576px) { 
    .prcard-nomedia {
        padding: 32px 16px;
    }
    .prcard-nomedia__body {
        margin-bottom: 16px;
    }
    .prcard-nomedia__info-col {
        width: 100%;
        margin-bottom: 16px;
    }
    .prcard-nomedia__info-title {
        margin-bottom: 8px !important;
    }
    .prcard-nomedia__footer {
        flex-direction: column;
    }
    .prcard-nomedia__footer .button {
        width: 100%;
    }
}

/* product card */
.product-card__atd {
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #737373 !important;
}
.product-card__block-title {
    max-width: 624px;
    margin: 0 0 48px !important;
}
.product-card__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 32px;
}
.product-card {
    display: flex;
    flex-direction: column;
}
.product-card__media {
    margin-bottom: 20px;
}
.product-card__media img {
    width: 100%;
    border-radius: 8px;
}
.product-card__title-wrapper {
    display: flex;
    align-items: baseline;
    width: fit-content;
    margin-bottom: 24px;
}
.product-card__title-wrapper svg {
    min-width: 12px;
    margin-left: 10px;
    fill: #72bf44;
}
.product-card__title {
    display: flex;
    align-items: center;
    word-break: break-word;
}
.product-card__text {
    margin-bottom: 20px;
    white-space: break-spaces;
    word-break: break-word;
}
.product-card__footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    white-space: break-spaces;
    word-break: break-word;
}
.product-card__footer .button {
    white-space: break-spaces;
    word-break: break-word;
}
.product-card--4column-container .product-card__row {
    grid-template-columns: repeat(4, 1fr);
}
.product-card--3column-block .product-card,
.product-card--4column-container .product-card {
    padding: 20px;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03);
    border-radius: 6px;
}
.product-card--4column-filter .pricing-main__item-info {
    align-items: center;
}
.product-card--4column-filter .pricing-main__item-info > p,
.product-card--4column-filter .pricing-main__item-info > div > div > p {
    margin-left: 5px;
}
.product-card--4column-filter .pricing-main__item-info > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.product-card--4column-filter .pricing-main__item-info > div > div {
    display: flex;
    align-items: center;
}
.product-card--4-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
.product-card--4-tags span {
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #F1F5F9;
}
.product-card--4-toggle {
    cursor: pointer;
}
.product-card--4-toggle-rotate {
    transform: rotate(180deg);
}
.product-card--4-text {
    margin: 0 !important;
    overflow: hidden;
}
.product-card--4-text a {
    display: block;
    margin-bottom: 4px;
}
.product-card--4-text a:last-child {
    margin-bottom: 0;
}
.product-card--4-text-limit {
    overflow: hidden;
    height: 0;
}
.product-card--4-action {
    justify-content: end;
    padding-top: 24px;
}
@media screen and (max-width: 992px) { 
    .product-card--4column-container .product-card__row {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 768px) { 
    .product-card__row {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-card--4column-container .product-card__row {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 576px) { 
    .product-card__row {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }
    .product-card--4column-container .product-card__row {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* pricing product block  */
.pricing-product-block .product-card__block-title {
    max-width: 100%;
    text-align: center;
    margin: 0 0 16px !important;
}
.pricing-product-block .product-card__atd {
    margin-bottom: 64px !important;
    text-align: center;
}
.pricing-product-block .pricing-head {
    display: flex;
    justify-content: space-between;
    gap: 6px;
}
.pricing-product-block .pricing-status {
    margin-bottom: 8px;
    white-space: break-spaces;
    word-break: break-word;
}
.pricing-product-block .pricing-tag {
    display: flex;
    align-items: center;
    gap: 5px;
    word-break: break-all;
    padding: 4px 12px;
    color: #72BF44;
    background: #E3F2DA;
    border-radius: 24px;
}
.pricing-product-block .pricing-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 24px;
}
.pricing-product-block .pricing-price h5 {
    color: #72BF44;
}
.pricing-product-block .pricing-price .paragraph-small {
    color: #a3a3a3;
}
.pricing-product-block .pricing-text {
    margin-bottom: 24px;
    color: #737373;
}
.pricing-product-block .pricing-line {
    margin-bottom: 24px;
    height: 1px;
    width: 100%;
    background-color: #e5e5e5;
}
.pricing-product-block .pricing-list {
    margin-bottom: 16px;
}
.pricing-product-block .pricing-list__item {
    display: flex;
    align-items: baseline;
    margin-bottom: 16px;
}
.pricing-product-block .pricing-list__item img {
    margin-right: 15px;
}
.pricing-product-block .pricing-item__bordered {
    border-color: #72BF44 !important;
}
@media screen and (max-width: 992px) {
    .pricing-product-block .product-card__atd {
        margin-bottom: 48px !important;
    }
    .pricing-product-block .pricing-tag {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 768px) {
    .pricing-product-block .pricing-item__bordered {
        grid-column: 1 / -1;
    }
    .pricing-product-block .pricing-item__bordered .product-card__media img {
        height: 550px;
        object-fit: cover;
    }
    .pricing-product-block .product-card {
        order: 2;
    }
    .pricing-product-block .pricing-item__bordered {
        order: 1;
    }
}
@media screen and (max-width: 576px) {
    .pricing-product-block .pricing-item__bordered .product-card__media img {
        height: auto;
    }
    .pricing-product-block .product-card__atd {
        margin-bottom: 32px !important;
    }
    .pricing-product-block .product-card__row {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* carousel single */
.carousel-single {
    position: relative;
}

.carousel-single__inner {
    position: relative;
    width: 100%; 
    height: 670px;
    overflow: hidden;
}

.carousel-single__inner > .carousel-single__item {
    position: relative;
    display: none;
    animation: 0.5s ease-in-out;
}

.carousel-single__img {
    display: block;
    height: 450px;
    margin: 0 auto;
    object-fit: cover;  
    border-radius: 6px;
}

.carousel-single__inner > .carousel-single__item-active,
.carousel-single__inner > .carousel-single__next {
    display: block;
}

.carousel-single__inner > .carousel-single__next {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-single__inner > .carousel-single__to-left {
    animation-name: left;
}

.carousel-single__inner > .carousel-single__from-right {
    animation-name: right;
}

.carousel-single__inner > .carousel-single__to-right {
    animation-name: right;
    animation-direction: reverse;
}

.carousel-single__inner > .carousel-single__from-left {
    animation-name: left;
    animation-direction: reverse;
}

.carousel-single__item-title {
    margin-bottom: 8px !important;
}

.carousel-single__info {
    position: absolute;
    display: block;
    bottom: -160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 800px;
    padding: 24px;
    border-radius: 12px;
    background-color: #FFFFFF;
    box-shadow: 0px 35px 40px rgba(0, 0, 0, 0.06);
}

.carousel-single__item-text {
    margin-bottom: 24px;
}

.carousel-single__info-tags {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.carousel-single__info-tags p {
    margin-bottom: 0 !important;
    background: #F5F5F5;
    border-radius: 24px;
    padding: 2px 10px;
}

.carousel-single__control {
    position: absolute;
    cursor: pointer;
}

.carousel-single__arrows {
    position: relative;
    bottom: 454px;
    max-width: 1216px;
    margin: 0 auto;
}

.carousel-single__control.carousel-single__left {
    left: 24px;
}

.carousel-single__control.carousel-single__right {
    right: 24px;
    left: auto;
}

.carousel-single__control > .carousel-single__arrow {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(5px);
}

.carousel-single__indicators {
    display: none;
}

@keyframes left {
    from {
        left: 0;
    }

    to {
        left: -100%;
    }
}

@keyframes right {
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

@media screen and (max-width: 992px) {
    .carousel-single__info {
        max-width: 704px;
    }
}
@media screen and (max-width: 767px) {
    .carousel-single__info {
        max-width: 430px;
    }
}
@media screen and (max-width: 576px) {
    .carousel-single__inner {
        height: auto;
    }
    .carousel-single__info {
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        max-width: 100%;
        padding: 40px 24px 24px;
        box-shadow: none;
    }
    .carousel-single__img {
        height: 193px;
        width: 100%;
        border-radius: 0;
    }
    .carousel-single__arrows {
        position: absolute;
        width: 100%;
        bottom: auto;
        top: 75px;
    }
    .carousel-single__control.carousel-single__left {
        left: 16px;
    }
    .carousel-single__control.carousel-single__right {
        right: 16px;
        left: auto;
    }
}

/* language dropdown */
.lang-dropdown {
    margin-top: 5px;
    margin-left: 15px;
}
.lang-dropdown .btn-default {
    max-width: inherit;
    padding: 8px 4px !important;
    font-size: 14px;
    text-shadow: none !important;
    color: #72BF44 !important;
    border: none !important;
}
.lang-dropdown .btn-default:hover {
    background-color: transparent !important;
    color: #72BF44 !important;
}
.lang-dropdown .lang-dropdown__text {
    margin-right: 6px;
}
.lang-dropdown .btn-default .caret {
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.lang-dropdown .dropdown-menu {
    min-width: 84px;
    padding: 5px 2px;
    border: 1px solid #F5F5F5;
}
.lang-dropdown.open .dropdown-menu {
    display: flex;
    flex-direction: column;
}
.lang-dropdown .dropdown-menu li {
    order: 2;
}
.lang-dropdown .dropdown-menu li.active {
    order: 1;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.lang-dropdown .dropdown-menu li.active a {
    color: #72BF44;
    background-color: transparent;
}
.lang-dropdown .dropdown-menu li a {
    font-size: 14px;
}
@media screen and (max-width: 1600px) {
    .lang-dropdown .dropdown-menu {
        left: auto;
        right: 0;
    }
}
@media screen and (max-width: 576px) {
    .lang-dropdown {
        margin-left: 0;
    }
}

/* vertical stack */
.vertical-stack__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 64px;
}
.vertical-stack__title {
    margin-top: 0;
    margin-bottom: 16px !important;
}
.vertical-stack__info p {
    margin-bottom: 0;
}
.vertical-stack__actions {
    display: flex;
    gap: 12px;
}
.vertical-stack__main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px 32px;
}
.vertical-stack__item {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #F5F5F5;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
}
.vertical-stack__item-media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    border-radius: 6px;
}
.vertical-stack__item-info {
    word-break: break-word;
}
.vertical-stack__item-title {
    margin-bottom: 4px !important;
}
.vertical-stack__item-info p {
    margin-bottom: 0;
}
.vertical-stack--3column .vertical-stack__main {
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 992px) {
    .vertical-stack__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        margin-bottom: 48px
    }
    .vertical-stack__main {
        grid-template-columns: repeat(2, 1fr);
    }
    .vertical-stack--3column .vertical-stack__main {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 576px) {
    .vertical-stack__head {
        margin-bottom: 32px;
    }
    .vertical-stack__actions {
        flex-direction: column;
        width: 100%;
    }
    .vertical-stack__main {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .vertical-stack--3column .vertical-stack__main {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* product card slider */
.product-card__slider .advantages-ca__body {
    margin-top: 0;
}
.product-card__slider .advantages-ca__row {
    margin: 0;
}
.product-card__slider .product-card__slider-atd {
    margin-bottom: 12px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #737373;
}
.product-card__slider .advantages-ca__title {
    padding: 0 120px 0 0;
    color: #171717;
}
.product-card__slider .advantages-ca__carousel-view {
    min-height: 710px;
}
.product-card__slider .advantages-ca__carousel-control {
    top: 35px;
    box-shadow: none;
}
.product-card__slider .advantages-ca__carousel-control:first-of-type {
    left: auto;
    right: 58px;
}
.product-card__slider .product-card__media img {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.product-card__slider .product-card__title-wrapper {
    margin-top: 0 !important;
}
.product-card__slider .advantages-ca__list-item {
    width: 380px;
}
.product-card__slider .product-card__title {
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product-card__slider .product-card__text {
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.product-card__slider .product-card__footer {
    gap: 8px;
}
.product-card__slider .product-card__footer .button {
    margin: 0;
}
.product-card__slider .button_primary {
    color: #fff !important;
}
.product-card__slider .button_secondary {
    color: #171717 !important;
}
@media screen and (max-width: 1200px) {
    .product-card__slider .advantages-ca__title {
        padding: 0;
    }
    .product-card__slider .advantages-ca__carousel-view {
        min-height: auto;
    }
}
@media screen and (max-width: 991px) {
    .product-card__slider .product-card__slider-atd {
        padding-left: 15px;
    }
    .product-card__slider .advantages-ca__title {
        margin: 0 0 8px;
        padding-left: 15px;
    }
}

/* whatsup banner */
.whatsup-banner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.whatsup-banner__item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
}
.whatsup-banner__item-nobg img {
    width: 100%;
}
@media screen and (max-width: 768px) { 
    .whatsup-banner {
        grid-template-columns: repeat(1, 1fr);
    }
    .whatsup-banner__item-bg {
        order: 2;
    }
    .whatsup-banner__item-nobg {
        order: 1;
    }
}
@media screen and (max-width: 576px) {
    .whatsup-banner {
        grid-template-columns: repeat(1, 1fr);
    }
    .whatsup-banner__item-bg {
        padding: 32px 20px;
    }
}

/* whatsup announce */
.whatsup-announce {
    display: flex;
    align-items: center;
    height: 440px;
    padding: 0 85px;
    border-radius: 28px;
} 
.whatsup-announce__info {
    min-width: 70%;
    padding-right: 40px;
}
.whatsup-announce__title {
    margin: 0 0 16px !important;
    color: #fff;
}
.whatsup-announce__text {
    margin-bottom: 28px;
    color: #fff !important;
}
.whatsup-announce__link {
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    color: #fff !important;
}
.whatsup-announce__media {
    min-width: 30%;
    text-align: center;
}
.whatsup-announce--reverced .whatsup-announce__media {
    order: 1;
    min-width: 30%;
    text-align: center;
}
.whatsup-announce--reverced .whatsup-announce__info {
    order: 2;
    min-width: 70%;
    padding-left: 40px;
    padding-right: 0;
}
@media screen and (max-width: 991px) {
    .whatsup-announce {
        padding: 0 35px;
    } 
}
@media screen and (max-width: 768px) {
    .whatsup-announce {
        flex-direction: column;
        height: auto;
        padding: 32px 16px 44px;
    } 
    .whatsup-announce__info {
        order: 2;
        min-width: 100%;
        padding-right: 0;
        text-align: left;
    }
    .whatsup-announce__title {
        margin: 0 0 34px !important;
    }
    .whatsup-announce__text {
        margin-bottom: 44px;
    }
    .whatsup-announce__media {
        order: 1;
        min-width: 100%;
        margin-bottom: 48px;
        text-align: center;
    }
    .whatsup-announce--reverced .whatsup-announce__media {
        min-width: 100%;
        text-align: center;
    }
    .whatsup-announce--reverced .whatsup-announce__info {
        min-width: 100%;
        padding-left: 0;
    }
}
@media screen and (max-width: 576px) {
    .whatsup-announce__media {
        margin-bottom: 32px;
    }
    .whatsup-announce__title {
        margin: 0 0 24px !important;
    }
}

/* whatsup image boxes */
.whatsup-imgboxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.whatsup-imgboxes__item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 28px;
    background-color: #fff;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.04);
}
.whatsup-imgboxes__info {
    padding: 36px 27px 27px;
}
.whatsup-imgboxes__title {
    margin: 0 0 14px !important;
    padding-right: 95px;
}
.whatsup-imgboxes__media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 340px;
    margin-top: auto;
}
@media screen and (max-width: 1200px) {
    .whatsup-imgboxes__title {
        padding-right: 30px;
    }
}
@media screen and (max-width: 991px) {
    .whatsup-imgboxes {
        display: flex;
        flex-direction: inherit;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px;
    }
    .whatsup-imgboxes::-webkit-scrollbar { 
        display: none;
    }
    .whatsup-imgboxes__item {
        min-width: 331px;
    }
    .whatsup-imgboxes__title {
        padding-right: 0;
        white-space: break-spaces;
        word-break: break-word;
    }
    .whatsup-imgboxes__description {
        white-space: break-spaces;
        word-break: break-word;
    }
}
@media screen and (max-width: 479px) {
    .whatsup-imgboxes {
        margin-left: -20px;
        margin-right: -20px;
        padding: 0 20px;
    }
}
@media screen and (max-width: 576px) {
    .whatsup-imgboxes__title {
        padding-right: 20px;
    }
}

/* whatsup more bg */
.whatsup-more__bg {
    height: 976px;
    margin-bottom: 465px;
    padding: 78px 60px 0;
    border-radius: 28px;
}
.whatsup-more__title {
    margin: 0 0 64px !important;
    font-size: 48px;
    line-height: 57px;
    color: #fafafa;
}
.whatsup-more__media {
    display: flex;
    gap: 2%;
    margin-bottom: 32px;
}
.whatsup-more__media-item {
    display: flex;
    align-items: center;
    min-width: 29%;
    height: 597px;
    padding: 42px 48px;
    border-radius: 28px;
}
.whatsup-more__media-item-big {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-width: 69%;
    height: 597px;
    border-radius: 28px;
}
.whatsup-more__media-item-big-f img {
    border-bottom-right-radius: 28px;
}
.whatsup-more__media-item-big-s img {
    margin-bottom: -15px;
}
.whatsup-more__media-title {
    position: absolute;
    margin: 0 !important;
    top: 64px;
    left: 47px;
    color: #fcfcfc;
    font-size: 58px;
    line-height: 71px;
}
@media screen and (max-width: 1200px) {
    .whatsup-more__media-item-big-f img {
        border-bottom-left-radius: 28px;
    }
}
@media screen and (max-width: 991px) {
    .whatsup-more__bg {
        margin-bottom: 100px;
        padding: 45px 25px 0;
    }
    .whatsup-more__title {
        margin: 0 0 34px !important;
        font-size: 32px;
        line-height: 48px;
    }
    .whatsup-more__media-title {
        top: 26px;
        left: 23px;
        font-size: 28px;
        line-height: 44px;
    }
    .whatsup-more__media-item-big {
        height: 450px;
    }
    .whatsup-more__media-item {
        height: 450px;
        padding: 38px 24px;
    }
}
@media screen and (max-width: 768px) { 
    .whatsup-more__bg {
        height: 850px;
        margin-bottom: 90px;
    }
    .whatsup-more__media-item-big {
        height: 380px;
    }
    .whatsup-more__media-item {
        height: 380px;
    }
}
@media screen and (max-width: 576px) { 
    .whatsup-more {
        margin: 0 -15px;
    }
    .whatsup-more__bg {
        height: auto;
        margin-bottom: 0;
        padding: 45px 15px 30px;
    }
    .whatsup-more__title {
        text-align: center;
    }
    .whatsup-more__media {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 32px;
    }
    .whatsup-more__media:last-of-type {
        margin-bottom: 0;
    }
    .whatsup-more__media-item {
        justify-content: center;
        order: 2;
        height: auto;
    }
    .whatsup-more__media-item-big {
        order: 1;
        height: auto;
    }
    .whatsup-more__media-item-big img {
        margin-top: 85px;
    }
    .whatsup-more__media-item-big-s img {
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 480px) { 
    .whatsup-more {
        margin: 0 -20px;
    }
}

/* whatsup animation */
.whatsup-anim {
    display: flex;
    gap: 2%;
}
.whatsup-anim__media {
    min-width: 49%;
    border-radius: 28px;
}
.whatsup-anim__media video {
    width: 100%;
    border-radius: 28px;
}
.whatsup-anim__media img {
    width: 100%;
    object-fit: cover;
    border-radius: 28px;
}
.whatsup-anim__info {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 49%;
    border-radius: 28px;
}
.whatsup-anim__text {
    display: flex;
    margin: 0;
    font-size: 48px;
    line-height: 62px;
    color: #171717;
}
.scrolling-words-container {
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 600;
}

.scrolling-words-box {
    height: 4.5rem;
    overflow: hidden;
}

.scrolling-words-box ul {
    margin: 0 0.625rem;
    padding: 0;
    animation: scrollingWordsUp 4s infinite;
}

.scrolling-words-box ul li {
    padding-left: 10px !important;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    list-style: none;
    background: none !important;
    color: #72BF44;
}
.whatsup-anim--reverced .whatsup-anim__media {
    order: 2;
}
.whatsup-anim--reverced .whatsup-anim__info {
    order: 1;
}
@keyframes scrollingWordsUp {

    15%,
    25% {
        transform: translateY(-20%);
    }

    40%,
    50% {
        transform: translateY(-40%);
    }

    65%,
    75% {
        transform: translateY(-60%);
    }

    90%,
    100% {
        transform: translateY(-80%);
    }
}
@media screen and (max-width: 991px) {
    .whatsup-anim__text {
        font-size: 36px;
    }
    .scrolling-words-box ul li {
        font-size: 36px;
        line-height: 42px;
    }
}
@media screen and (max-width: 767px) {
    .whatsup-anim {
        flex-direction: column;
        gap: 20px;
    }
    .whatsup-anim__info {
        padding: 140px 0;
    }
    .scrolling-words-box ul li {
        line-height: 40px;
    }
    .whatsup-anim--reverced .whatsup-anim__media {
        order: 1;
    }
    .whatsup-anim--reverced .whatsup-anim__info {
        order: 2;
    }
}
@media screen and (max-width: 576px) {
    .whatsup-anim__info {
        padding: 70px 0;
    }
}

/* fancy card gallery */
.fancy-card__gallery .advantages-ca__body {
    display: flex;
    gap: 2%;
    margin-top: 0;
    border-radius: 24px;
    background-color: #72BF44;
}
.fancy-card__gallery .fancy-card__gallery-media {
    min-width: 32%;
    margin: 61px 0;
    padding-left: 53px;
}
.fancy-card__gallery  .advantages-ca__row {
    min-width: 66%;
    margin: 0;
}
.fancy-card__gallery .advantages-ca__col {
    padding: 8px;
    border-radius: 8px;
}
.fancy-card__gallery .product-card__media {
    height: 100%;
    margin-bottom: 0;
}
.fancy-card__gallery .product-card__media img {
    height: 100%;
    object-fit: cover;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.fancy-card__gallery .advantages-ca__list {
    padding-top: 105px;
}
.fancy-card__gallery .advantages-ca__carousel-control {
    top: 40px;
}
.fancy-card__gallery .advantages-ca__carousel-control:first-of-type {
    right: 130px;
    left: auto;
}
.fancy-card__gallery .advantages-ca__carousel-control:last-of-type {
    right: 75px;
}
.fancy-card__gallery .advantages-ca__carousel-view {
    margin: 0;
}
.fancy-card__gallery .advantages-ca__list-item {
    width: 412px;
    height: 376px;
}
@media screen and (max-width: 1400px) {
    .fancy-card__gallery .advantages-ca__body {
        gap: 1%;
    }
    .fancy-card__gallery .fancy-card__gallery-media {
        min-width: 29%;
        margin: 90px 0;
    }
    .fancy-card__gallery  .advantages-ca__row {
        min-width: 70%;
    }
}
@media screen and (max-width: 1200px) {
    .fancy-card__gallery .advantages-ca__body {
        align-items: center;
        gap: 2%;
    }
    .fancy-card__gallery .fancy-card__gallery-media {
        min-width: 30%;
        margin: 24px 0;
        padding-left: 27px;
    }
    .fancy-card__gallery  .advantages-ca__row {
        min-width: 68%;
    }
    .fancy-card__gallery .advantages-ca__carousel-view {
        min-height: auto;
    }
    .fancy-card__gallery .advantages-ca__list {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .fancy-card__gallery .advantages-ca__list-item {
        min-width: 340px;
        width: 340px;
        height: 312px;
    }
}
@media screen and (max-width: 991px) {
    .fancy-card__gallery .fancy-card__gallery-media {
        min-width: 34%;
    }
    .fancy-card__gallery  .advantages-ca__row {
        min-width: 64%;
    }
    .fancy-card__gallery .advantages-ca__list-item {
        padding: 10px !important;
    }
}
@media screen and (max-width: 767px) {
    .fancy-card__gallery .advantages-ca__body {
        display: block;
        height: 546px;
        margin-bottom: 230px;
    }
    .fancy-card__gallery .fancy-card__gallery-media {
        min-width: 100%;
        margin: 0;
        padding: 27px;
        text-align: center;
    }
}
@media screen and (max-width: 480px) {
    .fancy-card__gallery .advantages-ca__body {
        margin-bottom: 210px;
    }
    .fancy-card__gallery .advantages-ca__list {
        gap: 0;
        padding: 0 10px;
    }
}

/* cta campaign */
.cta-campaign__body {
    display: flex;
    align-items: center;
    gap: 2%;
}
.cta-campaign__info {
    min-width: 63%;
}
.cta-campaign__title {
    margin: 0 0 16px !important;
}
.cta-campaign__text {
    margin-bottom: 16px;
}
.cta-campaign__actions {
    display: flex;
    gap: 12px;
}
.cta-campaign__media {
    min-width: 35%;
    text-align: right;
}
.cta-campaign--reverced .cta-campaign__info {
    order: 2;
}
.cta-campaign--reverced .cta-campaign__media {
    order: 1;
}
@media screen and (max-width: 991px) {
    .cta-campaign__info {
        min-width: 58%;
    }
    .cta-campaign__media {
        min-width: 40%;
    }
}
@media screen and (max-width: 768px) {
    .cta-campaign__body {
        flex-direction: column;
    }
    .cta-campaign__info {
        order: 2;
    }
    .cta-campaign__text {
        margin-bottom: 34px;
    }
    .cta-campaign__media {
        order: 1;
        margin-bottom: 24px;
        text-align: center;
    }
}
@media screen and (max-width: 576px) {
    .cta-campaign__title {
        margin: 0 0 24px !important;
    }
    .cta-campaign__text {
        margin-bottom: 32px ;
    }
    .cta-campaign__actions {
        flex-direction: column;
    }
    .cta-campaign__actions .button {
        width: 100%;
    }
    .cta-campaign__media {
        margin-bottom: 32px;
    }
}

/* header customize */
#header #mainMenu nav>ul>li>a {
    text-transform: initial;
    font-family: "Roboto", sans-serif !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    align-content: center;
}

/* mobile header customize */
#header #mainMenu:not(.menu-overlay) nav>ul>li>a {
    width: 87%;
}
#header #mainMenu:not(.menu-overlay) .mega-menu-item.hover-active::before {
    transform: rotate(270deg);
}
#header #mainMenu:not(.menu-overlay) nav > ul > li:hover > a {
    color: #000 !important;
} 
#header #mainMenu:not(.menu-overlay) .mega-menu-item.active > a {
    color: #72bf44 !important;
}
@media screen and (max-width: 991px) {
    #header #mainMenu {
        padding-right: 26px;
    }
    #header #mainMenu:not(.menu-overlay) nav>ul li>.dropdown-menu {
        margin: 0 !important;
    }
}

/* pricing main */
.pricing-main {
    display: flex;
    gap: 2%;
}
.pricing-main__info {
    min-width: 28%;
}
.pricing-main__items {
    min-width: 70%;
}
.pricing-main__title {
    margin: 0 0 16px !important;
}
.pricing-main__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.pricing-main__item {
    padding: 0 16px;
    border-left: 1px solid #E5E5E5;
}
.pricing-main__item:first-of-type {
    border: none;
}
.pricing-main__item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 16px;
}
.pricing-main__item-head-title {
    margin: 0 !important;
    white-space: break-spaces;
    word-break: break-word;
}
.pricing-main__item-tag {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    word-break: break-all;
    padding: 4px 12px;
    color: #72BF44 !important;
    background: #E3F2DA;
    border-radius: 24px;
}
.pricing-main__item-text {
    margin-bottom: 24px;
}
.pricing-main__item .button {
    width: 100%;
    margin-bottom: 24px;
    white-space: break-spaces;
    word-break: break-word;
}
.pricing-main__item-price {
    display: flex;
    align-items: baseline;
    margin-bottom: 64px;
}
.pricing-main__item-oldprice {
    margin-right: 8px;
    margin-bottom: 0;
    text-decoration: line-through;
}
.pricing-main__item-newprice {
    margin-bottom: 0 !important;
}
.pricing-main__item-month {
    margin-left: 8px;
    margin-bottom: 0;
    color: #A3A3A3 !important;
}
.pricing-main__item-customprice {
    margin-top: 8px !important;
    margin-bottom: 0;
}
.pricing-main__item-title {
    padding-bottom: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #4C7F2D !important;
    border-bottom: 1px solid #E5E5E5;
}
.pricing-main__item-info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.pricing-main__item-info img {
    margin-right: 15px;
}
.pricing-main__item-info p {
    margin-bottom: 0;
}
.pricing-main--2column .pricing-main__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 991px) { 
    .pricing-main {
        flex-direction: column;
    }
    .pricing-main__info {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 576px) { 
    .pricing-main__items {
        grid-template-columns: repeat(1, 1fr);
    }
    .pricing-main__item {
        margin-bottom: 20px;
        padding: 0;
        border: none;
        border-bottom: 1px solid #E5E5E5 !important;
    }
    .pricing-main__item:last-of-type {
        border: none !important;
    }
    .pricing-main--2column .pricing-main__items {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

/* features list */
.features-list__row {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);
}
.features-list__col {
    padding: 20px;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03)
}
.features-list__item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.features-list__col > .features-list__item:last-of-type {
    margin-bottom: 0;
}
.features-list__item-icon {
    margin-right: 20px;
}
@media screen and (max-width: 576px) {  
    .features-list__row {
        gap: 0;
        grid-template-columns: repeat(1, 1fr);
        padding: 20px 20px 0;
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03)
    }
    .features-list__col {
        padding: 0;
        box-shadow: none;
    }
    .features-list__col > .features-list__item:last-of-type {
        margin-bottom: 20px;
    }
}

/* carousel single cta */
.carousel-single--cta {
    position: relative;
}
.carousel-single--cta .carousel-single__inner {
    height: 390px;
}
.carousel-single--cta .carousel-single__arrows {
    bottom: 215px;
    max-width: 1370px;
}
.carousel-single--cta .carousel-single__control > .carousel-single__arrow {
    background: #FAFAFA;
    border: 1px solid #f5f5f5;
}
.carousel-single--cta .carousel-single__control.carousel-single__left {
    left: -22px;
}
.carousel-single--cta .carousel-single__control.carousel-single__right {
    right: -22px;
}
.carousel-single--cta .cta-main__body {
    height: 390px;
}
@media screen and (max-width: 1440px) {  
    .carousel-single--cta .carousel-single__control.carousel-single__left {
        left: 4px;
    }
    .carousel-single--cta .carousel-single__control.carousel-single__right {
        right: 4px;
    }
}
@media screen and (max-width: 992px) {  
    .carousel-single--cta .carousel-single__inner {
        position: initial;
        display: flex;
        flex-direction: inherit;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        height: auto;
        padding: 0 15px;
        gap: 16px;
    }
    .carousel-single--cta .cta-main--shadow {
        height: 100%;
        padding: 0;
    }
    .carousel-single--cta .cta-main__row {
        height: 100%;
    }
    .carousel-single--cta .carousel-single__inner::-webkit-scrollbar { 
        display: none;
    }
    .carousel-single--cta .carousel-single__control {
        display: none;
    }
    .carousel-single--cta .carousel-single__inner > .carousel-single__item {
        display: block;
        min-width: 95%;
        min-height: 100%;
    }
    .carousel-single--cta .cta-main__body {
        width: 100%;
        height: 100%;
    }
    .carousel-single--cta .cta-main__title,
    .carousel-single--cta .cta-main__description {
        white-space: break-spaces;
        word-break: break-word;
    }
    .carousel-single--cta .cta-main__actions {
        display: flex;
        gap: 12px;
    }
}
@media screen and (max-width: 576px) {  
    .carousel-single--cta .carousel-single__inner > .carousel-single__item {
        min-width: auto;
    }
    .carousel-single--cta .cta-main__body {
        width: 324px;
    }
    .carousel-single--cta .cta-main__actions {
        gap: 0;
    }
    .carousel-single--cta .carousel-single__arrows {
        display: none;
    }
    .carousel-single--cta .cta-main__actions {
        flex-direction: column;
    }
}

/* card tombstone */
.card-tombstone__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px 32px;
}
.card-tombstone__item {
    padding: 24px 16px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    text-align: center;
    transition: all 0.2s ease-out;
}
.card-tombstone__item:hover {
    border-color: #72BF44;
}
.card-tombstone__img {
    margin-bottom: 24px;
}
.card-tombstone__number {
    margin-bottom: 12px;
    white-space: break-spaces;
    word-break: break-all;
}
.card-tombstone__issue {
    margin-bottom: 24px;
}
.card-tombstone__tag {
    width: fit-content;
    margin: 0 auto 32px;
    padding: 2px 10px;
    border-radius: 24px;
    background-color: #F5F5F5;
}
.card-tombstone__tag--green {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #E3F2DA;
    color: #72BF44 !important;
}
.card-tombstone__tag--green svg {
    width: 20px;
    height: 20px;
    stroke: #72BF44;
}
.card-tombstone__title {
    margin-bottom: 36px !important;
}
.card-tombstone__allocator {
    margin-bottom: 16px;
}
.card-tombstone__date {
    margin-bottom: 0;
}
.card-tombstone__data-info {
    display: none;
}
.card-tombstone__hidden {
    display: none;
}
.card-tombstone--no-click .card-tombstone__item:hover {
    border-color: #E5E5E5;
}
@media screen and (max-width: 992px) {  
    .card-tombstone__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 576px) {  
    .card-tombstone__wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;
    }
}

/* card tombstone filters */
.tombstone__search {
    position: relative;
    margin-bottom: 48px;
}
.privileges__search {
    position: relative;
    margin-bottom: 24px;
}
.tombstone__search-input,
.privileges__search-input {
    width: 100%;
    height: 44px;
    padding: 8px 44px 8px 8px;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
}
.tombstone__search-input::placeholder,
.privileges__search-input::placeholder {
    color: #A3A3A3;
    opacity: 1;
}
.tombstone__search-input::-ms-input-placeholder,
.privileges__search-input::-ms-input-placeholder {
    color: #A3A3A3;
}
.tombstone__search-btn,
.privileges__search-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    cursor: pointer;
}
.tombstone__filters-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E5E5E5;
}
.tombstone__filters-header select {
    max-width: 240px;
    padding: 10px 12px;
    color: #171717;
}
.tombstone__filters-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 32px;
}
.tombstone__filters-checkbox-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.tombstone__filters-checkbox-wrap input {
    accent-color: #4aa912;
    margin: 0 12px 0 0;
    cursor: pointer;
}
.tombstone__filters-checkbox-wrap input:hover {
    opacity: 1 !important;
}
.tombstone__filters-checkbox-wrap p,
.tombstone__filters-checkbox-wrap label {
    margin-bottom: 0;
    cursor: pointer;
}
.tombstone__filters {
    margin-bottom: 24px;
    padding: 32px;
    background-color: #F1F5F9;
}
.tombstone__filters-toggle {
    display: flex;
    align-items: center;
}
.tombstone__filters-toggle > label:last-of-type {
    margin-bottom: 0;
    cursor: pointer;
}
.tombstone__filters-toggle p {
    margin-left: 12px;
    margin-bottom: 0;
}
.tombstone__filters-footer {
    text-align: right;
}
.tombstone__filters-footer .button {
    cursor: pointer;
}
.tombstone__filters-error p {
    display: none;
    color: #EF4444;
}
.tombstone__filters-noresult,
.privileges-card__noresult {
    display: none;
    text-align: center;
}
.tombstone__filters-noresult-img,
.privileges-card__noresult-img {
    margin-bottom: 48px;
}
.tombstone__filters-noresult-title,
.privileges-card__noresult-title {
    margin-bottom: 24px !important;
}
@media screen and (max-width: 992px) {  
    .tombstone__filters {
        flex-direction: column;
        align-items: flex-start;
        gap: 36px;
    }
}
@media screen and (max-width: 576px) {  
    .tombstone__filters-header select {
        width: 100%;
        max-width: 100%;
    }
    .tombstone__filters-body {
        flex-direction: column;
    }
}

/* switch toggle */
.switch-toggle {
    position: relative;
    display: inline-block;
    width: 26px;
    min-width: 26px;
    height: 16px;
    margin-bottom: 0;
}
.switch-toggle input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.switch-toggle__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .2s;
    transition: .2s;
}
.switch-toggle__slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}
input:checked + .switch-toggle__slider {
    background-color: #72BF44;
}
input:focus + .switch-toggle__slider {
    box-shadow: 0 0 1px #72BF44;
}
input:checked + .switch-toggle__slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.switch-toggle__slider.switch-toggle__round {
    border-radius: 34px;
}
.switch-toggle__slider.switch-toggle__round:before {
    border-radius: 50%;
}

/* investment card */
.investment-card__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 32px;
}
.investment-card {
    display: flex;
    padding: 32px;
    border-radius: 12px;
    background-color: #FAFAFA;
}
.investment-card__info {
    display: flex;
    flex-direction: column;
    padding-right: 48px;
}
.investment-card__title {
    margin-bottom: 46px !important;
}
.investment-card__text {
    margin-bottom: 46px;
}
.investment-card__info .button {
    width: fit-content;
    margin-top: auto;
}
.investment-card__media img {
    min-width: 210px;
}
@media screen and (max-width: 1200px) { 
    .investment-card__info {
        padding-right: 15px;
    }
    .investment-card__media img {
        min-width: 180px;
    }
}
@media screen and (max-width: 992px) {  
    .investment-card__row {
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;
    }
    .investment-card__info {
        padding-right: 24px;
    }
    .investment-card__media img {
        min-width: 210px;
    }
}
@media screen and (max-width: 576px) {  
    .investment-card {
        flex-direction: column;
    }
    .investment-card__info {
        order: 2;
        padding-right: 0;
    }
    .investment-card__title {
        margin-bottom: 32px !important;
    }
    .investment-card__text {
        margin-bottom: 32px;
    }
    .investment-card__media {
        order: 1;
        margin-bottom: 24px;
        text-align: center;
    }
}

/* loan calculator */
.loan-calculator {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px;
}
.loan-calculator__info-text {
    margin-bottom: 32px;
}
.loan-calculator input::-webkit-outer-spin-button,
.loan-calculator input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.loan-calculator input[type=number] {
    -moz-appearance: textfield;
}
.loan-calculator__item {
    margin-bottom: 32px;
}
.loan-calculator__item input {
    width: 100%;
    margin-bottom: 4px;
}
.loan-calculator__rate-number,
.loan-calculator__amount-number,
.loan-calculator__mounths-number,
.deposit-calculator__amount-number,
.deposit-calculator__rate-number,
.deposit-calculator__days-number,
.percentage-calc__months-number {
    padding: 10px 12px;
    font-size: 20px;
    color: #171717;
    font-weight: 600;
    border: 1px solid  #E5E5E5;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.02);
}
/* === range commons === */
.loan-calculator input[type="range"] {
	position: relative;
	background: #fff0;
	overflow: hidden;
    width: 100%;
	color: #72BF44;
	--thumb-height: 30px;
	--track-height: 2px;
	--track-color: #E5E5E5;
	--brightness-hover: 100%;
	--brightness-down: 90%;
	--clip-edges: 0.125em;
}
.loan-calculator input[type="range"]:active {
	cursor: grabbing;
}
.loan-calculator input[type="range"]:disabled {
	filter: grayscale(1);
	opacity: 0.3;
	cursor: not-allowed;
}
/* === WebKit specific styles === */
.loan-calculator input[type="range"],
.loan-calculator input[type="range"]::-webkit-slider-runnable-track,
.loan-calculator input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
}
.loan-calculator input[type="range"]::-webkit-slider-runnable-track,
.loan-calculator input[type="range"]::-webkit-slider-thumb {
	position: relative;
}
.loan-calculator input[type="range"]::-webkit-slider-thumb {
	--thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
	--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
	--clip-bottom: calc(var(--thumb-height) - var(--clip-top));
	--clip-further: calc(100% + 1px);
	--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
		100vmax currentColor;
	width: var(--thumb-width, var(--thumb-height));
	background: url('../../../Portals/0/Images/Indicator.png') scroll no-repeat 50% 50%;
	box-shadow: var(--box-fill);
    border-radius: 50%;
	filter: brightness(100%);
	clip-path: polygon(
		100% -1px,
		var(--clip-edges) -1px,
		0 var(--clip-top),
		-100vmax var(--clip-top),
		-100vmax var(--clip-bottom),
		0 var(--clip-bottom),
		var(--clip-edges) 100%,
		var(--clip-further) var(--clip-further)
	);
}
.loan-calculator input[type="range"]:hover::-webkit-slider-thumb {
	filter: brightness(var(--brightness-hover));
	cursor: grab;
}
.loan-calculator input[type="range"]:active::-webkit-slider-thumb {
	filter: brightness(var(--brightness-down));
	cursor: grabbing;
}
.loan-calculator input[type="range"]::-webkit-slider-runnable-track {
	background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
		100% calc(var(--track-height) + 1px);
}
.loan-calculator input[type="range"]:disabled::-webkit-slider-thumb {
	cursor: not-allowed;
}
/* === Firefox specific styles === */
.loan-calculator input[type="range"],
.loan-calculator input[type="range"]::-moz-range-track,
.loan-calculator input[type="range"]::-moz-range-thumb {
	appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
}
.loan-calculator input[type="range"]::-moz-range-track,
.loan-calculator input[type="range"]::-moz-range-thumb,
.loan-calculator input[type="range"]::-moz-range-progress {
	background: #fff0;
}
.loan-calculator input[type="range"]::-moz-range-thumb {
	background: currentColor;
	border: 0;
	width: var(--thumb-width, var(--thumb-height));
	border-radius: var(--thumb-width, var(--thumb-height));
	cursor: grab;
}
.loan-calculator input[type="range"]:active::-moz-range-thumb {
	cursor: grabbing;
}
.loan-calculator input[type="range"]::-moz-range-track {
	width: 100%;
	background: var(--track-color);
}
.loan-calculator input[type="range"]::-moz-range-progress {
	appearance: none;
	background: currentColor;
	transition-delay: 30ms;
}
.loan-calculator input[type="range"]::-moz-range-track,
.loan-calculator input[type="range"]::-moz-range-progress {
	height: calc(var(--track-height) + 1px);
	border-radius: var(--track-height);
}
.loan-calculator input[type="range"]::-moz-range-thumb,
.loan-calculator input[type="range"]::-moz-range-progress {
	filter: brightness(100%);
}
.loan-calculator input[type="range"]:hover::-moz-range-thumb,
.loan-calculator input[type="range"]:hover::-moz-range-progress {
	filter: brightness(var(--brightness-hover));
}
.loan-calculator input[type="range"]:active::-moz-range-thumb,
.loan-calculator input[type="range"]:active::-moz-range-progress {
	filter: brightness(var(--brightness-down));
}
.loan-calculator input[type="range"]:disabled::-moz-range-thumb {
	cursor: not-allowed;
}
.loan-calculator__item-text {
    display: flex;
    justify-content: space-between;
}
.loan-calculator__result {
    display: flex;
    align-items: center;
}
.loan-calculator__result-row {
    width: 100%;
    padding: 64px 32px;
    border-radius: 12px;
    background-color: #fff;
}
.loan-calculator__result-title {
    margin-bottom: 32px;
    letter-spacing: 1px;
}
.loan-calculator__mounthly-payment,
.deposit-calculator__mounthly-payment {
    margin-bottom: 64px;
    color:#72BF44;
    text-align: center;
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -1.04px;
}
.loan-calculator__mounthly-wrapper {
    display: flex;
    justify-content: center;
}
.loan-calculator__mounthly-wrapper svg {
    margin-left: 10px;
}
.loan-calculator__result-total {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-bottom: 24px;
}
.loan-calculator__result-total > div > div {
    display: flex;
}
.loan-calculator__result-total > div > div p:last-child {
    margin-left: 6px;
}
.loan-calculator__result-footer {
    margin-top: 36px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .loan-calculator {
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;
    }
}
@media screen and (max-width: 576px) {
    .loan-calculator__result-total > div > div {
        flex-direction: column;
    }
    .loan-calculator__result-total > div > div p:last-child {
        margin-left: 0;
    }
    .loan-calculator__total-amount,
    .loan-calculator__interest-amount,
    .deposit-calculator__total-amount {
        margin-bottom: 4px;
    }
}

/* exchange rates */
.exchange-rate .exchange_tabs_wrapper input[type=radio] {
    display: initial !important;
    accent-color: #4aa912 !important;
}
.exchange-rate .exchange_tabs_wrapper label {
    background-color: transparent !important;
    color: #000 !important;
    min-width: auto !important;
    padding: 4px 5px !important;
    border: none !important;
}
.exchange-rate .exchange_tabs_wrapper tr {
    display: flex;
}
.exchange-rate .exchange_tabs_wrapper td {
    display: flex;
}
.exchange-rate .exchange_wrapper .Item {
    border-bottom: 1px solid #E5E5E5;
}
.exchange-rate .exchange_wrapper .Item:nth-child(3) {
    border-top: 1px solid #E5E5E5;
}
.exchange-rate .exchange_wrapper .Item > td {
    border-right: 1px solid #E5E5E5;
}
.exchange-rate .exchange_wrapper .Item > td:first-child,
.exchange-rate .exchange_wrapper .Item > td:last-child,
.exchange-rate .exchange_wrapper .Item > td:nth-child(3) {
    border-right: none;
}
.exchange-rate .exchange_wrapper .Item td:first-child, .exchange_wrapper .Item td:first-child {
    min-width: 35px;
    max-width: 35px;
}
.exchange-rate .exchange_wrapper .Header td {
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    text-transform: capitalize;
}
.exchange-rate .exchange_wrapper table .Header th {
    color: #404040;
}
@media screen and (max-width: 576px) {
    .exchange-rate .exchange_wrapper .Item td:first-child,
    .exchange-rate .exchange_wrapper .Item td:nth-child(3) {
        border-right: 1px solid #E5E5E5;
    }
    .exchange-rate .exchange_wrapper .Item > td {
        text-align: center;
    }
    .exchange-rate .exchange_wrapper .Item td:nth-child(2),
    .exchange-rate .exchange_wrapper .Item td:nth-child(3),
    .exchange-rate .exchange_wrapper .Item td:nth-child(4),
    .exchange-rate .exchange_wrapper .Item td:last-child {
        padding-left: 0;
        padding-right: 0;
    }
}

/* timeline slider */
.timeline-slider {
    position: relative;
    overflow: hidden;
}
.timeline-slider__wrapper {
    display: flex;
    transition: transform 0.6s ease;
}
.timeline-slider__item {
    flex: 0 0 33.4%;
    max-width: 33.4%;
}
.timeline-slider__item > div {
    position: relative;
    height: 470px;
    padding: 0 30px;
}
.timeline-slider__item > div:first-child {
    border-bottom: 1px solid #E5E5E5;
}
.timeline-slider__item ul li {
    margin-left: 0 !important;
    padding-left: 0 !important;
    background-image: none !important;
    list-style-type: disc !important;
}
.timeline-slider__item-icon {
    position: absolute;
    bottom: -45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
}
.timeline-slider__item-icon svg {
    display: block;
}
.timeline-slider__item-icon p {
    margin-bottom: 0;
}
.timeline-slider__wrapper .timeline-slider__item:nth-child(odd) .timeline-slider__item-info {
    display: flex;
    flex-direction: column;
}
.timeline-slider__wrapper .timeline-slider__item:nth-child(odd) .timeline-slider__item-info ul {
    margin-top: auto;
    padding-bottom: 100px;
}
.timeline-slider__wrapper .timeline-slider__item:nth-child(even) .timeline-slider__item-icon {
    top: -24px;
    bottom: auto;
}
.timeline-slider__wrapper .timeline-slider__item:nth-child(even) div:last-child {
    padding-top: 115px;
}
.timeline-slider__control {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 50px;
    transform: translateY(-50%);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    background: #FAFAFA;
    border: 1px solid #f5f5f5;
}
.timeline-slider__control:hover,
.timeline-slider__control:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}
.timeline-slider__control_left {
    left: 0;
}
.timeline-slider__control_right {
    right: 0;
}
@media screen and (max-width: 1400px) { 
    .timeline-slider__item > div {
        height: 510px;
    }
}
@media screen and (max-width: 1200px) { 
    .timeline-slider__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .timeline-slider__item > div {
        height: 440px;
    }
}
@media screen and (max-width: 992px) {  
    .timeline-slider {
        margin: 0 -15px;
    }
    .timeline-slider__wrapper {
        position: initial;
        display: flex;
        flex-direction: inherit;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        height: auto;
        padding: 0 0 50px;
    }
    .timeline-slider__wrapper::-webkit-scrollbar { 
        display: none;
    }
    .timeline-slider__control {
        display: none;
    }
    .timeline-slider__item ul li {
        white-space: break-spaces;
        word-break: break-word;
    }
    .timeline-slider__item > div {
        height: auto;
    }
    .timeline-slider__item > div:first-child {
        border: none;
    }
    .timeline-slider__wrapper .timeline-slider__item:nth-child(even) > div:last-child {
        padding-top: 0;
        border-bottom: 1px solid #E5E5E5;
    }
    .timeline-slider__wrapper .timeline-slider__item:nth-child(odd) > div:first-child {
        border-bottom: 1px solid #E5E5E5;
    }
    .timeline-slider__wrapper .timeline-slider__item:nth-child(even) .timeline-slider__item-icon svg:last-of-type {
        order: 1;
        transform: rotate(180deg);
    }
    .timeline-slider__wrapper .timeline-slider__item:nth-child(even) .timeline-slider__item-icon p {
        order: 3;
    }
    .timeline-slider__wrapper .timeline-slider__item:nth-child(even) .timeline-slider__item-icon svg:first-of-type {
        order: 2;
    }
    .timeline-slider__item-info {
        display: flex;
        flex-direction: column;
        height: 100% !important;
    }
    .timeline-slider__item-info .timeline-slider__item-icon {
        position: initial;
        order: 2;
        margin: 0 auto -45px;
    }
    .timeline-slider__item-info ul {
        order: 1;
    }
    .timeline-slider__wrapper .timeline-slider__item:nth-child(odd) .timeline-slider__item-info ul {
        padding-bottom: 0;
    }
    .timeline-slider__item ul li {
        margin-left: 5px !important;
    }
}
@media screen and (max-width: 576px) {  
    .timeline-slider {
        margin: 0 -20px;
    }
    .timeline-slider__item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* custom dropdown */
.custom-dropdown {
    position: relative;
    user-select: none;
    width: 270px;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #A3A3A3;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
}
.custom-dropdown:not(.custom-dropdown__is-active) {
    cursor: pointer;
}
.custom-dropdown:after {
    content:'';
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -3px;
    width: 12px;
    height: 7px;
    transition: all 0.2s ease-out;
    background: url("../../../Portals/0/Images/icons/tick-icon.svg");
}
.custom-dropdown.custom-dropdown__is-active:after {
    transform: rotate(180deg);
}
.custom-dropdown__list {
    list-style: none;
    margin: 0;
    padding: 16px;
    position: absolute;
    top: 46px;
    left: -1px;
    right: -1px;
    opacity: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08);
    overflow: scroll;
    overflow-x: hidden;
    pointer-events: none;
}
.custom-dropdown__list li {
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    background: none !important;
}
.custom-dropdown__is-active .custom-dropdown__list {
    z-index: 9;
    opacity: 1;
    pointer-events: auto;
    max-height: 420px;
}
.custom-dropdown__selected-names {
    line-height: 1;
}
.custom-dropdown__selected-names span {
    display: inline-block;
    max-width: 90px;
    margin-right: 2px;
    padding: 2px 6px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* privileges filter */
.privileges-card__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 32px;
}
.privileges-card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);
}
.privileges-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.privileges-card__header > div:last-child {
    display: flex;
    align-items: center;
}
.privileges-card__head-tag {
    width: fit-content;
    margin-right: 20px;
    padding: 6px 16px;
    border-radius: 4px;
    background-color: #F59E0B;
}
.privileges-card__head-tag p {
    margin: 0 !important;
}
.privileges-card__toggle {
    cursor: pointer;
}
.privileges-card__toggle-rotate {
    transform: rotate(180deg);
}
.privileges-card__body {
    margin-bottom: 20px;
}
.privileges-card__title {
    margin-bottom: 20px !important;
}
.privileges-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.privileges-card__tags p {
    margin: 0 !important;
    padding: 2px 10px;
    border-radius: 24px;
    background-color: #F5F5F5;
}
.privileges-card__footer {
    margin-top: auto;
}
.privileges-card__text {
    margin: 0 !important;
    overflow: hidden;
    transition: all 1s;
}
.privileges-card__text-limit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.privileges-card__alert {
    width: 100%;
    margin-bottom: 16px;
    padding: 12px 20px;
    border-radius: 6px;
    border: 1px solid #E5E5E5;
}
.privileges-card__alert p {
    margin: 0 !important;
}
.privileges-card__link-block {
    display: flex;
    justify-content: flex-end;
}
.privileges-card__link-block p {
    margin: 0 !important;
}
.privileges-card__link-block a {
    padding: 4px 0;
}
.privileges-card__hidden {
    display: none;
}
.privileges-card__data-info {
    display: none;
}
.privileges-filter {
    margin-bottom: 48px;
    padding: 32px;
    background-color: #F1F5F9;
}
.privileges-filter__body {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid #E5E5E5;
}
.privileges-filter__selects-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.privileges-filter__select-item > p {
    margin-bottom: 4px !important;
}
.privileges-filter__action {
    display: flex;
}
.privileges-filter__action .button_secondary {
    margin-right: 8px;
}
.privileges-filter__action .button {
    padding: 10px 20px !important;
    cursor: pointer;
}
.privileges-filter__body .tombstone__filters-checkbox-wrap  {
    margin-bottom: 0 !important;
}
.privileges-filter__body .tombstone__filters-checkbox-wrap  p {
    word-break: break-word;
}
.privileges-filter__body .tombstone__filters-checkbox-wrap input {
    min-width: 18px;
    height: 18px;
}
@media screen and (max-width: 1200px) {  
    .privileges-filter__selects-wrapper {
        gap: 8px;
    }
    .privileges-filter {
        padding: 24px 8px;
    }
}
@media screen and (max-width: 992px) {  
    .privileges-card__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .privileges-filter__selects-wrapper {
        gap: 24px;
    }
    .privileges-filter {
        padding: 32px;
    }
}
@media screen and (max-width: 767px) {  
    .privileges-card__wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }
    .privileges-filter__body {
        flex-direction: column;
        gap: 24px;
    }
    .privileges-filter__selects-wrapper {
        flex-direction: column;
        width: 100%;
    }
    .privileges-filter__selects-wrapper .custom-dropdown {
        width: 100%;
    }
}
@media screen and (max-width: 576px) {  
    .privileges-filter__action {
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }
    .privileges-filter__action .button_secondary {
        margin-right: 0;
    }
}

/* salary calculator */
.salary-calc__body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px;
}
.salary-calc__body > div:last-child {
    overflow: hidden;
}
.salary-calc__btns {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}
.salary-calc__btns div {
    width: 100%;
    padding: 9px 15px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    cursor: pointer;
}
.salary-calc__btns div p {
    margin-bottom: 0 !important;
}
.salary-calc__active-btn {
    background-color: #72bf44;
    border-color: #72bf44;
}
.salary-calc__active-btn p {
    color: #fff;
}
.salary-calc .tombstone__filters-checkbox-wrap input {
    min-width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
}
.salary-calc .tombstone__filters-checkbox-wrap {
    margin-bottom: 25px !important;
}
.salary-calc__socinput {
    margin-bottom: 25px;
}
.salary-calc__socinput > p {
    margin-bottom: 4px !important;
}
.salary-calc__socinput #sochow {
    width: 100%;
    padding: 10px 12px;
    font-size: 20px;
    color: #171717;
    font-weight: 600;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.02);
}
.salary-calc__socinput #sochow::-webkit-outer-spin-button,
.salary-calc__socinput #sochow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.salary-calc__socinput #sochow[type=number] {
    -moz-appearance: textfield;
}
.salary-calc__sort-title {
    margin-bottom: 20px;
}
.salary-calc__result-row {
    width: 100%;
    padding: 64px 32px;
    border-radius: 12px;
    background-color: #fff;
}
.salary-calc__mounthly-wrapper {
    display: flex;
    justify-content: center;
}
.salary-calc__mounthly-wrapper > div {
    margin-bottom: 64px;
    color:#72BF44;
    text-align: center;
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -1.04px;
}
.salary-calc__soctax {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .salary-calc__body {
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;
    }
}
@media screen and (max-width: 576px) {
    .salary-calc__btns {
        flex-direction: column;
        gap: 15px;
    }
}

/* map banner */
.map-banner {
    position: relative;
    width: 1400px;
    margin: 0 auto;
    margin-bottom: 85px;
}
.map-banner__info {
    position: absolute;
    bottom: -70px;
    right: 80px;
    max-width: 550px;
    padding: 24px;
    box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.09);
    border-radius: 12px;
    background-color: #fff;
}
@media screen and (max-width: 1400px) {  
    .map-banner {
        width: 100%;
    }
}
@media screen and (max-width: 992px) {  
    .map-banner {
        margin-bottom: 0;
    }
    .map-banner__info {
        position: static;
        max-width: 100%;
        padding: 20px;
        box-shadow: none;
    }
}

/* comparison table */
.comparison-table {
    width: 100%;
    margin-top: 20px;
}
.comparison-table thead,
.comparison-table tbody {
    display: block;
}
.comparison-table thead {
    position: sticky;
    top: 0;
    padding-top: 82px;
    background-color: #fff;
}
.comparison-table tbody tr {
    transition: all .2s linear;
}
.comparison-table tbody tr:hover {
    background-color: #f3f3f3;
}
.comparison-table tbody tr:first-of-type {
    background-color: transparent;
}
.comparison-table th,
.comparison-table td {
    width: 25%;
    padding: 24px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.comparison-table td:first-child {
    text-align: left;
}
.comparison-table td {
    text-align: center;
}
.comparison-table th {
    height: 1px;
    padding: 0 8px;
    border: none;
    vertical-align: top;
}
.comparison-table tbody {
    margin-top: 32px;
    overflow-y: auto;
}
.comparison-table tbody tr {
    display: inline-table;
    min-width: 100%;
}
.comparison-table tbody tr:first-child td {
    border: none;
}
.comparison-table td p {
    margin-bottom: 0 !important;
}
.comparison-table__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px !important;
    border-radius: 12px;
    border: 1px solid #E5E5E5 !important;
    transition: all .2s linear;
}
.comparison-table__card:hover {
    border: 1px solid #72BF44 !important;
}
.comparison-table__card .pricing-main__item-price {
    margin-bottom: 32px !important;
}
.comparison-table__card .pricing-main__item-tag {
    min-width: 120px;
}
.comparison-table__card .button {
    margin-bottom: 0 !important;
}
.comparison-table__card-footer {
    margin-top: auto;
}
.comparison-table__bottom-info {
    width: 50%;
    margin-top: 32px !important;
}
.comparison-mobile {
    display: none;
    flex-direction: inherit;
    gap: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
}
.comparison-mobile__item {
    min-width: 315px;
}
.comparison-mobile__title {
    margin-bottom: 16px !important;
}
.comparison-mobile__item .pricing-main__item-text {
    white-space: break-spaces;
    word-break: break-word;
}
.comparison-mobile__item .comparison-table__card {
    height: auto;
    min-height: 290px;
    margin-bottom: 45px;
    border: 1px solid #72BF44 !important;
}
.comparison-mobile__text-title {
    padding: 0 15px;
    margin-bottom: 25px !important;
}
.comparison-mobile__text-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 15px;
    border-bottom: 1px solid #E5E5E5;
}
.comparison-mobile__text-block p {
    max-width: 250px;
    margin-bottom: 0 !important;
    white-space: break-spaces;
    word-break: break-word;
}
.comparision-mobile-show {
    display: none;
}
@media screen and (max-width: 991px) { 
    .comparison-table__desktop {
        display: none;
    }
    .comparison-mobile {
        display: flex;
    }
    .comparison-table__bottom-info {
        width: 100%;
        margin-bottom: 16px !important;
    }
    .comparision-mobile-show {
        display: block;
    }
}

/* percentage calculator */
.percentage-calc__currency-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 32px;
}
.percentage-calc__currency-btn > div {
    padding: 6px 12px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.percentage-calc__currency-btn > div p {
    margin-bottom: 0 !important;
}
.percentage-calc__currency-active {
    border-color: #72bf44 !important;
    background-color: #72bf44 !important;
}
.percentage-calc__currency-active p {
    color: #fff !important;
}
.percentage-calc__body {
    margin-bottom: 35px;
}
.percentage-calc__amount {
    margin-bottom: 25px;
}
.percentage-calc__amount p {
    margin-bottom: 0 !important;
}
.percentage-calc__amount input {
    width: 100%;
    padding: 10px 12px;
    margin: 4px 0;
    font-size: 20px;
    color: #171717;
    font-weight: 600;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.02);
}
.percentage-calc__amount input::-webkit-outer-spin-button,
.percentage-calc__amount input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.percentage-calc__amount input[type=number] {
    -moz-appearance: textfield;
}
.percentage-calc__amount-minmax {
    display: flex;
    justify-content: space-between;
}
.percentage-calc__months-number {
    width: 100%;
}
.percentage-calc__info {
    height: 100%;
    padding: 32px;
    border-radius: 4px;
    background-color: #fff;
}
.percentage-calc__info-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.percentage-calc__info-item svg {
    min-width: 14px;
}
.percentage-calc__result {
    grid-column: 1 / -1;
    padding: 32px;
    border-radius: 4px;
    background-color: #fff;
}
.percentage-calc__result-body {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}
.percentage-calc__result-footer {
    display: flex;
    justify-content: flex-end;
}
@media screen and (max-width: 768px) {
    .percentage-calc__result-body {
        flex-direction: column;
    }
    .percentage-calc__info {
        order: 3;
    }
    .percentage-calc__result {
        order: 2;
    }
}

/* comparison table premium */
.comparision-desktop--premium .comparison-table {
    margin-top: 0;
}
.comparision-desktop--premium .comparison-table thead {
    background-color: #1C1C1E;
}
.comparision-desktop--premium .comparison-table thead th {
    padding: 30px 8px;
    background-color: #242424;
}
.comparision-desktop--premium .comparison-table thead th:first-child {
    padding-left: 24px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.comparision-desktop--premium .comparison-table thead th:last-child {
    padding-right: 24px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.comparision-desktop--premium .comparison-table thead th h5 {
    color: #fff;
}
.comparision-desktop--premium .comparison-table thead th p {
    color: #737373;
}
.comparision-desktop--premium .comparison-table__card {
    border: 1px solid #565656 !important;
}
.comparision-desktop--premium .comparison-table__card:hover {
    border: 1px solid #72BF44 !important;
}
.comparision-desktop--premium .pricing-main__item-newprice {
    color: #fff;
    white-space: break-spaces;
    word-break: break-word;
}
.comparision-desktop--premium .comparison-table tbody {
    border-radius: 12px;
    background-color: #242424;
}
.comparision-desktop--premium  .comparison-table tbody tr:hover {
    background-color: #2d2d2d;
}
.comparision-desktop--premium  .comparison-table tbody td p {
    color: #fff;
}
.comparision-desktop--premium .comparison-table tbody tr:first-child td,
.comparision-desktop--premium .comparison-table tbody tr td {
    border-bottom: 1px solid #565656;
}
.comparision-desktop--premium .comparison-table tbody tr:last-child td {
    border-bottom: none !important;
}
.comparision-desktop--premium .comparision-premium__tbody-title {
    background-color: #242424 !important;
}
.comparision-desktop--premium .comparision-premium__tbody-title td {
    padding-bottom: 0;
    border-bottom: none !important;
}
.comparision-desktop--premium .comparision-premium__tbody-title p {
    color: #72bf44 !important;
    letter-spacing: 1px;
}
.comparision-mobile--premium .comparison-mobile__item {
    border-radius: 12px;
    background-color: #242424;
}
.comparision-mobile--premium .comparison-mobile__title {
    margin-bottom: 26px !important;
    color: #fff;
}
.comparision-mobile--premium .comparison-mobile__item .comparison-table__card {
    margin: 12px 12px 45px;
}
.comparision-mobile--premium .pricing-main__item-head-title {
    color: #fff;
}
.comparision-mobile--premium .comparison-mobile__item .pricing-main__item-text {
    color: #737373;
}
.comparision-mobile--premium .comparison-table__card .pricing-main__item-price h3 {
    color: #fff;
}
.comparision-mobile--premium .comparison-mobile__text-title {
    margin-top: 20px;
    margin-bottom: 0px !important;
    color: #72bf44;
    white-space: break-spaces;
    word-break: break-word;
}
.comparision-mobile--premium .comparison-mobile__text-block {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 20px 15px;
    border-bottom: 1px solid #565656;
}
.comparision-mobile--premium .comparison-mobile__text-block:last-of-type {
    border-bottom: none !important;
}
.comparision-mobile--premium .comparison-mobile__text-block p {
    max-width: 100%;
    color: #fff;
}
.comparision-mobile--premium .comparison-mobile__text-block p:first-child {
    font-weight: 600 !important;
    color: #737373 !important;
}
.comparision-mobile--premium .comparison-table__card .pricing-main__item-price {
    white-space: break-spaces;
    word-break: break-word;
}

/* custom tooltip */
.custom-tooltip {
    display: inline-block;
    position: relative;
    text-align: left;
    cursor: pointer;
}
.custom-tooltip > svg {
    min-width: 14px;
}
.custom-tooltip p {
    color: #fff !important;
    white-space: break-spaces;
    word-break: break-word;
}
.custom-tooltip_icontext {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.custom-tooltip_icontext svg {
    min-width: 14px;
    margin-right: 7px;
}
.custom-tooltip_icontext p {
    margin-bottom: 0 !important;
}
.custom-tooltip .custom-tooltip__right {
    min-width: 390px;
    top: 50%;
    left: 100%;
    margin-left: 12px;
    transform: translate(0, -32px);
    padding: 10px 20px;
    color: #ffffff;
    background-color: #4a4a4a;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
    cursor: auto;
}
.custom-tooltip:hover .custom-tooltip__right {
    display: block;
}
.custom-tooltip .custom-tooltip__right i {
    position: absolute;
    top: 30px;
    right: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
}
.custom-tooltip .custom-tooltip__right i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: #4a4a4a;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
.custom-tooltip .custom-tooltip__left {
    min-width: 390px;
    top: 50%;
    right: 100%;
    margin-right: 12px;
    transform: translate(0, -32px);
    padding: 10px 20px;
    color: #ffffff;
    background-color: #4a4a4a;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
    cursor: auto;
}
.custom-tooltip:hover .custom-tooltip__left {
    display: block;
}
.custom-tooltip .custom-tooltip__left i {
    position: absolute;
    top: 30px;
    left: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
}
.custom-tooltip .custom-tooltip__left i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: #4a4a4a;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
.custom-tooltip .custom-tooltip__bottom {
    width: 330px;
    max-width: 340px;
    top: 30px;
    right: -2px;
    transform: translate(10%, 0);
    padding: 10px 20px;
    color: #ffffff;
    background-color: #4a4a4a;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
}
.custom-tooltip:hover .custom-tooltip__bottom {
    display: block;
}
.custom-tooltip .custom-tooltip__bottom i {
    position: absolute;
    bottom: 100%;
    right: 30px;
    margin-left: -12px;
    width: 24px;
    height: 12px;
    overflow: hidden;
}
.custom-tooltip .custom-tooltip__bottom i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: #4a4a4a;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

/* corporate cards */
.corporate-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.corporate-card {
    padding: 20px;
    border-radius: 15px;
}
.corporate-card__title {
    margin-bottom: 20px !important;
}
.corporate-card__media {
    text-align: right;
}
.corporate-card__media img {
    margin-right: -20px;
}
.corporate-cards--column2 {
    grid-template-columns: repeat(2, 1fr);
}
.corporate-card-banner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 46px;
    padding: 32px;
    border-radius: 15px;
    background-color: #323C46;
}
.corporate-card-banner > div:last-child {
    text-align: right;
}
.corporate-card-banner__title,
.corporate-card-banner p {
    margin-bottom: 20px !important;
    color: #fff;
}
.corporate-cards--secondary .corporate-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.corporate-cards--secondary .corporate-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto;
}
.corporate-cards--secondary .corporate-card__media img {
    margin-bottom: -20px;
}
.corporate-cards--secondary .animation__link {
    white-space: nowrap;
}
@media screen and (max-width: 991px) { 
    .corporate-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 768px) { 
    .corporate-cards {
        grid-template-columns: repeat(1, 1fr);
    }
    .corporate-card-banner {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    .corporate-card-banner > div:last-child {
        text-align: center;
    }
}

/* animation link */
.animation__link {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    font-size: 16px;
}
.animation__link svg {
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.animation__link:hover svg {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}
.animation__link-green,
.animation__link-green svg {
    color: #fff;
    fill: #fff;
}
.animation__link-green:hover {
    color: #72bf44;
}
.animation__link-green:hover svg {
    fill: #72bf44;
}

/* umbrella banner */
.umbrella-banner-wrapper .hero-centered__content {
    margin: 0 auto;
}
.umbrella-banner__row {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: -70px;
}
.umbrella-banner__col {
    flex: 20%;
    max-width: 20%;
    padding: 0 12px;
}
.umbrella-banner__col > div,
.umbrella-banner__col > a {
    display: flex;
    flex-direction: column;
    padding: 20px 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
}
.umbrella-banner__title {
    margin: 0 !important;
    color: #fff;
    white-space: break-spaces;
    word-break: break-word;
}
.umbrella-banner__info {
    margin: 0 !important;
    color: #fff;
    white-space: break-spaces;
    word-break: break-word;
}
.umbrella-banner__footer {
    margin-top: auto;
}
.umbrella-banner__footer a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px 6px 20px;
    font-size: 18px;
    color: #000;
    background-color: rgba(250, 250, 250, 0.6);
    border-radius: 44px;
}
.umbrella-banner__footer a span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    background-color: #72bf44;
    border-radius: 50%;
    transition: background-color 0.2s linear;
}
.umbrella-banner__footer a:hover span {
    background-color: #5F9F39;
}
.umbrella-banner__footer a span svg {
    min-width: 20px;
}
.umbrella-banner__box-01 {
    width: 128px;
    height: 350px;
    margin-top: 24px;
    transition: transform .1s linear;
}
.umbrella-banner__box-02 {
    width: 128px;
    height: 140px;
    margin-top: 24px;
    background-color:#E6E9FF;
    transition: transform .1s linear;
}
.umbrella-banner__box-02 .umbrella-banner__title {
    color: #000;
}
.umbrella-banner__box-02 .umbrella-banner__info {
    color: #737373;
}
.umbrella-banner__box-03 {
    width: 128px;
    height: 240px;
    margin-top: 24px;
    transition: transform .1s linear;
}
.umbrella-banner__box-01:hover,
.umbrella-banner__box-02:hover,
.umbrella-banner__box-03:hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
@media (max-width: 992px) {
    .umbrella-banner-wrapper .hero-centered__content {
        margin: 0 auto 20px;
    }
    .umbrella-banner__row {
        margin-top: 0;
    }
    .umbrella-banner__col {
        display: flex;
        justify-content: center;
        gap: 15px;
        flex: 100%;
        max-width: 100%;
    }
    .umbrella-banner__box-01,
    .umbrella-banner__box-02,
    .umbrella-banner__box-03 {
        max-width: 350px;
        height: 320px;
        margin-top: 15px;
    }
    .umbrella-banner-secondary .umbrella-banner__col {
        justify-content: center;
    }
}
@media (max-width: 576px) {
    .umbrella-banner-wrapper .hero-centered__links .button {
        width: inherit;
    }
    .umbrella-banner__box-01,
    .umbrella-banner__box-02,
    .umbrella-banner__box-03 {
        max-width: 250px;
        height: 240px;
    }
    .umbrella-banner__col {
        padding: 0;
    }
    .umbrella-banner__footer a {
        padding: 5px 5px 5px 15px;
        font-size: 14px;
    }
    .umbrella-banner__footer a span {
        height: 30px;
        width: 30px;
        min-width: 30px;
    }
}

/* umbrella media */
.umbrella-media {
    display: flex;
}
.umbrella-media__item {
    position: relative;
    width: 20%;
    height: 500px;
}
.umbrella-media__item:nth-of-type(2) {
    width: 60%;
    text-align: center;
    background: radial-gradient(32.24% 46.23% at 50% 50%, rgba(111, 191, 68, 0.08) 0%, rgba(230, 244, 222, 0.82843) 60%, #FFFFFF 100%);
}
.umbrella-media__item:last-child {
    text-align: right;
}
.umbrella-media__item img:last-child {
    position: absolute;
    bottom: 0;
    z-index: 99;
}
.umbrella-media__item img {
    transition: transform .1s linear;
}
.umbrella-media__item img:hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.umbrella-media__item:first-child img:last-child {
    right: -50px;
}
.umbrella-media__item:last-child img:last-child {
    left: -50px;
}
.umbrella-media__text {
    margin-top: 45px !important;
    margin-bottom: 24px !important; 
    font-weight: 400 !important;
}
.umbrella-media__title {
    font-size: 132px !important;
    line-height: 132px !important;
}
.umbrella-media .hero-centered__adt {
    margin-bottom: 24px !important;
}
@media (max-width: 992px) {
    .umbrella-media {
        flex-wrap: wrap;
        gap: 4%;
    }
    .umbrella-media__item {
        width: 48%;
        height: auto;
    }
    .umbrella-media__item:first-child {
        order: 1;
        text-align: right;
    }
    .umbrella-media__item:nth-of-type(2) {
        width: 100%;
        order: 3;
    }
    .umbrella-media__item:last-child {
        order: 2;
        text-align: left;
    }
    .umbrella-media__item img:first-child {
        margin-bottom: 20px;
    }
    .umbrella-media__item img:last-child {
        position: static;
    }
    .umbrella-media__text {
        margin-top: 25px !important;
        margin-bottom: 55px !important;
    }
    .umbrella-media__title {
        margin-bottom: 70px !important;
        font-size: 75px !important;
        line-height: 75px !important;
    }
}
@media (max-width: 576px) {
    .umbrella-media__item:nth-of-type(2) {
        background: radial-gradient(70.29% 49.6% at 50% 50%, rgba(111, 191, 68, 0.08) 0%, rgba(230, 244, 222, 0.82843) 44.9%, #FFFFFF 80%);
    }
}