/* html, body */
html,
body
{
margin:0;
padding:0;
background-color: #f2f2f2;
}
body
{
background-image: none;
background-color: #f2f2f2;
}
#uid1194 #id_menu
{
display: none!important;
}
img
{
max-width: 100%;
height: auto;
}
a
{
text-decoration:none;
transition: all 500ms;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
color: #000;
}
a:Hover,
a.active
{
color: #000;
}
b,
strong
{
font-weight: 700;
}
img
{
max-width: 100%;
height: auto;
border:0px;
}
h1
{
font-size: 2.6rem;
line-height: 1em;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
margin-bottom: 10px;
background: none;
padding:0;
color: #FFF;
}
h1 span
{
font-size: 1.6rem;
line-height: 1em;
color: #FFF;
}
.module .inner h1
{
text-transform: none;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 2.4rem;
line-height: 1em;
background: none;
padding: 0;
margin-bottom: 20px;
color: #1096d0;
}
#id_detail_header
{
width: 60%;
margin: 140px 20% 0 20%;
position: absolute;
}
#id_detail_header h1
{
font-size: 2rem;
text-align: left;
padding: 0;
}
#id_detail_header h1 span
{
font-size: 1.2rem;
}
.contact-header h3
{
display: inline-block;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 3.6rem;
text-transform: uppercase;
letter-spacing: .05em;
line-height: 1em;
margin-bottom: 55px;
padding: 0 14px;
margin-left: -7px;
background-position: left bottom;
background-size: auto;
}
h2 span
{
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 3.6rem;
text-transform: uppercase;
line-height: 1em;
color: #0f96ce;
}
h2.orange
{
color: #ff7300;
background-image: none;
padding: 0;
}
h3
{
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 1.8rem;
line-height: 1.4em;
margin-bottom:20px;
}
h4
{
font-size: 1.4rem;
font-weight: 700;
margin-bottom:20px;
}
h5
{
display: initial;
font-size: 3rem;
line-height: 1.4em;
letter-spacing: .1em;
padding-left: 120px;
background: none;
background-color: transparent;
border: none;
background-position: 0px 28px;
background-size: 100px 2px;
margin-bottom:20px;
}
h6
{
font-size: .75em;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
margin-bottom:30px;
}
p,
.module ul li
{
font-size: 1rem;
letter-spacing: .05em;
line-height: 1.6em;
margin-bottom: 30px;
}
.module ol
{
list-style:decimal;
margin: 0 0 20px 20px;
}
.module ol li
{
font-size: 1rem;
letter-spacing: .05em;
line-height: 1.6em;
}
.module .inner p/*,
.tx-utz-news img*/
{
max-width: 70%;
}
.fulltext,
.fulltext p
{
max-width: 100%!important;
}
.tx-utz-news .grid-item img
{
max-width: 100%;
}
.text-center
{
text-align: center;
max-width: 100%!important;
}
.text-right
{
text-align: right;
}
p.zitat
{
font-size: 1.8rem;
line-height: 1.4em;
margin-bottom:20px;
}
.overlay-wrapper
{
position: relative;
}
.overlay
{
position: absolute;
z-index: 99;
right: 0;
bottom: 0;
width: 30%;
padding: 20px 40px;
}
.overlay.overlay-top
{
top: 0!important;
}
.overlay.overlay-left
{
left: 0!important;
}
.overlay.overlay-centered
{
left: 0!important;
width: 90%;
padding: 20px 5%;
text-align: center;
}
.overlay.overlay-centered *
{
text-align: center;
}
.overlay *
{
color: #FFF;
}
.overlay.overlay-black *
{
color: #000!important;
}
.overlay p,
.left p,
.right p,
form p,
.grid-wrapper p
{
max-width: 100%!important;
}
p.highlight
{
color: #1096d0;
}
.grid-item p,
.contact p,
.skew-text .skew-text-inner p,
.inner-small p
{
max-width: 100%!important;
}
a span
{
display: none;
}
p.small
{
font-size: .95rem;
}
i
{
font-size: 1.2rem;
font-style: italic;
margin-bottom: 20px;
}
ul
{
list-style: none;
}
.only-mobile
{
display: none;
}
.not-mobile
{
display: block;
}
.module ul
{
list-style: square;
margin: 0 0 60px 20px;
}
.module ul li
{
margin-bottom: 5px;
}
.module ul li:last-child
{
margin-bottom: 0;
}
.module .inner p a
{
/*color: #9d9d9d;*/
text-decoration: underline;
}
.centered,
.centered *
{
text-align: center;
}
form span.required
{
display: none;
}
.btn,
form input[type="submit"],
form button,
.external-link
{
text-decoration: none!important;
display: inline-block;
font-size: .9rem!important;
letter-spacing: .1em!important;
font-weight: 600;
text-transform: uppercase;
color: #000!important;
line-height: 1.2em!important;
margin-bottom:10px;
padding:15px 30px!important;
border: none!important;
/*-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);*/
background: rgb(1,207,238);
background: -moz-linear-gradient(left,rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left,rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right,rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01cfee',endColorstr='#1096d0',GradientType=1);
transition: all 500ms;
}
.mauticform-button-wrapper .mauticform-button
{
display: inline-block!important;
font-weight: 600!important;
text-transform: uppercase!important;
margin-bottom:10px!important;
border: none!important;
background: rgb(1,207,238)!important;
background: -moz-linear-gradient(left,rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
background: -webkit-linear-gradient(left,rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
background: linear-gradient(to right,rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01cfee',endColorstr='#1096d0',GradientType=1)!important;
transition: all 500ms;
}
/*
form input[type="submit"]
{
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow-white.svg');
}
*/
.btn:Hover,
form input[type="submit"]:Hover,
form button:Hover,
.mauticform-button-wrapper .mauticform-button:Hover
{
color: #FFF!important;
background: #000!important;
}
p.indented
{
padding-left: 120px;
}
.fancybox-container
{
z-index: 9999999!important;
}
a.more
{
display: inline-block;
padding-right: 22px;
text-decoration: none!important;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
color: #1096d0;
position: relative;
}
a.more:Hover
{
color: #7f8082;
}
a.more:after
{
content: " ยป";
}
a.more span
{
display: inline-block;
}
a.more.more-plus span
{
display: none;
}
a.more.more-plus:after
{
content: none;
}
#id_search_field
{
display: none;
padding-top: 40px;
}
#id_search_field input
{
width: 100%;
border: none;
padding: 8px 0;
border-bottom: 1px solid #000;
}
.ce-intext.ce-left .ce-gallery
{
margin-right: 30px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.left
{
position: relative;
float: left;
width: 48%;
margin-right: 2%;
}
.right
{
position: relative;
float: right;
width: 48%;
margin-left: 2%;
}
.left.left-3-1,
.right.right-3-1
{
width: 31.33%;
}
.right.right-3-2,
.left.left-3-2
{
width: 64.33%;
}
.grid-wrapper
{
display: flex;
margin-left: -2%;
width: 104%;
margin-bottom: 20px;
}
.grid-three
{
position: relative;
width: 29.33%;
margin: 0 2% 20px 2%;
}
.grid-four
{
position: relative;
width: 23%;
margin: 0 2% 20px 2%;
}
.grid-four.grid-four-double
{
width: 46%;
}
.grid-five
{
position: relative;
width: 16%;
margin: 0 2% 20px 2%;
}
.grid-five.grid-five-double
{
width: 36%;
}
.circles-wrapper,
.teaser-wrapper
{
display: flex;
flex-wrap:wrap;
}
.teaser-wrapper
{
margin-left: -2%;
width: 104%;
}
.teaser-wrapper .teaser
{
width: 29.33%;
margin: 0 2%;
position: relative;
background-color: #FFF;
}
.teaser-wrapper-four .teaser
{
width: 23%;
margin: 0 1%;
-webkit-box-shadow:0px 0px 10px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
}
.teaser-wrapper-four a.teaser
{
z-index: 1;
transform-origin: center center;
transition: all 500ms ease;
}
.teaser-wrapper-four a.teaser:Hover
{
z-index: 10;
transform: scale(1.25);
}
.teaser-wrapper-four .teaser .teaser-content
{
padding: 10px;
}
.teaser-wrapper-four .teaser img
{
display: block;
}
.teaser-wrapper-four .teaser .teaser-content h4
{
font-size: 1rem;
margin: 0 0 5px 0;
line-height: 1.4em;
}
.teaser-wrapper-four .teaser .teaser-content p
{
font-size: .8rem;
max-width: 100%;
margin: 0;
}
.circles.three-circles
{
width: 26%;
}
.circles.four-circles
{
width: 22%;
margin: 30px 1%;
}
.arrows
{
float: left;
width: 7.33%;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/arrow-double.svg');
background-position: center center;
background-size: 70% auto;
}
.circle-wrapper
{
width: 100%;
padding-top: 100%;
position: relative;
background: #FFF;
border: 1px solid #7f8082;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.circle-wrapper .circle
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
}
.circle-wrapper .circle .circle-inner
{
width: 86%;
padding: 60px 7% 0 7%;
text-align: center;
}
.circle-wrapper .circle .circle-inner *
{
text-align: center;
}
.circle-wrapper .circle .circle-inner img
{
width: 100px;
height: auto;
margin-bottom: 20px;
}
.four-circles .circle-wrapper .circle .circle-inner
{
padding-top: 65px;
}
.four-circles span
{
font-size: .9rem;
color: #7f8082;
}
.four-circles h3
{
font-size: 1.8rem;
color: #1096d0;
}
/* ------------------------------------------------------------------------------------------------------------ */
.grid-three h4.ce-headline-center
{
font-size: 1.1rem;
background: #26a8d7;
color: #FFF;
padding: 15px;
box-sizing: border-box;
margin-bottom: 0;
}
.grid-three .ce-image.ce-center.ce-above
{
background: #FFF;
padding: 10px 0;
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_detail_bg
{
width: 100%;
height: 340px;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
/* ------------------------------------------------------------------------------------------------------------ */
.video-wrapper-wrapper
{
margin: 0 20px;
padding: 20px;
background-color: #ececee;
box-sizing: border-box;
}
.left .video-wrapper-wrapper,
.right .video-wrapper-wrapper
{
margin: 0;
padding: 20px;
}
.video-wrapper
{
padding-top: 56.25%;
height: 0;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
z-index: 1001;
background-color: #000;
border-radius: 10px;
position: sticky;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.video-wrapper video
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.video-text .skew-text
{
width: 100%;
left: 0;
margin: 0;
bottom: initial;
top:0;
z-index: 0;
position: relative;
margin-top: -100px;
}
.video-text .skew-text .skew-text-inner
{
padding-top: 160px;
}
.video-text .video-text-video-wrapper
{
/*position: absolute;
z-index:1001;*/
width: 62%;
margin-left: 8%;
}
.video-text .video-text-video-wrapper iframe
{
z-index:1001;
}
.skew-text.buttonslight .skew-text-inner .btn,
.skew-text.buttonslight .skew-text-inner .external-link,
#uid1202 .skew-text .skew-text-inner .btn,
#uid1211 .skew-text .skew-text-inner .btn,
#uid1213 .skew-text .skew-text-inner .btn,
#uid1202 .skew-text .skew-text-inner .external-link,
#uid1211 .skew-text .skew-text-inner .external-link,
#uid1213 .skew-text .skew-text-inner .external-link
{
background: #FFF;
}
.skew-text.buttonslight .skew-text-inner .btn:Hover,
.skew-text.buttonslight .skew-text-inner .external-link:Hover,
#uid1202 .skew-text .skew-text-inner .btn:Hover,
#uid1211 .skew-text .skew-text-inner .btn:Hover,
#uid1213 .skew-text .skew-text-inner .btn:Hover,
#uid1202 .skew-text .skew-text-inner .external-link:Hover,
#uid1211 .skew-text .skew-text-inner .external-link:Hover,
#uid1213 .skew-text .skew-text-inner .external-link:Hover
{
background: #000;
color: #FFF!important;
}
/* ------------------------------------------------------------------------------------------------------------ */
.flex-wrapper
{
display: flex;
flex-wrap:wrap;
}
.flex-wrapper .grid-item .grid-item-inner
{
margin: 20px!important;
height: calc(100% - 20px);
background-repeat: no-repeat!important;
}
.icon-teaser-wrapper
{
justify-content: center;
}
.icon-teaser-wrapper .icon-teaser
{
width: 23.33%;
margin: 0 5%;
text-align: center;
}
.icon-teaser-wrapper .icon-teaser *
{
text-align: center;
font-weight: 700;
}
.icon-teaser-wrapper .icon-teaser img
{
width: auto;
max-width: 100px;
margin: 0;
}
.content-slider
{
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
.slick-next
{
right: 20px;
}
.slick-prev
{
left: 20px;
z-index: 999;
}
.fifty
{
width: 48%;
margin: 0 1%;
}
.fifty h4
{
color: #ff7300;
}
.fifty p
{
max-width: 100%!important;
}
.fifty a.gothere
{
right: 20px;
bottom:20px;
}
.contentimage
{
max-width: 260px;
margin-bottom: 25px;
}
.contentandlink
{
padding: 0 30px 40px 0;
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_page
{
width:100%;
margin: auto;
}
#id_header
{
background: #FFF;
position: fixed;
top: 0;
width: 100%;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
z-index: 999;
}
.reduced #id_header
{
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
#id_header .inner
{
padding: 30px 0;
transition: all 500ms;
}
.reduced #id_header .inner
{
padding: 10px;
}
#id_header #id_ci
{
float: left;
/*width: 201px;*/
width: 240px;
height: 54px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* chartered-investment-xmas.png */
background-image: url('../images/chartered-investment.svg');
transition: all 500ms;
}
.reduced #id_header #id_ci
{
width: 180px;
/*width: 167px;*/
height: 54px;
}
#id_header #id_menu
{
float: right;
padding-top: 28px;
transition: all 500ms;
}
.reduced #id_header #id_menu
{
padding-top: 15px;
}
#id_header #id_menu ul li
{
float: left;
margin-left: 40px;
color: #205577;
}
/*
#id_header #id_menu ul li.language
{
background-position: left center;
background-repeat: no-repeat;
background-size: 20px;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/language.svg');
padding-left: 26px;
transition: all 500ms;
}
*/
#id_header #id_menu ul li.search a
{
width: 20px;
height: 20px;
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: 20px;
background-image: url('../images/search.svg');
transition: all 500ms;
}
#id_header #id_menu ul li a
{
position: relative;
display: inline-block;
font-size: .9rem;
font-weight: 700;
}
#id_header #id_menu ul li a:Hover,
#id_header #id_menu ul li a.active
{
color: #fb7322;
}
#id_header #id_menu ul li.c2a
{
margin-top: -8px;
}
#id_header #id_menu ul li.c2a a.btn
{
background: none!important;
border: none!important;
color: #fff!important;
background-image: none!important;
padding: 8px 12px!important;
background: rgb(0,103,84);
background: linear-gradient(90deg, rgba(16,150,208,1) 0%, rgba(1,207,238,1) 100%)!important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-transform: none!important;
}
#id_header #id_menu ul li.c2a a.btn:Hover
{
background: linear-gradient(90deg, rgba(251,115,34,1) 0%, rgba(251,115,34,1) 100%)!important;
}
#id_menu_btn
{
display: none;
position: absolute;
width: 40px;
height: 40px;
top:25px;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/menu.svg');
}
.menu-opened #id_menu_btn
{
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/close.svg');
}
/* ------------------------------------------------------------------------------------------------------------ */
.submenu
{
max-width: 1140px;
margin: auto;
}
.submenu *
{
text-align: center;
}
.submenu ul
{
text-align: center;
display: flex;
margin: 0;
padding: 0;
}
.submenu ul li
{
width: 100%;
display: inline;
font-size: .8rem;
margin: 0 2px;
}
.submenu ul li a
{
display: inline-block;
font-size: .9rem;
letter-spacing: .1em;
font-weight: 600;
text-transform: uppercase;
padding: 15px 0;
width: 100%;
transition: all 500ms;
background-color: #c3f3fa;
}
.submenu ul li a:Hover,
.submenu ul li a.active
{
background-color: #1096D0;
color: #000;
}
#id_access_policy
{
width: 90%;
max-width: 900px;
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_content
{
width:100%;
}
.module
{
position: relative;
padding: 60px 0 40px 0;
background-position: center top;
background-size: cover;
z-index: 2;
}
.corner
{
position: absolute;
bottom:0;
right: 0px;
width: 300px;
height: 300px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/corner.png');
transition: all 500ms;
}
#id_content_default
{
padding: 80px 0 0 0;
}
.index #id_content_default
{
padding: 80px 0 0 0;
}
#id_content_default.content-detail
{
padding: 50px 0 0 0;
}
.bottom-grey
{
height: 100px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #33383c;
}
#id_selection
{
position: absolute;
right: 0px;
top:10px;
z-index: 999;
width: 300px;
background: #FFF;
}
#id_selection #id_selection_btn
{
width: 100%;
box-sizing: border-box;
display: inline-block;
padding: 50px 20px 60px 46px;
color: #FFF;
font-weight: 600;
font-size: 1.6rem;
letter-spacing: .1em;
background-color: rgb(251, 115, 34);
background-position: left +46px bottom +15px;
background-repeat: no-repeat;
background-size: 200px;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow-white-thin.svg');
}
#id_selection #id_selection_btn:Hover
{
background-color: #1096D0;
background-position: right +26px bottom +15px;
}
#id_selection #id_selection_content
{
display: none;
box-sizing: border-box;
padding: 20px;
}
#id_selection #id_selection_content h4
{
font-size: 1rem;
margin-bottom: 5px;
padding-left: 26px;
}
#id_selection #id_selection_content ul
{
list-style: none;
margin: 0 0 10px 0;
}
#id_selection #id_selection_content ul li
{
margin: 0;
}
#id_selection #id_selection_content ul li a
{
color: #000;
font-size: .9rem;
display: inline-block;
padding: 2px 0 2px 26px;
background-position: left center;
background-size: 20px;
background-repeat: no-repeat;
background-image: url('../images/icons/clear.svg');
}
#id_selection #id_selection_content ul li a:Hover
{
color: rgb(251,115,34);
background-image: url('../images/icons/arrow.svg');
}
.skew-text
{
position: absolute;
z-index: 999;
top: -90px;
left: 20%;
width: 60%;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
#uid1042 .skew-text
{
background:#bf3eff;
}
.skew-text .skew-text-inner
{
padding: 60px 60px 60px 80px;
width: 100%;
box-sizing: border-box;
}
.skew-text .skew-text-inner h1
{
display: block!important;
}
.index .skew-text .skew-text-inner h1
{
display: none!important;
}
.skew-text .skew-text-inner .head-text
{
display: table-cell;
/*overflow:auto;*/
overflow: inherit;
}
.skew-text .skew-text-inner .head-text p
{
font-size: 1.25rem;
margin: 0;
}
.skew-text .skew-text-inner .head-text li
{
font-size: 1.25rem;
}
.skew-text .skew-text-inner .head-text h3 a:Hover
{
color: #FFF;
}
.skew-text .skew-text-inner .head-text h3 a.btn
{
background: rgb(251, 115, 34)!important;
color:#FFF!important;
}
.skew-text .skew-text-inner .head-text h3 a.btn:Hover
{
background: #000!important;
}
.skew-text .skew-text-inner span
{
display: table-cell;
font-size: .9rem;
font-weight: 700;
vertical-align: top;
padding: 15px 20px 0 0;
display: table-cell!important;
}
.index .skew-text .skew-text-inner span
{
display: none!important;
}
.skew-text .skew-text-inner span *
{
font-size: .85rem;
font-weight: 700;
letter-spacing: .1em;
}
.skew-text .skew-text-inner a.more
{
color: #000;
}
.skew-text .skew-text-inner a.more:Hover
{
color: #FFF;
}
.inner
{
position: relative;
width:1180px;
margin: auto;
}
.full
{
margin: auto;
width:1020px;
}
.module.module-header
{
height: 40vh;
padding: 0;
background-color: #f4f4f4;
min-height:320px;
}
.index .module.module-header
{
height: 70vh;
}
.module.module-header.module-header-small
{
height: 25vh;
}
.module.module-default
{
height: 60vh;
padding: 0;
}
.module.module-image
{
min-height: 80vh;
padding: 0;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/white.svg');
background-position: center 35px;
background-size: cover;
margin-top: -36px;
}
.module.module-header .inner
{
height: 100%;
}
.module.module-image .inner
{
padding: 0 0 200px 0;
height: 100%;
}
.module.grey-center
{
padding: 340px 0 0 0;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/grey-center.svg');
background-position: right top;
background-size: cover;
margin-top: -1px;
}
.module.grey
{
background: #000;
/*padding: 150px 0 120px 0;*/
}
.module.blue
{
padding-bottom: 0;
}
.module.blue .inner
{
background: #00486D;
padding: 80px 100px;
box-sizing: border-box;
}
.module.grey *,
.module.blue *
{
color: #FFF;
}
.module.no-padding,
.module.header
{
padding: 0;
}
.module.no-padding-bottom
{
padding-bottom: 0;
}
.module.header
{
padding-bottom: 200px;
}
.module.header .skew-text-wrapper
{
position: relative;
width: 100%;
}
.background-slider
{
width: 100%;
height: 60vh;
overflow: hidden;
}
.background-slider div
{
width: 100%;
height: 60vh;
padding: 0!important;
}
.background-slider .slide
{
position: relative;
width: 100%;
height: 60vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.background-slider .slide .slide-inner
{
position: relative;
width: 100%;
height: 60vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.index .background-slider,
.index .background-slider div,
.index .background-slider .slide,
.index .background-slider .slide .slide-inner
{
height: 70vh;
}
.background-slider.special-size,
.background-slider.special-size div,
.background-slider.special-size .slide,
.background-slider.special-size .slide .slide-inner
{
height: 50vh;
}
.background-slider .head-wrapper,
.header-headline-wrapper
{
position: absolute;
z-index: 999;
width: 100%;
height: auto;
text-align: center;
top:45%;
}
.header-headline-wrapper h1
{
text-align: center;
text-transform: uppercase;
color: #FFF;
font-size: 3.4rem;
letter-spacing: .5em;
text-shadow: 0px 0px 5px rgba(20,20,20, 1);
}
.index .background-slider .head-wrapper
{
top:45%;
}
.background-slider h2
{
text-align: center;
text-transform: uppercase;
color: #FFF;
font-size: 4rem;
letter-spacing: .5em;
text-shadow: 0px 0px 5px rgba(20,20,20, 1);
background-image: none!important;
}
.module.header img
{
width: 100%;
}
.inner-small
{
max-width: 60%;
margin: auto;
}
.inner-medium
{
max-width: 80%;
margin: auto;
}
.inner-small img
{
width: 100%;
height: auto;
margin-bottom: 30px;
}
.centered .inner-small,
.inner-small.centered
{
margin: auto;
}
.text-inner
{
padding: 30px 0 0 10%;
}
/* ------------------------------------------------------------------------------------------------------------ */
.flex-grid-wrapper,
.grid
{
position: relative;
max-width:1680px;
width: calc(100% + 40px);
margin: auto;
margin-left: -20px;
transition: all 500ms;
}
.flex-grid-wrapper.indizes,
.flex-grid-wrapper.teaser,
.flex-grid-wrapper.jobs
{
width: calc(100% + 20px);
margin-left: -10px;
}
.grid-sizer,
.grid-item
{
width: 33.33%;
}
.grid-item .grid-item-inner
{
background: #FFF;
border-bottom: 1px solid #7f8082;
margin: 20px;
background-size: contain;
}
.four .grid-item .grid-item-inner
{
border-bottom: none;
}
.grid-item.grid-item-highlight .grid-item-inner
{
background: #1096d0;
border-bottom: 1px solid #1096d0;
}
.grid-item.grid-item-highlight.grid-item-highlight-grey .grid-item-inner
{
background: #7f8082;
}
.grid-item.grid-item-highlight .grid-item-inner *
{
color: #FFF;
}
.grid-item.grid-item-highlight .grid-item-inner a.more
{
color: #FFF;
/*background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/arrow-right-white.svg');*/
}
.grid-item:nth-child(1n) .grid-item-inner
{
margin-top: 40px;
}
.grid-item:nth-child(2n) .grid-item-inner
{
margin-top: 140px;
}
.grid-item:nth-child(5n) .grid-item-inner
{
margin-top: 80px;
}
.grid-item:nth-child(4n) .grid-item-inner
{
margin-top: 100px;
}
.grid-item .grid-item-inner .grid-item-inner-content
{
padding: 15px;
transition: all 500ms;
}
.grid-item .grid-item-inner .grid-item-inner-content *
{
}
.grid-item .grid-item-inner p
{
margin-bottom: 20px;
}
.grid-item-video
{
position: relative;
width: 100%;
padding-top: 56.25%;
background-position: center center;
background-size: 105%;
transition: all 500ms;
}
.grid-item-video:Hover
{
background-size: 120%;
}
.grid-item-video .grid-item-video-inner
{
position: relative;
}
.grid-item-video .grid-item-video-inner .link
{
position: absolute;
padding: 20px;
bottom: 0;
}
.indizes-box
{
width: 25%;
display: flex;
}
.indizes-box .indizes-box-inner
{
width: 100%;
position: relative;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
margin: 10px;
padding: 20px;
transition: all 500ms;
}
.indizes-box:Hover .indizes-box-inner
{
background: #59a98b;
}
.job-box,
.filter
{
width: 33.33%;
display: flex;
}
.filter select
{
margin: 10px;
font-weight: 700;
}
.filter a
{
border-bottom: 1px solid #000;
padding: 10px 0;
margin: 0 10px;
width: 100%;
font-weight: 700;
}
.job-box .job-box-inner
{
width: 100%;
position: relative;
background: #00486D;
margin: 10px;
padding: 20px;
transition: all 500ms;
}
.job-box:Hover .job-box-inner
{
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
.indizes-box .indizes-box-inner *,
.job-box .job-box-inner *
{
color: #FFF;
}
.indizes-box .indizes-box-inner h3,
.job-box .job-box-inner h3
{
font-weight: 700;
text-transform: uppercase;
line-height: 1.2em;
margin-bottom: 40px;
}
.job-box .job-box-inner h3 span
{
font-size: 1rem;
display: inline-block;
position: relative;
bottom: 0;
}
.indizes-box .indizes-box-inner span,
.job-box .job-box-inner span
{
display: block;
position: absolute;
bottom: 20px;
}
.indizes-box.indizes-box-grey .indizes-box-inner
{
background-color: #FFF;
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/bgs/gradient-grey.svg');
min-height:140px;
}
.indizes-box-blank
{
position: relative;
display: flex;
width: 100%;
}
.indizes-box-blank .indizes-box-blank-info
{
position: absolute;
width: 100%;
text-align: center;
padding-top: 90px;
z-index: 99;
}
.indizes-box-blank .indizes-box-blank-info span
{
font-size: 1.2rem;
color: #7f8082;
font-style: italic;
}
.teaser-item
{
width: 25%;
}
.teaser-item h5
{
text-align: center;
font-weight: 700;
}
.teaser-item .teaser
{
display:block;
margin: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-top: 56%;
position: relative;
}
.teaser-item .teaser .teaser-item-inner
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
opacity: 0;
transition: all 500ms;
}
.teaser-item .teaser:Hover .teaser-item-inner
{
opacity: 1;
}
.teaser-item .teaser .teaser-item-inner .teaser-item-inner-centered
{
position: absolute;
left: 0;
bottom: 0;
right: 0;
width: 90%;
/*top: 50%;
transform: translateY(-50%);*/
padding: 0 5%;
top:0;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
.teaser-item .teaser .teaser-item-inner .teaser-item-inner-centered *
{
margin: 0;
}
.teaser-item .teaser .teaser-item-inner.video
{
opacity: 1;
background-size: 30% auto;
background-position: center center;
background-repeat: no-repeat;
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/play.svg');
transition: all 500ms;
}
.teaser-item .teaser:Hover .teaser-item-inner.video
{
background-size: 40% auto;
}
.teaser-item .teaser .teaser-item-inner *
{
text-align: center;
max-width: 100%;
color: #FFF;
}
.teaser-item .teaser .teaser-item-inner p
{
display: block;
margin-bottom: 0;
}
/* ------------------------------------------------------------------------------------------------------------ */
/*.frame-space-before-extra-small
{
height: 1rem;
}
.frame-space-before-small
{
height: 2rem;
}
.frame-space-before-medium
{
height: 3rem;
}*/
.frame-space-before-big
{
height: 4rem;
}
.frame-space-before-extra-big
{
height: 5rem;
}
/* ------------------------------------------------------------------------------------------------------------ */
.numbers-wrapper
{
display: flex;
flex-wrap: wrap;
align-content:stretch;
align-items: stretch;
}
.numbers
{
background: #FFF;
width: 18%;
box-sizing: border-box;
/*padding: 20px 10px 30px 10px;*/
margin: 0 1% 30px 1%;
text-align: center;
}
.numbers.smaller
{
display: flex;
align-items: center;
}
.numbers.numbers-big
{
width: 28%;
}
.numbers.numbers-double
{
width: 38%;
}
.numbers .numbers-outer
{
width: 100%;
padding-top: 100%;
position: relative;
background: #FFF;
}
.numbers .numbers-outer .numbers-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 40px 15px 15px 15px;
box-sizing: border-box;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
.numbers *
{
display: block;
text-align: center;
}
.numbers h3
{
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 3.8rem;
line-height: 1.2em;
color: #fb7322;
margin: 0;
}
.numbers.smaller h3
{
text-transform: uppercase;
font-size: 1.3rem;
line-height: 1.2em;
}
.numbers span
{
font-size: .9rem;
font-weight: 600;
letter-spacing: .1em;
text-transform: none;
}
.numbers span.small
{
font-weight: 400;
}
/* ------------------------------------------------------------------------------------------------------------ */
.ex-teaser
{
width: 100%;
min-height: 740px;
position: relative;
overflow: hidden;
}
.ex-teaser.ex-teaser-blue
{
min-height: 580px;
}
.ex-teaser .ex-image,
.ex-teaser .ex-pattern,
.ex-teaser .ex-darkgrey,
.ex-teaser .ex-textbox
{
position: absolute;
box-sizing: border-box;
}
.ex-teaser .ex-image
{
z-index: 60;
}
.ex-teaser .ex-darkgrey
{
z-index: 90;
background: #222;
padding: 50px 40px 30px 40px;
}
.ex-teaser .ex-darkgrey,
.ex-teaser .ex-darkgrey *
{
color: #FFF;
text-align: center;
}
.ex-teaser .ex-darkgrey img
{
width: 80%;
}
.ex-teaser .ex-image img
{
width: 100%;
}
.ex-teaser .ex-textbox
{
z-index: 80;
background: #FFF;
padding: 60px 5% 30px 5%;
/*-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);*/
}
.ex-teaser .ex-textbox .ex-c2a
{
position: absolute;
width: 70%;
text-align: center;
bottom: -30px;
}
.ex-teaser .ex-textbox .ex-c2a .btn
{
text-align: center;
margin: auto;
}
.ex-teaser .ex-pattern
{
z-index: 70;
}
.line
{
background: #FFF;
height: 1px;
margin: 25px 35%;
width: 30%;
}
.ex-teaser .ex-textbox p,
.ex-teaser .ex-textbox h2,
.ex-teaser .ex-textbox h3,
.ex-teaser .ex-textbox h4,
.ex-teaser .ex-textbox h5,
.ex-teaser .ex-textbox h6
{
color: #000;
}
.ex-teaser .ex-textbox
{
background: #FFF;
padding-top: 60px;
}
.ex-teaser .ex-textbox *
{
color: #000;
}
.ex-teaser.ex-teaser-blue .ex-textbox
{
background: #1096D0;
padding-top: 30px;
}
.ex-teaser.ex-teaser-blue .ex-textbox h4
{
color: #FFF;
font-size: 1.8rem;
letter-spacing: .05em;
font-weight: 400;
}
.ex-teaser.ex-teaser-blue .ex-textbox p,
.ex-teaser.ex-teaser-blue .ex-textbox h2,
.ex-teaser.ex-teaser-blue .ex-textbox h3,
.ex-teaser.ex-teaser-blue .ex-textbox h4,
.ex-teaser.ex-teaser-blue .ex-textbox h5,
.ex-teaser.ex-teaser-blue .ex-textbox h6
{
color: #FFF;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form select,
form textarea
{
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px 0;
border: none;
font-size: 1em;
border-bottom: 1px solid #000;
background: none;
color: #000;
margin-bottom: 20px;
box-sizing: border-box;
}
form textarea
{
height: 200px;
}
form select
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px 15px 15px 0;
box-shadow: none;
background-image:url('../images/select.svg');
background-position: right 10px center;
}
form ::-webkit-input-placeholder,
form ::-webkit-input-placeholder
{
color: #CCC;
}
form :-ms-input-placeholder,
form :-ms-input-placeholder
{
color: #CCC;
}
form ::placeholder,
form ::placeholder
{
color: #CCC;
}
form label span
{
margin-bottom: 0;
}
form .radio-checkbox-wrapper
{
margin: 5px 0;
}
form .radio-checkbox-wrapper label
{
display: inline-block;
position: relative;
padding-left: 35px;
margin: 0 10px 10px 0;
cursor: poRaleway;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float: left;
}
form .radio-checkbox-wrapper input
{
position: absolute;
opacity: 0;
cursor: poRaleway;
height: 0;
width: 0;
}
form .radio-checkbox-wrapper .checkmark
{
position: absolute;
top: -2px;
left: 0;
height: 25px;
width: 25px;
border: 1px solid #CCC;
background-color: #FFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: 500ms all;
}
form .radio-checkbox-wrapper .checkmark:after
{
content: "";
position: absolute;
display: none;
}
form .radio-checkbox-wrapper input:checked ~ .checkmark:after
{
display: block;
}
form .radio-checkbox-wrapper .checkmark:after
{
top: 5px;
left: 5px;
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #3DAE2B;
}
form .radio-checkbox-wrapper .checkmark.checkmark-checkbox
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
form .radio-checkbox-wrapper .checkmark.checkmark-checkbox:after
{
top: 4px;
left: 4px;
width: 17px;
height: 17px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.all
{
padding: 30px 0;
}
#mauticform_input_beschwerdeformularcharteredinvestment_datenschutzhinweis
{
font-size: .8rem;
}
.mauticform_wrapper
{
max-width: 100%!important;
margin: 0 0 20px 0!important;
}
.mauticform-row
{
margin-bottom: 10px!important;
}
.mauticform-errormsg
{
width: 100%;
margin: 0 0 0 0;
}
.right.right-3-1 .ce-textpic.ce-above
{
overflow: inherit;
}
.mauticinput::placeholder {
color: #999 !important;
}
/* ------------------------------------------------------------------------------------------------------------ */
.accordeon
{
list-style: none;
position: relative;
padding: 0!important;
margin: 0 0 1px 0;
}
.accordeon input[type=checkbox]
{
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.accordeon h4
{
padding: 15px 70px 15px 15px;
font-size: 1.2rem;
background-color: #fff;
border-bottom: 2px solid #26a8d7;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/arrow-top-lightblue.svg');
background-position: right +20px center;
background-repeat: no-repeat;
background-size: 30px;
margin: 0 0 0 0;
transition: all 500ms;
}
.accordeon div.accordeon-content
{
position: relative;
overflow: hidden;
/*max-height: 2000px;*/
background: #FFF;
opacity: 1;
transform: translate(0, 0);
margin-top: 0;
z-index: 2;
transition: all 0.25s ease-in-out;
padding: 0;
margin-bottom: 0;
}
.accordeon input[type=checkbox]:checked ~ div.accordeon-content
{
margin-top: 0;
max-height: 0;
opacity: 0;
padding-bottom: 0;
transform: translate(0, 50%);
}
.accordeon-content .accordeon-content-inner
{
padding: 20px 20px 0 20px;
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_footer
{
background: #282827;
}
#id_footer .inner
{
padding: 60px 0 40px 0;
}
#id_footer *
{
font-size: .9rem;
}
#id_footer ul li
{
margin: 0 0 10px 0;
}
#id_footer .footer-row
{
float: left;
width: 23%;
}
#id_footer .footer-row:first-child
{
width: 31%;
}
#id_footer .footer-row h4
{
font-size: 1.1rem;
}
#id_footer ul li a
{
}
#id_footer a:Hover
{
color: #1096D0!important;
}
#id_footer img
{
max-width: 80%;
height: auto;
margin-bottom: 20px;
}
#id_footer .inner .footer-row.align-right
{
text-align: right;
}
#id_footer .inner .footer-row.align-right img
{
width: 160px;
margin-top:-100px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.contact
{
float: left;
width: 33.33%;
margin-bottom: 100px;
}
.contact p
{
margin-bottom: 0;
}
.icon
{
display: inline-block;
color: #000;
font-weight: 800;
font-size: 1.2rem;
padding: 8px 0 8px 0;
/*background-position: left center;
background-size: 30px;*/
}
/*
.icon.phone
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/phone.svg');
}
.icon.email
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/email.svg');
}
.icon.form
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/form.svg');
}
.icon.phone:Hover
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/phone-over.svg');
}
.icon.email:Hover
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/email-over.svg');
}
.icon.form:Hover
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/form-over.svg');
}
*/
/* ------------------------------------------------------------------------------------------------------------ */
#btn_top
{
display: inline-block;
width: 40px;
height: 40px;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/arrow-top.svg');
background-size: 20px;
background-position: center center;
background-repeat: no-repeat;
border: none;
background-color: #02cfee;
position: fixed;
bottom: 10px;
right: 10px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
z-index: 999;
transition: all 500ms;
}
#btn_top:Hover
{
background-color: #01CFEE;
}
@media screen and (max-width: 1300px) {
.inner
{
width: 90%;
padding: 0 5%;
}
.skew-text
{
width: 90%;
left: 5%;
}
}
@media screen and (max-width: 1200px) {
.background-slider h2
{
font-size: 3rem;
letter-spacing: .2em;
}
.circle-wrapper .circle .circle-inner
{
padding: 40px 5% 0 5%;
}
.circle-wrapper .circle .circle-inner img
{
width: 60px;
}
.full,
.skew-text
{
width: 100%;
left: 0;
}
.overlay h2
{
font-size: 1.2rem;
}
.overlay
{
width: 45%;
}
#id_header #id_menu ul li
{
margin-left: 22px;
}
#id_header #id_menu ul li.c2a a.btn
{
padding: 5px 8px!important;
}
}
@media screen and (max-width: 1000px) {
#id_header #id_menu ul li
{
margin-left: 15px;
}
}
@media screen and (max-width: 900px) {
.hidehead
{
display: none;
}
#id_header #id_menu ul li.c2a
{
margin-top: 20px!important;
}
#id_header #id_menu ul li.c2a a.btn
{
display: inline;
padding: 10px!important;
}
.same-item h3,
.same-item h3 *
{
font-size: 1.2rem!important;
}
.reduced #id_header .inner #id_menu_btn
{
top:15px;
}
#id_menu_btn,
.only-mobile
{
display: block!important;
}
.indizes-box-blank .indizes-box-blank-info
{
position: relative;
padding-top: 0;
}
.not-mobile,
#btn_top,
.indizes-box.indizes-box-grey
{
display: none!important;
}
#id_header #id_ci,
.reduced #id_header #id_ci
{
width: 200px!important;
/*width: 167px;*/
height: 45px!important;
}
.flex-grid-wrapper.indizes,
.indizes-box .indizes-box-inner,
.job-box .job-box-inner
{
margin: 0 0 20px 0;
}
.skew-text,
.overlay
{
width: 100%;
left: 0;
bottom: 0;
padding: 0;
position: relative;
}
.numbers .numbers-outer
{
padding: 0;
}
.numbers .numbers-outer .numbers-inner
{
position: relative;
height: auto;
padding: 30px;
}
.overlay *
{
color: #000;
}
.skew-text .skew-text-inner
{
width: 90%;
padding: 70px 5% 30px 5%;
}
.ten-years
{
left: 10px;
top:-60px;
width: 120px;
height: 120px;
}
.skew-text .skew-text-inner .head-text,
.skew-text .skew-text-inner span
{
display: block;
}
.skew-text .skew-text-inner h1,
.skew-text .skew-text-inner h2
{
font-size: 1.8rem;
background-position: left 18px;
padding: 0;
background-image: none;
}
.skew-text .skew-text-inner h1 br,
.skew-text .skew-text-inner h2 br
{
display: none;
}
.ex-teaser *
{
position: relative!important;
width: 100%!important;
left: 0!important;
bottom: 0!important;
}
.btn
{
width: 100%;
padding: 15px 10px!important;
box-sizing: border-box;
text-align: center;
}
.ex-teaser .ex-pattern
{
display: none;
}
.video-text .video-text-video-wrapper
{
width: 90%;
margin-left: 5%;
}
.numbers
{
float: none;
width: 100%!important;
}
#id_content_default
{
padding-top: 15px;
}
.module .inner p
{
max-width:100%;
}
.module.header
{
padding: 0!important;
}
.module.header h1
{
font-size: 1.4rem;
bottom: 10%;
width: 100%;
}
.filter select,
.filter a
{
margin: 0;
}
#id_detail_header
{
width: 80%;
margin: 40px 10% 0 10%;
}
#id_detail_header h1
{
position: relative;
bottom: 0;
}
.text-inner
{
padding: 0;
}
.module.blue .inner
{
padding: 20px;
}
.corner
{
width: 220px;
height: 220px;
}
#id_header #id_menu
{
display: none;
float: none;
padding-top: 0;
clear: both;
width: 100%;
padding-top:30px;
}
#id_header #id_menu ul li
{
float: none;
text-align: left;
margin: 0 0 10px 0;
width: 100%;
display: inline-block;
}
.grid-wrapper
{
display: block;
margin-left: 0;
width: 100%;
}
.grid-three,
.grid-four,
.grid-four.grid-four-double,
.grid-five,
.grid-five.grid-five-double
{
width: 100%;
margin: 0 0 20px 0;
}
#id_header #id_menu ul li a
{
font-size: 1.4rem;
}
.contentandlink
{
padding: 0;
}
h1,
h2,
h2 span
{
font-size: 1.6rem;
letter-spacing: inherit;
}
h2
{
margin-bottom: 30px;
}
.background-slider h2
{
font-size: 1.8rem;
}
h3
{
font-size: 1.2rem;
line-height: 1.4em;
}
h5
{
font-size: 2rem;
line-height: 1.2em;
}
.module.module-image
{
margin-top: 0;
}
.module.module-image .inner
{
padding-bottom: 40px;
}
.module.grey-center
{
padding: 40px 0;
background-image: none;
background: #34393d;
}
.inner-small,
.inner-medium
{
width: 90%;
padding: 0 5% 0 5%;
}
.only-mobile
{
display: block!important;
}
.module.module-image
{
background-size: contain;
}
.grid,
#id_page,
#id_main,
#id_header,
#id_content,
#id_footer,
.inner .inner-small,
.inner .inner-medium,
.grid-item,
.footer-row,
.contact,
.indizes-box,
.filter,
.job-box,
.flex-grid-wrapper,
.teaser-item,
.icon-teaser,
.full
{
float: none!important;
width: 100%!important;
padding: 0!important;
margin-left: 0!important;
margin-right: 0!important;
max-width: 100%!important;
}
.btn,
form input[type="submit"]
{
padding-left: 0;
padding-top: 40px;
background-position: 0px 0px;
}
p.indented
{
padding: 0;
}
.contact
{
margin-bottom: 30px;
}
.flex-grid-wrapper,
.grid
{
margin: 0;
}
.grid-item .grid-item-inner,
.flex-wrapper .grid-item .grid-item-inner,
.flex-wrapper .grid-item,
.accordeon-wrapper
{
margin: 0 0 20px 0!important;
}
.module
{
width: 100%;
padding: 40px 0;
max-width: 100%;
}
.flex-wrapper
{
display: block;
}
.left,
.right
{
float: none!important;
width: 100%!important;
margin: 0 0 30px 0!important;
}
.circles-wrapper
{
display: block;
}
.circles
{
width: 80%;
margin: auto;
}
.arrows
{
float: none;
width: 80%;
height: 100px;
margin: auto;
background-size: auto 40%;
}
#id_footer ul li
{
display: block;
margin: 0 0 20px 0;
}
#id_footer .inner .footer-row
{
margin-bottom: 30px;
}
#id_footer .inner .footer-row.align-right
{
text-align: left;
}
#id_footer .inner .footer-row.align-right img
{
width: auto;
margin-top:0;
}
}
@media screen and (max-width: 760px) {
.background-slider h2
{
font-size: 1.6rem;
}
}
#gdpr-cookie-message
{
background: rgb(1,207,238)!important;
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%)!important;
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
}
#gdpr-cookie-message button
{
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
padding: 10px 20px!important;
font-weight: 700;
text-transform: uppercase;
}
#gdpr-cookie-accept
{
background: #282827!important;
color: #FFF!important;
}
#gdpr-cookie-message button:Hover
{
background: #c3f3fa!important;
color: #000!important;
}
#gdpr-cookie-advanced
{
color: #CCC!important;
}
#id_content
{
padding-top: 50px!important;
}
.img-caption
{
font-size: .8rem;
}
#id_newsdetail h1
{
max-width: 70%!important;
font-size: 2rem;
}
#id_newsdetail h6
{
margin: 0;
padding: 4px 0;
}
#id_newsdetail_header,
#id_newsdetail_additional
{
margin-bottom: 40px;
}
#id_newsdetail_date
{
float: left;
width: 50%;
}
#id_newsdetail_social
{
float: right;
text-align: right;
width: 50%;
}
#id_newsdetail_social h6
{
color: #000;
}
#id_newsdetail_social ul
{
float: right;
list-style: none;
margin: 0;
}
#id_newsdetail_social ul li
{
float: left;
margin-left: 20px;
}
#id_newsdetail_social ul li a
{
display: block;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center center;
background-size: 24px;
}
#id_newsdetail_social ul li a.linkedin
{
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/linkedin.svg');
}
#id_newsdetail_social ul li a.email
{
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/share.svg');
}
#id_newsdetail_shortdescription
{
max-width: 70%;
background: #1096d0;
box-sizing: border-box;
padding: 30px 30px 120px 30px;
}
#id_newsdetail_shortdescription *
{
color: #FFF;
max-width: 100%;
}
#id_newsdetail_image
{
max-width: 70%!important;
margin: -100px 15% 0 15%;
}
.image-align-right
{
float: left;
margin: 0 30px 20px 0;
max-width: 40%;
}
#id_newsdetail p
{
max-width: 100%;
}
#uid162 .module.module-header
{
min-height: 340px;
height: 30vh;
}
#uid162 #id_content_default
{
padding-top: 20px;
}
#id_newsdetail_related
{
width: 102%;
margin-left: -1%;
padding: 10px;
display: flex;
flex-wrap: wrap;
}
#id_newsdetail_related .related
{
float: left;
width: 46%;
margin: 0 2% 60px 2%;
background: #1096d0;
box-sizing: border-box;
transition: all 500ms;
cursor: pointer;
position: relative;
}
#id_newsdetail_related .related:Hover
{
background: #fb7322;
}
#id_newsdetail_related img
{
display: block;
}
/*
#id_newsdetail_related .related .related-image
{
float: left;
width: 29%;
margin: -10px 1% 20px -20px;
}
#id_newsdetail_related .related .related-text
{
float: left;
width: 70%;
padding: 15px;
box-sizing: border-box;
}
*/
#id_newsdetail_related .related .related-image {
width: 29%;
margin: -10px 0 0 20px;
position: absolute;
}
#id_newsdetail_related .related .related-text {
padding: 15px;
box-sizing: border-box;
padding-left: 38%;
}
@media (max-width: 768px) {
#id_newsdetail_related
{
margin: 0;
padding: 0;
}
#id_newsdetail_related .related .related-image {
width: 100%;
margin: 0 0 10px 0;
position: relative;
padding: 10px;
box-sizing: border-box;
}
#id_newsdetail_related .related .related-image img {
width: 100%;
}
#id_newsdetail_related .related .related-text {
padding: 15px;
}
}
#id_newsdetail_related .related .related-text *
{
color: #FFF;
}
#id_newsdetail_related h6
{
margin-bottom: 8px;
}
#id_newsdetail_related .related .related-text h4
{
font-size: 1.1rem;
margin-bottom: 10px;
}
.tx-utz-news
{
width: 100%;
}
.tx-utz-news .grid-item h6
{
margin-bottom: 10px;
}
.tx-utz-news .grid-item h3
{
font-size: 1rem;
margin-bottom: 10px;
}
.tx-utz-news h1
{
font-size: 2rem;
}
@media (max-width: 900px) {
.tx-utz-news
{
width: 100%;
}
#id_newsdetail h1,
#id_newsdetail_shortdescription,
#id_newsdetail_image
{
max-width: 100%!important;
}
}
@media (max-width: 768px) {
.image-align-right
{
float: none;
margin: 0 0 20px 0;
max-width: 100%;
}
#id_newsdetail_related
{
width: 100%;
margin-left: 0;
}
#id_newsdetail_related .related
{
display: block;
width: 100%;
margin: 0 0 20px 0;
}
#id_newsdetail_related h6
{
font-size: .8rem;
}
#id_newsdetail_related .related .related-image,
#id_newsdetail_related .related .related-text
{
float: none;
width: 100%;
}
#id_newsdetail_related .related .related-text h4
{
font-size: 1.2rem;
}
}
.tagcloud-wrapper
{
max-width: 100%;
overflow-x: hidden;
}
.tagcloud-wrapper .tagcloud
{
margin: auto;
}
.tagcloud-wrapper,
.tagcloud-wrapper *
{
text-align: center;
}
.tagcloud-wrapper .tagcloud span
{
font-size: 2rem;
text-transform: uppercase;
color: #FFF;
font-weight: 700;
/*
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
color: #1096d0;
*/
/*
font-size: .9rem;
font-weight: 600;
color: #FFF;
display: inline-block;
background: #1096d0;
padding: 10px 20px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
*/
}
.module.fullscreen
{
left: 0;
top: 0;
width: 100%;
height: 70vh;
min-height: 500px;
}
.module.fullscreen video,
.module.fullscreen img
{
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.module .inner .skew-text-wrapper
{
position: relative;
width: 100%;
}
.module .inner .skew-text-wrapper .skew-text
{
left: 0;
width: 80%;
margin: 0 10%;
top:0;
}
.seventyfive-wrapper-wrapper
{
width: 35%;
position: absolute;
z-index: 1000;
}
.quadrat-wrapper,
.seventyfive-wrapper
{
position: relative;
padding-top: 85%;
height: 0;
overflow: hidden;
background-position: center center;
background-size: auto 100%;
}
.seventyfive-wrapper
{
background-size: auto 75%;
}
.same-wrapper
{
padding-top: 100%;
background-position: center center;
background-size: cover;
}
.quadrat-wrapper .quadrat-inner,
.seventyfive-wrapper .seventyfive-inner,
.same-wrapper .same-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.same-item
{
position: absolute;
width: 35%;
z-index: 1;
}
.same-item .btn
{
color: #000!important;
background: #fff!important;
}
.same-screen
{
position: absolute;
width: 38%;
z-index: 1;
width:20%;
height:54%;
top:17%;
left:21%;
box-sizing: border-box;
padding: 40px 20px 20px 20px;
text-align:center;
}
.same-screen *
{
text-align:center;
max-width: 100%!important;
}
.same-screen h4
{
color: #ff7300;
font-size: 1.8rem;
}
.same-screen *
{
font-size: .9rem;
color: #FFF;
}
.same-item h3,
.same-item h3 *
{
font-family: 'Montserrat',sans-serif,Tahoma,Arial,Verdana;
font-weight: 800;
font-size: 3rem;
letter-spacing: .05em;
line-height: 1em;
}
.same-item ol li
{
font-size: 0.9rem;
}
.same-item p
{
max-width: 100%!important;
}
.seventyfive-wrapper .seventyfive-inner
{
display: flex;
align-items: center;
justify-content: flex-end;
}
.seventyfive-wrapper .seventyfive-inner a
{
position: relative;
padding: 12px 40px 12px 20px;
background: #444;
color: #FFF;
font-size: 1.2rem;
font-weight: 600;
display: inline-block;
text-align: center;
margin-right: 30px;
}
.seventyfive-wrapper .seventyfive-inner a span
{
/*position: absolute;
top:-30px;
right: -30px;
width: 60px;
height: 60px;
background-color: #1096D0;
color: #FFF;
font-size: .7rem;
font-weight: 600;
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center bottom +10px;
background-repeat: no-repeat;
background-size: 50%;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow-white.svg');
box-sizing: border-box;
padding: 12px 8px 0 8px;*/
position: absolute;
top:-30px;
right: -30px;
width: 60px;
height: 60px;
background-color: #02cfee;
text-decoration: none!important;
color: #000!important;
font-size: .7rem;
font-weight: 600;
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center bottom +10px;
background-repeat: no-repeat;
background-size: 50%;
/* background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow.svg');*/
box-sizing: border-box;
padding: 12px 8px 0 8px;
}
video.bgvideo
{
position: absolute;
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.big-teaser-wrapper
{
background: #e3e4e6;
margin-bottom: 40px;
}
.big-teaser-wrapper .big-teaser-inner
{
padding: 120px 80px 80px 80px;
position: relative;
}
.big-teaser-wrapper .big-teaser-logo
{
position: absolute;
z-index: 9;
margin-top: -80px;
width: 100%;
text-align: center;
left: 0;
}
.big-teaser-wrapper .big-teaser-logo img
{
width: 22%;
background-color: #FFF;
padding: 20px;
}
.big-teaser-image-wrapper
{
position: relative;
padding-top: 63%;
height: 0;
overflow: hidden;
background-position: center center;
background-size: 100% auto;
margin-bottom: 20px;
}
.big-teaser-image-wrapper .big-teaser-image-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.big-teaser-image-wrapper .big-teaser-image-inner h4
{
text-transform: uppercase;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
margin-bottom: 0;
letter-spacing: .1em;
font-size: 1.6rem;
color: #FFF;
}
.big-teaser-image-wrapper .big-teaser-image-inner h3
{
font-size: 3.4rem;
line-height: 1.2em;
/*text-transform: uppercase;*/
padding: 0 30px;
color: #FFF;
text-align: center;
}
.big-teaser-content
{
padding: 10px 80px 0 60px;
position: relative;
}
.big-teaser-content p
{
max-width: 100%!important;
margin: 0;
}
.teaser-wrapper-three
{
padding-top: 40px;
}
.teaser-wrapper .teaser .number
{
position: absolute;
top:-40px;
left: 50%;
margin-left: -40px;
z-index: 10;
width: 80px;
height: 80px;
background-color: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.teaser-wrapper .teaser .number span
{
display: inline-block;
color: #FFF;
font-size: 2.8rem;
line-height: 1em;
font-weight: 600;
padding-bottom: 6px;
}
.parallax
{
position: relative;
width: 100%;
/*height: 65vh;*/
min-height: 700px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax .parallax-inner
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.parallax .parallax-standard-content
{
padding: 60px 0 100px 0!important;
margin: auto;
}
.parallax .parallax-standard-content h2
{
color: #FFF;
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
padding-left: 0;
}
.parallax .parallax-inner .content
{
height: 100%;
padding-top: 70px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
flex-direction: column;
}
.parallax .parallax-inner .group
{
position: absolute;
z-index: 9;
width: 22%;
background-color: #FFF;
padding: 20px;
top:0;
left: 0;
}
.parallax .parallax-inner h3
{
color: #FFF;
text-transform: uppercase;
font-size: 3.4rem;
letter-spacing: .3em;
line-height: 1.2em;
text-align: center;
}
.parallax .parallax-inner p
{
font-size: 1.2rem;
font-weight: 600;
color: #FFF;
max-width: 1100px;
text-align: center;
padding: 0 20px;
box-sizing: border-box;
}
.parallax .parallax-inner .gothere
{
position: relative;
}
.big,
.big p
{
font-size: 1.6rem;
line-height: 1.2em;
}
.big.linkedin
{
display: table;
font-weight: 600;
padding: 10px 45px 10px 0;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/linkedin.svg');
background-position: right center;
background-size: 30px;
}
canvas
{
position: fixed;
top: 0;
left: -2px;
width: 100vw;
height: 100vh;
outline: none;
pointer-events: none;
}
.dg.ac
{
display: none!important;
}
.highlight-box
{
background: #e3e4e6;
padding: 60px;
box-sizing: border-box;
max-width: 100%;
overflow-x: hidden;
}
.highlight-box .fifty img
{
width: 100%;
}
.highlight-box.highlight-box-white
{
background: #FFF;
}
.highlight-box.highlight-box-white h4
{
font-size: 1rem;
}
.highlight-box p
{
max-width: 100%!important;
}
.highlight-box-wrapper .highlight-box.highlight-box-white
{
padding-bottom: 160px!important;
}
.highlight-box-wrapper .highlight-box-image
{
width: 90%;
margin: -140px 5% 40px 5%;
}
.highlight-box-wrapper .highlight-box-image img
{
width: 100%;
}
#uid1194 .highlight-box.highlight-box-white
{
background: none;
padding: 0;
}
#uid1194 .highlight-box.highlight-box-white .fifty
{
width: 56%;
}
#uid1194 .highlight-box.highlight-box-white .fifty:first-child
{
width: 40%;
}
/*
.highlight-box.highlight-box-white p
{
font-size: 1rem;
line-height: 1.3em;
}
*/
/*
#uid1030 .highlight-box,
#uid1040 .highlight-box
{
background: none;
padding: 0;
}
*/
#uid1030 .highlight-box.highlight-box-grey,
#uid1040 .highlight-box.highlight-box-grey,
.highlight-box.highlight-box-grey
{
background: #1e2726!important;
}
.highlight-box.highlight-box-grey *
{
color: #fff;
}
.highlight-box.highlight-box-blue
{
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
.highlight-box.highlight-box-blue *
{
color: #FFF;
}
.highlight-box.highlight-box-blue h6
{
margin-bottom: 10px;
}
.numbers-blue .numbers h3
{
color: #02cfee!important;
}
.module.header.text-line,
.module.header.text-line .module.fullscreen
{
padding-bottom: 0;
}
#uid1030 .module.header,
#uid1030 .module.header .module,
#uid1040 .module.header,
#uid1040 .module.header .module
{
padding-bottom: 0!important;
}
.skew-line
{
position: absolute;
z-index: 50;
height: 20px;
left: 20%;
width: 60%;
bottom:0;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
.testimonial-wrapper .testimonial-inner p
{
color: #FFF;
font-weight: 400;
line-height: 1.5em;
max-width: 100%;
}
.highlight-box.highlight-box-grey .esg h3
{
color: #02cfee!important;
}
.esg .quadrat-wrapper
{
padding-top: 100%;
}
.flex-wrapper.esg
{
margin-bottom: 90px;
}
.flex-wrapper.esg .fifty
{
width: 46%;
margin: 0 2%;
}
.esg .quadrat-wrapper .quadrat-inner
{
display: flex;
align-content: center;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.esg .quadrat-wrapper .quadrat-inner img
{
padding: 20px;
background-color: #FFF;
max-width: 60%;
box-sizing: border-box;
}
.teaser-wrapper.teaser-wrapper-three p
{
max-width: 100%;
text-align: left;
font-size: .85rem;
line-height: 1.4em;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0;
}
.gothere
{
position: absolute;
bottom:0;
right: 0;
width: 60px;
height: 60px;
background-color: #02cfee;
text-decoration: none!important;
color: #000!important;
font-size: .7rem;
font-weight: 600;
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center bottom +10px;
background-repeat: no-repeat;
background-size: 50%;
/*background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow.svg');*/
box-sizing: border-box;
padding: 12px 8px 0 8px;
}
.gothere:Hover
{
}
/* ------------------------------------------------------------------------------------------------------------ */
.contact-header
{
align-items: flex-end;
}
.contact-header .headline-wrapper
{
width: 48%;
margin-right: 2%;
}
.contact-header .contact-selection
{
width: 48%;
margin-left: 2%;
}
.contact-bottom .contact-people
{
float: right;
width: 48%;
margin-left: 2%;
}
.contact-bottom .contact-form
{
float: left;
width: 48%;
margin-right: 2%;
}
.flex-column.two .box {
width: 46%;
margin: 0 2% 20px 2%;
}
.flex-column .box {
width: 29.33%;
margin: 0 2% 20px 2%;
}
.box {
width: 40%;
margin: 0 5% 100px 5%;
float: left;
background: #FFF;
box-sizing: border-box;
}
.box .box-inner {
padding: 20px 20px 0 20px;
box-sizing: border-box;
}
.box .box-inner img {
margin-bottom: 15px;
}
.box .box-inner p {
font-size: .85rem;
line-height: 1.4em;
max-width: 100%;
margin-bottom: 20px;
}
.box .box-inner a.highlight
{
padding: 4px 0 4px 30px;
background-repeat: no-repeat;
background-position: left center;
background-size: 20px;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/linkedin.svg');
}
.box .box-inner a.highlight span
{
display: none;
}
#id_form h2 {
font-size:1.8rem;
padding: 0;
background-image: none;
text-transform: none;
margin: 30px 0;
}
.contact-header .headline-wrapper *
{
display: block;
}
.icon
{
font-weight: 600;
display: block;
padding: 10px 0 10px 50px;
background-position: left center;
background-repeat: no-repeat;
background-size: 36px;
margin-bottom: 20px;
}
.icon.phone
{
background-image: url('../images/phone.svg');
}
.icon.mail
{
background-image: url('../images/mail.svg');
}
/* ------------------------------------------------------------------------------------------------------------ */
#bgmp4
{
position: fixed;
left: 0;
top:0;
width: 100%;
height: 100vh;
z-index: 0;
}
#bgmp4 video
{
width: 100%;
height: 100vh;
object-fit: cover;
}
/* ------------------------------------------------------------------------------------------------------------ */
.highlights *
{
text-align: center;
}
.highlights h3
{
font-family: 'Montserrat',sans-serif,Tahoma,Arial,Verdana;
font-weight: 800;
font-size: 3.8rem;
line-height: 1.2em;
color: #1096d0;
margin: 0 0 10px 0;
}
.highlights p
{
font-size: .9rem;
font-weight: 600;
letter-spacing: .1em;
line-height: 1.2em;
text-transform: none;
max-width: 100%!important;
margin-bottom: 0;
}
.highlight-left
{
width: 66%;
margin-right: 1%;
display: flex;
flex-wrap: wrap;
}
.highlight-wrapper
{
width: 102%;
margin-left: -1%;
display: flex;
flex-wrap: wrap;
}
.highlight-wrapper .highlight-item
{
width: 31.33%;
margin: 10px 1% 10px 1%;
background: #FFF;
padding: 30px;
box-sizing: border-box;
}
.highlight-right
{
width: 30%;
margin: 10px 0;
background: #FFF;
padding: 30px;
box-sizing: border-box;
}
.highlight-right h3
{
font-size: 2rem;
margin: 0 0 30px 0;
}
.highlight-right p
{
line-height: 1.2em;
max-width: 100%!important;
margin-bottom: 10px;
}
#uid1194 .highlight-right
{
background: #ff7300;
display: flex;
align-items: center;
justify-content: center;
}
#uid1194 .highlight-right *
{
color: #FFF;
}
/* ------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 900px) {
.contact-bottom .contact-people,
.contact-bottom .contact-form,
.flex-column.two .box
{
float: none;
width: 100%;
margin: 0 0 30px 0;
}
.box .box-inner {
padding: 20px;
}
.box .box-inner p {
margin: 0;
}
.skew-line
{
display: none;
}
.highlight-box
{
padding: 20px!important;
}
.ce-intext.ce-left .ce-gallery,
.ce-intext.ce-left .ce-bodytext
{
margin: 0 0 30px 0;
width: 100%;
}
.video-wrapper-wrapper
{
margin: 0;
padding: 0;
}
.parallax .parallax-inner p
{
font-size: 1rem;
line-height: 1.2em;
}
.seventyfive-wrapper-wrapper
{
width: 100%;
position: relative;
left: 0;
top: inherit;
bottom: inherit;
}
.quadrat-wrapper
{
position: relative;
padding-top: 0;
height: auto;
overflow:auto;
}
.quadrat-wrapper .quadrat-inner
{
position: relative;
height: auto;
}
.big-teaser-wrapper .big-teaser-inner
{
padding: 0;
}
.big-teaser-image-wrapper .big-teaser-image-inner h3,
.parallax .parallax-inner h3
{
font-size: 1.6rem;
line-height: 1.2em;
}
.teaser-wrapper
{
display: block;
}
.teaser-wrapper .teaser
{
margin: 0 0 60px 0;
width: 100%;
}
.module .inner .skew-text-wrapper .skew-text,
.seventyfive-wrapper-wrapper,
.fifty,
.flex-wrapper.esg .fifty,
#uid1194 .highlight-box.highlight-box-white .fifty,
#uid1194 .highlight-box.highlight-box-white .fifty:first-child
{
right: inherit!important;
left: 0!important;
bottom: inherit!important;
top: inherit!important;
width: 100%!important;
margin: 0;
padding: 0;
}
.highlight-box .fifty img
{
margin-bottom: 20px;
}
.seventyfive-wrapper-wrapper
{
margin: 30px 0 0 0;
}
.module
{
max-width: 100%;
overflow-x: hidden;
}
.index #id_content_default
{
padding: 0 0 0 0;
}
.big-teaser-wrapper
{
margin-top: 60px;
}
.big-teaser-wrapper .big-teaser-logo
{
margin-top: -40px;
}
.big-teaser-content
{
padding: 0 30px 20px 20px;
position: relative;
}
.parallax .parallax-inner .gothere
{
right: 20px;
bottom: 20px;
position: absolute;
}
.fifty .gothere
{
position: relative;
right: inherit!important;
bottom: inherit!important;
}
.same-item h4
{
font-size: 1rem;
margin-bottom: 5px!important;
}
.same-item p
{
font-size: .6rem;
line-height: 1.1em;
/*display: none;*/
}
.same-screen
{
width: 23%;
left:17%;
padding: 10px;
}
.same-screen h4
{
font-size: 1rem;
}
.highlight-left,
.highlight-wrapper
{
width: 100%;
margin:0;
display: block;
}
.highlight-wrapper .highlight-item
{
width: 100%;
margin: 0 0 10px 0;
}
.highlight-right
{
width: 100%;
margin: 0;
}
.testimonial-wrapper .testimonial-inner .big p
{
font-size: 1.2rem;
line-height: 1.4em;
}
}
.module-parallax-coulture .highlight-box.highlight-box-white img
{
max-width: 36%;
}
.module-parallax-coulture .highlight-box-testimonial
{
margin-bottom: 120px;
}
.module-parallax-coulture .highlight-box-testimonial p
{
color: #000;
}
.module-parallax-coulture .inner-medium
{
margin-top: -240px;
}
.module-parallax-coulture .same-wrapper
{
padding-top: 85%;
}
.module-parallax-coulture .same-item
{
top:12%;
left:54%;
}
@media screen and (max-width: 900px) {
.module-parallax-coulture .inner-medium
{
margin-top: -70px;
}
.testimonial-wrapper
{
padding: 25px 0 0 18px;
}
.testimonial-wrapper,
.testimonial-wrapper .testimonial-inner
{
background-size: 60px auto;
}
.module-parallax-coulture .same-item
{
top:25px;
left:54%;
}
.module-parallax-coulture .same-item h3
{
margin-bottom: 5px;
font-size: 1rem!important;
}
.module-parallax-coulture .same-item p
{
margin-bottom: 5px;
}
.testimonial-wrapper .testimonial-inner .big p
{
font-size: 1rem;
line-height: 1.4em;
}
.module-parallax-coulture .highlight-box.highlight-box-white img
{
max-width: 100%;
width: 100%;
}
}
.animated-lines
{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
outline: none;
pointer-events: none;
z-index: 0;
}
.animated-lines path
{
fill: none;
stroke: #ccc;
stroke-width: 0.5px;
vector-effect: non-scaling-stroke;
}
#id_footer {
z-index: 1;
position: absolute;
width: 100%;
}
.relright {
position: relative;
float: right;
}
#mauticform_wrapper_overallimpression .mauticform-innerform .mauticform-radiogrp-row
{
margin-bottom: 10px;
}
#mauticform_wrapper_overallimpression .mauticform-innerform .mauticform-row
{
margin-bottom: 30px!important;
}
#mauticform_wrapper_overallimpression form input[type="text"],
#mauticform_wrapper_overallimpression form input[type="email"],
#mauticform_wrapper_overallimpression form input[type="tel"],
#mauticform_wrapper_overallimpression form select,
#mauticform_wrapper_overallimpression form textarea
{
padding-left: 0.5em;
padding-right: 0.5em;
box-sizing: border-box;
background: #FFF!important;
border: 1px solid #CCC!important;
}
/* ------------------------------------------------------------------------------------------------------------ */
.grid-item .grid-item-inner a
{
display: block;
padding: 15px;
box-sizing: border-box;
}
#id_newsdetail_header
{
position: relative;
padding: 80px;
background: #00cfee;
margin: 60px 0 0 0;
}
#id_newsdetail_content
{
padding: 60px 80px;
background: #FFF;
}
#id_newsdetail_shortdescription
{
background: none;
max-width: 100%;
padding: 0 0 0 50%;
}
#id_newsdetail_shortdescription h6
{
margin: 0 0 10px 0;
}
#id_newsdetail_shortdescription h1
{
color: #000;
margin: 0 0 20px 0;
max-width: 100%!important;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
.highlight-box h3
{
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
#id_newsdetail_intro p
{
font-weight: 600;
}
#id_newsdetail_image
{
position: absolute;
max-width: 40%!important;
margin: -160px 0 0 0;
}
#id_newsdetail_image img
{
width: 100%;
height: auto;
}
.image-align-right
{
float: left;
margin: 0 30px 20px 0;
max-width: 40%;
}
@media screen and (max-width: 900px) {
#id_newsdetail_header
{
padding: 20px;
margin: 0;
}
#id_newsdetail_content
{
padding: 20px;
}
#id_newsdetail_image
{
position: relative;
max-width: 100%!important;
margin: 0 0 20px 0;
}
#id_newsdetail_shortdescription
{
padding-left: 0;
}
#id_newsdetail_social
{
width: 100%;
margin-top: 20px;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
.screen-video-wrapper
{
position: relative;
/*margin-top: -60px;*/
width: 100%;
}
.screen-video-wrapper .screen-video
{
height: 0;
overflow: hidden;
padding-top: 60%;
position: relative;
}
.screen-video-wrapper .screen-video .screen-video-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.screen-video-wrapper img
{
position: absolute;
top:0;
left: 0;
width: 100%;
height: auto;
z-index: 10;
}
.screen-video-wrapper video
{
position: absolute;
top:3%;
right: 2%;
width: 54%;
z-index: 5;
}
/* ------------------------------------------------------------------------------------------------------------ */
.news
{
display: block;
background: #FFF;
padding: 20px;
box-sizing: border-box;
margin: 0;
}
.news span
{
display: block;
/*color: #0099dc;*/
font-size: .8rem;
font-weight: 600;
margin-bottom: 5px;
}
.news img
{
margin-bottom: 10px;
}
.news p
{
max-width: 100%;
font-size: .9rem;
line-height: 1.3em;
}
.slick-track
{
display: flex;
align-content: stretch;
flex-wrap: wrap;
align-items: stretch;
}
.slick-slide
{
float: none;
height: inherit;
}
.slick-slide div,
.slick-slide a.news
{
height: 100%;
}
.slick-slide a.news .news-image-wrapper
{
height: 0!important;
overflow: hidden;
padding-top: 126.8%;
position: relative;
}
.slick-slide a.news .news-image-wrapper .news-image-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%!important;
display: flex;
justify-content: center;
align-items: center;
}
.slick-prev,
.slick-next,
.slick-prev:before,
.slick-next:before
{
width: 30px;
height: 30px;
color: inherit;
content: '';
transition: all 500ms;
}
.slick-prev
{
left: -30px;
}
.slick-next
{
right: -30px;
}
.slick-prev:before,
.slick-next:before
{
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 1!important;
}
.slick-prev:Hover:before,
.slick-next:Hover:before
{
background-size: cover;
}
.slick-prev:before
{
}
.slick-next:before
{
}
.module.bg8
{
padding: 0;
}
.module.bg8 .frame-space-before-big
{
display: none;
}
.flex-wrapper.flex-centered
{
align-items: center;
justify-items: center;
}
.flex-item-40
{
width: 36%;
margin-right: 4%;
}
.flex-item-60
{
width: 60%;
}
.flex-item-60 .indented h5
{
font-size: 1.2rem;
font-weight: 700;
padding-left: 40px;
background-image: url('../images/bullet-arrow.svg');
background-position: left center;
background-size: 30px 30px;
text-transform: uppercase;
margin-bottom: 5px;
}
.indented p
{
padding-left: 20px;
}
@media screen and (max-width: 768px) {
#id_content
{
padding-top: 105px!important;
}
.background-slider.special-size
{
margin-bottom: 90px;
}
.background-slider h2
{
font-size: 1.6rem;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_terms_modal
{
width: 90%;
max-width: 960px;
}
#id_terms_modal h3{
font-weight: 700;
font-size: 1.2rem;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
text-transform: uppercase;
line-height: 1.2em;
margin-bottom: 20px;
}
#id_terms_modal img
{
max-width: 100px;
margin-bottom: 30px;
}
#id_terms_modal .centered a
{
margin: 0 10px;
}
#id_terms_modal_head
{
display: flex;
justify-content:space-between;
}
#id_terms_modal_head a
{
padding-left: 30px;
background-size: 20px;
background-position: left top;
background-repeat: no-repeat;
}
#id_terms_modal_head a.de
{
background-image: url('../images/de.svg');
}
#id_terms_modal_head a.en
{
background-image: url('../images/en.svg');
}
#id_terms_modal_left
{
width: 63%;
margin-right: 2%;
border: 1px solid #000;
box-sizing: border-box;
padding: 30px;
}
#id_terms_modal_left p
{
font-size: 1rem;
line-height: 1.2em;
}
#id_terms_modal_content
{
width:100%;
height:136px;
overflow-y:scroll;
}
#id_terms_modal_right
{
width: 35%;
background-image:url('../images/terms-modal.jpg');
background-position:center center;
background-size:cover;
box-sizing: border-box;
padding: 30px;
}
#id_terms_modal hr
{
padding: 0!important;
height: 1px;
background: #000;
margin: 30px 0;
border: none;
}
#id_terms_modal ul{
list-style: disc;
margin: 0 0 20px 20px;
}
#id_terms_modal ul li{
line-height: 1.4em;
}
.security_alert_btn{
color:#fff !important;
}
.security_alert_btn:hover{
background: #fb7322 !important;
}
#id_security_img{
position: absolute;
left: 5%;
top: 12%;
width: 150px;
z-index: 1000;
}
@media screen and (max-width: 960px) {
#id_terms_modal_left
{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
#id_terms_modal_right
{
width: 100%;
height: 140px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
#id_security_img {
top: 9%;
}
}
@media (max-width: 576px) {
#id_security_img {
left: 30%;
top: 33%;
}
}
@media (max-width: 420px) {
#id_security_img {
left: 30%;
top: 29.5%;
}
}
@media (max-width: 375px) {
#id_security_img {
left: 30%;
top: 29%;
}
}
@media (max-width: 345px) {
#id_security_img {
top: 32%;
}
}
/*add new css*/
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
/** {
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
}*/
body, html {
background-color: #fff;
}
ul {
padding: 0;
margin: 0;
}
.serach-overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 99999;
top: 95px;
left: 0;
background-color: #fff;
}
.overlay-content {
position: relative;
left: 30%;
top: 30px;
width: auto;
text-align: center;
margin: 0 auto;
}
.serach-overlay .closebtn {
z-index: 9;
position: absolute;
left: 235px;
top: 2px;
font-size: 20px;
cursor: pointer;
color: #aaa;
}
.serach-overlay .closebtn:hover { color: #111;}
.serach-overlay input[type=text] {
padding: 5px 15px;
font-size: 14px;
background: #fff;
color: #aaa;
text-align: left;
width: 260px;
border-radius: 50px;
border: 1px solid #ccc;
margin: 0;
}
.serach-overlay input[type=text]::placeholder{ color: #555; }
/*.serach-overlay input[type=text]:hover,
.serach-overlay input[type=text]:focus { background: transparent; outline: 0; border: 0; box-shadow: none;}*/
/*.serach-overlay button { float: left; width: 20%; padding: 15px; background: #ddd; font-size: 17px; border: none; cursor: pointer; display: none; }
.serach-overlay button:hover {background: #bbb;}*/
.newClass .serach-overlay {
top: 60px;
}
.relative{
position: relative;
}
#id_content {
padding-top: 0 !important;
}
#id_header #id_ci {
background-image: url('/fileadmin/user_upload/chartered/images/chartered-investment.svg');
}
#id_header.page-header.is-sticky #id_ci {
width: 200px;
height: 45px;
}
#id_header #id_menu ul li a {
color: #181A1B;
}
.banner-sec{
position: relative;
}
.large_bnrImg{
max-height: 550px;
margin-top: 0;
}
.bnr-content-bg {
width: 720px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: absolute;
left: 13%;
top: 70px;
z-index: 0;
height: 350px;
border-radius: 10px;
}
.content-wrap h1 {
text-align: left;
text-transform: uppercase;
color: #FFF;
font-size: 3.5rem;
line-height: normal;
text-shadow: 0px 0px 5px rgba(20,20,20,.3);
padding: 20px 25px 150px 0;
font-family: "Inter Tight", sans-serif;
font-weight: 600;
width: 680px;
position: absolute;
left: 14%;
top: 80px;
z-index: 1;
}
#id_selection {
top: 0;
right: 0;
width: 200px;
background: #fff;
}
#id_selection #id_selection_btn {
background-image: url('../images/btn-arrow-white-thin.svg');
padding: 10px 20px 35px 15px;
text-transform: capitalize;
letter-spacing: normal;
text-align: left;
background-position: left +17px bottom +15px;
background-size: 100px;
font-size: 1.5rem;
}
#id_selection #id_selection_btn:Hover {
background-color: #1096D0;
background-position: right +50px bottom +15px;
}
#id_header #id_menu {
padding-top: 15px;
}
#id_header {
position: sticky;
top: 0;
z-index: 9999;
border-bottom: 1px solid #eee;
}
#id_header .inner {
padding: 10px;
width: 100%;
max-width: 1170px;
}
.page-header {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 20px 0;
z-index: 1;
background-color: rgba(255, 255, 255, 0.5) !important;
}
/* STICKY STYLES
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
.page-header.is-sticky {
position: fixed;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
padding: 8px 0;
backdrop-filter: blur(10px);
}
.page-header.is-sticky img {
max-width: 80%;
}
.page-header.is-sticky button {
font-size: 14px;
padding: 7px 10px;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
.page-header.is-sticky .navbar-toggler-icon img {
max-width: 100%;
}
.page-header.is-sticky button {
font-size: 1.25rem;
padding: .25rem .75rem;
}
.hdr-right {
display: flex;
align-items: center;
}
.hdr-right li {
margin-right: 20px;
margin-left: 10px;
}
.hdr-right li:last-child {
margin-right: 0;
}
.hdr-right a.searchBtn {
background: #fb7322;
border-radius: 6px;
padding: 4px 8px;
}
.hdr-right a.searchBtn i {
color: #fff;
font-size: 15px;
}
.hdr-right li.language a {
color: #111;
}
.hdr-right .login-btn {
text-decoration: none;
display: inline-block;
font-size: .9rem;
font-weight: 600;
color: #fff;
padding: 4px 12px;
background: #1096d0;
transition: all 500ms;
border-radius: 7px;
}
.hdr-right .login-btn:hover {
background: #000;
}
/*mega menu css start*/
.static-positon{
position: static;
}
.static-positon .dropdown-toggle::after{
display: none;
}
.static-positon span {
color: #aaa;
font-size: 11px;
font-weight: 400;
}
.static-positon ul li a {
color: #111;
font-size: 13px;
font-family: "Inter Tight", sans-serif;
font-weight: 600;
font-style: normal;
}
.static-positon ul li a:hover, .static-positon ul li a:hover strong{
color: #fb7322;
}
.static-positon ul li a strong {
font-size: 15px;
font-weight: 700;
}
.static-positon input[type=text] {
padding: 5px 15px 5px 30px;
font-size: 12px;
background: #fff;
color: #aaa;
text-align: left;
width: 95%;
border-radius: 50px;
border: 1px solid #ccc;
margin-bottom: 15px;
}
.static-positon input[type=text]::placeholder{ color: #777; }
.static-positon form button {
position: absolute;
background: transparent !important;
padding: 6px 0 0 10px !important;
margin: 0 !important;
}
.static-positon form button i {
color: #777;
font-size: 15px;
}
.navbar-expand-lg .navbar-nav .static-positon:hover .nav-link {
/* background: #fb7322;*/
background: #f5c6a9;
color: #111;
font-weight: 500;
border-radius: 5px;
}
.navbar-expand-lg .navbar-nav .static-positon:hover .search-box{
background: transparent;
}
.dropdown-menu a {
text-decoration: none;
color: #000000;
}
.dropdown-menu a .d-flex {
transition: all 0.5s;
}
.navbar-expand-lg .navbar-nav .nav-link {
color: #181A1B;
font-size: 15px;
}
@media only screen and (min-width: 992px) {
.dropdown-menu {
width: 100%;
}
.dropdown:hover .dropdown-menu {
display: flex;
}
.dropdown-menu.show {
display: flex;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
left: 0;
top: 68px;
padding-top: 40px;
position: fixed;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .container {
border-top: 2px solid #1096d0;
padding-top: 20px;
max-width: 1920px;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 50px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
color: #333;
font-size: 14px;
border-radius: 5px;
padding-top: .3rem;
padding-bottom: .3rem;
font-family: "Inter Tight", sans-serif;
font-weight: 500;
font-style: normal;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
font-weight: 500;
border-radius: 5px;
}
.navbar-expand-lg {
padding-top: 0;
padding-bottom: 0;
}
}
.navbar-expand-lg .navbar-nav .nav-link.search-box:hover{
background: none;
color: inherit;
padding-left: 0 !important;
padding-right: 0 !important;
}
.search-box i {
background: #ccc;
border-radius: 6px;
padding: 4px 8px;
color: #000;
font-size: 15px;
}
.search-box i:hover {
background: #fb7322;
color: #fff;
}
/*mega menu css end*/
.hdr-right li.language select.selectpicker {
border: 0;
cursor: pointer;
background: transparent;
}
@media (max-width: 1024px){
.navbar-expand-lg .navbar-nav .nav-link {
font-size: 14px;
}
#id_selection {
width: 185px;
}
.bnr-content-bg {
width: 520px;
left: 10%;
top: 70px;
height: 350px;
}
.content-wrap h1 {
font-size: 2.5rem;
padding: 20px 25px 150px 0;
width: 500px;
left: 13%;
top: 80px;
}
#id_selection #id_selection_btn {
background-image: url('../images/btn-arrow-white-thin.svg');
padding: 10px 20px 35px 15px;
text-transform: capitalize;
letter-spacing: normal;
text-align: left;
background-position: left +17px bottom +15px;
background-size: 100px;
border-radius: 10px;
font-size: 1.5rem;
}
#id_selection #id_selection_btn:Hover {
background-color: #1096D0;
background-position: right +50px bottom +15px;
}
.hdr-right li {
margin-right: 15px;
margin-left: 5px;
}
}
@media (max-width: 991px){
#id_selection {
width: 185px;
}
.bnr-content-bg {
width: 400px;
left: 7%;
top: 45px;
height: 250px;
}
.content-wrap h1 {
font-size: 1.9rem;
padding: 20px 25px 150px 0;
width: 390px;
left: 10%;
top: 50px;
}
#id_selection #id_selection_btn {
font-size: 1.3rem;
}
.serach-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.overlay-content {
position: relative;
left: 0;
top: 10%;
width: 95%;
margin: 0 20px;
}
.serach-overlay .closebtn {
left: 95%;
top: 2px;
}
.hdr-right {
flex-wrap: wrap;
}
.hdr-right li {
margin: 0 0 15px;
width: 100%;
}
.hdr-right .login-btn {
font-size: 1rem;
padding: 8px 15px;
width: 100%;
text-align: center;
}
.static-positon input[type=text] {
width: 100%;
}
}
@media (max-width: 767px){
.large_bnrImg {
max-height: 100%;
margin-top: 0;
}
#id_selection {
width: 125px;
right: 10px;
}
.bnr-content-bg {
width: 220px;
left: 10px;
top: 30px;
height: 125px;
}
.content-wrap h1 {
font-size: 1rem;
padding: 20px 25px 0 0;
width: 210px;
left: 6%;
top: 25px;
}
#id_selection #id_selection_btn {
font-size: 1.3rem;
}
#id_selection #id_selection_btn {
font-size: 1em;
}
#id_selection #id_selection_btn {
background-image: url('../images/btn-arrow-white-thin.svg');
background-position: left +15px bottom +15px;
background-size: 70px;
font-size: 1rem;
}
#id_selection #id_selection_btn:Hover {
background-color: #1096D0;
background-position: right +20px bottom +15px;
}
.serach-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.overlay-content {
position: relative;
left: 0;
top: 10%;
width: 90%;
margin: 0 20px;
}
.serach-overlay .closebtn {
left: 93%;
top: 2px;
}
.hdr-right {
flex-wrap: wrap;
}
.hdr-right li {
margin: 0 0 15px;
width: 100%;
}
.hdr-right .login-btn {
font-size: 1rem;
padding: 8px 15px;
width: 100%;
text-align: center;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .4rem;
padding-left: .4rem;
}
}
.large_bnrImg {
max-height: 100%;
}
.bnr-content-bg {
top: 190px;
height: 550px;
}
.content-wrap h1 {
padding: 0;
top: 150px;
font-weight: 700;
}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link.active{
background: transparent;
border-radius: unset;
border-bottom: 2px solid;
margin-left: 1rem;
margin-right: 1rem;
padding-left: 0;
padding-right: 0;
}
.nav-item{
padding-right: 5px;
}
@media (max-width: 1024px) {
.bnr-content-bg {
top: 100px;
height: 320px;
}
.content-wrap h1 {
padding: 0;
left: 13%;
top: 130px;
font-size: 2.4rem;
}
}
@media (max-width: 991px) {
.bnr-content-bg {
width: 400px;
left: 7%;
top: 45px;
height: 250px;
}
.content-wrap h1 {
font-size: 1.9rem;
padding: 0;
width: 390px;
left: 10%;
top: 90px;
}
}
@media (max-width: 767px){
.bnr-content-bg {
width: 220px;
left: 10px;
top: 20px;
height: 120px;
}
.content-wrap h1 {
font-size: 1rem;
padding: 0;
width: 210px;
left: 7%;
top: 40px;
}
}
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1, h3, h4, h5, h6{
font-family: "Inter Tight", sans-serif;
font-weight: 600;
font-style: normal;
}
.laptop-sec {
padding: 60px 0;
}
.laptop-sec .laptop_Cnt {
border-left: 4px solid #FF6800;
padding-left: 15px;
margin-left: 50px;
}
.laptop-sec .laptop_Cnt h4 {
margin-bottom: 10px;
font-size: 34px;
}
.laptop-sec .laptop_Cnt strong {
color: #0098D6;
}
.asstes-sec .img_Cnt {
position: absolute;
left: 40px;
bottom: 20px;
max-width: 90%;
}
.asstes-sec .img_Cnt p {
color: #F4F4F4;
font-size: 24px;
font-weight: 500;
line-height: normal;
}
.asstes-sec .img_Cnt strong {
color: #00D2F2;
font-size: 28px;
font-weight: 600;
}
.asstes-sec h2 {
margin-bottom: 0;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
letter-spacing: 0px;
}
.top-title {
/*border-left: 4px solid #FF6800;*/
/*padding-left: 15px;*/
max-width: 653px;
margin-top: 80px;
}
.top-title h3 {
margin-bottom: 10px;
font-size: 30px;
font-weight: 800;
}
.platform-box {
background: #131516;
border-radius: 10px;
padding: 20px;
margin-top: 25px;
color: #fff;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 300px;
}
.platform-box .comming-soon {
background: #0098D6;
color: #fff;
border-radius: 6px;
padding: 2px 8px;
font-size: 14px;
display: flex;
align-items: center;
}
.platform-cnt {
margin-top: auto;
max-width: 200px;
}
.platform-box h4 {
margin-bottom: 10px;
font-size: 30px;
font-weight: 600;
color: #fff;
line-height: normal;
}
.platform-box p {
margin-bottom: 10px;
font-size: 14px;
color: #fff;
}
.platform-box.last-box {
background: #0098D6;
}
.platform-box.last-box h4 {
color: #fff;
}
.platform-box.last-box .platform-cnt {
max-width: 70%;
}
.who-are_sec .top-title {
max-width: 650px;
}
.who-are_sec h2 {
margin-bottom: 0;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
letter-spacing: 0px;
}
.bankers-sec {
padding-top: 0;
}
.bankers-sec .top-title {
max-width: 175px;
}
.bankers-bg {
width: 100%;
background: url(/fileadmin/user_upload/chartered/images/bankers-bg-resized.jpg);
background-size: cover;
margin-top: 20px;
padding: 20px 0 0;
}
.bankers-box {
background: #fff;
border-radius: 10px;
padding: 20px;
margin-top: 25px;
position: relative;
display: flex;
min-height: 300px;
}
.bankers-cnt {
margin-top: auto;
}
.bankers-box h4 {
margin-bottom: 10px;
font-size: 28px;
max-width: 75%;
font-weight: 800;
color: #181A1B;
line-height: 38px;
text-transform: uppercase;
}
.bankers-box p {
margin-bottom: 10px;
font-size: 14px;
}
.banker-lastbox {
background: #000;
}
.banker-lastbox h4 {
color: #FF6800;
font-weight: 700;
}
.banker-lastbox strong {
color: #fff;
display: block;
margin-top: 10px;
}
.since-here-sec {
margin: 60px 0;
}
.common-cd-row {
display: flex;
justify-content: space-between;
}
.common-cd-row.cd-row1 li:first-child {
background: #fff;
padding-top: 10px;
}
.common-cd-row.cd-row1 li:first-child h4{
/* font-size: 2rem;*/
font-weight: 700;
color: #FF6800;
}
.common-cd-row.cd-row2 li:last-child {
width: 59.5%;
}
.common-cd-row li {
width: 19%;
background: #F4F4F4;
border-radius: 7px;
margin: 8px 0;
padding: 50px 20px 29px 20px;
}
.common-cd-row li span {
display: block;
margin-bottom: 30px;
}
.common-cd-row li img {
height: 48px;
width: auto;
}
.common-cd-row li h4 {
font-size: 2rem;
font-weight: 700;
color: #181A1B;
margin-bottom: 15px;
}
.common-cd-row li p{
font-size: 14px;
font-weight: 500;
color: #181A1B;
margin-bottom: 0;
}
.our-clients_sec{
background: #181A1B;
padding: 50px 0 60px;
border-radius: 7px;
}
.our-clients-sec-new{
background: #181A1B;
padding: 20px 0 20px;
border-radius: unset;
}
.our-clients-sec-new .top-title h3, .our-clients-sec-new p{
color: #fff;
}
.our-clients-sec-new .top-title{
margin-top: 40px;
}
.partners-slider {
margin-top: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.partners-slider .slider-items {
margin: 0;
display: flex !important;
justify-content: center;
align-items: center;
}
.partners-slider .slider-items img {
max-width: 100%;
}
.partners-slider .slick-prev, .partners-slider .slick-next {
display: none !important;
}
.cl-comment-row {
display: flex;
margin-top: 70px;
}
.comment-box {
background: #fff;
padding: 30px 25px 20px;
border-radius: 10px;
margin-right: 15px;
max-width: 40%;
}
.comment-box p{
margin-bottom: 0;
color: #181A1B;
}
.rivews-star{
display: block;
margin-bottom: 15px;
}
.rivews-star img{
max-height: 20px ;
}
.our-clients_sec .top-title {
/*border-left: 4px solid #00D2F2;*/
margin-top: 0;
}
.our-clients_sec .top-title h3 {
color: #fff;
}
.our-clients_sec .top-title strong {
color: #fff;
font-size: 26px;
}
.advantage_sec {
position: relative;
width: 100%;
}
.advantage_sec .advantage-img-box {
text-align: right;
}
.advantage_sec .advantage-img-box img {
max-width: 650px;
}
.chartered-group-sec {
padding-top: 10px;
}
.chartered-group-bg {
width: 100%;
background: url(../images/chartered-group-bg.jpg);
background-size: cover;
padding: 30px 0 30px;
margin-top: 20px;
}
.chartered-group-sec .top-title {
max-width: 400px;
}
.chartered-group-Cnt {
margin-top: 40px;
max-width: 455px;
}
.chartered-group-bg h2 {
margin-bottom: 20px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
letter-spacing: 0px;
color: #fff;
padding: 0;
}
.chartered-group-bg p{
color: #fff;
}
.chartered-group-bg a {
background: #FF6800;
padding: 5px 10px;
color: #fff;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
}
.news-box-large {
border: 1px solid #A6A6A6;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
}
.news-box-large .Imgblk{
flex: 1;
}
.news-box-large .Imgblk img {
border-radius: 10px 0 0 10px;
height: 100%;
}
.news-box-large .newDtl {
flex: 1;
background: #181A1B;
color: #fff;
border-radius: 0 10px 10px 0;
padding: 20px 15px;
}
.news-box-large .newDtl strong {
color: #00D2F2;
}
.news-box-large .newDtl p {
color: #fff;
}
.news-box-large .newDtl p small {
color: #fff;
}
.news-box {
border: 1px solid #A6A6A6;
border-radius: 10px;
}
.news-box .Imgblk img {
border-radius: 10px 10px 0 0;
}
.news-box .newDtl {
padding: 15px 15px;
font-size: 14px;
}
.news-box .newDtl p {
font-size: 14px;
color: #181A1B;
margin-bottom: 0;
}
.news-box .newDtl strong {
display: block;
}
.view-btn {
background: #FF6800;
padding: 4px 10px;
color: #fff;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
display: table;
margin: 0 auto;
}
.view-btn:hover, .chartered-group-bg a:hover {
color: #fff;
background: #de5d03;
}
.ready-transform-sec {
width: 100%;
background-size: cover;
padding: 200px 0 50px;
margin-top: 80px;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
}
.ready-transform-sec .ready-Cnt h2 {
margin-bottom: 10px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
letter-spacing: 0px;
color: #fff;
padding: 0;
}
.ready-transform-sec .ready-Cnt a {
background: #0098D6;
padding: 5px 10px;
color: #fff;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.ready-transform-sec .ready-Cnt a:hover {
background: #0282b6;
}
.above-ftr-row {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.above-ftr-row .aboveLinks {
margin-bottom: 50px;
flex: 1;
}
.above-ftr-row .aboveLinks strong {
display: block;
border-bottom: 2px solid #000;
padding-bottom: 5px;
margin-bottom: 10px;
}
.above-ftr-row .aboveLinks li {
margin-top: 5px;
}
.above-ftr-row .aboveLinks a {
color: #000;
font-size: 14px;
}
.above-ftr-row .aboveLinks a:hover{
color: #FF6800;
}
.ftr-bg {
background: #1E2B2D;
padding: 60px 0 40px 0;
}
.ftr-bg h3 {
color: #FF6800;
font-family: "Inter Tight", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 40px;
text-transform: uppercase;
margin: 50px 0 40px;
line-height: normal;
}
.ftr-bg a i {
color: #fff;
font-size: 44px;
}
.ftrLinks ul {
margin-bottom: 30px;
}
.ftrLinks li a {
color: #fff;
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: 400;
font-style: normal;
}
.ftrLinks li a:hover, .ftrLinks li a.active{
color: #949494;
}
.ftr-otherLinks li a {
color: #949494;
font-size: 14px;
font-family: "Inter", sans-serif;
font-weight: 400;
font-style: normal;
}
.ftr-otherLinks li a:hover {
color: #fff;
}
.copyright p {
color: #949494;
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
margin-top: 20px;
}
.bnr-content-bg {
width: 900px;
}
.content-wrap h1{
font-family: "Barlow Condensed", sans-serif;
/* font-family: "Barlow Semi Condensed", sans-serif;*/
font-weight: 600;
font-style: normal;
font-size: 4.5rem;
width: 850px;
letter-spacing: -2px;
top: 135px;
}
.ftr-otherLinks li a.active{
color: #fff;
}
.switzerland-banner .large_bnrImg, .singapore-banner .large_bnrImg{
margin-top: 0;
}
.switzerland-banner .bnr-content-bg{
top: 70px;
}
.singapore-banner .bnr-content-bg{
height: 450px;
}
.scandinavia-banner .large_bnrImg{
margin-top: 7%;
}
@media (max-width: 1360px) {
.bnr-content-bg {
width: 800px;
}
.content-wrap h1 {
font-size: 4rem;
top: 120px;
}
}
@media (max-width: 1299px) {
.bnr-content-bg {
width: 750px;
height: 300px;
}
.content-wrap h1 {
font-size: 3.5rem;
top: 130px;
width: auto;
max-width: 700px;
}
}
@media (max-width: 1200px) {
.bnr-content-bg {
width: 700px;
height: 300px;
}
.content-wrap h1 {
font-size: 3.3rem;
top: 120px;
width: auto;
max-width: 600px;
}
}
@media (max-width: 1100px) {
.bnr-content-bg {
width: 620px;
}
.content-wrap h1 {
font-size: 2.8rem;
width: auto;
max-width: 510px;
top: 120px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 28px;
}
.asstes-sec .img_Cnt p {
font-size: 18px;
}
.asstes-sec .img_Cnt strong {
font-size: 24px;
}
.asstes-sec h2 {
font-size: 2.5rem;
}
.top-title h3 {
font-size: 26px;
}
.platform-cnt {
max-width: 165px;
}
.platform-box .comming-soon {
padding: 2px 5px;
font-size: 12px;
}
.platform-box h4 {
font-size: 26px;
}
.who-are_sec h2 {
font-size: 2.5rem;
}
.bankers-box h4 {
font-size: 26px;
line-height: 34px;
max-width: 100%;
}
.common-cd-row li h4 {
font-size: 1.8rem;
}
.common-cd-row li {
width: 19%;
padding: 50px 15px 30px 15px;
}
.comment-box p {
font-size: 14px;
}
.our-clients_sec .top-title strong {
font-size: 24px;
}
.chartered-group-bg h2 {
font-size: 2.5rem;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 2.5rem;
}
.ftr-bg h3 {
font-size: 34px;
}
.ftrLeft-Sec img {
max-width: 250px;
}
}
@media (max-width: 992px) {
.bnr-content-bg {
width: 600px;
}
.content-wrap h1 {
font-size: 2.4rem;
width: 500px;
top: 110px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 20px;
}
.laptop-sec .laptop_Cnt p {
font-size: 14px;
}
.asstes-sec .img_Cnt p {
font-size: 16px;
}
.asstes-sec h2 {
font-size: 2rem;
margin-top: 0;
margin-bottom: 25px;
}
.who-are_sec h2 {
font-size: 2rem;
}
.top-title {
max-width: 100%;
}
.top-title h3 {
font-size: 24px;
}
.top-title p {
font-size: 14px;
}
.bankers-sec .top-title {
max-width: 100%;
}
.bankers-box {
min-height: 250px;
}
.bankers-box h4 {
font-size: 22px;
line-height: normal;
max-width: 100%;
}
.comment-box {
max-width: 50%;
}
.advantage_sec .advantage-img-box {
text-align: center;
}
.advantage_sec .advantage-img-box img {
max-width: 100%;
}
.chartered-group-bg h2 {
font-size: 2rem;
}
.chartered-group-bg img {
max-width: 200px;
}
.above-ftr-row .aboveLinks strong {
font-size: 14px;
}
.above-ftr-row .aboveLinks li {
margin-top: 0;
}
.above-ftr-row .aboveLinks a {
font-size: 12px;
}
.ftrLeft-Sec img {
max-width: 200px;
}
.ftr-bg h3 {
font-size: 28px;
}
.ftr-bg a i {
font-size: 40px;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 2rem;
}
.common-cd-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.common-cd-row.cd-row1 li:first-child {
width: 100%;
flex: 100%;
margin: 0;
padding: 0;
}
.common-cd-row li {
width: 23.5%;
padding: 30px 15px 20px;
}
ul.common-cd-row.cd-row2 li {
width: 23.5%;
}
.common-cd-row.cd-row2 li:last-child {
width: 48.5%;
}
.common-cd-row li h4 {
font-size: 1.5rem;
}
.common-cd-row li p {
font-size: 13px;
}
.platform-box {
margin-top: 0;
margin-bottom: 30px;
}
.bankers-sec {
padding-top: 0px;
}
.since-here-sec {
margin: 50px 0;
}
.platform-box h4 {
font-size: 24px;
}
}
@media (max-width: 800px) {
.bnr-content-bg {
width: 480px;
height: 255px;
}
.content-wrap h1 {
font-size: 2.2rem;
width: 430px;
top: 70px;
}
}
@media (max-width: 767px) {
.bnr-content-bg {
width: 480px;
height: 220px;
top: 35px;
}
.singapore-banner .bnr-content-bg {
height: 220px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 2.2rem;
width: 430px;
top: 70px;
left: 5%;
}
.laptop-sec .laptop_Cnt {
margin-left: 0;
margin-top: 50px;
}
.chartered-group-Cnt {
margin-top: 40px;
max-width: 100%;
}
.chartered-group-bg p {
font-size: 14px;
}
.top-title h3 {
font-size: 20px;
}
.top-title p {
font-size: 13px;
}
.who-are_sec .top-title {
max-width: 100%;
margin-top: 20px;
}
.who-are_sec h2 {
font-size: 1.5rem;
}
.platform-cnt {
max-width: 100%;
}
.asstes-sec .img_Cnt {
max-width: 80%;
left: 30px;
}
.asstes-sec .img_Cnt p {
font-size: 14px;
}
.asstes-sec .img_Cnt strong {
font-size: 20px;
}
.ready-transform-sec .ready-Cnt {
max-width: 100%;
}
.our-clients_sec .top-title strong {
font-size: 20px;
}
.ftr-bg h3 {
font-size: 24px;
}
.ftrLeft-Sec img {
max-width: 150px;
}
.common-cd-row li {
width: 48.6%;
}
ul.common-cd-row.cd-row2 li {
width: 48.6%;
}
.common-cd-row.cd-row2 li:last-child {
width: 100%;
}
.above-ftr-row .aboveLinks {
flex: 50%;
}
.laptop-sec {
padding: 50px 0 30px;
}
.asstes-sec h2 {
font-size: 1.5rem;
}
.bankers-box h4 {
font-size: 20px;
}
.bankers-box p {
font-size: 13px;
}
.chartered-group-bg h2 {
font-size: 1.5rem;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 1.5rem;
}
.copyright p {
margin-top: 40px;
}
.news-box-large .Imgblk {
flex: 100%;
}
.news-box-large .Imgblk img {
border-radius: 10px 10px 0 0;
height: 100%;
}
.news-box-large .newDtl {
border-radius: 0 0 10px 10px;
height: 100%;
}
.above-ftr-row .aboveLinks strong {
font-size: 15px;
}
.above-ftr-row .aboveLinks a {
font-size: 13px;
}
.platform-box h4 {
font-size: 22px;
}
.ready-transform-sec {
margin-top: 60px;
}
}
@media (max-width: 640px) {
.bnr-content-bg {
width: 70%;
left: 0;
height: 200px;
}
.singapore-banner .bnr-content-bg{
height: 200px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 1.8rem;
width: 60%;
top: 60px;
left: 15px;
}
.common-cd-row li {
width: 100%;
}
ul.common-cd-row.cd-row2 li {
width: 100%;
}
.cl-comment-row {
display: flex;
margin-top: 50px;
flex-wrap: wrap;
}
.comment-box {
max-width: 100%;
margin: 20px 0 0;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 20px;
}
.laptop-sec .laptop_Cnt p {
font-size: 13px;
}
}
@media (max-width: 540px) {
.bnr-content-bg {
width: 70%;
left: 0;
height: 150px;
}
.singapore-banner .bnr-content-bg{
height: 150px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 1.5rem;
width: 55%;
top: 60px;
left: 15px;
}
}
@media (max-width: 480px) {
.bnr-content-bg {
width: 60%;
left: 0;
height: 120px;
}
.singapore-banner .bnr-content-bg{
height: 120px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 1.3rem;
width: 50%;
top: 50px;
left: 15px;
}
.above-ftr-row .aboveLinks {
flex: 100%;
}
.asstes-sec h2 {
font-size: 1.5rem;
}
.who-are_sec h2 {
font-size: 1.5rem;
}
.chartered-group-bg img {
max-width: 150px;
}
.chartered-group-bg h2 {
font-size: 1.5rem;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 1.5rem;
}
}
@media (max-width: 376px) {
.bnr-content-bg {
width: 60%;
left: 0;
height: 120px;
}
.singapore-banner .bnr-content-bg{
height: 120px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 1rem;
width: 50%;
top: 45px;
left: 30px;
}
}
/*add new css 17-9-2025*/
#id_selection {
right: 0;
}
#id_selection #id_selection_btn {
background-position: left +40px bottom +15px;
background-size: 120px;
border-radius: 0;
text-align: center;
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 600;
padding: 15px 20px 35px 15px;
}
.bnr-content-bg {
box-shadow: 0px 5px 7px 0px #777;
}
.content-wrap h1 {
text-shadow: 1px 1px 5px rgba(0,0,0,.7);
font-weight: 700;
}
#id_selection #id_selection_btn:Hover {
background-position: right +30px bottom +15px;
}
.laptop-sec .laptop_Cnt {
padding-left: 20px;
}
.laptop-sec .laptop_Cnt p {
letter-spacing: normal;
font-size: 18px;
line-height: 28px;
}
.laptop-sec .laptop_Cnt h4 {
margin-bottom: 15px;
font-size: 40px;
}
.asstes-sec .assets-img{
position: relative;
}
.asstes-sec .assets-img::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(19, 21, 22, 0.8);
border-radius: 10px;
}
.asstes-sec .img_Cnt {
max-width: 490px;
bottom: 40px;
}
.asstes-sec .img_Cnt p {
font-size: 30px;
letter-spacing: normal;
}
.asstes-sec .img_Cnt strong {
font-size: 50px;
font-weight: 800;
}
.asstes-sec h2 {
font-weight: 800;
line-height: 70px;
letter-spacing: -2px;
}
.who-are_sec h2 {
font-weight: 800;
line-height: 70px;
letter-spacing: -2px;
}
.top-title {
max-width: 100%;
}
.top-title strong {
color: #181A1B;
}
p, .module ul li {
letter-spacing: normal;
}
.what-apart-sec .top-title {
max-width: 653px;
}
.what-apart-sec .top-title p {
margin-bottom: 10px;
font-size: 24px;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 500;
}
.platform-box {
min-height: 310px;
border-radius: 8px;
}
.platform-box .comming-soon {
background: #FF6800;
color: #fff;
border-radius: 20px;
padding: 6px 10px 4px 10px;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
display: inline-block;
margin-bottom: 15px;
text-transform: uppercase;
}
/*.platform-box.last-box {
background: #131516;
}
.platform-box.last-box:hover {
background: #0098D6;
}*/
.who-are_sec .top-title {
max-width: 100%;
}
.bankers-sec .top-title {
max-width: 100%;
}
.bankers-box {
border-radius: 8px;
padding: 20px 40px 20px 25px;
min-height: 300px;
transition: all 500ms;
}
.bankers-box p {
margin-bottom: 10px;
font-size: 16px;
transition: all 500ms;
}
.bankers-box h4{
transition: all 500ms;
}
.bankers-box:hover{
background: #000;
}
.bankers-box:hover h4,
.bankers-box:hover p{
color: #fff;
}
.banker-lastbox {
background: #000;
}
.banker-lastbox:hover {
background: #fff;
}
.banker-lastbox:hover h4,
.banker-lastbox:hover strong {
color: #000;
}
.common-cd-row li{
transition: all 500ms;
}
.common-cd-row.cd-row1 li:first-child {
display: flex;
align-items: center;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 3rem;
font-weight: 800;
}
.common-cd-row.cd-row1 li:nth-child(2):hover {
background: #00307c;
}
.common-cd-row.cd-row1 li:nth-child(3):hover {
background: #15b7ff;
}
.common-cd-row.cd-row1 li:nth-child(4):hover {
background: #17171c;
}
.common-cd-row.cd-row1 li:nth-child(5):hover {
background: #bf3eff;
}
.common-cd-row.cd-row2 li:first-child:hover {
background: #b1c60a;
}
.common-cd-row.cd-row2 li:nth-child(2):hover {
background: #FF6800;
}
.common-cd-row.cd-row2 li:last-child:hover {
background: #d88262;
}
.common-cd-row li:hover p,
.common-cd-row li:hover h4{
color: #fff;
}
.common-cd-row li .normal-Img {
display: block;
}
.common-cd-row li .hover-Img {
display: none;
}
.common-cd-row li:hover .normal-Img {
display: none;
}
.common-cd-row li:hover .hover-Img {
display: block;
}
.advantage_sec .top-title h3 {
text-transform: uppercase;
font-size: 42px;
}
.advantage_sec .top-title p {
font-size: 22px;
line-height: 32px;
max-width: 388px;
font-weight: 500;
}
.advantage_sec .advantage-img-box {
text-align: center;
margin-top: 60px;
}
.advantage_sec ul {
list-style: disc;
margin-left: 20px;
margin-top: 30px;
}
.advantage_sec ul li {
margin: 0 0 10px 0;
}
.news-box {
border: 1px solid #e5e3e3;
border-radius: 0;
height: 100%;
}
.news-box .Imgblk img {
border-radius: 0;
}
.news-box .newDtl {
font-size: 16px;
font-weight: 600;
}
.news-box-large {
border-radius: 0;
}
.news-box-large .Imgblk img {
border-radius: 0;
}
.news-box-large .newDtl {
border-radius: 0;
padding: 30px 30px;
max-width: 400px;
}
.news-box .newDtl p {
font-size: 16px;
font-weight: 600;
line-height: normal;
color: #181A1B;
margin: 10px 0 10px;
}
.news-box-large .newDtl strong {
color: #fff;
}
.news-box-large .newDtl p {
color: #fff;
line-height: normal;
margin: 30px 0 0;
}
.view-btn {
background: #fff;
padding: 8px 30px;
border-radius: 50px;
font-size: 18px;
font-weight: 600;
display: table;
margin: 0 auto;
border: 1px solid #181A1B;
color: #181A1B;
}
.view-btn:hover:hover {
color: #fff;
background: #181A1B;
}
.ready-transform-sec {
border-radius: 20px;
box-shadow: 0px 1px 3px 0px #777;
padding: 200px 0 300px;
position: relative;
}
.ready-transform-sec::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 20px;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
position: relative;
left: 18%;
text-align: center;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 30px;
line-height: normal;
text-align: center;
margin-bottom: 30px;
}
.ready-transform-sec .ready-Cnt a {
background: #fff;
padding: 12px 35px;
color: #181A1B;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
}
.ready-transform-sec .ready-Cnt a:hover {
background: #181A1B;
color: #fff;
}
.map-sec img {
border-radius: 20px;
margin-top: 30px;
box-shadow: 0px 5px 7px 0px #777;
}
.frame-type-cig_slide_text{
position: relative;
}
.benefits-sec p{
display: contents;
}
/*add new css 17-9-2025*/
#id_selection #id_selection_btn {
background-position: left +40px bottom +15px;
background-size: 120px;
border-radius: 0;
text-align: center;
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 600;
padding: 15px 20px 35px 15px;
}
.bnr-content-bg {
box-shadow: 0px 5px 7px 0px #777;
}
.content-wrap h1 {
text-shadow: 1px 1px 5px rgba(0,0,0,.7);
font-weight: 700;
}
#id_selection #id_selection_btn:Hover {
background-position: right +30px bottom +15px;
}
.laptop-sec .laptop_Cnt {
padding-left: 20px;
}
.laptop-sec .laptop_Cnt p {
letter-spacing: normal;
font-size: 18px;
line-height: 28px;
}
.laptop-sec .laptop_Cnt h4 {
margin-bottom: 15px;
font-size: 40px;
}
.asstes-sec .assets-img{
position: relative;
}
.asstes-sec .assets-img::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(19, 21, 22, 0.8);
border-radius: 10px;
}
.asstes-sec .img_Cnt {
max-width: 490px;
bottom: 40px;
}
.asstes-sec .img_Cnt p {
font-size: 30px;
letter-spacing: normal;
}
.asstes-sec .img_Cnt strong {
font-size: 40px;
font-weight: 800;
}
.asstes-sec h2 {
font-weight: 800;
line-height: 70px;
letter-spacing: -2px;
}
.who-are_sec h2 {
font-weight: 800;
line-height: 70px;
letter-spacing: -2px;
}
.top-title {
max-width: 100%;
}
.top-title h3 strong{
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
font-size: 68px;
}
.top-title strong {
color: #ed722e;
}
p, .module ul li {
letter-spacing: normal;
}
.what-apart-sec .top-title {
max-width: 100%;
}
.what-apart-sec .top-title p {
margin-bottom: 10px;
}
.platform-box {
min-height: 310px;
border-radius: 8px;
}
.light-green{
background: rgba(177, 198, 10, 0.7);
}
.copper{
background: rgb(255 86 24 / 70%);
}
.platform-box .comming-soon {
background: #FF6800;
color: #fff;
border-radius: 20px;
padding: 6px 10px 4px 10px;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
display: inline-block;
margin-bottom: 15px;
text-transform: uppercase;
}
/*.platform-box.last-box {
background: #131516;
}
.platform-box.last-box:hover {
background: #0098D6;
}*/
.who-are_sec .top-title {
max-width: 100%;
}
.bankers-sec .top-title {
max-width: 100%;
}
.bankers-box {
border-radius: 8px;
padding: 20px 15px 20px 20px;
min-height: 390px;
transition: all 500ms;
}
.bankers-box p {
margin-bottom: 10px;
font-size: 16px;
transition: all 500ms;
}
.bankers-box h4{
transition: all 500ms;
}
.bankers-box:hover{
background: #000;
}
.bankers-box:hover h4,
.bankers-box:hover p{
color: #fff;
}
.banker-lastbox {
background: #000;
}
.banker-lastbox:hover {
background: #fff;
}
.banker-lastbox:hover h4,
.banker-lastbox:hover strong {
color: #000;
}
.common-cd-row li{
transition: all 500ms;
}
.common-cd-row.cd-row1 li:first-child {
display: flex;
align-items: center;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 3rem;
font-weight: 800;
}
.common-cd-row.cd-row1 li:nth-child(2):hover {
background: #434373;
}
.common-cd-row.cd-row1 li:nth-child(3):hover {
background: #15b7ff;
}
.common-cd-row.cd-row1 li:nth-child(4):hover {
background: #17171c;
}
.common-cd-row.cd-row1 li:nth-child(5):hover {
background: #bf3eff;
}
.common-cd-row.cd-row2 li:first-child:hover {
background: #b1c60a;
}
.common-cd-row.cd-row2 li:nth-child(2):hover {
background: #FF6800;
}
.common-cd-row.cd-row2 li:last-child:hover {
background: #d88262;
}
.common-cd-row li:hover p,
.common-cd-row li:hover h4{
color: #fff;
}
.common-cd-row li .normal-Img {
display: block;
}
.common-cd-row li .hover-Img {
display: none;
}
.common-cd-row li:hover .normal-Img {
display: none;
}
.common-cd-row li:hover .hover-Img {
display: block;
}
.advantage_sec .top-title h3 {
text-transform: uppercase;
font-size: 42px;
margin-bottom: 20px;
}
.advantage_sec .top-title p {
font-size: 20px;
line-height: 30px;
max-width: 388px;
font-weight: 500;
}
.benefits-sec .advantage-img-box {
text-align: center;
margin-top: 0;
}
.benefits-sec {
padding: 0;
margin: 70px 0;
}
.benefits-sec .top-title {
border: 0;
padding: 0;
margin: 0;
}
.benefits-sec ul {
list-style: disc;
margin-left: 20px;
margin-top: 10px;
max-width: 450px;
}
.benefits-sec ul li {
margin: 0 0 5px 0;
}
.news-box {
border: 1px solid #e5e3e3;
border-radius: 0;
height: 100%;
}
.news-box .Imgblk img {
border-radius: 0;
}
.news-box .newDtl {
font-size: 16px;
font-weight: 600;
}
.news-box-large {
border-radius: 0;
}
.news-box-large .Imgblk img {
border-radius: 0;
}
.news-box-large .newDtl {
border-radius: 0;
padding: 30px 30px;
max-width: 400px;
}
.news-box .newDtl p {
font-size: 16px;
font-weight: 600;
line-height: normal;
color: #181A1B;
margin: 10px 0 10px;
}
.news-box-large .newDtl strong {
color: #fff;
}
.news-box-large .newDtl p {
color: #fff;
line-height: normal;
margin: 30px 0 0;
}
.view-btn {
background: #fff;
padding: 8px 30px;
border-radius: 50px;
font-size: 18px;
font-weight: 600;
display: table;
border: 1px solid #181A1B;
color: #181A1B;
margin: 50px auto 20px;
}
.view-btn:hover:hover {
color: #fff;
background: #181A1B;
}
.ready-transform-sec {
border-radius: unset;
box-shadow: 0px 1px 3px 0px #777;
padding: 200px 0 300px;
position: relative;
}
.ready-transform-sec::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 20px;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
position: relative;
left: 18%;
text-align: center;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 30px;
line-height: normal;
text-align: center;
margin-bottom: 30px;
}
.ready-transform-sec .ready-Cnt a {
background: #fff;
padding: 12px 35px;
color: #181A1B;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
display: inline-block;
text-transform: uppercase;
}
.ready-transform-sec .ready-Cnt a:hover {
background: #181A1B;
color: #fff;
}
.map-sec img {
border-radius: 0;
margin-top: 0;
box-shadow: 0 5px 7px 0 #777;
width: 100%;
}
.knowledge-sec {
position: relative;
color: #fff;
padding-bottom: 40px;
}
.know-bgImg h3 {
text-transform: uppercase;
font-size: 42px;
font-weight: 800;
color: #fff;
margin-bottom: 10px;
line-height: normal;
}
.know-bgImg p {
font-size: 14px;
color: #eee;
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 24px;
}
.know-bgImg p strong {
color: #fff;
display: block;
font-family: "Inter", sans-serif;
font-weight: 700;
font-style: normal;
}
.know-bgImg ul {
margin-bottom: 30px;
max-width: 650px;
}
.know-bgImg ul li {
display: flex;
align-items: self-start;
}
.know-bgImg ul li p {
flex: 1;
}
.know-bgImg ul li span {
margin-right: 30px;
max-width: 80px;
margin-top: 10px;
}
.know-bgImg {
width: 100%;
background: url(../images/know-img.png);
background-size: cover;
border-radius: 10px;
padding: 100px 0 50px;
}
.regiter-btn{
text-decoration: none;
display: inline-block;
font-size: .9rem;
font-weight: 600;
color: #fff;
padding: 4px 12px;
background: #2BC8EA;
transition: all 500ms;
border-radius: 7px;
}
.regiter-btn:hover{
color: #fff;
background: #1096d0;
}
.news-box .Imgblk, .news-box-large .Imgblk {
display: block;
position: relative;
}
.news-box .Imgblk::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 152, 214, 0.6);
}
.news-box-large .Imgblk::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 104, 0, 0.6);
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal {
z-index: 9999;
padding-top: 0;
background-color: rgba(0,0,0,0.6);
}
.modal .modal-content {
background-color: #131516;
margin: auto;
padding: 20px 40px 40px;
border: 0;
width: auto;
border-radius: 6px;
max-width: 800px;
}
.modal .modal-content span.close {
position: absolute;
top: 50px;
right: 130px;
font-size: 14px;
background: #B1C60A;
color: #F4F4F4;
padding: 4px 15px;
border-radius: 8px;
}
.modal .modal-content .topsec .popup-logo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
max-width: 150px;
}
.circle-box {
display: inline-block;
margin: 10px 0 0;
}
.circle-box img{
max-width: 100px;
}
.insurance-sec {
display: flex;
margin-top: 30px;
}
.insurance-sec h3 {
color: #fff;
text-align: right;
border-right: 3px solid #B1C60A;
padding-right: 15px;
margin-right: 15px;
font-size: 26px;
line-height: normal;
max-width: 230px;
}
.insurance-sec p {
color: #fff;
font-size: 14px;
margin-top: auto;
flex: 1;
}
.list-sec-wrap {
display: flex;
}
.list-sec-wrap ul {
flex: 1;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 15px;
}
.list-sec-wrap ul li, .list-sec-wrap ul li p{
color: #fff;
margin-bottom: 20px;
font-size: 14px;
}
.list-sec-wrap ul li strong {
color: #B1C60A;
display: block;
}
.list-sec-wrap span {
max-width: 230px;
margin-top: 30px;
}
.pop-ftr-sec{
display: flex;
}
.pop-ftr-sec h3{
color: #fff;
font-size: 26px;
line-height: normal;
}
.pop-ftr-sec p {
color: #fff;
font-size: 14px;
}
.pop-ftr-sec div {
flex: 1;
margin-bottom: 40px;
margin-right: 50px;
margin-left: 50px;
max-width: 255px;
}
.pop-ftr-sec .macImg{
margin-bottom: 40px;
}
.pop-ftr-sec .macImg img{
max-width: 250px;
}
.popup-visit-btn {
display: table;
margin: 0 auto;
border: 1px solid #fff;
border-radius: 30px;
color: #fff;
padding: 5px 20px;
}
.popup-visit-btn:hover {
background: #fff;
color: #333;
}
.map-sec #map_overlay {
position: absolute;
right: 70px;
top: 50%;
z-index: 99;
padding: 0;
text-align: right;
transform: translateY(-50%);
}
.map-sec #map_overlay h2 {
font-size: 64px;
font-weight: 800;
text-align: right;
letter-spacing: 0;
margin-bottom: 0;
}
.partners-slider .slider-items img {
max-width: 100%;
filter: contrast(0);
}
.partners-slider .slider-items:hover img {
cursor: pointer;
}
.partners-slider .slider-items {
margin: 0;
display: flex !important;
justify-content: center;
align-items: center;
}
@media (max-width: 1100px) {
#id_selection #id_selection_btn {
background-position: left +45px bottom +15px;
background-size: 100px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 28px;
}
.laptop-sec .laptop_Cnt p {
font-size: 16px;
line-height: 24px;
}
.asstes-sec .img_Cnt p {
font-size: 24px;
}
.asstes-sec .img_Cnt strong {
font-size: 34px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 2.3rem;
line-height: 44px;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 2.5rem;
}
.common-cd-row li h4 {
font-size: 1.5rem;
}
.common-cd-row li p {
font-size: 13px;
}
.common-cd-row li img {
height: 40px;
width: auto;
}
.our-clients_sec .top-title strong {
font-size: 22px;
}
.advantage_sec .top-title h3 {
font-size: 36px;
}
.advantage_sec .top-title p {
font-size: 18px;
line-height: 26px;
max-width: 100%;
}
.benefits-sec ul {
max-width: 100%;
}
.benefits-sec ul li {
font-size: 15px;
}
.know-bgImg h3 {
font-size: 36px;
}
.know-bgImg ul {
max-width: 100%;
}
.know-bgImg ul li span {
margin-right: 20px;
max-width: 50px;
}
.know-bgImg p {
font-size: 12px;
line-height: 20px;
}
.news-box .newDtl strong {
font-size: 14px;
}
.news-box .newDtl p {
font-size: 14px;
}
.view-btn {
font-size: 16px;
}
.news-box-large .newDtl p, .news-box-large .newDtl strong {
font-size: 14px;
}
.ready-transform-sec {
padding: 150px 0 150px;
}
.ftr-bg h3 {
font-size: 26px;
}
.ftrLeft-Sec img {
max-width: 230px;
}
.ftr-bg a i {
font-size: 40px;
}
.bankers-box h4 {
font-size: 24px;
line-height: 30px;
}
.bankers-box p {
font-size: 14px;
line-height: 22px;
}
.banker-lastbox strong {
font-size: 20px;
line-height: normal;
}
}
@media (max-width: 992px) {
}
@media (max-width: 800px) {
.laptop-sec .laptop_Cnt h4 {
font-size: 20px;
}
.laptop-sec .laptop_Cnt p {
font-size: 14px;
line-height: 22px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 1.8rem;
line-height: 44px;
margin-bottom: 15px;
}
.asstes-sec .img_Cnt {
max-width: 90%;
}
.asstes-sec .img_Cnt strong {
font-size: 30px;
}
.asstes-sec .img_Cnt p {
font-size: 20px;
}
.what-apart-sec .top-title {
max-width: 100%;
}
.platform-box {
margin-top: 25px;
margin-bottom: 0;
min-height: 260px;
}
.platform-cnt {
max-width: 100%;
}
.platform-box.last-box .platform-cnt {
max-width: 100%;
}
.platform-box img {
max-width: 120px;
}
.platform-box h4 {
font-size: 22px;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 2rem;
}
.advantage_sec .top-title h3 {
font-size: 28px;
}
.advantage_sec .top-title p {
font-size: 15px;
line-height: 20px;
}
.advantage_sec .advantage-img-box {
margin-bottom: 30px;
}
.benefits-sec ul li {
font-size: 14px;
}
.knowledge-sec {
padding-bottom: 0;
}
.know-bgImg {
padding: 70px 20px 50px;
}
.know-bgImg h3 {
font-size: 30px;
}
.know-bgImg h3 br {
display: none;
}
.know-bgImg p {
font-size: 13px;
line-height: 20px;
}
.ready-transform-sec {
padding: 100px 0;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
left: auto;
margin: 0 auto;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 26px;
}
.ftr-bg h3 {
font-size: 22px;
}
.ftr-bg a i {
font-size: 34px;
}
.ftrLeft-Sec img {
max-width: 200px;
}
}
@media (max-width: 767px) {
#id_selection #id_selection_btn {
background-position: left +22px bottom +10px;
background-size: 80px;
font-size: 14px;
padding: 10px 20px 25px 15px;
}
#id_selection #id_selection_btn:Hover {
background-position: right +15px bottom +10px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 1.5rem;
line-height: 34px;
margin-bottom: 15px;
}
.asstes-sec .img_Cnt p {
font-size: 16px;
}
.asstes-sec .img_Cnt strong {
font-size: 26px;
}
.advantage_sec .top-title h3 {
font-size: 26px;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 22px;
}
.bankers-box {
min-height: 240px;
}
.our-clients_sec .top-title strong {
font-size: 18px;
}
.know-bgImg h3 {
font-size: 26px;
}
.know-bgImg {
padding: 50px 5px 50px;
}
.know-bgImg ul li {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: start;
}
.know-bgImg ul li p {
flex: 100%;
}
.know-bgImg ul li span {
margin-right: 0;
max-width: 51px;
margin-bottom: 10px;
}
.ready-transform-sec {
padding: 70px 0;
}
.benefits-sec {
padding: 0;
margin: 50px 0 0;
}
.know-bgImg{
position: relative;
}
/*.know-bgImg::before{
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
position: absolute;
left: 0;
top: 0;
z-index: 0;
}*/
.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.circle-box img {
max-width: 70px;
}
.modal .modal-content .topsec .popup-logo {
max-width: 120px;
}
.modal .modal-content span.close {
top: 40px;
right: 20px;
}
.insurance-sec h3 {
font-size: 20px;
max-width: 150px;
}
.insurance-sec p {
font-size: 13px;
line-height: 18px;
}
.list-sec-wrap span {
max-width: 150px;
margin-top: 30px;
}
.list-sec-wrap ul {
margin-bottom: 15px;
}
.list-sec-wrap ul li {
font-size: 13px;
line-height: 18px;
}
.pop-ftr-sec {
display: flex;
justify-content: center;
}
.pop-ftr-sec div {
margin-right: 30px;
margin-left: 0;
max-width: 210px;
margin-bottom: 0;
}
.pop-ftr-sec h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 10px;
}
.pop-ftr-sec p {
font-size: 13px;
line-height: 18px;
}
.pop-ftr-sec .macImg img {
max-width: 160px;
}
.pop-ftr-sec .macImg {
margin-bottom: 0;
}
.popup-visit-btn {
font-size: 15px;
}
}
@media (max-width: 480px) {
.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.circle-box img {
max-width: 68px;
}
.modal .modal-content .topsec .popup-logo {
max-width: 100px;
}
.modal .modal-content span.close {
top: 40px;
right: 20px;
}
.insurance-sec, .list-sec-wrap, .pop-ftr-sec {
flex-wrap: wrap;
width: 100%;
}
.insurance-sec h3 {
font-size: 18px;
max-width: 100%;
text-align: left;
border-right: 0;
border-left: 3px solid #B1C60A;
padding-left: 10px;
padding-right: 0;
margin-bottom: 12px;
}
.insurance-sec p {
font-size: 13px;
line-height: 18px;
margin-bottom: 0;
}
.list-sec-wrap span {
max-width: 100%;
margin-top: 30px;
display: block;
text-align: center;
}
.list-sec-wrap span img {
max-width: 80%;
}
.list-sec-wrap ul {
margin-bottom: 15px;
margin-left: 0;
}
.list-sec-wrap ul li {
font-size: 13px;
line-height: 18px;
margin-bottom: 12px;
}
.pop-ftr-sec div {
margin-right: 20px;
margin-left: 0;
max-width: 100%;
margin-bottom: 0;
}
.pop-ftr-sec h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 10px;
text-align: center;
}
.pop-ftr-sec p {
font-size: 13px;
line-height: 18px;
text-align: center;
}
.pop-ftr-sec .macImg {
margin-bottom: 40px;
width: 100%;
text-align: center;
}
.pop-ftr-sec .macImg img {
max-width: 160px;
}
.popup-visit-btn {
font-size: 14px;
}
}
/*.special-gothic-expanded-one-regular {
font-family: "Special Gothic Expanded One", sans-serif;
font-weight: 400;
font-style: normal;
}*/
.content-wrap h1{
font-family: "Special Gothic One", sans-serif;
font-weight: 600;
font-style: normal;
}
.who-are_sec h2,
.advantage_sec .top-title h3,
.know-bgImg h3,
.map-sec #map_overlay h2 {
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 68px;
}
.advantage_sec .top-title h3, .know-bgImg h3 {
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 68px;
}
.top-title h3 {
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1em;
}
.news-box-large .Imgblk::before,
.news-box .Imgblk::before {
transition: all 500ms;
}
.news-box-large .Imgblk:hover::before,
.news-box .Imgblk:hover::before{
display: none;
opacity: 0;
}
.news-box-large .Imgblk:hover,
.news-box .Imgblk:hover{
cursor: pointer;
}
.platform-box:hover{
cursor: pointer;
}
.platform-box:hover h4{
color: #fff;
}
.platform-box.last-box:hover {
background: #0098D6;
cursor: pointer;
}
.search-box i {
padding: 6px 10px 5px;
font-size: 18px;
font-weight: bold;
}
.platform-box{
padding: 0;
border-radius: 10px;
background: inherit;
}
.zigzag_img {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; /* important */
min-height: 350px; /* set same height for all */
box-sizing: border-box;
}
.zigzag_img img.w-100 {
min-height: 350px; /* force same image height */
object-fit: cover; /* keeps image nicely cropped */
}
@media (max-width: 1100px) {
.top-title h3 {
font-size: 30px;
}
.map-sec #map_overlay h2 {
font-size: 55px;
}
#id_selection #id_selection_btn {
background-position: left +45px bottom +15px;
background-size: 100px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 28px;
}
.laptop-sec .laptop_Cnt p {
font-size: 16px;
line-height: 24px;
}
.asstes-sec .img_Cnt p {
font-size: 24px;
}
.asstes-sec .img_Cnt strong {
font-size: 34px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 2.3rem;
line-height: 44px;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 2.5rem;
}
.common-cd-row li h4 {
font-size: 1.5rem;
}
.common-cd-row li p {
font-size: 13px;
}
.common-cd-row li img {
height: 40px;
width: auto;
}
.our-clients_sec .top-title strong {
font-size: 22px;
}
.advantage_sec .top-title h3 {
font-size: 36px;
}
.advantage_sec .top-title p {
font-size: 18px;
line-height: 26px;
max-width: 100%;
}
.benefits-sec ul {
max-width: 100%;
}
.benefits-sec ul li {
font-size: 15px;
}
.know-bgImg h3 {
font-size: 36px;
}
.know-bgImg ul {
max-width: 100%;
}
.know-bgImg ul li span {
margin-right: 20px;
max-width: 50px;
}
.know-bgImg p {
font-size: 12px;
line-height: 20px;
}
.news-box .newDtl strong {
font-size: 14px;
}
.news-box .newDtl p {
font-size: 14px;
}
.view-btn {
font-size: 16px;
}
.news-box-large .newDtl p, .news-box-large .newDtl strong {
font-size: 14px;
}
.ready-transform-sec {
padding: 150px 0 150px;
}
.ftr-bg h3 {
font-size: 26px;
}
.ftrLeft-Sec img {
max-width: 230px;
}
.ftr-bg a i {
font-size: 40px;
}
.bankers-box h4 {
font-size: 24px;
line-height: 30px;
}
.bankers-box p {
font-size: 14px;
line-height: 22px;
}
.banker-lastbox strong {
font-size: 20px;
line-height: normal;
}
}
@media (max-width: 992px) {
.top-title h3 {
font-size: 24px;
}
}
@media (max-width: 800px) {
.map-sec #map_overlay h2 {
font-size: 44px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 20px;
}
.laptop-sec .laptop_Cnt p {
font-size: 14px;
line-height: 22px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 1.8rem;
line-height: 44px;
margin-bottom: 15px;
}
.asstes-sec .img_Cnt {
max-width: 90%;
}
.asstes-sec .img_Cnt strong {
font-size: 30px;
}
.asstes-sec .img_Cnt p {
font-size: 20px;
}
.what-apart-sec .top-title {
max-width: 100%;
}
.platform-box {
margin-top: 25px;
margin-bottom: 0;
min-height: 260px;
}
.platform-cnt {
max-width: 100%;
}
.platform-box.last-box .platform-cnt {
max-width: 100%;
}
.platform-box img {
max-width: 120px;
}
.platform-box h4 {
font-size: 24px;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 2rem;
}
.advantage_sec .top-title h3 {
font-size: 28px;
}
.advantage_sec .top-title p {
font-size: 15px;
line-height: 20px;
}
.advantage_sec .advantage-img-box {
margin-bottom: 30px;
}
.benefits-sec ul li {
font-size: 14px;
}
.knowledge-sec {
padding-bottom: 0;
}
.know-bgImg {
padding: 70px 20px 50px;
}
.know-bgImg h3 {
font-size: 30px;
}
.know-bgImg h3 br {
display: none;
}
.know-bgImg p {
font-size: 13px;
line-height: 20px;
}
.ready-transform-sec {
padding: 100px 0;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
left: auto;
margin: 0 auto;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 26px;
}
.ftr-bg h3 {
font-size: 22px;
}
.ftr-bg a i {
font-size: 34px;
}
.ftrLeft-Sec img {
max-width: 200px;
}
}
@media (max-width: 767px) {
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 24px;
}
.map-sec #map_overlay h2 {
font-size: 32px;
}
.news-box-large .newDtl {
max-width: 100%;
}
#id_selection #id_selection_btn {
background-position: left +22px bottom +10px;
background-size: 80px;
font-size: 14px;
padding: 10px 20px 25px 15px;
}
#id_selection #id_selection_btn:Hover {
background-position: right +15px bottom +10px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 1.5rem;
line-height: 34px;
margin-bottom: 15px;
}
.asstes-sec .img_Cnt p {
font-size: 16px;
}
.asstes-sec .img_Cnt strong {
font-size: 26px;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 22px;
}
.bankers-box {
min-height: 240px;
}
.our-clients_sec .top-title strong {
font-size: 18px;
}
.know-bgImg h3 {
font-size: 26px;
}
.know-bgImg {
padding: 50px 5px 50px;
margin: 0;
}
.know-bgImg ul li {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: start;
}
.know-bgImg ul li p {
flex: 100%;
}
.know-bgImg ul li span {
margin-right: 0;
max-width: 51px;
margin-bottom: 10px;
}
.ready-transform-sec {
padding: 70px 0;
}
.benefits-sec {
padding: 0;
margin: 50px 0 0;
}
.know-bgImg{
position: relative;
}
/*.know-bgImg::before{
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
position: absolute;
left: 0;
top: 0;
z-index: 0;
}*/
#myModal.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.circle-box img {
max-width: 70px;
}
#myModal.modal .modal-content .topsec .popup-logo {
max-width: 120px;
}
#myModal.modal .modal-content span.close {
top: 40px;
right: 20px;
}
.insurance-sec h3 {
font-size: 20px;
max-width: 150px;
}
.insurance-sec p {
font-size: 13px;
line-height: 18px;
}
.list-sec-wrap span {
max-width: 150px;
margin-top: 30px;
}
.list-sec-wrap ul {
margin-bottom: 15px;
}
.list-sec-wrap ul li {
font-size: 13px;
line-height: 18px;
}
.pop-ftr-sec {
display: flex;
justify-content: center;
}
.pop-ftr-sec div {
margin-right: 30px;
margin-left: 0;
max-width: 210px;
margin-bottom: 0;
}
.pop-ftr-sec h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 10px;
}
.pop-ftr-sec p {
font-size: 13px;
line-height: 18px;
}
.pop-ftr-sec .macImg img {
max-width: 160px;
}
.pop-ftr-sec .macImg {
margin-bottom: 0;
}
.popup-visit-btn {
font-size: 15px;
}
.top-title h3 {
font-size: 22px;
}
}
@media (max-width: 480px) {
.top-title h3 {
font-size: 22px;
}
.advantage_sec .top-title h3 {
font-size: 26px;
}
.map-sec #map_overlay {
right: 30px;
bottom: 30px;
}
.map-sec #map_overlay h2 {
font-size: 24px;
}
#myModal.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.circle-box img {
max-width: 68px;
}
#myModal.modal .modal-content .topsec .popup-logo {
max-width: 100px;
}
#myModal.modal .modal-content span.close {
top: 40px;
right: 20px;
}
.insurance-sec, .list-sec-wrap, .pop-ftr-sec {
flex-wrap: wrap;
width: 100%;
}
.insurance-sec h3 {
font-size: 18px;
max-width: 100%;
text-align: left;
border-right: 0;
border-left: 3px solid #B1C60A;
padding-left: 10px;
padding-right: 0;
margin-bottom: 12px;
}
.insurance-sec p {
font-size: 13px;
line-height: 18px;
margin-bottom: 0;
}
.list-sec-wrap span {
max-width: 100%;
margin-top: 30px;
display: block;
text-align: center;
}
.list-sec-wrap span img {
max-width: 80%;
}
.list-sec-wrap ul {
margin-bottom: 15px;
margin-left: 0;
}
.list-sec-wrap ul li {
font-size: 13px;
line-height: 18px;
margin-bottom: 12px;
}
.pop-ftr-sec div {
margin-right: 20px;
margin-left: 0;
max-width: 100%;
margin-bottom: 0;
}
.pop-ftr-sec h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 10px;
text-align: center;
}
.pop-ftr-sec p {
font-size: 13px;
line-height: 18px;
text-align: center;
}
.pop-ftr-sec .macImg {
margin-bottom: 40px;
width: 100%;
text-align: center;
}
.pop-ftr-sec .macImg img {
max-width: 160px;
}
.popup-visit-btn {
font-size: 14px;
}
}
.news-box-large, .news-box {
border-radius: 10px;
}
.news-box .Imgblk img,
.news-box .Imgblk::before {
border-radius: 10px 10px 0 0;
}
.news-box-large .Imgblk img,
.news-box-large .Imgblk::before {
border-radius: 10px 0 0 10px;
}
.news-box-large .newDtl {
border-radius: 0 10px 10px 0;
}
.static-positon input[type=text] {
padding: 7px 15px 7px 30px;
}
.static-positon form button {
padding: 9px 0 0 12px !important;
}
.partners-slider .slider-items img {
max-width: 100%;
}
.sc-div { margin: 100px 0 80px 0; position: relative;}
.marquee {position: relative;}
.review-wrap ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center !important;}
.review-wrap .marquee__group li {
display: flex;
align-items: center;
justify-content: center;
}
.review-wrap .marquee__group li .client-profile { align-items: center;}
.sc-div {
--space: 2rem;
display: grid;
align-content: center;
overflow: hidden;
gap: var(--space);
width: 100%;
width: 98%;
margin-left: auto;
margin-right: auto;
}
.marquee {
--duration: 20s;
--gap: var(--space);
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: var(--gap);
/* transform: skewY(-3deg);*/
}
.review-wrap .marquee__group {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-around;
gap: var(--gap);
min-width: 100%;
-webkit-animation: scroll var(--duration) linear infinite;
animation: scroll var(--duration) linear infinite;
/* min-height: 400px; */
/* position: relative;*/
}
.side-btn {
position: fixed;
right: -59px;
top: 500px;
background: #FF6800;
color: #fff;
border-radius: 10px 10px 0 0;
padding: 7px 20px 5px 20px;
font-size: 14px;
font-weight: 500;
display: inline-block;
transform: rotate(-90deg);
box-shadow: -5px 0 9px #999;
}
.side-btn:hover {
background: #FF6800;
color: #fff;
}
@media (prefers-reduced-motion: reduce) {
.review-wrap .marquee__group {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
}
.marquee--reverse .marquee__group {
animation-direction: reverse;
-webkit-animation-delay: calc(var(--duration) / -2);
animation-delay: calc(var(--duration) / -2);
}
@-webkit-keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - var(--gap)));
}
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - var(--gap)));
}
}
.page-header {
padding: 0;
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
#id_header #id_ci {
width: 180px;
height: 54px;
background-size: 100%;
padding: 0;
}
#id_header.page-header.is-sticky #id_ci {
width: 160px;
height: 30px;
background-size: 100%;
padding: 0;
}
.page-header.is-sticky {
padding: 0;
}
@media only screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
top: 70px;
padding-top: 0;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 60px;
padding-top: 0px;
}
}
.ftr-bg .container{
position: relative;
}
#top_backbtn {
display: inline-block;
background-color: #FF6800;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: absolute;
bottom: 510px;
right: 0;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#top_backbtn::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#top_backbtn:hover {
cursor: pointer;
background-color: #333;
}
#top_backbtn:active {
background-color: #555;
}
#top_backbtn.show {
opacity: 1;
visibility: visible;
}
/*platform css start 30-sep-25*/
.inner-banner{
margin-bottom: 100px;
}
.banner_Cnt {
display: flex;
padding: 50px 0;
justify-content: space-between;
flex-wrap: wrap;
}
.banner-text {
display: flex;
padding: 0 0;
justify-content: space-between;
flex-wrap: wrap;
}
.banner_Cnt h1 {
font-size: 20px;
color: #FF6800;
max-width: 400px;
letter-spacing: 0px;
font-family: "Inter Bold", sans-serif;
font-weight: 600;
font-style: normal;
}
.banner_Cnt .top-title{
border-left: 3px solid #FF6800;
}
.banner_Cnt .top-title h3{
font-size: 50px;
font-family: "Special Gothic Condensed One", sans-serif;
text-transform: uppercase;
line-height: normal;
margin-bottom: 0;
}
.top-title p strong{
font-family: "Inter Bold", sans-serif;
}
.banner_Cnt h1 strong {
color: #FF6800;
display: block;
}
.banner_Cnt p {
font-size: 16px;
color: #181A1B;
align-self: end;
margin-left: auto;
max-width: 500px;
margin-bottom: 0;
}
.banner_Cnt p strong {
font-family: "Inter Bold", sans-serif;
font-size: 20px;
color: #181A1B;
align-self: end;
margin-left: auto;
max-width: 500px;
margin-bottom: 0;
}
.common_row {
position: relative;
align-items: center;
margin-bottom: 80px;
}
.common_row::before{
content: "";
display: block;
width: 82%;
height: 100%;
background: #181A1B;
position: absolute;
border-radius: 10px;
right: 0;
z-index: 0;
}
.common_row .zigzag_img {
position: relative;
margin: 25px 0;
width: 35%;
padding: 0;
}
.common_row .zigzag_img img {
border-radius: 10px;
}
.common_row .zigzag_img::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(177, 198, 10, 0.7);
transition: all 500ms;
border-radius: 10px;
cursor: pointer;
}
.common_row .zigzag_img:hover::before,
.common_row.row_2 .zigzag_img:hover::before,
.common_row.row_3 .zigzag_img:hover::before,
.common_row.row_4 .zigzag_img:hover::before,
.common_row.row_5 .zigzag_img:hover::before{
background: inherit;
cursor: pointer;
}
.common_row.row_2 .zigzag_img::before {
background: rgb(255 86 24 / 70%);
}
.common_row.row_3 .zigzag_img::before {
background: rgba(255, 237, 0, 0.7);
}
.common_row.row_4 .zigzag_img::before {
background: rgb(190 60 255 / 70%);
}
.common_row.row_5 .zigzag_img::before {
background: rgb(155 121 43 / 70%);
}
.common_row.row_2::before, .common_row.row_4::before {
right: auto;
left: 0;
}
.common_row.row_2 .zigzag_img,
.common_row.row_4 .zigzag_img {
margin-left: auto;
}
span.cmn-logo {
position: absolute;
z-index: 9;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
top: 20px;
}
span.cmn-logo img{
border-radius: unset !important;
}
.zigzag_cnt {
position: relative;
width: 60%;
margin-bottom: 30px;
padding: 0 50px 0 40px;
text-align: center;
}
.common_row .zigzag_cnt h4 {
font-size: 24px;
margin-bottom: 0;
}
.common_row .zigzag_cnt h3 {
font-size: 32px;
color: #fff;
margin-bottom: 10px;
text-align: center;
}
.common_row .zigzag_cnt p {
font-size: 14px;
color: #fff;
margin: 0;
}
.common_row.row_1 .zigzag_cnt h4 {
color: #B1C60A;
font-weight: normal;
text-align: center;
}
.common_row.row_2 .zigzag_cnt h4 {
color: #D88161;
font-weight: normal;
text-align: center;
}
.common_row.row_3 .zigzag_cnt h4 {
color: #FFED00;
font-weight: normal;
text-align: center;
}
.common_row.row_4 .zigzag_cnt h4 {
color: #BF3EFF;
font-weight: normal;
text-align: center;
}
.common_row.row_5 .zigzag_cnt h4 {
color: #917E52;
font-weight: normal;
text-align: center;
}
.cmn-visit-btn {
background: #181A1B;
padding: 5px 20px;
border-radius: 50px;
font-size: 14px;
font-weight: 500;
border: 1px solid #fff;
color: #fff;
letter-spacing: 1px;
display: inline-block;
margin-top: 20px;
}
.cmn-visit-btn:hover {
background: #fff;
color: #181A1B;
}
@media (max-width: 1024px) {
.inner-banner {
margin-bottom: 10px;
}
.banner_Cnt h1 {
font-size: 44px;
}
.common_row .zigzag_cnt h4 {
font-size: 22px;
}
.common_row .zigzag_cnt h3 {
font-size: 26px;
}
.zigzag_cnt {
width: 60%;
padding: 0 10px 0 30px;
}
}
@media (max-width: 991px) {
.inner-banner {
margin-bottom: 0;
}
.banner_Cnt h1 {
font-size: 34px;
max-width: 350px;
}
.banner_Cnt p {
font-size: 15px;
max-width: 300px;
}
.common_row .zigzag_img {
width: 100%;
margin: 0;
}
.common_row {
margin-bottom: 50px;
padding: 20px;
}
.common_row::before {
width: 100%;
}
.zigzag_cnt {
width: 100%;
margin-bottom: 0;
padding: 30px 0 10px 0;
}
}
@media (max-width: 768px) {
.banner_Cnt h1 {
font-size: 30px;
max-width: 100%;
}
.banner_Cnt p {
font-size: 15px;
max-width: 100%;
margin-left: 0;
margin-top: 20px;
}
.common_row .zigzag_cnt h4 {
font-size: 20px;
}
.common_row .zigzag_cnt h3 {
font-size: 24px;
}
}
/*platform css End*/
.page-header {
padding: 0;
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
#id_header #id_ci {
width: 180px;
height: 54px;
background-size: 100%;
padding: 0;
}
#id_header.page-header.is-sticky #id_ci {
width: 180px;
height: 54px;
background-size: 100%;
padding: 0;
}
.page-header.is-sticky {
padding: 5px 0;
}
@media only screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
top: 70px;
padding-top: 0;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 60px;
padding-top: 0px;
}
.dropdown:hover > .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
pointer-events: none;
}
/* For nested dropdowns */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -0.5rem;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.dropdown-submenu .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transform: translateX(10px);
transition: all 0.3s ease;
pointer-events: none;
}
.navbar-expand-lg .navbar-nav .nav-item {
padding-top: 20px;
padding-bottom: 20px;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .nav-item {
padding-top: 15px;
padding-bottom: 15px;
}
}
.ftr-bg .container{
position: relative;
}
#top_backbtn {
display: inline-block;
background-color: #FF6800;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: absolute;
bottom: 480px;
right: 0;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 99;
top: -13%;
}
#top_backbtn::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#top_backbtn:hover {
cursor: pointer;
background-color: #333;
}
#top_backbtn:active {
background-color: #555;
}
#top_backbtn.show {
opacity: 1;
visibility: visible;
}
.common_row.platform-left::before {
right: 0;
left: auto;
}
.common_row.platform-left .zigzag_img {
margin-left: 0;
}
.common_row.platform-right::before {
right: auto;
left: 0;
}
.common_row.platform-right .zigzag_img {
margin-left: auto;
}
.home-header{
position: relative;
}
.remove-background-color .ready-transform-sec::before {
background: none;
}
.remove-background-color .ready-transform-sec{
background-position: center;
}
/* Offering page css start */
.offering-bnr-sec {
margin: 30px 0 0;
}
.offering-bnr-sec h1 {
font-size: 50px;
color: #181A1B;
letter-spacing: 0px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
display: block;
margin: 0;
padding: 10px 0;
line-height: normal;
}
.offering-bnr-sec h2 {
font-size: 50px;
color: #FF6800;
letter-spacing: 0px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
display: block;
margin: 0;
padding: 10px 25px;
background: #1E2B2D;
line-height: normal;
}
.offering-bnr-sec .cmn_bnr-cnt .pgraph {
margin-top: 35px;
}
.offering-bnr-sec .cmn_bnr-cnt strong {
font-size: 28px;
font-weight: 600;
color: #1096d0;
}
.offering-bnr-sec .cmn_bnr-cnt p {
color: #181A1B;
}
.trad-sec .trad-img {
position: relative;
}
.trad-sec .trad-img::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 104, 0, 0.5);
}
.trad-sec .trad-overlay-Cnt {
position: absolute;
left: 40px;
max-width: 490px;
bottom: 40px;
}
.trad-sec .trad-overlay-Cnt h2 {
font-family: "Special Gothic One", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
color: #fff;
text-transform: inherit;
margin: 0;
line-height: 60px;
letter-spacing: 0;
}
.trad_rightSide_Cnt, .trad_rightSide_Cnt p {
font-size: 20px;
font-weight: 700;
margin-top: auto;
margin-bottom: 0;
}
.prod-solu-bg {
width: 100%;
background: url(../images/prod-solution-bg.jpg);
background-size: cover;
padding: 50px 0 100px;
margin-top: 20px;
}
.prod-solu-bg h4 {
color: #fff;
font-size: 28px;
font-weight: normal;
}
.prod-solu-bg .prod-box {
background: #fff;
border-radius: 10px;
padding: 50px 30px 30px;
margin-top: 25px;
position: relative;
height: 100%;
}
.prod-solu-bg .prd_bx-Cnt {
margin-top: 50px;
}
.prod-solu-bg .prod-box span img {
display: block;
text-align: center;
margin: 0 auto;
}
.prod-solu-bg .prod-box h5 {
font-size: 24px;
max-width: 100%;
font-weight: 800;
color: #FF6800;
line-height: 30px;
text-align: center;
padding: 0;
margin-bottom: 0;
display: block;
letter-spacing: 0;
text-transform: uppercase;
height: 80px;
}
.prod-solu-bg .prod-box p {
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
transition: all 500ms;
text-align: center;
}
.how_work-sec {
background: #1E2B2D;
padding: 35px 0 40px 0;
}
.how_work-sec .top-title h3 {
color: #fff;
margin: 0;
font-weight: 600;
line-height: normal;
}
.how_work-sec .top-title p{
color: #fff;
}
.copyright {
color: #949494;
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
}
/*.gallery*/
.gallery-hdr {
display: flex;
flex-wrap: wrap;
align-items: end;
}
.gallery-hdr .top-title p, .gallery-hdr .top-title h3{
margin: 0;
}
.gallery-hdr .top-title {
flex: none;
margin-bottom: 40px;
}
.gallery{
width: 100%;
display: block;
margin: 50px 0 20px;
}
.gallery .row {
max-width: 80%;
margin-left: 0;
}
.gallery .gallery-filter{
width: 100%;
text-align: left;
flex: none;
margin-bottom: 30px;
}
.gallery .gallery-filter .filter-item {
background: #F4F4F4;
color: #181A1B;
font-size: 16px;
font-weight: 500;
display: inline-block;
padding: 10px 15px;
border-radius: 5px;
margin: 0 5px;
cursor: pointer;
line-height: 1.2;
transition: all 0.3s ease;
}
.gallery .gallery-filter .filter-item.active {
background: #FF6800;
color: #fff;
}
.gallery .gallery-item{
width: calc(100% / 2);
padding: 0;
position: relative;
}
.gallery .gallery-item .img_caption {
background: rgba(24, 26, 27, 0.8);
color: #fff;
display: block;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
padding: 6px 20px;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
width: 80%;
text-align: center;
}
.gallery .gallery-item-inner {
margin: 12px 12px;
position: relative;
transition: all 0.3s ease;
}
.gallery .gallery-item-inner::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
transition: all 0.3s ease;
}
.gallery .gallery-item-inner:hover::before{
opacity: 0;
cursor: pointer;
}
.gallery .gallery-item-inner img{
width: 100%;
border-radius: 4px;
}
.gallery .gallery-item.show{
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.gallery .gallery-item.hide{
display: none;
}
/*responsive*/
@media(max-width: 991px){
.gallery .gallery-item{
width: 50%;
}
.gallery .row {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.gallery-hdr .top-title {
flex: 100%;
margin-bottom: 30px;
}
.gallery .gallery-filter {
margin-bottom: 15px;
}
.gallery .gallery-filter .filter-item {
font-size: 15px;
padding: 8px 15px;
}
.gallery .gallery-item .img_caption {
font-size: 14px;
width: 90%;
}
.prod-solu-bg {
padding: 40px 0 70px;
}
.prod-solu-bg .prod-box {
padding: 30px 10px 10px;
}
.prod-solu-bg .prod-box span img {
height: 50px;
}
.prod-solu-bg .prd_bx-Cnt {
margin-top: 30px;
}
.prod-solu-bg .prod-box h5 {
font-size: 16px;
line-height: normal;
height: 55px;
}
.prod-solu-bg .prod-box p {
font-size: 14px;
line-height: 20px;
}
.prod-solu-bg h4 {
font-size: 20px;
}
.offering-bnr-sec h1,
.offering-bnr-sec h2 {
font-size: 30px;
}
.offering-bnr-sec .cmn_bnr-cnt .pgraph {
margin-top: 30px;
}
.offering-bnr-sec .cmn_bnr-cnt strong {
font-size: 24px;
}
.trad-sec .trad-overlay-Cnt h2 {
font-size: 36px;
line-height: 46px;
}
.trad_rightSide_Cnt, .trad_rightSide_Cnt p {
font-size: 18px;
line-height: 24px;
margin-top: 20px;
}
}
@media(max-width: 767px){
.gallery .gallery-item{
width: 100%;
}
.gallery .gallery-filter .filter-item{
margin-bottom: 10px;
}
.offering-bnr-sec h1, .offering-bnr-sec h2 {
font-size: 22px;
}
.offering-bnr-sec h2 {
padding: 10px 15px;
}
.offering-bnr-sec .cmn_bnr-cnt strong {
font-size: 20px;
}
.offering-bnr-sec .cmn_bnr-cnt p {
font-size: 15px;
line-height: 20px;
}
.offering-bnr-sec .cmn_bnr-cnt .pgraph {
margin-top: 10px;
}
.trad-sec .trad-overlay-Cnt {
left: 15px;
max-width: 100%;
bottom: 30px;
}
.trad-sec .trad-overlay-Cnt h2 {
font-size: 24px;
line-height: 30px;
}
.trad_rightSide_Cnt, .trad_rightSide_Cnt p {
font-size: 16px;
line-height: 24px;
margin-top: 20px;
}
.gallery .gallery-filter {
text-align: center;
flex: 100%;
margin-bottom: 20px;
}
.gallery .gallery-filter .filter-item {
font-size: 14px;
padding: 8px 10px;
margin: 0 2px;
}
.prod-solu-bg .prod-box h5 {
font-size: 18px;
height: auto;
margin-bottom: 10px;
}
.prod-solu-bg {
padding: 30px 0 50px;
}
.prod-solu-bg h4 {
font-size: 16px;
margin-bottom: 5px;
}
}
/* Offering page css end */
./* New css start 19-Nov-25 */
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active {
background: transparent;
border-radius: 0;
font-weight: 600;
}
.navbar-expand-lg .navbar-nav .static-positon:hover .nav-link {
color: #ed722e;
background: transparent !important;
border-radius: 0;
font-weight: 600;
padding-right:0 !important;
padding-left: 0 !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .container {
border-top: 2px solid transparent;
background: transparent;
}
.static-positon span {
color: #aaa;
font-size: 12px;
font-weight: 500;
}
.search-box i {
padding: 7px 10px 7px;
font-size: 16px;
font-weight: bold;
background: #fff;
border: 1px solid #ccc;
color: #333;
border-radius: 8px;
}
.search-box i:hover {
background: #fff;
border: 1px solid #ccc;
color: #333;
}
.hdr-right li.language {
background: #fff;
border: 1px solid #ccc;
border-radius: 8px;
padding: 5px 10px 5px;
font-size: 14px;
}
@media only screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
color: #333;
font-weight: 600;
}
.navbar-expand-lg .navbar-nav .nav-item {
padding-top: 21px;
padding-bottom: 18px;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .nav-item {
padding-top: 12px;
padding-bottom: 11px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
background: #f2f2f2;
box-shadow: 0 3px 5px rgba(0,0,0, .3);
}
}
@media (max-width: 991px) {
.search-box{
display: block;
}
.search-box i {
padding: 7px 10px 7px;
display: block;
margin: 5px 0;
}
.hdr-right li.language {
padding: 0 10px;
}
.hdr-right li.language select.selectpicker {
display: block;
width: 100%;
padding: 10px 0;
}
li.nav-item.dropdown.static-positon {
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .container {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-nav .dropdown-menu {
background: transparent;
padding: 15px 0;
}
}
/* New css End 19-Nov-25 */
.navbar-nav li:last-child {
padding-right: 0;
}
.navbar-nav li:last-child .nav-link{
padding-right: 0;
padding-left: 0;
}
.hdr-right li.language{
margin-left: 0;
}
.navbar-expand-lg .navbar-nav li:last-child .nav-link:hover, .navbar-expand-lg .navbar-nav li:last-child .nav-link.active{
border-bottom: none;
margin-right: 0;
padding-right: 5px;
}
.lang-dropdown {
position: relative;
display: inline-block;
}
/* MAIN BUTTON */
.lang-btn {
display: flex;
align-items: center;
gap: 6px;
background: #ffffff;
border: 1px solid #c9c9c9; /* GRAY BORDER */
padding: 5px 10px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
transition: 0.2s ease;
user-select: none;
}
/* ICON */
.chevron {
width: 20px;
height: 20px;
stroke: #8a8a8a; /* gray arrow */
stroke-width: 2; /* medium thickness */
fill: none; /* no fill */
transition: transform 0.2s;
}
/* ROTATE CHEVRON ON OPEN */
input:checked + label .chevron {
transform: rotate(180deg);
}
/* HIDDEN CHECKBOX */
.lang-dropdown input {
display: none;
}
/* DROPDOWN MENU */
.lang-menu {
position: absolute;
top: 40px;
width: 100%;
background: #ffffff;
border-radius: 8px;
border: 1px solid #c9c9c9; /* GRAY BORDER */
overflow: hidden;
display: none;
z-index: 50;
}
/* SHOW WHEN OPENED */
.lang-dropdown input:checked ~ .lang-menu {
display: block;
}
/* ITEMS */
.lang-menu a {
display: block;
text-decoration: none;
color: #333;
font-size: 14px;
transition: background 0.15s;
padding: 12px 18px 12px 10px;
}
/* ACTIVE ITEM */
.lang-menu a.active {
background: #f2f2f2;
font-weight: 600;
border-radius: 8px;
margin:2px;
}
.lang-menu a:hover {
background: #f2f2f2;
border-radius: 8px;
margin:2px;
}
@media(max-width: 768px){
.lang-dropdown{
padding-bottom: 10px;
}
}
.contct-hdr {
display: flex;
justify-content: space-between;
align-items: center;
margin: 25px 0;
}
.contct-hdr h3 {
text-transform: uppercase;
}
.contct-hdr .info_dtl {
background: #FF6800;
border-radius: 10px;
padding: 10px 25px 15px;
color: #fff;
}
.contct-hdr .info_dtl a {
color: #fff;
display: block;
font-size: 17px;
font-weight: bold;
}
.contct-hdr .info_dtl em, .contct-hdr .info_dtl i{
color: #fff;
font-size: 12px;
font-style: italic;
}
.contact-page-sec .sent-btn {
background: #FF6800;
color: #fff !important;
border-radius: 30px;
font-size: 14px;
font-weight: 500;
line-height: normal !important;
padding: 10px 50px !important;
}
.contact-page-sec .form-floating>label {
font-size: 16px;
font-weight: 600;
color: #000;
}
.contact-page-sec textarea {
border: 0;
border-bottom: 1px solid #000;
border-radius: 0;
}
.contact-tabs-wrapper .address {
width: 100%;
margin-bottom: 40px;
}
.contact-tabs-wrapper .address p {
margin: 0;
font-size: 24px;
font-weight: bold;
line-height: 30px;
color: #fff;
}
.contact-tabs-wrapper .address p strong{
color: #fff;
}
.contact-tabs-wrapper .address p a {
color: #1096d0;
font-weight: bold;
}
.contact-tabs-wrapper .pr-pic,
.contact-tabs-wrapper .pr-detls {
position: relative;
max-width: 600px;
}
.contact-tabs-wrapper .pr-detls {
display: flex;
justify-content: space-between;
}
.contact-tabs-wrapper .pr-detls p{
line-height: normal;
margin: 10px 0 0;
}
.contact-tabs-wrapper .pr-detls p strong {
font-size: 16px;
text-transform: uppercase;
}
.contact-tabs-wrapper .pr-detls p small {
font-size: 13px;
}
.contact-tabs-wrapper .pr-detls i {
font-size: 24px;
}
.contact-tabs-wrapper .pr-pic button {
position: absolute;
left: 30px;
top: 15px;
font-size: 50px !important;
font-weight: normal;
color: #fff !important;
background: transparent !important;
width: auto;
padding: 0 !important;
}
.contact-tabs-wrapper .pr-pic button:focus {
color: #fff;
background-color: transparent !important;
border: 0 !important;
box-shadow: none;
}
.contact-modal-popup.modal .modal-header {
border-bottom: 0;
}
.contact-modal-popup.modal .modal-header .btn-close {
width: auto;
height: auto;
padding: .5em 1.5em;
color: #000;
background: #fff;
border: 0;
border-radius: 30px;
opacity: 1;
}
.contact-modal-popup.modal .modal-content {
background-color: #272727;
margin: auto;
padding: 20px 20px 20px;
border: 0;
width: 100%;
border-radius: 20px;
max-width: 1200px;
box-shadow: 0px 0px 3px #014b6a;
}
.CEO-dtls {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.CEO-dtls .CEO-pic, .CEO-dtls .CEO-name {
flex: 1;
color: #fff;
}
.CEO-dtls .CEO-pic, .CEO-dtls .CEO-name strong,
.CEO-dtls .CEO-pic, .CEO-dtls .CEO-name small,
.CEO-dtls .CEO-pic, .CEO-dtls .CEO-name a i {
color: #fff;
}
.CEO-dtls .CEO-name {
margin-left: 30px;
line-height: normal;
}
.CEO-dtls .CEO-name strong {
font-size: 20px;
text-transform: uppercase;
}
.CEO-dtls .CEO-name small {
font-size: 14px;
}
.CEO-dtls .CEO-name a {
font-size: 24px;
display: inline-block;
margin-top: 10px;
}
.contact-modal-popup.modal .modal-content p{
color: #fff;
margin: 0;
}
@media (max-width: 767px) {
.contact-modal-popup.modal .modal-content {
padding: 10px 5px 0;
}
.contact-modal-popup.modal .modal-content p {
font-size: 14px;
}
.CEO-dtls {
margin-bottom: 20px;
}
.CEO-dtls .CEO-name {
margin-left: 20px;
}
.CEO-dtls .CEO-name strong {
font-size: 16px;
}
.CEO-dtls .CEO-name small {
font-size: 12px;
}
.contact-modal-popup.modal .modal-header .btn-close {
padding: .4em 1.2em;
}
}
@media (min-width: 576px) {
.contact-modal-popup.modal .modal-dialog {
max-width: 100%;
margin: 1.75rem auto;
}
}
.contact-tabs-wrapper .nav-tabs {
border-bottom: 0;
padding-bottom: 40px;
}
.contact-tabs-wrapper .nav-tabs .nav-link {
background: #fff;
color: #181A1B;
font-size: 14px;
font-weight: 500;
display: inline-block;
padding: 10px 20px;
border-radius: 20px;
margin: 0 5px;
cursor: pointer;
line-height: 1.2;
transition: all 0.3s ease;
border: none;
}
.contact-tabs-wrapper .nav-tabs .nav-link.active {
background: #FF6800;
color: #fff;
}
.contact-tabs-wrapper .nav-tabs .nav-link:hover {
background: #eee;
color: #181A1B;
}
.contact-tabs-wrapper .accordion-body {
padding: 0;
}
.contact-tabs-wrapper .accordion-item {
border: 0;
}
.contact-tabs-wrapper .accordion-header {
margin-bottom: 0;
width: 100%;
}
.contact-tabs-wrapper .accordion-header .accordion-button {
background: #F4F4F4;
margin-bottom: 10px;
}
.contact-tabs-wrapper .accordion-button:not(.collapsed) {
color: #fff;
background-color: #FF6800 !important;
box-shadow: none;
border-radius: 0;
}
.contact-tabs-wrapper .accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("../images/acc-up-arrow.png");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out;
}
.contact-tabs-wrapper .accordion-button:not(.collapsed)::after {
background-image: url("../images/acc-down-arrow.png");
transform: rotate(-180deg);
}
.info_dtl p, .contct-hdr .top-title p{
margin-bottom: 0;
}
@media (max-width: 991px) {
.contact-tabs-wrapper .tab-content>.tab-pane {
display: block;
opacity: 1;
}
}
@media (max-width: 767px) {
.contct-hdr{
flex-wrap: wrap;
width: 100%;
}
.contact-tabs-wrapper .address p {
font-size: 18px;
}
.contct-hdr .info_dtl {
margin-top: 20px;
width: 100%;
}
.contact-tabs-wrapper .address strong{
display: inline-block;
}
.contact-tabs-wrapper .nav-tabs .nav-link {
font-size: 14px;
display: inline-block;
padding: 10px 6px;
margin: 0 0;
}
}
.contact-tabs-wrapper .pr-detls a img {
max-width: 34px;
}
.CEO-dtls .CEO-name a {
margin-top: 15px;
}
.CEO-dtls .CEO-name a img {
max-width: 34px;
}
@media (max-width: 767px) {
.contact-tabs-wrapper .pr-detls a img {
max-width: 24px;
}
.CEO-dtls .CEO-name a img {
max-width: 24px;
}
.contact-tabs-wrapper .pr-detls p strong {
font-size: 14px;
}
.contact-tabs-wrapper .pr-detls p small {
font-size: 12px;
}
}
#mauticform_kontaktformularcharteredinvestment_vorname, #mauticform_contactformcharteredinvestment_first_name, #mauticform_kontaktformularcharteredinvestment_email, #mauticform_contactformcharteredinvestment_email{
margin-right: 1%;
}
#mauticform_kontaktformularcharteredinvestment_nachname, #mauticform_contactformcharteredinvestment_last_name, #mauticform_kontaktformularcharteredinvestment_telefon, #mauticform_contactformcharteredinvestment_phone{
margin-left: 1%;
}
/* Standard */
.mauticform-input::placeholder,
.mauticform-textarea::placeholder {
color: #212529 !important;
font-size: 1rem !important;
}
/* WebKit */
.mauticform-input::-webkit-input-placeholder,
.mauticform-textarea::-webkit-input-placeholder {
color: #212529 !important;
font-size: 1rem !important;
}
/* Firefox old */
.mauticform-input::-moz-placeholder,
.mauticform-textarea::-moz-placeholder {
color: #212529 !important;
font-size: 1rem !important;
}
/* IE / Edge legacy */
.mauticform-input:-ms-input-placeholder,
.mauticform-textarea:-ms-input-placeholder {
color: #212529 !important;
font-size: 1rem !important;
}
#mauticform_kontaktformularcharteredinvestment_ihre_nachricht, #mauticform_contactformcharteredinvestment_your_message, #mauticform_contactformcharteredinvestment_information_zum_datenschu, #mauticform_kontaktformularcharteredinvestment_information_zum_datenschu{
width: 99%;
}
.mauticform-textarea {
border: 0 !important;
border-bottom: 1px solid #000 !important;
border-radius: 0 !important;
}
.mauticform-row.mauticform-required .mauticform-label:after {
color: #212529 !important;
content: " *";
display: inline;
}
.what-apart-sec .mauticform-button {
background: #eee !important;
color: #000 !important;
border-radius: 30px !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: normal !important;
padding: 10px 50px !important;
cursor: not-allowed !important;
opacity: 0.6 !important;
transition: 0.3s !important;
}
form:has(#mauticform_checkboxgrp_checkbox_zustimmung_zur_verwendung_zugestimmt0:checked) #mauticform_input_kontaktformularcharteredinvestment_abschicken {
background-color: #FF6800 !important;
color: #fff !important;
cursor: pointer !important;
opacity: 1 !important;
}
.mauticform-label{
font-weight: normal !important;
color: #212529 !important;
font-size: 1rem !important;
}
.mauticform-textarea{
height: auto !important;
}
.mauticform_wrapper{
margin-top: 60px !important;
margin-bottom: 60px !important;
}
#mauticform_wrapper_kontaktformularcharteredinvestment .mauticform-errormsg, #mauticform_wrapper_contactformcharteredinvestment .mauticform-errormsg{
position: absolute;
margin: -15px 0 0 0;
width: auto;
}
#mauticform_wrapper_kontaktformularcharteredinvestment #mauticform_kontaktformularcharteredinvestment_ihre_nachricht, #mauticform_wrapper_contactformcharteredinvestment #mauticform_contactformcharteredinvestment_your_message {
margin-top: 20px;
}
#mauticform_wrapper_kontaktformularcharteredinvestment form input[type="text"], #mauticform_wrapper_contactformcharteredinvestment form input[type="text"],
#mauticform_wrapper_kontaktformularcharteredinvestment form input[type="email"], #mauticform_wrapper_contactformcharteredinvestment form input[type="email"],
#mauticform_wrapper_kontaktformularcharteredinvestment form input[type="tel"], #mauticform_wrapper_contactformcharteredinvestment form input[type="tel"],
#mauticform_wrapper_kontaktformularcharteredinvestment form select, #mauticform_wrapper_contactformcharteredinvestment form select,
#mauticform_wrapper_kontaktformularcharteredinvestment form textarea, #mauticform_wrapper_contactformcharteredinvestment form textarea {
margin-bottom: 25px;
}
#mauticform_wrapper_kontaktformularcharteredinvestment #mauticform_kontaktformularcharteredinvestment_information_zum_datenschu, #mauticform_wrapper_contactformcharteredinvestment #mauticform_contactformcharteredinvestment_information_zum_datenschu {
margin: 10px 0 20px 0;
}
#mauticform_wrapper_kontaktformularcharteredinvestment .mauticform-checkboxgrp-row, #mauticform_wrapper_contactformcharteredinvestment .mauticform-checkboxgrp-row {
margin-bottom: 15px;
}
@media (max-width: 991px) {
.mauticform-row{
width: 99%;
}
#mauticform_kontaktformularcharteredinvestment_vorname, #mauticform_contactformcharteredinvestment_first_name, #mauticform_kontaktformularcharteredinvestment_email, #mauticform_contactformcharteredinvestment_email{
margin-right: 0;
}
#mauticform_kontaktformularcharteredinvestment_nachname, #mauticform_contactformcharteredinvestment_last_name, #mauticform_kontaktformularcharteredinvestment_telefon, #mauticform_contactformcharteredinvestment_phone{
margin-left: 0;
}
}
.challenge_cnt-row {
display: flex;
position: relative;
}
.challenge_cnt-row .leftImg {
position: absolute;
left: 0;
max-width: 43.5%;
top: 130px;
z-index: 1;
}
.challenge_cnt-row .rightImg {
position: absolute;
right: 0;
max-width: 43.5%;
bottom: -20px;
}
.challenge_cnt-row .middleImg {
margin: 0 auto;
max-width: 280px;
position: relative;
left: 40px;
}
.bg-img img {
border-radius: 10px;
box-shadow: 0px 4px 6px #999;
}
@media (max-width: 1024px) {
.challenge_cnt-row .leftImg {
left: 0;
top: 110px;
max-width: 400px;
}
.challenge_cnt-row .rightImg {
bottom: 0;
max-width: 400px;
}
.challenge_cnt-row .middleImg {
max-width: 250px;
left: 40px;
}
}
@media (max-width: 991px) {
.challenge_cnt-row .leftImg {
left: 0;
top: 50px;
max-width: 300px;
}
.challenge_cnt-row .middleImg {
max-width: 120px;
left: 20px;
}
.challenge_cnt-row .rightImg {
bottom: 0;
max-width: 300px;
}
}
@media (max-width: 767px) {
.bg-img {
margin: 20px 15px;
}
.challenge_cnt-row {
flex-wrap: wrap;
}
.challenge_cnt-row .leftImg {
left: 0;
top: 0;
max-width: 90%;
position: relative;
margin: 0 auto;
}
.challenge_cnt-row .middleImg {
left: 0;
max-width: 200px;
margin: 30px auto;
}
.challenge_cnt-row .rightImg {
left: 0;
max-width: 90%;
position: relative;
margin: 0 auto;
}
}
@media (max-width: 376px) {
}
.what-apart-sec h4{
font-size: 40px;
}
#id_selection {
position: absolute;
right: 0;
top: 0;
z-index: 99;
width: 300px;
background: #FFF;
}
#id_selection #id_selection_btn {
width: 100%;
box-sizing: border-box;
display: inline-block;
padding: 50px 20px 60px 46px;
color: #FFF;
font-weight: 600;
font-size: 1.6rem;
letter-spacing: .1em;
background-color: rgb(251, 115, 34);
background-position: left +46px bottom +15px;
background-repeat: no-repeat;
background-size: 200px;
background-image: url(../images/btn-arrow-white-thin.svg);
text-transform: none;
text-align: left;
}
.map-sec .img-fluid {
cursor: pointer;
}
#c39 .top-title p{
max-width: 100%;
}
.what-apart-sec #c388 .top-title {
max-width: 100%;
}
.ready-transform-sec .ready-Cnt h2{
font-size: 55px;
font-family: "Inter Tight",sans-serif;
font-style: normal;
font-weight: 600;
text-transform: none;
line-height: 1.5em;
}
.ready-transform-sec .ready-Cnt{
max-width: 100%;
left:0;
}
#button{
position: absolute !important;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
}
.trades-sec{
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 350px;
}
.trades-sec .trad-img {
position: relative;
}
.trades-sec .trad-img::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
}
.trades-sec .trad-overlay-Cnt {
position: absolute;
bottom: 40px;
top:35%;
z-index: 1005;
}
.trades-sec .trad-overlay-Cnt h3 {
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
color: #fff;
}
.trades-sec .trad-overlay-Cnt p{
color: #fff;
font-size: 1.4rem;
max-width: 700px;
}
.what-apart-sec ul{
list-style: disc;
padding-left: 17px;
}
.frame-layout-primary .top-title{
max-width: 100% !important;
}
.what-apart-sec .btn-orange {
background: #FF6800 !important;
color: #fff !important;
border-radius: 30px !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: normal !important;
padding: 10px 50px !important;
width: auto;
}
.btn-orange:Hover {
color: #FFF !important;
background: #000 !important;
}
@media (max-width: 991px) {
.trades-sec .trad-overlay-Cnt {
position: absolute;
left: 40px;
bottom: 40px;
top:35%;
right: 40px;
}
.trades-sec .trad-overlay-Cnt h3 {
font-size: 30px;
}
.trades-sec .trad-overlay-Cnt p {
color: #fff;
font-size: 16px;
max-width: 100%;
}
}
@media (max-width: 767px) {
.trades-sec .trad-overlay-Cnt {
position: absolute;
left: 40px;
bottom: 40px;
top:15%;
}
.trades-sec .trad-overlay-Cnt h3 {
font-size: 30px;
}
.trades-sec .trad-overlay-Cnt p {
color: #fff;
font-size: 16px;
max-width: 100%;
}
}
.capabilities_bgImg {
position: relative;
}
.top_logo1,
.top_logo2,
.top_logo3 {
position: absolute;
top: 0;
z-index: 1;
display: block;
}
.top_logo1 img,
.top_logo2 img {
max-width: 100px;
}
.top_logo3 img {
max-width: 130px;
}
.top_logo1 {
left: 30%;
top: 33%;
}
.top_logo2 {
left: 43%;
top: 27%;
}
.top_logo3 {
left: 54%;
top: 35%;
}
.botm-Logo-row {
display: flex;
position: absolute;
z-index: 9;
left: 0;
bottom: 60px;
}
.botm-Logo-row .bottom_logo1,
.botm-Logo-row .bottom_logo2,
.botm-Logo-row .bottom_logo3,
.botm-Logo-row .bottom_logo4 {
margin: 0 10px;
}
.insights-page-wrap .news-sec a{
display: flex;
background: #F4F4F4;
border-radius: 0 10px 10px 0;
box-shadow: 3px 2px 2px #ddd;
margin-top: 20px;
}
.insights-page-wrap .news-sec a:hover p strong{
color: #1096d0;
}
.insights-page-wrap .news-sec .news-Img {
display: block;
position: relative;
max-width: 65%;
overflow: hidden;
border-radius: 10px 0 0 10px;
}
.insights-page-wrap .news-sec .news-Img img{
transition: all .5s ease-out;
height: 100%;
object-fit: cover;
}
.insights-page-wrap .news-sec a:hover img {
transform: scale(105%);
}
.insights-page-wrap .news-sec .news-Img img{
border-radius: 10px 0 0 10px;
}
.insights-page-wrap .news-sec .news-dtl {
max-width: 30%;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.insights-page-wrap .news-sec .news-dtl h3 {
color: #333;
font-size: 60px;
margin: 0;
line-height: normal;
}
.insights-page-wrap .news-sec .news-dtl small {
color: #7f7f7f;
font-size: 15px;
text-transform: capitalize;
}
.insights-page-wrap .news-sec .news-dtl p strong {
font-size: 22px;
color: #222;
display: block;
margin-top: 30px;
margin-bottom: 20px;
}
.insights-page-wrap .news-sec .news-dtl .tagbtn {
font-size: 12px;
background: #1096d0;
color: #fff;
display: inline-block;
border-radius: 20px;
padding: 1px 15px;
}
.insights-page-wrap .list-box {
position: relative;
margin: 15px 0;
display: block;
overflow: hidden;
border-radius: 12px;
width: 320px;
}
.insights-page-wrap .list-box a:hover p strong{
color: #1096d0;
}
.insights-page-wrap .list-box .listbox-img{
max-width: 100%;
transition: all .5s ease-out;
object-fit: cover;
min-height: 410px;
}
.insights-page-wrap .list-box a:hover .listbox-img {
transform: scale(105%);
}
.insights-page-wrap .list-box .list-cnt {
position: absolute;
left: 5%;
top: 5%;
width: 90%;
height: 90%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.insights-page-wrap .list-box h3 {
color: #000;
font-size: 50px;
margin: 0;
line-height: normal;
}
.insights-page-wrap .list-box small {
color: #000;
font-size: 12px;
text-transform: uppercase;
}
.insights-page-wrap .list-box p{
margin-bottom: 10px;
}
.insights-page-wrap .list-box p strong {
font-size: 20px;
color: #fff;
display: block;
margin-bottom: 10px;
}
.insights-page-wrap .list-box .tagbtn {
font-size: 12px;
background: #1096d0;
color: #fff;
display: inline-block;
border-radius: 20px;
padding: 0px 15px;
}
.insights-page-wrap .list-box .list-logo {
position: absolute;
right: 15px;
top: 15px;
background: #a9afb4;
border-radius: 5px;
padding: 10px;
}
.insights-page-wrap .list-box .list-logo img {
max-width: 64px;
}
/*.insights-page-wrap .list-box::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
transition: all 500ms;
border-radius: 20px;
}*/
.dtls-box-bg {
background: #fff;
border-radius: 20px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 1px 3px 6px 4px #ddd;
position: relative;
padding: 30px 50px 20px;
}
.dtls-box-bg .lixx-logo {
position: absolute;
right: 30px;
top: 30px;
background: #fff;
padding: 15px 15px;
border-radius: 5px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}
.dtls-box-bg .lixx-logo img {
max-width: 84px;
}
.dtls-box-bg h2 {
font-size: 36px;
text-transform: capitalize;
font-weight: 800;
color: #333;
margin-top: 15%;
line-height: normal;
padding-left: 5px;
width: 100%;
}
.dtls-box-bg small {
font-size: 16px;
color: #999;
font-weight: 700;
}
.dtls-box-bg h4 {
font-size: 22px;
font-weight: 800;
margin: 40px 0;
}
.dtls-box-bg h5 {
font-size: 18px;
font-weight: 800;
padding: 0;
margin-bottom: 30px !important;
letter-spacing: normal;
background-position: 0 0;
background-size: auto;
display: block;
}
.dtls-box-bg p strong {
display: block;
}
.insights-detail-page .backbtn {
font-size: 18px;
background: #1096d0;
color: #fff;
display: inline-block;
border-radius: 12px;
padding: 15px 20px 15px 50px;
margin-top: 30px;
position: relative;
}
.insights-detail-page .backbtn:hover {
background: #0374a5;
}
.insights-detail-page .backbtn::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
position: absolute;
left: 15px;
top: 0;
}
.dtls-box-bg ul {
list-style: disc;
padding-left: 14px;
}
.dtls-box-bg ul li::marker{
font-size: 18px;
}
.dtls-box-bg ul li {
padding-left: 20px;
}
.dtls-box2{
padding-top: 50px;
}
.dtls-box2 h3{
font-size: 24px;
font-weight: 800;
color: #333;
}
.dtls-box2 p{
font-size: 18px;
}
.dtls-box2 ul {
margin-bottom: 20px;
}
.dtls-box2 ul li::marker{
font-size: 20px;
color: #1096d0;
}
.dtls-box2 ul li {
padding-left: 0;
margin: 5px 0;
}
.dtls-box-bg p strong {
display: block;
font-weight: 800;
}
.insights-detail-page .backbtn i {
color: #fff;
font-size: 18px ;
}
.insights-detail-page .backbtn::after {
display: none;
}
.insights-detail-page .backbtn {
padding: 15px 20px 15px 20px;
}
.insights-detail-page .backbtn img {
margin-right: 10px;
max-width: 16px;
}
.bnrImg{
padding-bottom: 20px;
}
.insights-page-wrap .news-Img .list-logo {
position: absolute;
right: 15px;
top: 15px;
background: #fff;
border-radius: 10px;
padding: 10px;
}
.insights-page-wrap .news-Img .list-logo img {
max-width: 64px;
border-radius: 0;
}
.inner {
position: relative;
width: 1120px;
margin: auto;
}
.main_middle-Sec {
position: relative;
}
.big-image{
max-width: 70%;
margin: auto;
}
.what-apart-sec .inner .top-title{
max-width: 70%;
margin:auto;
}
.what-apart-sec .inner .top-title strong {
color: #181A1B;
}
.what-apart-sec .inner .top-title p{
margin-bottom: auto;
font-size: 1.3rem;
line-height: 1.4em;
}
@media (max-width: 1024px) {
.top_logo1 img, .top_logo2 img {
max-width: 80px;
}
.top_logo3 img {
max-width: 115px;
}
.insights-page-wrap .news-sec .news-Img {
max-width: 60%;
}
.insights-page-wrap .news-sec .news-dtl {
max-width: 40%;
}
.insights-page-wrap .list-box p strong {
font-size: 16px;
}
.insights-page-wrap .list-box h3 {
font-size: 40px;
}
.insights-page-wrap .list-box small {
font-size: 10px;
}
.insights-page-wrap .list-box .list-logo {
padding: 8px;
}
.insights-page-wrap .list-box .list-logo img {
max-width: 50px;
}
.insights-page-wrap .news-sec .news-dtl h3 {
font-size: 50px;
}
.insights-page-wrap .news-sec .news-dtl small {
font-size: 12px;
}
.insights-page-wrap .news-sec .news-dtl p strong {
font-size: 20px;
}
.insights-detail-page .backbtn {
font-size: 16px;
padding: 12px 20px 12px 50px;
}
.dtls-box-bg h2 {
font-size: 32px;
}
.dtls-box-bg h4 {
font-size: 20px;
}
.dtls-box-bg h5 {
font-size: 17px;
}
.dtls-box2 p {
font-size: 17px;
}
}
@media (max-width: 991px) {
.top_logo1 img, .top_logo2 img {
max-width: 64px;
}
.top_logo3 img {
max-width: 95px;
}
.botm-Logo-row {
bottom: 50px;
}
.top_logo3 {
left: 56%;
}
.insights-page-wrap .news-sec .news-Img {
max-width: 55%;
}
.insights-page-wrap .news-sec .news-dtl {
max-width: 45%;
padding: 20px 20px;
}
.insights-page-wrap .news-sec .news-dtl p strong {
font-size: 18px;
line-height: normal;
}
.dtls-box-bg h2 {
font-size: 28px;
}
.dtls-box-bg {
padding: 30px 20px 20px;
}
.dtls-box-bg h4 {
font-size: 18px;
}
.dtls-box2 h3 {
font-size: 22px;
}
.dtls-box2 {
padding-top: 30px;
padding-bottom: 10px;
}
}
@media (max-width: 767px) {
.top_logo1 img, .top_logo2 img {
max-width: 54px;
}
.top_logo1 {
left: 32%;
top: 33.5%;
}
.top_logo2 {
left: 44%;
top: 27.5%;
}
.top_logo3 {
left: 56%;
top: 34.4%;
}
.top_logo3 img {
max-width: 70px;
}
.botm-Logo-row {
bottom: 30px;
}
.insights-page-wrap .news-sec .news-Img img {
border-radius: 10px;
}
.insights-page-wrap .news-Img .list-logo img {
max-width: 50px;
border-radius: 0;
}
.insights-page-wrap .news-sec a{
flex-wrap: wrap;
border-radius: 10px;
box-shadow: 0px 4px 7px #ddd;
}
.insights-page-wrap .news-sec .news-Img {
max-width: 100%;
}
.insights-page-wrap .news-sec .news-dtl {
max-width: 100%;
padding: 20px 20px 0;
}
.insights-detail-page .backbtn {
font-size: 16px;
padding: 12px 20px 12px 50px;
}
.dtls-box-bg h2 {
font-size: 20px;
margin-bottom: 20px;
}
.dtls-box-bg h4 {
font-size: 16px;
margin: 20px 0 30px;
line-height: normal;
}
.dtls-box-bg h5 {
font-size: 14px;
line-height: normal;
}
.dtls-box-bg p {
font-size: 15px;
}
.dtls-box-bg ul li {
padding-left: 10px;
font-size: 15px;
}
.dtls-box2 h3 {
font-size: 18px;
}
.dtls-box2 ul li {
padding: 0;
}
.dtls-box-bg .lixx-logo {
top: 15px;
right: 20px;
}
.dtls-box-bg .lixx-logo img {
max-width: 64px;
}
.dtls-box-bg small {
font-size: 14px;
}
}
@media (max-width: 480px) {
.top_logo1 img, .top_logo2 img {
max-width: 40px;
}
.top_logo3 img {
max-width: 54px;
}
.top_logo1 {
left: 32%;
top: 33%;
}
.top_logo2 {
left: 44%;
top: 27%;
}
.top_logo3 {
left: 55%;
top: 34%;
}
.botm-Logo-row {
bottom: 30px;
}
}
/*add new css by tp-19-03-2026*/
.insights-page-wrap .news-sec a {
background: #fff;
border-radius: 20px;
box-shadow: none;
margin-top: 20px;
border: 1px solid #ddd;
}
.insights-page-wrap .news-sec .news-Img {
max-width: 50%;
border-radius: 20px 0 0 20px;
border: 30px solid #DCEAFE;
}
.insights-page-wrap .news-sec .news-dtl {
max-width: 50%;
padding: 30px 40px;
position: relative;
}
.insights-page-wrap .news-sec .news-dtl .top-right-logo {
position: absolute;
right: 30px;
top: 40px;
display: block;
background: #fff;
padding: 15px 15px;
border-radius: 5px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}
.insights-page-wrap .news-sec .news-dtl .top-right-logo img {
max-width: 100px;
}
.insights-page-wrap .news-sec a:hover img {
transform: none;
}
.insights-page-wrap .news-sec .news-dtl p strong {
margin-top: 30px;
margin-bottom: 0;
}
.insights-page-wrap .news-sec a:hover p strong {
color: #222;
}
.insights-page-wrap .news-sec .news-dtl h3 {
color: #7f7f7f;
font-size: 38px;
margin-bottom: 5px;
}
.dtlImg_row .dtlImg_right-col .dtls_title h3 {
color: #7f7f7f;
font-size: 38px;
line-height: normal;
margin-bottom: 5px;
}
.dtlImg_row .dtlImg_right-col .dtls_title small {
color: #7f7f7f;
font-size: 15px;
text-transform: capitalize;
font-weight: normal;
}
.dtls-box-bg .external-link {
background: #FF6800;
color: #fff !important;
border-radius: 10px;
font-size: 14px;
font-weight: 500;
line-height: normal;
padding: 10px 15px !important;
}
.dtls-box-bg .external-link:hover {
color: #FFF !important;
background: #000;
}
.hdr-right {
margin-left: 15px;
}
.hdr-right .login-btn {
font-size: .8rem;
font-weight: 600;
color: #fff;
padding: 7px 25px;
background: #58b6df;
border-radius: 12px;
}
.hdr-right .login-btn:hover {
color: #fff;
background: #1096d0;
}
.lang-btn, .search-box i {
border: 0;
}
.search-box i:hover {
border: 0;
}
.navbar-expand-lg .navbar-nav .nav-link.active{
color: #ff7300;
background: #ffedd4;
border-radius: 12px;
border-bottom: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin: 0;
font-weight: 600;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
border-radius: 12px !important;
border-bottom: 0 !important;
padding-right: 1.2rem !important;
padding-left: 1.2rem !important;
margin: 0 !important;
font-weight: 500 !important;
}
.navbar-expand-lg .navbar-nav .menu-positon:hover .nav-link {
border-radius: 12px;
border-bottom: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin: 0;
font-weight: 400;
}
.menu-positon {
position: static;
}
.menu-positon ul li {
margin: 12px 0;
}
.menu-positon ul li a {
color: #6c6b6b;
font-size: 15px;
font-family: "Inter Tight", sans-serif;
font-weight: 500;
font-style: normal;
}
.menu-positon ul li a strong {
color: #333;
font-weight: 700;
}
.menu-positon ul li a:hover,
.menu-positon ul li a:hover strong, .menu-positon ul.brand-link li a:hover strong {
color: #fb7322;
}
.menu-positon span {
color: #aaa;
font-size: 12px;
font-weight: 400;
}
.border-right ul{
border-right: 1px solid #aaa;
}
.search-box {
position: relative;
top: 4px;
}
.search-box i {
padding: 8px 10px 8px;
}
.lang-btn{
padding: 6px 10px;
}
.search-box i:hover, .lang-btn:hover{
background: #eee;
border-radius: 4px;
}
@media only screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
color: #333;
font-size: 14px;
font-weight: 400;
font-style: normal;
padding-right: 1.2rem;
padding-left: 1.2rem;
border-radius: 12px;
padding-top: .5rem;
padding-bottom: .5rem;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
background: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
border-radius: 12px !important;
position: absolute;
width: auto;
left: auto;
min-width: 400px;
max-width: 100%;
}
}
.insights-page-wrap .container-fluid {
background: #f9fafb;
/*border-bottom: 1px solid #ccc;*/
position: relative;
}
.insights-page-wrap .container-fluid .news-sec {
padding-bottom: 50px;
background: #f9f9f9;
padding-top: 20px;
}
.insights-page-wrap .listing_bg {
background: #f9f9f9;
padding: 25px 35px;
border-radius: 0;
}
.insights-page-wrap .listing_bg .list-box a{
display: block;
position: relative;
}
.insights-page-wrap .listing_bg .list-box a::before{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.1);
opacity: 1;
}
.insights-page-wrap .listing_bg .list-box a:hover::before{
background-color: rgba(0, 0, 0, 0.7);
opacity: 1;
position: absolute;
left: 0;
top: 0;
}
.insights-page-wrap .tab_container .list-box h3 {
font-size: 34px;
}
.insights-page-wrap .tab_container .list-box small {
font-size: 13px;
text-transform: capitalize;
}
.insights-page-wrap .tab_container .list-box a:hover .listbox-img {
transform: scale(100%);
}
.insights-page-wrap .tab_container .list-box p strong {
font-size: 18px;
}
.insights-page-wrap .tab_container .list-box a:hover p strong {
color: #fff;
}
ul.tabs {
padding: 20px;
list-style: none;
height: auto;
background: #f9fafb;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
ul.tabs li {
float: left;
cursor: pointer;
height: auto;
line-height: normal;
color: #333;
overflow: hidden;
position: relative;
border-radius: 30px;
font-size: 14px;
font-weight: 500;
}
ul.tabs li:hover {
color: #333;
}
ul.tabs li.active {
background-color: #ff7300;
color: #fff;
display: block;
}
.tab_container {
border: 0;
border-top: 1px solid #eee;
clear: both;
float: left;
width: 100%;
background: #fff;
overflow: hidden;
}
.tab_content {
padding: 20px 0;
display: none;
}
.tab_drawer_heading { display: none; }
.dropdown-toggle::after{
display: none;
}
.menu-positon ul.brand-link li a strong{
color: #99a1af;
}
.static-positon{
padding-top: 17px !important;
}
.is-sticky .static-positon {
padding-top: 8px !important;
}
.is-sticky .search-box i{
background: none;
}
.is-sticky .lang-btn{
background: none;
}
.is-sticky .search-box i:hover, .is-sticky .lang-btn:hover {
background: #eee;
border-radius: 4px;
}
.big-picture{
max-width: 50%;
}
@media screen and (max-width: 540px) {
.tabs {
display: none;
}
.tab_drawer_heading {
background-color: #eee;
color: #333;
border-top: 0;
margin: 10px 0;
padding: 7px 20px;
font-size: 16px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.d_active {
background-color: #ff7300;
color: #fff;
}
.tab_content {
padding: 10px 15px;
}
}
@media only screen and (max-width: 1024px) {
.navbar-expand-lg .navbar-nav .nav-item {
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active{
padding-right: 1rem;
padding-left: 1rem;
}
}
@media only screen and (max-width: 991px) {
.border-right ul {
border-right: 0;
}
.hdr-right .login-btn {
padding: 10px 25px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
padding-top: 10px;
padding-bottom: 10px;
}
.insights-page-wrap .tab_container .list-box p strong {
font-size: 16px;
}
}
@media (max-width: 767px) {
.insights-page-wrap .news-sec a {
display: block;
margin-top: 5px;
}
.insights-page-wrap .news-sec .news-Img {
max-width: 100%;
border-radius: 20px;
border: 20px solid #DCEAFE;
}
.insights-page-wrap .news-sec .news-dtl{
max-width: 100%;
padding: 30px 20px 0;
}
.tab_container {
padding: 0;
}
.insights-page-wrap .container-fluid .news-sec {
margin-bottom: 30px;
}
.insights-page-wrap .listing_bg {
background: #f9f9f9;
padding: 5px 15px;
border-radius: 12px;
}
}
.insights-page-wrap .list-box .list-logo {
background: transparent;
padding: 10px;
}
.insights-page-wrap .news-sec .news-Img {
width: 50%;
}
.insights-page-wrap .news-sec .news-Img img {
max-height: 450px;
width: 100%;
}
.insights-page-wrap .list-box .list-logo img {
max-width: 100px;
}
.insights-page-wrap .listing_bg .list-box a::before {
display: none;
}
.insights-page-wrap .listing_bg .list-box a:hover::before {
display: none;
}
.insights-page-wrap .list-box .list-cnt {
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
/*padding: 20px 20px 10px;*/
}
.insights-page-wrap .list-box .list-cnt:hover {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
}
.insights-page-wrap .list-box .list-cnt .list_title{
background: rgba(0, 0, 0, 0.3);
padding: 20px 20px 10px;
}
.insights-page-wrap .list-box .list-cnt p{
background: rgba(0, 0, 0, 0.3);
padding: 0;
margin-bottom: 0;
}
.insights-page-wrap .list-box .list-cnt p span{
padding: 20px 20px 10px;
margin-bottom: 10px;
color: #fff;
display: block;
font-size: 1rem;
line-height: 1.2em;
}
@media (max-width: 991px) {
.insights-page-wrap .news-sec .news-dtl p {
font-size: 14px;
margin-bottom: 20px;
}
.insights-page-wrap .news-sec .news-dtl p strong {
font-size: 16px;
margin-top: 20px;
}
.insights-page-wrap .news-sec .news-dtl {
padding: 25px 20px 10px;
}
.insights-page-wrap .list-box .list-cnt {
padding: 10px 10px 10px;
}
}
@media (max-width: 767px) {
.insights-page-wrap .news-sec .news-Img {
width: 100%;
}
.insights-page-wrap .news-sec .news-Img img {
max-height: 100%;
width: 100%;
}
}
.dtlImg_row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 15px 0;
}
.dtlImg_row .big-picture {
width: 48%;
}
.dtlImg_row .dtlImg_right-col {
width: 48%;
position: relative;
}
.dtls-box-bg .lixx-logo {
top: 0;
right: 0;
}
.dtls-box-bg h2 {
font-size: 34px;
}
.dtlImg_row .big-picture img {
object-fit: fill;
}
.insights-detail-page > .container {
position: relative;
}
.insights-detail-page .backbtn {
padding: 8px 15px;
background: #58b6df;
position: absolute;
left: -60px;
margin-top: 0;
border-radius: 6px;
}
.insights-detail-page .backbtn:hover {
color: #fff;
background: #1096d0;
}
.insights-detail-page .backbtn img {
margin-right: 0;
max-width: 100%;
}
.latest-news-sec .insights-page-wrap .news-sec a{
margin-top: 50px;
}
@media (max-width: 991px) {
.dtlImg_row {
padding: 0;
}
.dtls-box-bg small {
font-size: 14px;
}
.dtls-box-bg h2 {
font-size: 24px;
margin-top: 25px;
}
.dtlImg_row .big-picture img {
max-height: 300px;
}
.dtlImg_row .big-picture {
width: 45%;
}
.dtlImg_row .dtlImg_right-col {
width: 52%;
position: relative;
}
.dtls-box-bg .lixx-logo img {
max-width: 70px;
}
.dtls-box-bg .lixx-logo {
top: -5px;
}
}
@media (max-width: 767px) {
.dtlImg_row .big-picture, .dtlImg_row .dtlImg_right-col {
width: 100%;
}
.dtls-box-bg {
padding: 20px 25px 20px;
}
.dtls-box-bg h2 {
font-size: 22px;
margin: 25px 0 10px;
}
.dtlImg_row .big-picture img {
max-height: 100%;
}
}
.content-wrap .bnr-content-bg {
width: 550px;
max-width: 100%;
box-shadow: none;
border-radius: 0;
z-index: 999;
}
.content-wrap h1 {
top: 70px;
left: 23%;
font-family: "Special Gothic Expanded One", sans-serif;
font-weight: 600;
font-style: normal;
line-height: 87px;
width: auto;
text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
font-size: 5.2rem;
letter-spacing: normal;
}
.content-wrap h1 span {
display: block;
font-size: 30px;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1140px;
}
}
/*add new css 17-42026*/
.capnew_mid-sec{
position: relative;
}
.capnew_mid-sec .top-title p {
max-width: 400px;
}
.capnew_mid-sec .top-title h1 {
color: #333;
font-size: 36px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 20px;
line-height: 1em;
}
.capnew_mid-sec .top-title h1 span{
display: block;
color: #333;
font-size: 36px;
font-weight: 700;
}
.cap_pattern-bg {
position: relative;
}
.top_logo1 img, .top_logo2 img {
max-width: 110px;
}
.top_logo3 img {
max-width: 110px;
}
.top_logo1 {
left: 36%;
top: 40%;
}
.top_logo2 {
left: 46%;
top: 23%;
}
.top_logo3 {
left: 55%;
top: 40%;
}
/*.accordion {
width: 90%;
max-width: 1000px;
margin: 2rem auto;
}*/
.capnew_mid-sec .accordion-item {
background-color: rgba(30, 43, 45, 0.97);
color: #111;
margin: 1rem 0;
border-radius: 0.5rem;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
position: absolute;
left: 50px;
top: 23%;
max-width: 320px;
}
.capnew_mid-sec .accordion-item-header {
padding: 0.5rem 3rem 0.5rem 1rem;
min-height: 3.5rem;
line-height: 1.25rem;
font-size: 22px;
font-weight: 600;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
color: #FF6800;
}
.capnew_mid-sec .accordion-item:hover .accordion-item-body{
max-height: 300px;
}
/*.accordion-item-header::after {
content: "\002B";
font-size: 2rem;
position: absolute;
right: 1rem;
}
.accordion-item-header.active::after {
content: "\2212";
}*/
.capnew_mid-sec .accordion-item-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.capnew_mid-sec .accordion-item-body-content {
padding: 1rem;
line-height: 1.5rem;
border-top: 1px solid;
border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}
.capnew_mid-sec .accordion-item-body-content ul {
list-style-type: disc;
color: #fff;
padding-left: 20px;
}
.capnew_mid-sec .accordion-item-body-content ul li {
color: #fff;
font-size: 16px;
line-height: 28px;
}
.capnew_mid-sec .accordion-item.Regulation_accordion {
right: 50px;
left: auto;
}
.common_flavour .top-title h3 {
color: #333;
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1em;
}
.common_flavour .top-title p {
max-width: 400px;
}
.common_flavour .gallery .gallery-filter {
width: 100%;
text-align: left;
flex: none;
margin-bottom: 40px;
}
.common_flavour .gallery-hdr .top-title {
flex: none;
margin-bottom: 40px;
}
.common_flavour .gallery .gallery-filter {
width: 100%;
text-align: left;
flex: none;
margin-bottom: 40px;
display: flex;
align-items: center;
}
.common_flavour .gallery .gallery-filter .filter-item {
padding: 5px 15px;
flex: 1;
text-align: center;
}
.common_flavour .gallery .gallery-filter .filter-item.active {
background: #F4F4F4;
color: #181A1B;
}
.common_flavour .gallery .gallery-filter .filter-item img {
width: 26px;
height: 26px;
border-radius: 50%;
filter: grayscale(1);
}
.common_flavour .gallery .gallery-filter .filter-item.active img {
filter: brightness(1);
}
.common_flavour .gallery .row {
max-width: 100%;
margin-left: 0;
}
.common_flavour.design_col3 .gallery .gallery-item {
width: calc(100% / 2);
padding: 0;
position: relative;
}
/*flavour_tabs css start*/
.flavour_tab-wrap .accordion-body {
padding: 0;
}
.cmn_grayBg {
background: #F4F4F4;
border-radius: 10px;
}
.cmn_grayBg .comn_img img {
border-radius: 25px;
padding: 15px;
}
.cmn_grayBg .comn_cnt {
padding: 15px;
}
.cmn_grayBg h3 {
color: #333;
font-size: 21px;
font-weight: 600;
margin-bottom: 5px;
}
.cmn_grayBg p {
color: #555;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.cmn_grayBg .comn_view-btn {
background: #FF6800;
color: #fff;
border-radius: 8px;
padding: 5px 10px;
font-size: 14px;
font-weight: 500;
}
.cmn_grayBg .comn_view-btn:hover{
background: #ea6002;
}
.three_box-design .leftbox {
display: flex;
justify-content: space-between;
}
.three_box-design .leftbox {
display: flex;
}
.three_box-design .leftbox .comn_img,
.three_box-design .leftbox .comn_cnt {
flex: 1;
}
.three_box-design .leftbox.left-2 .comn_img {
order: 1;
}
.three_box-design .leftbox.left-2 .comn_cnt {
order: 0;
}
/* Oculta la lรญnea de tabs predeterminada */
.flavour_tab-wrap .nav-tabs {
border-bottom: none;
display: flex;
justify-content: center;
gap: 10px;
}
.flavour_tab-wrap .nav-tabs .nav-item {
flex: 1;
}
/* Estilo individual de cada tab como una card */
.nav-tabs .nav-link {
background: #F4F4F4;
padding: 7px 15px;
border-radius: 5px;
color: #4b3fbf;
/*transition: all 0.3s ease-in-out;*/
width: 100%;
text-align: center;
margin-bottom: 0;
border: 0;
}
/* Efecto hover para que parezca una card con elevaciรณn */
.flavour_tab-wrap .nav-tabs .nav-link:hover {
border-color: transparent;
}
/* Card activa */
.flavour_tab-wrap .nav-tabs .nav-link.active {
background: #F4F4F4;
color: #fff;
border: 0;
box-shadow: none;
/*box-shadow: 1px 1px 5px rgba(0, 123, 255, 0.3);
transform: scale(1.1);*/
}
.flavour_tab-wrap .nav-tabs .nav-link .flag-icon img{
width: 24px;
height: 24px;
border-radius: 50%;
filter: grayscale(1);
}
.flavour_tab-wrap .nav-tabs .nav-link.active .flag-icon img {
filter: none;
}
.flavour_tab-wrap .nav-tabs .nav-link:hover .flag-icon img {
filter: none;
}
/* Contenido de los tabs como una card */
.flavour_tab-wrap .tab-content {
margin-top: 15px;
background: #fff;
border-radius: 10px;
}
@media (max-width: 776px) {
.flavour_tab-wrap .tab-content>.tab-pane {
display: block;
opacity: 1;
}
}
@media (min-width: 992px) {
/* Mantiene el borde superior en tabs inactivos */
.flavour_tab-wrap .tab-pane.accordion-item {
border: 0 !important;
border-radius: 0;
background: #fff;
}
/* Asegura que el borde superior sea visible siempre */
.flavour_tab-wrap .tab-pane.accordion-item:not(.show) {
border-top: 1px solid #dee2e6;
}
}
/* Acordeon */
.flavour_tab-wrap .accordion-header {
padding: 0;
margin: 0;
width: 100%;
}
.flavour_tab-wrap .accordion-button:not(.collapsed) {
color: #000;
background-color: #F4F4F4;
}
.flavour_tab-wrap .accordion-button {
background-color: #f8f9fa;
color: black;
}
/* Mantiene la flecha original de Bootstrap pero cambia su color */
.flavour_tab-wrap .accordion-button::after {
filter: brightness(0);
/* Flecha negra por defecto */
}
/* Flecha blanca cuando el acordeรณn estรก activo */
.flavour_tab-wrap .accordion-button:not(.collapsed)::after {
filter: brightness(0) invert(0);
/* Invierte el color de negro a blanco */
}
.flavour_tab-wrap .accordion-button:focus {
box-shadow: none !important;
}
.flavour_tab-wrap .accordion-button i {
margin: 0;
}
.flavour_tab-wrap .accordion-button span {
font-size: 1rem;
font-weight: normal;
color: #000;
text-transform: capitalize;
font-family: inherit;
}
.flavour_tab-wrap .accordion-button .flag-icon img {
width: 24px;
height: 24px;
border-radius: 50%;
}
.flavour_tab-wrap .accordion-button.collapsed .flag-icon img {
filter: grayscale(1);
}
.flavour_tab-wrap .accordion-button .flag-icon img {
filter: none;
}
.five_box-design .top_row-box .comn_img img {
padding-bottom: 5px;
}
.five_box-design .botm_rowbox {
display: flex;
}
.five_box-design .botm_rowbox .comn_img {
flex: 30%;
}
.five_box-design .botm_rowbox .comn_cnt {
flex: 70%;
}
.five_box-design .botm_rowbox .comn_img img {
min-height: 250px;
}
.four_box-design .horz-box {
display: flex;
}
.four_box-design .horz-box .comn_img {
flex: 30%;
}
.four_box-design .horz-box .comn_cnt {
flex: 70%;
}
.four_box-design .horz-box .comn_img img {
min-height: 200px;
}
.four_box-design .vertical-box {
display: flex;
justify-content: space-between;
height: 100%;
}
.four_box-design .vertical-box .cmn_grayBg {
width: 48%;
}
.four_box-design .vertical-box .comn_img img {
padding-bottom: 5px;
}
.four_box-design .leftbox .comn_img img {
min-height: 200px;
}
.flag-icon{
margin-right: 5px;
}
/*flavour_tabs css End*/
@media (max-width: 1024px) {
.top-Logo-row .top_logo1 {
left: 37%;
}
.top-Logo-row .top_logo2 {
left: 47%;
}
.top-Logo-row .top_logo1 img,
.top-Logo-row .top_logo2 img {
max-width: 70px;
}
.top-Logo-row .top_logo3 {
left: 55%;
}
.top-Logo-row .top_logo3 img {
max-width: 70px;
}
}
@media (max-width: 991px) {
.cmn_grayBg {
margin: 10px 10px 0px !important;
}
.common_flavour .top-title {
margin-top: 40px;
}
.common_flavour .top-title p {
max-width: 100%;
margin-bottom: 0;
}
.common_flavour .rightbox {
display: flex;
}
.common_flavour .rightbox .comn_img,
.common_flavour .rightbox .comn_cnt {
flex: 1;
}
.common_flavour .rightbox .comn_cnt{
margin-top: auto;
}
.cmn_grayBg h3 {
font-size: 22px;
}
.cmn_grayBg p {
font-size: 15px;
}
.common_flavour .top-title h3 {
font-size: 30px;
margin-bottom: 10px;
}
.five_box-design .botm_rowbox {
flex-direction: column;
}
.five_box-design .botm_rowbox .comn_img {
flex: 100%;
}
.five_box-design .botm_rowbox .comn_cnt {
flex: 100%;
}
.five_box-design .botm_rowbox .comn_img img {
min-height: 1px;
}
.four_box-design .horz-box .comn_img {
flex: 50%;
}
.four_box-design .horz-box .comn_cnt {
flex: 50%;
}
.four_box-design .horz-box .comn_img img {
min-height: 1px;
}
.top-Logo-row .top_logo1 {
left: 36%;
}
.top-Logo-row .top_logo2 {
left: 45%;
}
.top-Logo-row .top_logo1 img,
.top-Logo-row .top_logo2 img {
max-width: 70px;
}
.top-Logo-row .top_logo3 {
left: 54%;
}
.top-Logo-row .top_logo3 img {
max-width: 70px;
}
.capnew_mid-sec .accordion-item {
left: 15px;
top: 20%;
max-width: 200px;
}
.capnew_mid-sec .accordion-item-header {
padding: 0.4rem 1rem 0.4rem 1rem;
min-height: 3.5rem;
line-height: 1.25rem;
font-size: 18px;
}
.capnew_mid-sec .accordion-item-body-content {
padding: 1rem 0.5rem;
}
.capnew_mid-sec .accordion-item-body-content ul li {
font-size: 14px;
line-height: 28px;
}
.capnew_mid-sec .top-title h1 {
font-size: 32px;
}
.capnew_mid-sec .top-title h1 span {
font-size: 32px;
}
}
@media (max-width: 767px) {
.three_box-design .leftbox, .common_flavour .rightbox {
display: flex;
flex-direction: column;
}
.three_box-design .leftbox.left-2 .comn_img {
order: 0;
}
.cmn_grayBg h3 {
font-size: 20px;
}
.cmn_grayBg p {
font-size: 15px;
}
.cmn_grayBg .comn_cnt {
padding: 5px 15px 20px;
}
.common_flavour .top-title h3 {
font-size: 26px;
margin-bottom: 10px;
}
.four_box-design .horz-box {
display: flex;
flex-direction: column;
}
.four_box-design .horz-box .comn_img {
flex: 100%;
}
.four_box-design .horz-box .comn_cnt {
flex: 100%;
}
.four_box-design .horz-box .comn_img img {
min-height: 1px;
}
.four_box-design .vertical-box {
flex-direction: column;
}
.four_box-design .vertical-box .cmn_grayBg {
width: 100%;
}
.top-Logo-row .top_logo1 {
left: 34%;
}
.top-Logo-row .top_logo2 {
left: 43%;
}
.top-Logo-row .top_logo1 img, .top-Logo-row .top_logo2 img {
max-width: 50px;
}
.top-Logo-row .top_logo3 {
left: 53%;
}
.top-Logo-row .top_logo3 img {
max-width: 50px;
}
.capnew_mid-sec .top-title h1 {
font-size: 28px;
}
.capnew_mid-sec .top-title h1 span {
font-size: 28px;
}
.capnew_mid-sec .accordion-item {
left: 0;
top: 20%;
max-width: 100%;
position: relative;
}
.capnew_mid-sec .accordion-item.Regulation_accordion {
right: 0;
left: 0;
position: relative;
}
}
.ftr-bg .ftrLeft-Sec .footer-logo {
max-width: 240px;
margin-bottom: 20px;
}
.copyright p {
color: #fff;
font-size: 14px;
margin-top: 20px;
letter-spacing: 0.3px;
}
.ftrLinks li, .ftr-otherLinks li {
font-size: 20px;
color: #ed722e;
margin: 5px 0;
}
.ftrLinks li a {
color: #fff;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.ftr-otherLinks ul{
margin-top: 60px;
}
.ftr-otherLinks li a {
font-size: 14px;
font-weight: 500;
}
.ftr-otherLinks {
margin-top: 110px;
}
@media (max-width: 991px) {
.ftr-bg .ftrLeft-Sec .footer-logo {
max-width: 200px;
margin-bottom: 10px;
}
.ftrLinks li, .ftr-otherLinks li {
font-size: 17px;
}
.ftrLinks li a {
font-size: 16px;
}
.ftr-otherLinks li a {
font-size: 16px;
}
.copyright p {
font-size: 16px;
margin-bottom: 0;
}
.insurance-sec h3 {
max-width: 290px;
font-size: 26px;
}
.list-sec-wrap .popLeft-bg {
max-width: 310px;
padding: 45px 30px;
}
.list-sec-wrap ul {
margin-left: 25px;
}
.list-sec-wrap ul li strong {
font-size: 14px;
}
.list-sec-wrap ul li p {
font-size: 12px;
}
.list-sec-wrap ul li span {
width: 50px;
margin: 0 5px 0 0;
}
.list-sec-wrap ul li, .list-sec-wrap ul li p {
margin-bottom: 0;
font-size: 14px;
}
.list-sec-wrap ul li{
margin: 10px 0;
}
.list-sec-wrap .popLeft-bg h4 {
font-size: 22px;
margin-bottom: 10px;
margin-top: 20px;
}
}
@media (max-width: 767px) {
.ftr-otherLinks ul {
margin-top: 0;
}
.ftr-bg .ftrLeft-Sec .footer-logo {
max-width: 150px;
margin-bottom: 10px;
}
.copyright p {
font-size: 14px;
margin-bottom: 0;
}
.list-sec-wrap ul {
margin-left: 0;
}
.list-sec-wrap ul li span {
width: 50px;
margin: 0 10px 0 0;
}
.list-sec-wrap .popLeft-bg {
max-width: 100%;
padding: 45px 30px;
margin-bottom: 20px;
}
.insurance-sec {
padding-left: 15px;
border-left: 4px solid #B1C60A;
margin-bottom: 30px;
}
.insurance-sec h3 {
max-width: 100%;
font-size: 26px;
border: 0;
margin-bottom: 15px;
}
.insurance-sec p {
border-left: 0;
font-size: 16px;
padding-left: 0;
}
.list-sec-wrap ul li strong {
font-size: 15px;
}
}
.cmn_grayBg {
padding: 15px;
}
.cmn_grayBg .comn_cnt {
padding: 0 15px;
}
.cmn_grayBg .rightbox .comn_cnt {
padding: 15px 0;
}
.five_box-design .top_row-box .comn_img img {
padding-bottom: 0;
}
.four_box-design .vertical-box .comn_img img {
padding-bottom: 0;
}
.five_box-design .top_row-box .comn_cnt {
padding: 15px 0 5px;
}
.four_box-design .vertical-box .comn_cnt {
padding: 15px 0 0;
}
.three_box-design .leftbox {
position: relative;
}
.cmn_grayBg .comn_img {
position: relative;
}
.cmn_grayBg .comn_img img {
position: relative;
padding: 0;
border-radius: 15px;
}
.cmn_grayBg .comn_img::after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0);
z-index: 0;
border-radius: 15px;
}
.cmn_grayBg:hover .comn_img::after{
background: rgba(0, 0, 0, 0.3);
cursor: pointer;
}
@media (max-width: 991px) {
.five_box-design .botm_rowbox .comn_cnt {
flex: 100%;
padding: 15px 0 5px;
}
.cmn_grayBg .rightbox .comn_cnt {
padding: 0 0 0 15px;
}
}
@media (max-width: 767px) {
.three_box-design .leftbox .comn_cnt {
padding: 15px 0 5px;
}
.cmn_grayBg .rightbox .comn_cnt {
padding: 15px 0 0;
}
.four_box-design .horz-box .comn_cnt {
flex: 100%;
padding: 15px 0 5px;
}
}
.modal .modal-content {
background-color: #fff;
padding: 20px 50px 50px;
max-width: 1000px;
}
.insurance-sec {
display: flex;
margin-top: 30px;
margin-bottom: 40px;
}
.insurance-sec h3 {
color: #000;
max-width: 340px;
padding: 0;
margin-top: auto;
margin-bottom: 0;
border-right: 0;
font-size: 30px;
font-weight: 700;
}
.insurance-sec p {
color: #000;
border-left: 4px solid #B1C60A;
font-size: 16px;
font-weight: 500;
padding-left: 15px;
margin-bottom: 0;
}
.list-sec-wrap .popLeft-bg {
max-width: 360px;
padding: 40px 30px 40px;
background-image: url('../images/popLeft-bg.png');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.list-sec-wrap .popLeft-bg .macImg {
display: block;
margin: 0 auto;
}
.list-sec-wrap .popLeft-bg h4 {
color: #fff;
font-size: 24px;
margin-bottom: 10px;
margin-top: 30px;
}
.list-sec-wrap .popLeft-bg p {
color: #fff;
font-size: 14px;
margin-bottom: 15px;
}
.popup-visit-btn {
display: table;
margin: 0 auto;
border: 0;
border-radius: 30px;
background: #fff;
color: #111;
padding: 4px 20px;
font-weight: 700;
}
.popup-visit-btn:hover {
background: #fff;
color: #000;
}
.list-sec-wrap {
display: flex;
align-items: start;
}
.list-sec-wrap ul li strong {
font-size: 17px;
}
.list-sec-wrap ul {
flex: 1;
margin-top: 0;
margin-bottom: 0;
margin-left: 40px;
}
.list-sec-wrap ul li, .list-sec-wrap ul li p {
color: #000;
margin-bottom: 20px;
font-size: 14px;
}
.list-sec-wrap ul li {
align-items: center;
}
.list-sec-wrap ul li span {
width: 50px;
display: block;
padding: 0;
margin: 0 12px 0;
}
.list-sec-wrap ul li span img {
width: 40px;
height: 40px;
}
.list-sec-wrap ul li p {
margin: 0;
flex: 1;
}
.modal .modal-content span.close {
font-size: 13px;
padding: 2px 8px;
border-radius: 7px;
}
.modal .modal-content .topsec .popup-logo {
top: 5px;
box-shadow: 0px 1px 5px #b1b1b1;
border-radius: 0 0 10px 10px;
}
@media (max-width: 991px) {
.list-sec-wrap ul li span {
width: 50px;
margin: 0 5px 0 0;
}
}
@media (max-width: 767px) {
.insurance-sec {
padding-left: 15px;
border-left: 4px solid #B1C60A;
margin-bottom: 30px;
padding-right: 15px;
}
.list-sec-wrap ul {
margin-left: 0;
}
#myModal.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.list-sec-wrap ul li span {
width: 50px;
margin: 0 10px 0 0;
}
}
@media (max-width: 480px) {
#myModal.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
}
/*add new css by kp-24-April-2026*/
.tab_container{
padding: 0;
}
.podcast_here-sec {
display: flex;
margin: 40px 0 70px;
}
.podcast_here-sec .heroImg {
max-width: 350px;
position: relative;
}
.podcast_here-sec .heroImg span {
position: absolute;
left: 20px;
bottom: 30px;
background: #0098D6;
color: #fff;
border-radius: 6px;
display: inline-block;
padding: 1px 7px;
font-size: 14px;
}
.podcast_here-sec .heroCnt {
max-width: 500px;
margin-left: 40px;
}
.podcast_here-sec .heroCnt h1 {
color: #111;
font-size: 64px;
}
.podcast_here-sec .heroCnt .textCnt {
border-left: 4px solid #ff7300;
padding-left: 15px;
color: #111;
line-height: normal;
}
.podcast_here-sec .heroCnt .textCnt strong {
font-size: 26px;
font-weight: bold;
}
.podcast_here-sec .heroCnt .textCnt p {
font-size: 14px;
margin: 5px 0 0;
}
.podcast_profile-bg {
background-image: url('/fileadmin/user_upload/chartered/images/rectangle-blue.png');
padding: 50px 0;
border-radius: 10px;
}
.podcast_profile-bg .profileCnt {
position: relative;
color: #fff;
margin-right: 10px;
margin-top: 0;
}
.podcast_profile-bg .profileCnt .message {
text-align: right;
}
.podcast_profile-bg .profileCnt .message img {
max-width: 200px;
}
.podcast_profile-bg .profileCnt h4 {
color: #fff;
margin-bottom: 10px;
font-size: 24px;
}
.podcast_profile-bg .profileCnt p {
color: #fff;
max-width: 325px;
margin-bottom: 15px;
}
.podcast_profile-bg .profileCnt a i {
color: #fff;
font-size: 44px;
}
.podcast_profile-bg .profile_video {
position: relative;
}
.podcast_profile-bg .profile_video .play-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/*new css 24-4-2026*/
.podcast_profile-bg .profileCnt .message {
position: relative;
}
.podcast_profile-bg .profileCnt .message span {
display: inline-block;
padding: 20px 25px;
max-width: 175px;
background-color: rgba(255,255,255, 0.7);
border-radius: 15px;
color: #333;
font-size: 14px;
line-height: normal;
position: relative;
}
.podcast_profile-bg .profileCnt .message span::after {
content: "";
display: block;
position: absolute;
right: 20px;
bottom: -30px;
/* background-color: rgba(255,255,255, 0.7); */
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid rgba(255,255,255, 0.7);
}
.episode-wrap {
margin: 40px 0;
}
.comn_episode-bg {
background: #F4F4F4;
padding: 20px;
border-radius: 10px;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.comn_episode-bg .episode_Img {
flex: 30%;
}
.comn_episode-bg .episode_Img img {
border-radius: 10px;
}
.comn_episode-bg .episode_Cnt {
flex: 60%;
margin-top: auto;
margin-left: 40px;
}
.comn_episode-bg .episode_Cnt small {
color: #FF6800;
font-size: 14px;
}
.comn_episode-bg .episode_Cnt h3 {
color: #222;
font-size: 26px;
font-weight: 600;
margin: 10px 0 10px;
line-height: normal;
}
.comn_episode-bg .episode_Cnt p {
font-size: 16px;
color: #222;
margin-bottom: 12px;
}
.comn_episode-bg .episode_Cnt a {
background: #0098D6;
color: #fff;
border-radius: 6px;
display: inline-block;
padding: 2px 7px;
font-size: 14px;
font-weight: 600;
}
.comn_episode-bg .episode_Img {
flex: 25%;
}
.comn_episode-bg .episode_Cnt {
margin: 0;
margin-top: auto;
padding: 0 50px 0 40px;
}
.all_episodes {
margin-top: 50px;
}
.all_episodes h4 {
color: #111;
font-size: 26px;
font-weight: 600;
margin: 10px 0 15px;
}
.all_episodes .comn_episode-bg{
max-width: 75%;
}
.all_episodes .comn_episode-bg .episode_Img {
flex: 100%;
max-width: 140px;
}
.all_episodes .comn_episode-bg .episode_Cnt {
margin: 0;
padding: 0 30px 0 30px;
}
.all_episodes .comn_episode-bg .episode_Cnt h3 {
margin: 10px 0 5px;
}
.podcast_profile-bg .profileCnt .message {
position: relative;
}
.podcast_profile-bg .profileCnt .message span {
display: inline-block;
padding: 20px 25px;
max-width: 175px;
background-color: rgba(255,255,255, 0.7);
border-radius: 15px;
color: #333;
font-size: 14px;
line-height: normal;
position: relative;
}
.podcast_profile-bg .profileCnt .message span::after {
content: "";
display: block;
position: absolute;
right: 20px;
bottom: -30px;
/* background-color: rgba(255,255,255, 0.7); */
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid rgba(255,255,255, 0.7);
}
.episode-wrap {
margin: 40px 0;
}
.comn_episode-bg {
background: #F4F4F4;
padding: 20px;
border-radius: 10px;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.comn_episode-bg .episode_Img {
flex: 30%;
}
.comn_episode-bg .episode_Img img {
border-radius: 10px;
}
.comn_episode-bg .episode_Cnt {
flex: 60%;
margin-top: auto;
margin-left: 40px;
}
.comn_episode-bg .episode_Cnt small {
color: #FF6800;
font-size: 14px;
}
.comn_episode-bg .episode_Cnt h3 {
color: #222;
font-size: 26px;
font-weight: 600;
margin: 10px 0 10px;
line-height: normal;
}
.comn_episode-bg .episode_Cnt p {
font-size: 16px;
color: #222;
margin-bottom: 12px;
}
.comn_episode-bg .episode_Cnt a {
background: #0098D6;
color: #fff;
border-radius: 6px;
display: inline-block;
padding: 2px 7px;
font-size: 14px;
font-weight: 600;
}
.comn_episode-bg .episode_Img {
flex: 25%;
}
.comn_episode-bg .episode_Cnt {
margin: 0;
margin-top: auto;
padding: 0 50px 0 40px;
}
.all_episodes {
margin-top: 50px;
}
.all_episodes h4 {
color: #111;
font-size: 26px;
font-weight: 600;
margin: 10px 0 15px;
}
.all_episodes .comn_episode-bg{
max-width: 75%;
}
.all_episodes .comn_episode-bg .episode_Img {
flex: 100%;
max-width: 140px;
}
.all_episodes .comn_episode-bg .episode_Cnt {
margin: 0;
padding: 0 30px 0 30px;
}
.all_episodes .comn_episode-bg .episode_Cnt h3 {
margin: 10px 0 5px;
}
.profile-logo {
display: block;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.podcast_here-sec .heroCnt h1 {
font-size: 54px;
}
}
@media (max-width: 991px) {
.podcast_here-sec .heroImg {
max-width: 400px;
}
.podcast_here-sec .heroCnt {
max-width: 400px;
margin-left: 20px;
}
.podcast_here-sec .heroCnt h1 {
font-size: 44px;
}
.podcast_here-sec .heroCnt .textCnt strong {
font-size: 24px;
}
.podcast_here-sec .heroImg span {
bottom: 100px;
}
.podcast_profile-bg .profileCnt a i {
font-size: 40px;
}
.comn_episode-bg .episode_Cnt h3 {
font-size: 20px;
}
.comn_episode-bg .episode_Cnt p {
font-size: 14px;
}
.all_episodes .comn_episode-bg {
max-width: 100%;
}
.podcast_profile-bg .profile_video .play-btn img {
max-width: 64px;
}
.podcast_profile-bg .profileCnt .message span {
padding: 15px 15px;
max-width: 160px;
}
}
@media (max-width: 767px) {
.tab_content {
padding: 10px 0;
}
.podcast_here-sec {
margin: 10px 0 40px;
flex-direction: column;
}
.podcast_here-sec .heroImg span {
bottom: 30px;
}
.podcast_here-sec .heroCnt h1 {
font-size: 30px;
}
.podcast_here-sec .heroCnt h1 br {
display: none;
}
.podcast_here-sec .heroCnt {
max-width: 100%;
margin-left: 0;
margin-top: 30px;
}
.podcast_here-sec .heroCnt .textCnt strong {
font-size: 20px;
}
.podcast_profile-bg {
padding: 30px 0;
}
.podcast_profile-bg .profileCnt {
margin-right: 0;
margin-bottom: 30px;
}
.comn_episode-bg {
flex-direction: column;
}
.comn_episode-bg .episode_Cnt,
.all_episodes .comn_episode-bg .episode_Cnt {
margin: 0;
margin-top: 20px;
padding: 0;
flex: 100%;
}
.comn_episode-bg .episode_Img,
.all_episodes .comn_episode-bg .episode_Img {
flex: 100%;
max-width: 100%;
}
.all_episodes h4 {
font-size: 24px;
}
}
.insights_detail-page-new {
margin: 50px 0;
}
.insights_detail-page-new .back_btn {
position: absolute;
}
.insights_detail-page-new .back_btn img{
max-width: 40px;
}
.dtls_video-row {
display: flex;
justify-content: space-between;
background: #F4F4F4;
padding: 20px;
border-radius: 10px;
margin-left: 50px;
}
.dtls_video-row .dtls_left-content {
max-width: 49%;
}
.dtls_video-row .dtls_left-content h1 {
color: #111;
text-transform: capitalize;
font-size: 36px;
font-weight: bold;
margin-bottom: 20px;
}
.dtls_video-row .dtls_left-content h1 strong {
display: block;
color: #ff7300;
}
.dtls_video-row .dtls_left-content h4 {
font-size: 16px;
font-weight: 500;
color: #555;
}
.dtls_video-row .dtls_left-content p {
font-size: 15px;
color: #555;
}
.dtls_video-row .dtls_video {
max-width: 49%;
position: relative;
}
.dtls_video-row .dtls_video .bottom-cont {
display: flex;
justify-content: space-around;
margin-top: 10px;
font-size: 14px;
}
.dtls_video-row .dtls_video .bottom-cont span{
color: #999;
}
.dtls_video-row .dtls_video img {
border-radius: 10px;
}
.about-sec {
display: flex;
margin: 30px 0 0 50px;
}
.about-sec .prfile_img {
max-width: 220px;
margin-right: 30px;
}
.about-sec .prfile_img img {
border-radius: 10px;
}
.about-sec .prfile_dtls {
max-width: 450px;
}
.about-sec .prfile_dtls strong {
color: #111;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
display: block;
}
.about-sec .prfile_dtls p {
color: #111;
font-size: 16px;
}
.popup-trigger {
transition:300ms all;
color: #fff;
}
.popup-trigger:hover {
opacity:.8;
color: #fff;
}
.popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
z-index: 1000;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
transition:500ms all;
}
.popup.is-visible {
opacity: 1;
visibility: visible;
transition:1s all;
}
.popup-container {
transform: translateY(-50%);
transition: 500ms all;
position: relative;
max-width: 430px;
margin: 2em auto;
top: 8%;
padding: 5rem 1.9rem 1rem;
background: #FFF;
border-radius: 20px;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.is-visible .popup-container {
transform: translateY(0);
transition: 500ms all;
display: block;
}
.popup-container p {
color: #000;
font-size: 17px;
font-weight: 500;
margin-bottom: 10px;
}
.popup-container a i {
color: #3272ae;
font-size: 44px;
padding: 0;
margin: 0;
display: block;
}
.popup-container .popup-close {
position: absolute;
top: 20px;
font-size: 14px;
right: 20px;
background: #fff;
border: 1px solid #999;
border-radius: 5px;
padding: 4px 15px;
color: #000;
}
/*.popup-container .popup-close::before,
.popup-container .popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #8f9cb5;
}
.popup-container .popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.popup-container .popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
.popup-container .popup-close:hover:before,
.popup-container .popup-close:hover:after {
background-color:#35a785;
transition:300ms all;
}*/
.podcast_here-sec .heroImg span {
position: absolute;
left: 20px;
bottom: 30px;
background: #0098D6;
color: #fff;
border-radius: 6px;
display: inline-block;
padding: 1px 7px;
font-size: 14px;
}
@media (max-width: 991px) {
.dtls_video-row .dtls_left-content h1 {
font-size: 30px;
}
.dtls_video-row .dtls_video .bottom-cont {
font-size: 13px;
}
.about-sec .prfile_dtls p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.insights_detail-page-new {
margin: 20px 0;
}
.dtls_video-row{
flex-wrap: wrap;
margin-left: 0;
margin-top: 10px;
}
.insights_detail-page-new .back_btn {
position: relative;
}
.insights_detail-page-new .back_btn img {
max-width: 30px;
}
.dtls_video-row .dtls_left-content {
max-width: 100%;
order: 1;
}
.dtls_video-row .dtls_video {
max-width: 100%;
order: 0;
margin-bottom: 30px;
}
.about-sec {
flex-direction: column;
margin: 30px 0 0 0;
}
.about-sec .prfile_dtls {
max-width: 100%;
}
.about-sec .prfile_img {
max-width: 100%;
margin: 0 0 20px 0;
}
.about-sec .prfile_img img {
width: 100%;
}
.popup-container {
max-width: 300px;
padding: 4rem 1.5rem 1rem;
}
.popup-container p {
font-size: 14px;
}
.popup-container a i {
font-size: 34px;
}
}
comn_episode-bg {
padding: 25px;
}
.comn_episode-bg:hover {
background: #e7e4e4;
}
.comn_episode-bg .episode_Cnt {
margin: 0;
padding: 0 50px 0 40px;
}
.comn_episode-bg .episode_Cnt h1 {
font-size: 25px;
font-weight: bold;
margin-bottom: 0;
color: #fff;
line-height: normal;
background: #FF6800;
flex: 50%;
display: inline-block;
text-transform: uppercase;
padding: 5px;
}
.comn_episode-bg .episode_Cnt h2 {
font-size: 33px;
font-weight: bold;
margin-bottom: 0;
color: #000;
line-height: normal;
text-transform: capitalize;
letter-spacing: normal;
display: block;
padding: 10px 10px 10px 5px;
}
.comn_episode-bg .episode_Cnt h1 strong {
font-size: 16px;
font-weight: bold;
display: block;
color: #ff7300;
margin-bottom: 40px;
padding-top: 10px;
text-transform: uppercase;
}
.comn_episode-bg .episode_Cnt h3 {
color: #111;
font-size: 24px;
}
.comn_episode-bg .episode_Cnt p {
font-size: 14px;
color: #000;
margin-bottom: 12px;
}
.comn_episode-bg .episode_Cnt .folge-btn {
background: #0098D6;
color: #fff;
border-radius: 6px;
display: inline-block;
padding: 2px 7px;
font-size: 14px;
font-weight: 600;
}
.all_episodes .comn_episode-bg {
max-width: 100%;
}
.all_episodes .comn_episode-bg:hover {
background: #e7e4e4;
}
.all_episodes .comn_episode-bg .listen-btn {
background: #0098D6;
color: #fff;
border-radius: 8px;
display: block;
padding: 10px 21px;
font-size: 14px;
font-weight: normal;
margin-top: 30px;
text-align: center;
}
.all_episodes .comn_episode-bg .lang-listen {
margin-left: auto;
}
.lang-listen .language {
display: flex;
align-items: center;
}
.lang-listen .language span,
.lang-listen .language strong {
display: inline-block;
margin: 0 10px;
}
.lang-listen .language strong {
color: #ff7300;
padding-right: 0;
}
.video_bg {
background: #F4F4F4;
padding: 25px;
border-radius: 10px;
margin-left: 50px;
}
.dtls_video-row {
padding: 0;
border-radius: 0;
margin-left: 0;
}
.video_bg .bottom-cont {
display: flex;
justify-content: start;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.video_bg .bottom-cont span{
color: #999;
}
.video_bg .play-btns {
background: rgb(255, 255, 255);
border-radius: 10px;
padding: 20px;
}
.dtls_video-row .dtls_left-content h1 {
font-size: 25px;
font-weight: bold;
margin-bottom: 0;
color: #fff;
line-height: normal;
background: #FF6800;
flex: 50%;
display: inline-block;
text-transform: uppercase;
padding: 5px;
}
.dtls_video-row .dtls_left-content h2 {
font-size: 33px;
font-weight: bold;
margin-bottom: 0;
color: #000;
line-height: normal;
text-transform: capitalize;
letter-spacing: normal;
display: block;
padding: 10px 10px 10px 5px;
}
.dtls_video-row .dtls_left-content h4 {
font-size: 20px;
font-weight: bold;
color: #111;
}
.dtls_video-row .dtls_left-content p {
font-size: 16px;
color: #000;
}
.dtls_video-row .dtls_left-content {
position: relative;
}
.dtls_video-row .dtls_left-content .language {
position: absolute;
right: 0;
top: 0;
display: flex;
align-items: center;
}
.dtls_video-row .dtls_left-content .language span,
.dtls_video-row .dtls_left-content .language strong {
display: inline-block;
margin: 0 10px;
}
.dtls_video-row .dtls_left-content .language strong {
color: #ff7300;
}
.about-sec {
background: #F4F4F4;
display: flex;
margin: 30px 0 0 50px;
padding: 25px;
border-radius: 10px;
}
.about-sec .prfile_img {
max-width: 40%;
margin-right: 30px;
}
.about-sec .prfile_dtls {
max-width: 60%;
}
.dtls_left-content h3{
line-height: normal;
font-size: 22px;
}
.dates{
display: inline-block;
color: #7f7f7f;
font-size: 16px;
padding-left: 25px;
}
.capnew_mid-sec .accordion-item:hover .accordion-item-body {
max-height: 0;
}
.capnew_mid-sec .accordion-item-header::before {
content: "";
display: block;
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
/* background-color: #222; */
background-image: url('/fileadmin/user_upload/chartered/images/down-arrow1.png');
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
.capnew_mid-sec .accordion-item-header.active::before {
/*background-image: url('../images/accordion-up-arrow.png');*/
transform: rotate(180deg) scale(1);
}
.capnew_mid-sec .accordion-item-header {
flex-wrap: wrap;
}
.capnew_mid-sec .accordion-item-header small {
width: 100%;
color: #4fadea;
font-size: 13px;
margin-top: 5px;
}
@media (max-width: 1024px) {
.dtls_video-row .dtls_left-content p {
font-size: 14px;
}
.dtls_video-row .dtls_left-content h1 {
font-size: 32px;
}
.dtls_video-row .dtls_left-content h4 {
font-size: 19px;
}
.comn_episode-bg .episode_Cnt h1 {
font-size: 36px;
}
.comn_episode-bg .episode_Cnt h3 {
font-size: 20px;
}
.comn_episode-bg .episode_Cnt h1 strong {
margin-bottom: 20px;
}
}
@media (max-width: 991px) {
.dtls_video-row{
flex-direction: column;
}
.dtls_video-row .dtls_left-content {
max-width: 100%;
}
.dtls_video-row .dtls_video {
max-width: 100%;
position: relative;
}
.comn_episode-bg .episode_Cnt {
padding: 0 20px 0 20px;
}
.comn_episode-bg .episode_Cnt h1 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.video_bg {
padding: 15px;
margin-left: 0;
margin-top: 10px;
}
.dtls_video-row {
flex-direction: column;
margin: 0;
}
.dtls_video-row .dtls_video {
max-width: 100%;
order: 1;
margin-bottom: 10px;
}
.dtls_video-row .dtls_left-content h1 {
font-size: 28px;
}
.dtls_video-row .dtls_left-content h1 strong {
font-size: 16px;
}
.dtls_video-row .dtls_left-content h4 {
font-size: 16px;
}
.dtls_video-row .dtls_left-content .language {
font-size: 14px;
}
.about-sec {
flex-direction: column;
margin: 20px 0 0 0;
padding: 15px;
}
.about-sec .prfile_img {
max-width: 100%;
margin-right: 0;
}
.about-sec .prfile_dtls {
max-width: 100%;
}
.about-sec .prfile_dtls p {
font-size: 14px;
margin: 0;
}
.lang-listen .language span {
margin: 0 10px 0 0;
}
.all_episodes .comn_episode-bg .listen-btn {
margin-top: 20px;
}
.all_episodes .comn_episode-bg .lang-listen {
margin-left: 0;
}
.comn_episode-bg .episode_Cnt h1 {
font-size: 24px;
}
.comn_episode-bg .episode_Cnt {
padding: 25px 0 0;
}
.comn_episode-bg .episode_Cnt h1 strong {
font-size: 14px;
}
.comn_episode-bg .episode_Cnt h3 {
font-size: 18px;
}
}
.scroll-downs {
position: absolute;
right: 0;
bottom: 180px;
left: 0;
margin: auto;
width: 34px;
height: 55px;
z-index: 99;
}
.mousey {
width: auto;
padding: 10px 15px;
height: 35px;
border: 2px solid #fff;
border-radius: 25px;
opacity: 1;
box-sizing: content-box;
}
.scroller {
width: 3px;
height: 10px;
border-radius: 25%;
background-color: #ff7300;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(.15,.41,.69,.94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% { opacity: 0; }
10% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(15px); opacity: 0;}
}
@media (max-width: 991px) {
.scroll-downs {
bottom: 20px;
width: 34px;
height: 55px;
}
.mousey {
width: 1px;
padding: 10px 15px;
height: 28px;
}
}
@media (max-width: 767px) {
.scroll-downs {
bottom: 10px;
width: 34px;
height: 55px;
}
.mousey {
width: 1px;
padding: 10px 15px;
height: 28px;
}
}
.above_hdr-bg {
background: #fcf4f2;
}
.top_hdr img {
max-width: 16px;
}
.top_hdr {
display: flex;
align-items: centre;
padding: 13px 15px;
}
.top_hdr a {
color: #92482f;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
}
.top_hdr i {
padding: 0;
margin: 0;
color: #92482f;
}
.top_hdr span {
color: #654438;
margin: 0 5px;
font-size: 13px;
font-weight: 700;
}
.tophdr_popup {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 99999;
}
.tophdr_popup .popup__content {
max-width: 750px;
overflow: auto;
padding: 30px 0;
background: white;
color: black;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
border-radius: 20px;
box-shadow: 1px 2px 5px #333;
}
.tophdr_popup .popup__content .close {
position: relative;
display: block;
text-align: center;
float: none;
}
/*.tophdr_popup .popup__content .close span {
cursor: pointer;
position: fixed;
width: 20px;
height: 3px;
background: #099ccc;
}
.tophdr_popup .popup__content .close span:nth-child(1) {
transform: rotate(45deg);
}
.tophdr_popup .popup__content .close span:nth-child(2) {
transform: rotate(135deg);
}*/
.tophdr_popup .popup__content section {
padding: 10px 40px;
}
.tophdr_popup .popup__content .close .got-btn {
background: rgb(251, 115, 34);
color: #fff;
font-size: 16px;
font-weight: 500;
display: inline-block;
padding: 9px 50px;
border-radius: 7px;
text-transform: uppercase;
margin-top: 10px;
}
.tophdr_popup .popup__content .close .got-btn:hover {
background: rgb(238 107 29);
}
.tophdr_popup .popup__content .pop-hdr {
display: flex;
padding: 0 40px;
justify-content: space-between;
}
.tophdr_popup .popup__content .pop-hdr .logo {
max-width: 200px;
}
.tophdr_popup .popup__content .pop-lang {
display: flex;
align-items: center;
color: #777;
}
.tophdr_popup .popup__content .pop-lang a {
display: inline-block;
margin: 0 10px;
color: #777;
}
.tophdr_popup .popup__content .pop-lang strong {
display: inline-block;
margin: 0 10px;
color: #ff7300;
padding-right: 0;
}
.tophdr_popup .popup__content h3 {
font-size: 22px;
font-weight: 700;
text-align: left;
}
.tophdr_popup .popup__content p {
font-size: 16px;
margin-bottom: 20px;
line-height: normal;
text-align: left;
}
.tophdr_popup .popup__content strong {
color: #000;
font-weight: 700;
}
.tophdr_popup .popup__content ul {
list-style-type: disc;
padding-left: 15px;
margin-top: 15px;
text-align: left;
}
@media (max-width: 991px) {
.tophdr_popup .popup__content .pop-hdr .logo {
max-width: 150px;
}
.tophdr_popup .popup__content {
max-width: 640px;
padding: 20px 0 25px;
}
.tophdr_popup .popup__content h3 {
font-size: 18px;
}
.tophdr_popup .popup__content p {
font-size: 14px;
margin-bottom: 10px;
}
.tophdr_popup .popup__content ul {
font-size: 14px;
}
.tophdr_popup .popup__content .close .got-btn {
margin-top: 0;
}
}
@media (max-width: 767px) {
.tophdr_popup .popup__content .pop-hdr {
padding: 0 20px;
}
.tophdr_popup .popup__content {
max-width: 350px;
padding: 15px 0 20px;
}
.tophdr_popup .popup__content section {
padding: 0px 20px;
}
.tophdr_popup .popup__content h3 {
font-size: 16px;
margin-bottom: 10px;
}
.tophdr_popup .popup__content p {
font-size: 13px;
margin-bottom: 5px;
}
.tophdr_popup .popup__content strong {
font-size: 13px;
}
.tophdr_popup .popup__content ul {
font-size: 13px;
margin-top: 5px;
}
.tophdr_popup .popup__content .close .got-btn {
font-size: 12px;
padding: 8px 40px;
margin-top: 0;
}
}
@media (max-width: 1024px) {
.comn_episode-bg .episode_Cnt h1 {
font-size: 26px;
}
.comn_episode-bg .episode_Cnt h2 {
font-size: 30px;
}
.all_episodes .comn_episode-bg .episode_Cnt h1 {
font-size: 22px;
}
.all_episodes .comn_episode-bg .episode_Cnt h2 {
font-size: 26px;
}
.dtls_video-row .dtls_left-content h1 {
font-size: 24px;
}
.dtls_video-row .dtls_left-content h2 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.dtls_video-row .dtls_left-content h1 {
font-size: 18px;
}
.dtls_video-row .dtls_left-content h2 {
font-size: 26px;
}
.dtls_left-content h3 {
line-height: normal;
font-size: 18px;
}
}
.podcast_profile-bg {
background-color: #0083B9;
background-image: url('/fileadmin/user_upload/chartered/images/rectangle-blue.png');
padding: 100px 0 50px 0;
border-radius: 10px;
position: relative;
}
.about_david {
display: flex;
align-items: center;
}
.about_david .abt-btn {
background: transparent;
color: #fff;
text-transform: uppercase;
border: 2px solid #fff;
border-radius: 5px;
padding: 8px 20px;
font-size: 16px;
font-weight: 500;
margin-left: 20px;
}
.popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
z-index: 9999;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
transition: 500ms all;
}
.podcast_profile-bg .profileCnt .popup-container p {
color: #000;
}
.podcast_profile-bg .profileCnt .popup-container a i {
color: #3272ae;
font-size: 44px;
padding: 0;
margin: 0;
display: block;
}
.podcast_profile-bg .profileCnt p {
max-width: 100%;
}
.podcast_tab-wrap h1 {
color: #000;
text-align: center;
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-weight: 700;
margin-top: 4%;
margin-bottom: 40px;
text-transform: uppercase;
line-height: 1em;
}
.profile_wrap {
display: flex;
align-items: center;
position: absolute;
top: -50px;
}
.profile_wrap .prof_img {
max-width: 200px;
margin-right: 25px;
}
.profile_wrap .prof_name {
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.profile_wrap .prof_name strong {
display: block;
color: #fff;
font-size: 20px;
text-transform: capitalize;
}
.new_episode-tile h2 {
color: #000;
text-align: center;
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
margin-top: 50px;
margin-bottom: 20px;
letter-spacing: normal;
text-transform: uppercase;
line-height: 1em;
}
.episode-wrap {
margin: 0 0 40px 0;
}
@media (max-width: 1024px) {
.podcast_tab-wrap h1, .new_episode-tile h2 {
font-size: 40px;
}
.podcast_profile-bg .profileCnt p {
font-size: 14px;
}
.about_david .abt-btn {
font-size: 14px;
}
.podcast_profile-bg .profileCnt a i {
font-size: 40px;
}
.profile_wrap .prof_img {
max-width: 150px;
margin-right: 21px;
}
.podcast_profile-bg {
padding: 120px 0 50px 0;
}
.profile_wrap {
top: -40px;
}
.profile_wrap .prof_name {
font-size: 13px;
line-height: normal;
}
.profile_wrap .prof_name strong {
font-size: 18px;
}
}
@media (max-width: 991px) {
.podcast_tab-wrap h1, .new_episode-tile h2 {
font-size: 34px;
}
}
@media (max-width: 767px) {
.podcast_tab-wrap h1, .new_episode-tile h2 {
font-size: 30px;
}
.profile_wrap {
top: 0;
position: relative;
margin-bottom: 20px;
}
.podcast_profile-bg {
padding: 30px 0 40px 0;
}
.profile_wrap .prof_img {
max-width: 100px;
margin-right: 20px;
}
}
.work-with-sec .team-box {
background: #1E2B2D;
padding: 25px 25px 15px;
border-radius: 8px;
margin-top: 30px;
display: flex;
flex-direction: column;
transition: background-color 0.3s ease;
}
.work-with-sec .team-box:hover {
background: #1096d0;
cursor: pointer;
}
.work-with-sec .team-box a i {
color: #fff;
font-size: 30px;
}
.work-with-sec .team-box .img_blk{
display: block;
text-align: center;
background-image: url('/fileadmin/user_upload/chartered/images/team_img-bg.png');
background-size: cover;
border-radius: 10px;
overflow: hidden;
}
.work-with-sec .team-box .img_blk img{
border-radius: 10px;
max-height: 270px;
width: auto;
max-width: 100%;
}
.work-with-sec .team-box h3 {
color: #fff;
font-size: 22px;
font-weight: 600;
line-height: 24px;
margin: 20px 0 10px 0;
}
.work-with-sec .team-box h3 span {
display: block;
color: #fff;
font-size: 14px;
}
.work-with-sec .team-box {
border: 1px solid #1E2B2D;
max-height: 375px;
}
.work-with-sec .team-box:hover {
background: #fff;
cursor: pointer;
border: 1px solid #000;
}
.work-with-sec .team-box:hover h3,
.work-with-sec .team-box:hover h3 span,
.work-with-sec .team-box:hover a i{
color: #000;
}
@media(max-width: 1024px){
.work-with-sec .team-box .img_blk img {
max-height: 230px;
}
}
@media(max-width: 991px){
.work-with-sec .team-box {
padding: 20px 20px 12px;
}
}
@media(max-width: 767px){
.work-with-sec .team-box h3 {
font-size: 20px;;
}
.work-with-sec .team-box h3 span {
font-size: 12px;
}
.work-with-sec .team-box {
margin-top: 20px;
}
}
/*add new css for offering html*/
.offering_blog-sec .top-title h3 {
font-size: 35px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 20px;
line-height: 1em;
}
.offering_blog-sec .top-title {
max-width: 390px;
margin-top: 60px;
}
.blog_boxbg {
background: #f4f4f4;
padding: 24px;
border-radius: 15px;
margin-bottom: 30px;
display: block;
overflow: hidden;
transition: all .5s ease-out;
}
.blog_img{
position: relative;
}
.blog_img::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgb(255 86 24 / 0);
transition: all 500ms;
border-radius: 6px;
cursor: pointer;
left: 0;
top: 0;
z-index: 9;
}
.blog_img:hover::before {
/* background: rgb(255 86 24 / 35%);*/
transform: scale(105%);
}
.blog_boxbg a {
display: block;
position: relative;
}
.blog_boxbg img {
max-width: 100%;
transition: all .5s ease-out;
object-fit: cover;
border-radius: 5px;
}
.blog_boxbg:hover a img {
transform: scale(105%);
}
.blog_boxbg h3 {
font-size: 30px;
font-weight: 700;
color: #222;
line-height: normal;
margin: 20px 0;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
}
.blog_boxbg h5 {
color: #ff7300;
font-size: 18px;
font-weight: normal;
padding: 0;
margin: 0;
letter-spacing: 0;
}
.blog_boxbg p {
color: #333;
font-size: 16px;
font-weight: normal;
margin: 10px 0 0;
line-height: 20px;
}
.blog_content {
min-height: 244px;
}
.vertical-blog {
display: flex;
justify-content: space-between;
align-items: center;
}
.vertical-blog:hover a img {
transform: scale(105%);
}
.vertical-blog .blog_img,
.vertical-blog .blog_content{
max-width: 49%;
}
.vertical-blog .blog_content {
margin-top: auto;
min-height: 1px;
}
.vertical-blog .blog_content h5 {
color: #d513d5c4;
}
@media(max-width: 1024px){
.blog_boxbg {
padding: 20px;
border-radius: 12px;
}
.blog_boxbg h3 {
font-size: 24px;
}
.blog_content {
min-height: 215px;
}
}
@media(max-width: 991.98px){
.blog_content {
min-height: 220px;
}
.blog_boxbg h3 {
font-size: 20px;
margin: 10px 0 10px;
}
.blog_boxbg h5 {
font-size: 15px;
line-height: normal;
display: block;
}
.blog_boxbg p {
font-size: 14px;
}
.offering_blog-sec .top-title {
max-width: 100%;
margin-top: 30px;
}
}
@media(max-width: 767.98px){
.blog_boxbg h3 {
font-size: 20px;
}
.blog_content {
min-height: 1px;
}
.offering_blog-sec .top-title {
max-width: 100%;
margin-top: 30px;
}
.offering_blog-sec .top-title h3 {
font-size: 25px;
margin-bottom: 10px;
}
.vertical-blog {
flex-wrap: wrap;
flex-direction: column;
}
.vertical-blog .blog_img, .vertical-blog .blog_content {
max-width: 100%;
}
.blog_content,
.vertical-blog .blog_content {
padding-top: 10px;
}
}
.bankers-box {
flex-direction: column;
align-items: center;
padding: 20px;
max-height: 300px;
}
.bankers-box .banker_icon {
text-align: center;
max-width: 84px;
height: 110px;
}
.bankers-box .banker_icon img {
background: #f2f2f2;
border-radius: 10px;
max-width: 100%;
}
.bankers-box h4,
.bankers-box p {
max-width: 100%;
text-align: center;
}
@media (max-width: 991.98px) {
.bankers-box .banker_icon {
max-width: 70px;
height: 100px;
}
.bankers-cnt {
margin-top: 0;
}
}
@media (max-width: 1024px) {
.top-title {
margin-top: 50px;
}
.what-apart-sec .top-title {
margin-top: 50px;
}
.what-apart-sec .top-title h3 strong{
font-size: inherit;
}
.common_flavour .top-title h3 {
font-size: 30px;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 40px;
}
.content-wrap h1 {
top: 120px;
left: 23%;
font-size: 2.2rem;
}
.content-wrap h1 span {
font-size: 24px;
}
.trades-sec .trad-overlay-Cnt {
left: 50%;
bottom: auto;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
}
.trades-sec .trad-overlay-Cnt h3 {
font-size: 44px;
}
.trades-sec .trad-overlay-Cnt p {
font-size: 1.2rem;
}
.top-title h3 strong {
font-size: inherit;
}
}
@media (max-width: 991.98px) {
.ready-transform-sec .ready-Cnt h2 {
font-size: 24px;
}
.content-wrap h1 {
top: 85px;
left: 23%;
}
.trades-sec .trad-overlay-Cnt {
position: absolute;
left: 40px;
bottom: 40px;
top: 35%;
right: 40px;
width: auto;
}
.what-apart-sec h4 {
font-size: 24px;
}
.zigzag_img img.w-100 {
min-height: 350px;
object-fit: cover;
max-width: 100%;
}
.light-green p {
bottom: 16%;
}
.purple p {
bottom: 16%;
}
.opus-prime p {
bottom: 15%;
}
.top-title h3 strong {
font-size: inherit;
}
}
@media (max-width: 767px) {
.what-apart-sec .frame-space-before-extra-large {
margin-top: 2em;
}
.content-wrap h1 {
top: 70px;
left: 10%;
font-size: 2rem;
}
.content-wrap h1 span {
font-size: 24px;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 18px;
}
.what-apart-sec h4 {
font-size: 20px;
line-height: normal;
}
.trades-sec .trad-overlay-Cnt h3 {
font-size: 24px;
margin-bottom: 10px;
}
.trades-sec .trad-overlay-Cnt p {
font-size: 14px;
}
}
.login_btns {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
margin-bottom: 30px;
}
.login_btns a {
background: #ff6800;
border-radius: 30px;
color: #fff;
padding: 5px 30px;
margin: 10px 10px;
font-size: 16px;
text-transform: uppercase;
}
.login_btns a.req_btn {
background: #59b6e0;
}
@media (max-width: 767.98px) {
.login_btns {
flex-direction: column;
}
.login_btns a {
background: #ff6800;
margin: 8px 0;
font-size: 15px;
text-align: center;
width: 100%;
}
}
.platform-box {
min-height: 1px;
border-radius: 0;
background: transparent;
padding: 0;
margin-top: 25px;
color: #fff;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.platform-cnt {
margin-top: auto;
max-width: 100%;
position: relative;
}
.platform-box .normal_img {
z-index: 1;
}
.platform-box:hover .normal_img {
opacity: 0;
}
.platform-box .hover_img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
}
.platform-box:hover .hover_img {
opacity: 1;
}
.modal .modal-content {
background-color: #b1c50c;
padding: 0 90px 100px;
max-width: 800px;
border-radius: 0;
}
.modal .modal-content .topsec .popup-logo {
top: 0;
box-shadow: none;
border-radius: 0;
position: relative;
transform: none;
left: 0;
text-align: center;
max-width: 100%;
display: block;
}
.modal .modal-content .topsec .popup-logo img {
max-width: 260px;
box-shadow: 0px 1px 5px #333;
border-bottom: 0px solid #B1C60A;
border-radius: 0px 0px 10px 10px;
background: #fff;
}
.insurance-sec {
display: block;
margin-top: 30px;
margin-bottom: 40px;
text-align: center;
}
.insurance-sec h3 {
color: #000;
max-width: 100%;
font-size: 68px;
font-weight: 700;
text-align: center;
line-height: 1em;
font-style: normal;
font-family: "Special Gothic Condensed One", sans-serif;
text-transform: uppercase;
}
.insurance-sec p {
color: #000;
border-left: 0;
font-size: 22px;
font-weight: 500;
padding: 20px 0 0;
line-height: 26px;
}
.modal .modal-content span.close {
font-size: 13px;
padding: 1px 12px;
border-radius: 30px;
background: transparent;
color: #000;
border: 1px solid #000;
top: 30px;
z-index: 9;
}
.list-sec-wrap h4 {
font-size: 24px;
font-weight: 700;
}
.list-sec-wrap ul {
flex: 100%;
padding: 0;
margin: 0 0 40px 14px;
list-style-type: disc;
}
.list-sec-wrap ul li strong {
color: #000;
display: inline;
font-size: inherit;
}
.list-sec-wrap ul li {
padding: 0;
margin: 0;
font-size: 16px;
font-weight: 500;
}
.popup-visit-btn {
display: table;
margin: 30px auto 0;
border: 0;
border-radius: 30px;
background: #fff;
color: #111;
padding: 14px 25px 12px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.tx-platform .modal .modal-content{
max-width: 78%;
margin-top: 2%;
margin-bottom: 2%;
border-radius: 20px;
}
.tx-platform .list-sec-wrap span{
width: 45%;
max-width: none;
}
.tx-platform .popup-right-text{
width: 50%;
padding-left: 30px;
}
.tx-platform .modal .light-green {
background-color: #b1c50e;
border-radius: 45px;
}
.tx-platform .modal .yellow {
background-color: #ffe93f;
border-radius: 45px;
}
.tx-platform .modal .copper {
background-color: #d88262;
border-radius: 45px;
}
.tx-platform .modal .purple {
background-color: #b04ce1;
border-radius: 45px;
}
.tx-platform .modal .opus-prime {
background-color: #ab9052;
border-radius: 45px;
}
@media (max-width: 1024px) {
.insurance-sec h3 {
font-size: 34px;
}
}
@media (max-width: 991.98px) {
.insurance-sec h3 {
font-size: 30px;
}
.modal .modal-content {
padding: 0px 50px 70px;
}
.popup-visit-btn {
margin: 0 auto;
font-size: 14px;
}
}
@media (max-width: 767.98px) {
.insurance-sec h3 {
font-size: 24px;
}
.insurance-sec p {
font-size: 14px;
padding: 10px 0 0;
}
.list-sec-wrap h4 {
font-size: 22px;
}
#myModal.modal .modal-content {
padding: 0 25px 50px;
border-radius: 0;
max-width: 100%;
}
.modal .modal-content .topsec .popup-logo img {
max-width: 120px;
}
.list-sec-wrap ul {
margin: 0 0 30px;
}
.popup-visit-btn {
margin: 0 auto;
font-size: 14px;
padding: 9px 20px 9px;
}
.insurance-sec {
display: block;
margin-top: 30px;
margin-bottom: 40px;
text-align: center;
padding: 0;
}
#myModal.modal .modal-content .topsec .popup-logo {
max-width: 100%;
}
#myModal.modal .modal-content span.close {
top: 20px;
right: 20px;
}
}
.three_img-sec a{
display: block;
overflow: hidden;
transition: all .5s ease-out;
position: relative;
border-radius: 15px;
}
.three_img-sec img {
max-width: 100%;
transition: all .5s ease-out;
object-fit: cover;
border-radius: 5px;
}
.three_img-sec a:hover img {
transform: scale(105%);
}
.bnr_title {
position: absolute;
left: 30%;
top: 20%;
width: 70%;
height: 100%;
}
.bnr_title h3 {
text-align: left;
font-weight: 700;
text-transform: uppercase;
max-width: 1000px;
margin: 0 auto;
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
line-height: 1em;
color: #fff;
}
.banner-sec .bnr_heroImg{
width: 100%;
}
.bnr_bottom-sec {
position: relative;
top: 0;
z-index: 9;
height: 210px;
}
.botm-cont {
display: flex;
}
.bnr-women {
position: absolute;
top: -570px;
left: 0;
}
.bnr-women img {
width: 100%;
}
.botm-cont .bnr-bottom-cnt {
position: absolute;
left: 550px;
top: -240px;
max-width: 400px;
}
.botm-cont .bnr-bottom-cnt img {
width: 100%;
}
.solutions_01 {
background: #f2f2f2;
position: relative;
padding: 50px 0;
}
.solutions_01 h1, .solutions_01 h2, .solutions_01 h4, .solutions_01 h5, .solutions_01 h6{
font-family: "Inter Tight", sans-serif;
font-style: normal;
background-image: none;
}
.common_structured h3 {
flex-wrap: wrap;
}
.common_structured h3 {
display: flex;
color: #000;
}
.common_structured h3 strong {
margin-left: 30px;
line-height: normal;
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
.common_structured .top-title {
max-width: 100%;
}
.common_structured h1 span {
color: #000;
font-size: 100px;
font-weight: 700;
}
.common_structured h5 {
color: #FF6800;
font-size: 30px;
font-weight: 700;
letter-spacing: 0;
padding: 0;
margin: 30px 0 15px;
display: block;
}
.common_structured p {
color: #333;
font-size: 1rem;
}
.solutions_01 img {
max-height: 624px;
}
.offering_02 ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.offering_02 ul li {
width: 32%;
text-align: center;
margin: 15px 0;
}
.institutions-bg {
background: #1f2427;
margin: 50px 0 0;
padding: 60px 0 0 0;
}
.institutions-bg h1 {
color: #fff;
}
.institutions-bg h3 {
font-size: 50px;
color: #fff;
line-height: normal;
}
.institutions-bg h3 strong {
color: #00B0F0;
}
.institutions-bg p {
font-size: 24px;
color: #fff;
line-height: 35px;
margin-top: 50px;
max-width: 329px;
}
.institutions-orange-bg {
background-image: url(/fileadmin/user_upload/chartered/images/institutions-orange-bg.png);
background-repeat: no-repeat !important;
background-size: 100%;
padding-top: 0;
padding-bottom: 0;
padding-left: 50px;
padding-right: 30px;
max-width: 96%;
margin-left: auto;
position: relative;
top: -100px;
z-index: 0;
height: auto;
border-radius: 40px;
}
.institutions-orange-bg .text-center img {
max-height: 349px;
}
.institutions-orange-bg img {
margin: 80px auto 80px;
}
.monitor-img{
z-index: 99;
position: relative;
}
.secure-setup {
background: #f2f2f2;
padding: 50px 0;
}
.secure-setup_row {
display: flex;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 50px;
}
.secure-setup_row li {
width: 24%;
text-align: center;
}
.secure-setup_row li h3 {
font-size: 64px;
font-weight: 700;
color: #00B0F0;
text-align: center;
margin: 0;
display: block;
}
.use_cases {
margin-top: 100px;
margin-bottom: 100px;
}
.use_cases.common_structured h1 {
margin-left: 120px;
}
.use_cases .blog_boxbg {
display: block;
overflow: hidden;
transition: all .5s ease-out;
background: none;
padding: 0;
border-radius: unset;
margin-bottom: 0;
}
.use_cases .blog_img {
position: relative;
}
.use_cases .blog_img::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgb(255 86 24 / 0);
transition: all 500ms;
border-radius: 6px;
cursor: pointer;
left: 0;
top: 0;
z-index: 9;
}
.use_cases .blog_boxbg a {
display: block;
position: relative;
}
.use_cases .blog_boxbg img {
max-width: 100%;
transition: all .5s ease-out;
object-fit: cover;
border-radius: unset;
}
.use_cases .blog_img:hover::before {
background: rgb(255 86 24 / 35%);
transform: scale(105%);
}
.bnr_back-btn {
position: absolute;
left: 70px;
top: 50px;
background: #fff;
color: #333;
border-radius: 6px;
text-align: center;
padding: 8px 20px 5px;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
z-index: 99;
}
.bnr_back-btn:hover {
background: #FF6800;
color: #fff;
}
.steps_section p{
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.bnr_back-btn {
left: 20px;
top: 20px;
padding: 12px 25px 10px;
font-size: 14px;
}
}
@media (max-width: 767.98px) {
.bnr_back-btn {
position: relative;
left: 5px;
top: 90px;
padding: 9px 12px 8px;
font-size: 12px;
}
}
.top-Logo-row .top_logo1 img {
max-width: 165px;
}
.top-Logo-row .top_logo1 {
left: 27.5%;
top: 36.5%;
}
.top-Logo-row .top_logo2 img{
max-width: 270px;
}
.top-Logo-row .top_logo2 {
left: 38%;
top: 15%;
}
.top-Logo-row .top_logo3 img {
max-width: 165px;
}
.top-Logo-row .top_logo3 {
left: 58%;
top: 36.5%;
}
.top-Logo-row .top_logo1 img,
.top-Logo-row .top_logo2 img,
.top-Logo-row .top_logo3 img {
opacity: 0;
transition: 0.9s;
}
.top-Logo-row .top_logo1:hover img,
.top-Logo-row .top_logo2:hover img,
.top-Logo-row .top_logo3:hover img {
opacity: 1;
}
@media (max-width: 1024px) {
.top-Logo-row .top_logo1 img {
max-width: 130px;
}
.top-Logo-row .top_logo1 {
left: 27.5%;
top: 36.5%;
}
.top-Logo-row .top_logo2 img{
max-width: 225px;
}
.top-Logo-row .top_logo2 {
left: 38%;
top: 15%;
}
.top-Logo-row .top_logo3 img {
max-width: 130px;
}
.top-Logo-row .top_logo3 {
left: 58%;
top: 36.5%;
}
}
@media (max-width: 991.98px) {
.top-Logo-row .top_logo1 img {
max-width: 100px;
}
.top-Logo-row .top_logo1 {
left: 27.5%;
top: 36.5%;
}
.top-Logo-row .top_logo2 img{
max-width: 170px;
}
.top-Logo-row .top_logo2 {
left: 38%;
top: 15%;
}
.top-Logo-row .top_logo3 img {
max-width: 100px;
}
.top-Logo-row .top_logo3 {
left: 58%;
top: 36.5%;
}
}
@media (max-width: 767.98px) {
.top-Logo-row .top_logo1 img,
.top-Logo-row .top_logo2 img,
.top-Logo-row .top_logo3 img {
opacity: 0;
}
.top-Logo-row .top_logo1:hover img,
.top-Logo-row .top_logo2:hover img,
.top-Logo-row .top_logo3:hover img {
opacity: 0;
}
}
.inverstor_sec p {
margin-bottom: 5px;
}
.inverstor_sec p em {
font-weight: 600;
color: #999;
font-size: 12px;
font-style: italic;
}
.inverstor_sec ul {
display: flex;
margin-bottom: 20px;
flex-wrap: wrap;
max-width: 80%;
}
.inverstor_sec ul li {
margin-right: 10px;
margin-bottom: 10px;
}
.inverstor_sec ul li label {
background: #fff;
border: 1px solid #333;
padding: 5px 15px;
border-radius: 30px;
text-align: center;
font-size: 14px;
cursor: pointer;
}
.inverstor_sec ul li input[type="checkbox"] {
opacity: 0;
position: absolute;
}
.inverstor_sec ul li input:checked + label,
.inverstor_sec ul li:hover label {
border: 1px solid #FF6800;
color: #FF6800;
}
.contact-page-sec .sent-btn {
background: #eee;
color: #000 !important;
opacity: 0.6;
transition: 0.3s;
}
.contact-page-sec .sent-btn:hover {
background: #000;
color: #fff !important;
}
.contact-tabs-wrapper .nav-tabs .nav-link {
background: #fff;
border-radius: 20px;
}
.contact-tabs-wrapper .nav-tabs .nav-link.active {
background: #FF6800;
color: #fff;
}
.contact-tabs-wrapper .nav-tabs .nav-link:hover {
background: #eee;
color: #181A1B;
}
.contct-hdr .info_dtl,
.contct-hdr .info_dtl a {
text-align: center;
}
.frame-type-cig_tab .contact-tabs-wrapper .nav-tabs {
border-bottom: 0;
max-width: 1140px;
margin: 0 auto;
}
.frame-type-cig_tab .contact-tabs-wrapper .accordion-item {
background: #181A1B;
padding-top: 30px;
}
.frame-type-cig_tab .contact-tabs-wrapper .accordion-body {
max-width: 1140px;
margin: 0 auto;
padding: 0;
}
.frame-type-cig_tab .contact-tabs-wrapper .accordion-body .tabCnt {
display: flex;
justify-content: space-between;
align-items: center;
}
.frame-type-cig_tab .contact-tabs-wrapper .address {
max-width: 100%;
}
.frame-type-cig_tab .contact-tabs-wrapper .pr-pic {
max-width: 500px;
padding-bottom: 40px;
}
@media (max-width: 1024px) {
.frame-type-cig_tab .contact-tabs-wrapper .pr-pic {
max-width: 400px;
}
}
@media (max-width: 991.98px) {
.frame-type-cig_tab .contact-tabs-wrapper .pr-pic {
max-width: 300px;
}
.frame-type-cig_tab .contact-tabs-wrapper .address p {
font-size: 18px;
}
.frame-type-cig_tab .contact-tabs-wrapper .accordion-header {
padding: 0;
margin: 0;
}
.frame-type-cig_tab .contact-tabs-wrapper .accordion-item {
background: transparent;
padding: 0 30px;
margin: 15px 0;
}
.frame-type-cig_tab .contact-tabs-wrapper .accordion-body .tabCnt {
background: #eee;
padding: 25px;
border-radius: 0 0 10px 10px;
}
.frame-type-cig_tab .contact-tabs-wrapper .accordion-header .accordion-button {
margin-bottom: 0;
}
.inverstor_sec ul {
max-width: 100%;
}
}
@media (max-width: 767.98px) {
.frame-type-cig_tab .contact-tabs-wrapper .accordion-body .tabCnt {
flex-direction: column;
padding: 20px;
}
.frame-type-cig_tab .contact-tabs-wrapper .address {
max-width: 100%;
margin-bottom: 20px;
}
.frame-type-cig_tab .contact-tabs-wrapper .pr-pic {
max-width: 100%;
}
.frame-type-cig_tab .contact-tabs-wrapper .address strong {
display: inline-block;
}
.frame-type-cig_tab .contact-tabs-wrapper .address p {
font-size: 16px;
}
}
.steps_section{
margin: 80px 0 20px;
}
.steps_section .titles{
padding-left: 0;
position: relative;
}
.steps_section .titles h3 {
font-size: 75px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1em;
color: #fff;
}
.steps_section .titles strong {
font-size: 30px;
}
.steps_section p{
color: #fff;
font-size: 20px;
}
.steps_section .titles::before {
content: "";
display: block;
width: 6px;
height: 80px;
position: absolute;
left: 0;
top: 22px;
}
.steps_section .titles small {
color: #999;
font-size: 18px;
}
.steps_section .steps_row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.steps_section .steps_col {
width: 20%;
margin-top: 50px;
padding: 0 30px 0 0;
}
.steps_section .steps_col h3 {
padding: 0;
margin: 0;
color: #FF6800;
font-size: 60px;
font-weight: 800;
position: relative;
}
.steps_section .steps_col h3::after {
content: "";
display: block;
background: #333;
width: 65%;
height: 1px;
position: absolute;
right: 0;
top: 50%;
}
.steps_section .steps_col strong {
font-size: 14px;
color: #000;
display: block;
margin: 20px 0 25px;
}
.steps_section .steps_col p {
font-size: 13px;
color: #333;
}
.steps_section .steps_col:last-child h3::after {
display: none;
}
@media (max-width: 991.98px) {
.steps_section .steps_row {
justify-content: start;
}
.steps_section .steps_col {
width: 33%;
margin-top: 20px;
}
.steps_section .titles h2 {
font-size: 54px;
}
.steps_section .steps_col h3 {
font-size: 50px;
}
.steps_section .titles strong {
font-size: 16px;
margin-bottom: 20px;
display: block;
}
}
@media (max-width: 767.98px) {
.steps_section .steps_col {
width: 100%;
margin-top: 15px;
padding: 0 5px;
/*border-bottom: 1px solid #999;*/
}
.steps_section .titles h2 {
font-size: 44px;
}
.steps_section .titles strong {
font-size: 14px;
}
.steps_section .steps_col h3 {
font-size: 44px;
}
.steps_section .steps_col h3::after {
width: 85%;
}
}
.steps_section {
background-image: url('/fileadmin/user_upload/chartered/images/five-steps-bg1.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 0 30px 0;
padding: 80px 0 70px;
}
.steps_section .titles small,
.steps_section .titles h2,
.steps_section .titles strong {
color: #fff;
}
.steps_section .steps_col {
width: 19.5%;
margin-top: 50px;
padding: 0;
position: relative;
}
.steps_section .steps_boxBg {
padding: 10px 20px 10px;
background: #fff;
border-radius: 15px;
height: 100%;
}
.steps_section .titles h2{
width: 100%;
}
.steps_section .steps_col h3 {
color: #fff;
font-size: 80px;
text-align: center;
height: 25%;
display: block;
}
.steps_section .steps_col h3::after {
display: none;
}
.steps_section .steps_col strong {
font-size: 24px;
font-weight: 800;
color: #111;
display: block;
margin: 20px 0 25px;
text-transform: uppercase;
line-height: normal;
}
.steps_section .steps_col p {
font-size: 18px;
font-weight: 500;
color: #333;
border-top: 1px solid #333;
padding-top: 20px;
}
@media (max-width: 1024px) {
.steps_section .steps_col h3 {
height: 22%;
font-size: 60px;
}
.steps_section .steps_col strong {
font-size: 16px;
}
.steps_section .steps_boxBg {
height: 78%;
}
}
@media (max-width: 991.98px) {
.steps_section .steps_col h3 {
height: 23%;
font-size: 50px;
}
.steps_section .steps_col strong {
font-size: 16px;
}
.steps_section .steps_boxBg {
height: 77%;
}
.steps_section {
margin: 0 0 20px 0;
padding: 50px 0 50px;
}
.steps_section .steps_col {
width: 30.5%;
margin: 30px 10px 0;
padding: 0;
}
}
@media (max-width: 767.98px) {
.steps_section .steps_col {
width: 100%;
margin: 30px 0 0;
padding: 0;
}
.steps_section .steps_col h3 {
height: auto;
font-size: 45px;
}
.steps_section .steps_boxBg {
height: auto;
margin-top: 10px;
}
.steps_section {
margin: 0;
padding: 40px 0;
}
}
.use_cases.common_structured p {
margin-left: 0;
max-width: 600px;
}
.use_cases .cases-boxImg {
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
padding: 30px 70px 20px 30px;
box-shadow: 0px 2px 4px 2px #999;
height: 100%;
}
.use_cases .cases-boxImg.orange_Image {
background-image: url('/fileadmin/user_upload/chartered/images/Use-Case_Orange.png');
}
.use_cases .cases-boxImg.blue_Image {
background-image: url('/fileadmin/user_upload/chartered/images/Use-Case_Blue.png');
}
.use_cases .cases-boxImg h4 {
color: #fff;
font-size: 40px;
font-weight: 700;
text-shadow: 2px 1px 1px #555;
}
@media (max-width: 1024px) {
.steps_section .titles h2 {
font-size: 60px;
}
.common_structured h3,
.common_structured h3 strong {
font-size: 60px;
}
}
@media (max-width: 991.98px) {
.common_structured h3,
.common_structured h3 strong {
font-size: 54px;
}
}
@media (max-width: 767.98px) {
.use_cases .cases-boxImg {
min-height: 130px;
}
.use_cases .cases-boxImg h4 {
font-size: 30px;
max-width: 250px;
}
.common_structured h3,
.common_structured h3 strong {
font-size: 40px;
}
}
.work-with-sec .team-box {
padding: 15px;
}
.work-with-sec .team-box h3 {
font-size: 20px;
}
.work-with-sec .team-box h3 span {
font-size: 13px;
}
.use_cases .cases-boxImg {
display: block;
position: relative;
}
.use_cases .cases-boxImg::after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 10px;
transition: all 500ms;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
}
.use_cases .cases-boxImg.orange_Image:hover::after{
background-color: rgba(255, 104, 0, 0.6);
}
.use_cases .cases-boxImg.blue_Image:hover::after{
background-color: rgba(13, 110, 253, 0.6);
}
.use_cases .cases-boxImg h4 {
position: relative;
z-index: 1;
}
.use_cases .cases-boxImg {
padding: 40px 70px 40px 30px;
}
@media (max-width: 767.98px) {
.use_cases .cases-boxImg {
min-height: 180px;
}
.work-with-sec .team-box h3 {
font-size: 18px;
}
.use_cases .cases-boxImg h4 {
font-size: 28px;
}
.use_cases {
margin-top: 60px;
margin-bottom: 60px;
}
}
.banner_bottom-title {
margin: 40px 0;
}
.banner_bottom-title h2 {
font-size: 32px;
font-weight: 700;
color: #111;
padding: 0;
margin: 0;
text-transform: inherit;
letter-spacing: 0;
line-height: 44px;
text-align: center;
}
.banner_bottom-title h2 strong{
color: #FF6800;
}
.banner_bottom-title .top-title{
border: none;
padding-left: 0;
margin-top: 0;
}
.frame-layout-primary .solutions_01 .top-title{
margin-top: 0;
}
.frame-layout-primary .secure-setup .top-title{
margin-top: 50px;
}
.banner_bottom-title .frame-layout-primary .top-title h2{
padding-bottom: 18px;
}
.banner_bottom-title .frame-layout-primary .top-title p{
margin-bottom: 15px;
}
.banner_bottom-title .frame-layout-primary .top-title strong{
color: #181A1B;
}
.frame-layout-primary .institutions-bg {
background: none;
margin: 50px 0 0;
padding: 0;
}
.frame-layout-primary .institutions-bg h3, .frame-layout-primary .institutions-bg p{
color: #000;
}
.frame-layout-primary .offering_02 ul li{
width: 24%;
}
.steps_section .steps_col strong {
font-size: 22px;
min-height: 50px;
}
@media (max-width: 1024px) {
.steps_section .steps_col strong {
font-size: 16px;
min-height: 50px;
}
}
@media (max-width: 991.98px) {
.steps_section .steps_col {
width: 30%;
}
}
@media (max-width: 1024px) {
.banner_bottom-title h2 {
font-size: 36px;
}
}
@media (max-width: 991.98px) {
.banner_bottom-title h2 {
font-size: 30px;
line-height: 36px;
}
}
@media (max-width: 767.98px) {
.banner_bottom-title {
margin: 30px 0 20px;
}
.banner_bottom-title h2 {
font-size: 22px;
line-height: 30px;
}
}
.banner_menu {
position: absolute;
right: 110px;
top: 60px;
}
.banner_menu ul {
display: flex;
}
.banner_menu ul li {
margin: 0 20px;
}
.banner_menu ul li a {
color: #999;
font-size: 16px;
}
.banner_menu ul li a:hover,
.banner_menu ul li a.active {
color: #FF6800;
}
.testimonial-wrapper {
padding: 50px 0 0 40px;
background-image: url(/fileadmin/user_upload/chartered/images/testimonial-1.svg);
background-position: 0px 0px;
background-size: 140px auto;
margin-top: 30px;
}
.testimonial-wrapper .testimonial-inner {
padding-bottom: 20px;
background-image: url(/fileadmin/user_upload/chartered/images/testimonial-2.svg);
background-position: right bottom;
background-size: 140px auto;
}
.highlight-box h2{
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
padding-left: 0;
}
.normal-news-list .top-title{
margin-top: 50px;
}
.normal-news-list .news-sec{
padding-bottom: 0 !important;
}
@media (max-width: 1024px) {
.banner_menu {
right: 0;
top: 55px;
}
}
@media (max-width: 991.98px) {
.banner_menu {
right: 0;
top: 30px;
}
}
@media (max-width: 767.98px) {
.banner_menu {
right: 0;
top: 90px;
z-index: 999;
}
.banner_menu ul li {
margin: 0 8px;
}
.banner_menu ul li a {
font-size: 13px;
}
}
.bnr_title {
position: absolute;
left: 40px;
top: 66%;
width: auto;
height: auto;
z-index: 9;
}
.bnr_title h3 {
color: #fff;
text-align: left;
font-size: 64px;
font-weight: 700;
text-transform: uppercase;
max-width: 1000px;
margin: 0 auto;
text-shadow: 1px 1px 1px #555;
}
.bnr_sub-content {
display: flex;
align-items: center;
margin-top: 10px;
}
.bnr_sub-content img {
max-width: 44px;
margin-right: 15px;
}
.bnr_sub-content strong {
font-size: 40px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
text-shadow: 1px 1px 1px #555;
}
.bnr_bottom-sec {
position: relative;
top: 0;
z-index: 0;
height: 0;
}
.botm-cont {
display: flex;
}
.bnr-women {
position: absolute;
top: -700px;
left: 20px;
max-width: 100%;
}
.bnr-women img {
width: 100%;
}
.botm-cont .bnr-bottom-cnt {
position: absolute;
left: auto;
right: 110px;
top: -660px;
max-width: 350px;
}
.botm-cont .bnr-bottom-cnt img {
width: 100%;
}
@media (max-width: 1024px) {
.botm-cont .bnr-bottom-cnt {
right: 20px;
top: -400px;
max-width: 300px;
}
.bnr_title h3 {
font-size: 44px;
}
.bnr_sub-content img {
max-width: 40px;
}
.bnr_sub-content strong {
font-size: 30px;
}
.bnr-women {
top: -398px;
left: 20px;
max-width: 350px;
}
.bnr_back-btn {
top: 45px;
padding: 10px 45px 8px;
font-size: 16px;
}
}
@media (max-width: 991.98px) {
.bnr_back-btn {
top: 30px;
padding: 10px 35px 8px;
}
.bnr-women {
top: -262px;
left: 20px;
max-width: 250px;
}
.bnr_title h3 {
font-size: 35px;
}
.bnr_sub-content strong {
font-size: 24px;
}
.bnr_sub-content img {
max-width: 35px;
margin-right: 10px;
}
.botm-cont .bnr-bottom-cnt {
right: 20px;
top: -285px;
max-width: 200px;
}
}
@media (max-width: 767.98px) {
.bnr-women {
top: -163px;
left: 0;
max-width: 120px;
}
.bnr_title h3 {
font-size: 20px;
}
.bnr_title {
left: 20px;
top: 66%;
}
.bnr_sub-content {
margin-top: 5px;
}
.bnr_sub-content img {
max-width: 30px;
margin-right: 10px;
}
.bnr_sub-content strong {
font-size: 18px;
}
.botm-cont .bnr-bottom-cnt {
right: 10px;
top: -140px;
max-width: 100px;
}
}
.bankers-bg {
background: transparent;
}
.bankers-box {
background: #f1f2f2;
border-radius: 15px;
flex-direction: column;
align-items: center;
padding: 20px 15px 20px;
min-height: 400px;
max-height: 400px;
}
.bankers-box:hover {
background: #17c1e9;
}
.bankers-box .banker_icon {
max-width: 120px;
height: 120px;
padding: 0;
margin: 0;
}
.bankers-box .banker_icon img {
background: transparent;
transition: all 500ms;
}
.bankers-box:hover .normal_icon{
display: none;
}
.hover_icon{
display: none;
}
.bankers-box:hover .hover_icon {
display: block;
}
.bankers-cnt {
margin-top: 0;
}
.bankers-box h4 {
margin-bottom: 15px;
font-size: 22px;
max-width: 100%;
border-bottom: 4px solid #ed722e;
padding: 20px 0 0;
height: 110px;
line-height: normal;
}
.bankers-box:hover h4 {
border-bottom: 4px solid #fff;
}
@media (max-width: 1024px) {
.bankers-box {
min-height: 350px;
max-height: 350px;
}
.bankers-box h4 {
font-size: 18px;
height: 100px;
}
.bankers-box .banker_icon {
max-width: 100px;
height: 100px;
}
}
@media (max-width: 991.98px) {
.bankers-box {
min-height: 350px;
max-height: 350px;
padding: 20px 30px 20px;
}
.bankers-box h4 {
font-size: 20px;
}
}
@media (max-width: 767.98px) {
.bankers-box {
min-height: 300px;
max-height: 100%;
padding: 20px 30px 20px;
}
.bankers-box h4 {
font-size: 20px;
min-height: 60px;
height: auto;
padding-bottom: 20px;
}
}
.insights-page-wrap .list-box .list_box-hdr {
background: #eee;
padding: 20px 20px 10px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
}
.insights-page-wrap .list-box .list-logo {
background: transparent;
padding: 0;
display: block;
position: relative;
left: 0;
right: 0;
top: 0;
}
.insights-page-wrap .list-box .list_boxImg {
display: block;
max-height: 332px;
}
.insights-page-wrap .list-box img {
transition: all .5s ease-out;
}
.insights-page-wrap .list-box .list_box-cnt {
background-color: #eee;
position: relative;
z-index: 1;
}
.insights-page-wrap .list-box .list_box-cnt p {
margin-bottom: 0;
}
.insights-page-wrap .list-box .list_box-cnt p span {
padding: 20px 20px;
margin-bottom: 0;
color: #000;
display: block;
font-size: 1rem;
line-height: 1.2em;
}
.insights-page-wrap .list-box a::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
opacity: 0;
}
.insights-page-wrap .list-box a:hover::after {
opacity: 1;
}
.offering_blog-sec .blog_boxbg .read-more{
display: block;
bottom: 7%;
text-align: center;
position: absolute;
border: 1px solid #fff;
border-radius: 7px;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 14px;
font-weight: normal;
z-index: 1;
padding: 5px 15px;
}
.video-box {
position: absolute;
right: 0;
top: -100px;
width: 350px;
z-index: 11;
}
.video-box .video-wrapper {
background-color: transparent;
max-width: 100% !important;
}
.ecosystem-popup .modal-content {
background-color: #fff;
padding: 0;
max-width: 78%;
margin-top: 2%;
border-radius: 20px;
}
.ecosystem-popup .topsec {
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px 20px 0 0;
height: 250px;
padding: 0 0 0 50px;
}
.ecosystem-popup .modal-content .topsec .popup-logo {
top: 0;
box-shadow: none;
border-radius: 0;
position: relative;
transform: none;
left: 0;
text-align: left;
max-width: 100%;
display: block;
}
.ecosystem-popup .insurance-sec {
display: block;
margin: 0 50px 30px;
text-align: left;
position: relative;
}
.ecosystem-popup .insurance-sec h3 {
color: #000;
max-width: 100%;
font-size: 40px;
font-weight: 700;
text-align: left;
line-height: normal;
font-style: normal;
text-transform: uppercase;
margin-top: 40px;
}
.ecosystem-popup .insurance-sec p {
color: #000;
border-left: 0;
font-size: 18px;
font-weight: 500;
padding: 20px 0 0;
line-height: 26px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.pop_ftr {
padding: 40px 15px;
border-radius: 0 0 45px 45px;
}
.pop_ftr .popup-visit-btn {
display: table;
margin: 0 auto;
border: 0;
border-radius: 10px;
background: #1e2b2d;
color: #fff;
padding: 15px 25px 13px;
font-size: 14px;
font-weight: normal;
text-transform: inherit;
min-width: 150px;
text-align: center;
}
.list-sec-wrap {
display: flex;
flex-direction: row;
padding: 0 50px;
justify-content: space-between;
}
.list-sec-wrap .list_items {
max-width: 48%;
}
.list-sec-wrap h4 {
font-size: 16px;
font-weight: 700;
background: #b1c50c;
color: #fff;
padding: 12px 10px 10px 15px;
border-radius: 4px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.modal .modal-content span.close {
color: #fff;
border: 0;
top: 20px;
right: 20px;
font-size: 20px;
}
.pop_ftr img {
max-width: 20px;
}
.modal .modal-content .topsec .popup-logo img {
max-width: 280px;
}
@media (max-width: 1024px) {
.ecosystem-popup .topsec {
height: 200px;
}
.ecosystem-popup .insurance-sec h3 {
font-size: 30px;
}
.video-wrapper {
max-width: 300px;
}
.modal .modal-content .topsec .popup-logo img {
max-width: 200px;
}
}
@media (max-width: 991.98px) {
.ecosystem-popup .topsec {
height: 150px;
}
.ecosystem-popup .insurance-sec h3 {
font-size: 24px;
}
.video-wrapper {
max-width: 250px;
}
.video-box {
top: -85px;
}
.modal .modal-content .topsec .popup-logo img {
max-width: 180px;
}
.ecosystem-popup .insurance-sec {
margin: 0 20px 30px;
}
.ecosystem-popup .insurance-sec p {
line-height: 22px;
}
.list-sec-wrap {
padding: 0 20px;
}
.list-sec-wrap h4 {
font-size: 14px;
}
.pop_ftr {
padding: 20px 15px;
}
}
@media (max-width: 767.98px) {
#myModal.modal .modal-content {
border-radius: 20px;
padding: 0;
}
.pop_ftr .popup-visit-btn {
padding: 10px 15px 10px;
min-width: 150px;
}
.list-sec-wrap {
flex-direction: column;
}
.list-sec-wrap .list_items {
max-width: 100%;
}
.list-sec-wrap ul {
margin: 0 0 30px 20px;
}
.ecosystem-popup .insurance-sec {
margin: 0;
padding: 0 20px 20px;
border: 0;
}
.ecosystem-popup .insurance-sec p {
line-height: 20px;
padding: 0;
font-size: 14px;
}
.video-box {
top: 0;
position: relative;
margin: 25px 0 0;
}
.video-wrapper {
max-width: 100%;
}
.ecosystem-popup .insurance-sec h3 {
font-size: 24px;
margin-top: 20px;
}
}
.trades-sec .video-wrapper{
border-radius: unset;
z-index: 999;
}
.cursor-none{
cursor: default;
}
.our-clients-sec-new p{
font-size: 1.6rem;
line-height: normal;
}
.hdr-right .brands {
font-size: .8rem;
font-weight: 600;
color: #fff;
padding: 7px 25px;
background: #FF6800;
border-radius: 12px;
}
.hdr-right .dropdown-menu {
background: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
border-radius: 12px !important;
position: absolute;
width: auto;
left: auto;
min-width: 350px;
max-width: 100%;
margin-top: 10px;
}
.hdr-right .nav-item{
padding-bottom: 18px;
padding-top: 21px;
margin-right: 0;
}
.trades-sec .skew-text-wrapper {
position: relative;
width: 100%;
}
.trades-sec .skew-text{
background: none;
}
.banner_blog-sec .vertical-blog{
align-items: normal;
}
.banner_blog-sec .vertical-blog .blog_content{
margin-top: 0;
}
.banner_blog-sec .blog_content .read-more {
display: inline-block;
bottom: 0;
position: relative;
border: 1px solid #58b6df;
border-radius: 7px;
color: #58b6df;
font-size: 14px;
font-weight: normal;
z-index: 1;
padding: 5px 15px;
max-width: 110px;
text-align: center;
}
.banner_blog-sec .vertical-blog .blog_img{
max-width: 65%;
}
.banner_blog-sec .vertical-blog .blog_content {
max-width: 30%;
}
.banner_blog-sec .blog_img::before {
z-index: 0;
}
.banner_blog-sec .vertical-blog .blog_content a{
margin-top: 150px;
}
.banner_blog-sec .blog_boxbg h3{
font-size: 38px;
line-height: 1.3em;
}
.work-with-sec .team-box {
padding: 15px 15px 30px;
border: 1px solid #1E2B2D;
max-height: 375px;
background: #fff;
}
.work-with-sec .team-box:hover {
background: #fff;
cursor: pointer;
border: 1px solid #0d96d0;
}
.work-with-sec .team-box .img_blk img {
border-radius: 10px;
}
.work-with-sec .team-box h3 {
color: #181a1b;
font-size: 22px;
font-weight: 600;
line-height: 24px;
margin: 20px 0 10px 0;
text-align: center;
text-transform: uppercase;
}
.work-with-sec .team-box h3 span {
display: block;
color: #555;
font-size: 16px;
text-align: center;
text-transform: capitalize;
margin-top: 5px;
}
.work-with-sec .team-box a {
border: 1px solid #0d96d0;
display: inline-block;
margin: 10px auto 0;
border-radius: 5px;
padding: 5px 30px;
text-align: center;
}
.work-with-sec .team-box a span {
display: inline-block;
color: #333;
font-size: 16px;
font-weight: 600;
margin-right: 5px;
}
.work-with-sec .team-box a i {
color: #0d96d0;
font-size: 20px;
}
.work-with-sec .team-box .designation {
text-align: center;
}
.work-with-sec .team-box:hover a i {
color: #0d96d0;
}
.work-with-sec .team-box a:hover {
background: #0d96d0;
border: 1px solid #0d96d0;
}
.work-with-sec .team-box a:hover span,
.work-with-sec .team-box a:hover i {
color: #fff;
}
.banner_bottom-title .top-title h4{
font-size: 2.1rem;
}
.what-apart-sec .top-title p{
line-height: normal;
}
.map-sec #map_overlay h2{
font-size: 6rem;
}
.podcast_profile-bg {
background-color: transparent;
background-image: none;
padding: 0;
border-radius: 0;
}
.profile_banner {
background: url('/fileadmin/user_upload/chartered/images/podcast-BnrBG.jpg');
background-size: cover;
position: relative;
padding: 70px 0 0;
min-height: 770px;
}
.bnr-men {
max-width: 510px;
position: absolute;
right: 0;
bottom: 0;
}
.podcast_profile-bg .profileCnt p {
color: #000;
}
.podcast_profile-bg .profileCnt a i {
color: #000;
}
.profile_graybg {
background: #f2f2f2;
padding: 20px 0;
margin-bottom: 80px;
}
.profile_wrap {
display: flex;
align-items: center;
position: relative;
top: 0;
justify-content: space-between;
}
.profile_wrap .prof_name {
color: #000;
text-transform: capitalize;
line-height: normal;
}
.profile_wrap .prof_name strong {
color: #000;
font-size: 30px;
text-transform: uppercase;
}
.about_david .abt-btn {
color: #000;
border: 2px solid #000;
margin-left: 10px;
font-size: 15px;
font-weight: 600;
}
.about_david i {
font-size: 34px;
}
.podcast_profile-bg .profileCnt {
margin-right: 0;
}
@media (max-width: 1024px) {
.profile_banner {
padding: 0;
min-height: 520px;
}
.bnr-men {
max-width: 350px;
}
}
@media (max-width: 991.98px) {
.podcast_profile-bg .profileCnt {
margin-right: 0;
}
.profile_graybg {
margin-bottom: 30px;
}
.profile_wrap .prof_name strong {
font-size: 24px;
}
.profile_banner {
padding: 0;
min-height: 400px;
}
.bnr-men {
max-width: 300px;
}
}
@media (max-width: 767.98px) {
.profile_graybg {
margin-bottom: 30px;
}
.profile_wrap .prof_name strong {
font-size: 22px;
}
.about_david i {
font-size: 30px;
}
.about_david .abt-btn {
font-size: 14px;
padding: 7px 15px;
}
.profile_banner {
padding: 0;
min-height: 300px;
}
.bnr-men {
max-width: 200px;
}
.profile_wrap {
flex-direction: column;
align-items: start;
margin: 0;
}
.profile_wrap .prof_name {
margin-bottom: 10px;
}
}
.offering_blog-sec .vertical_bx-wrap {
background: #212b2d;
display: flex;
justify-content: space-between;
padding: 20px 50px 10px;
border-radius: 15px;
}
.offering_blog-sec .blog_boxbg .read-more {
display: block;
bottom: 7%;
text-align: center;
position: absolute;
border: 1px solid #fff;
border-radius: 7px;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 14px;
font-weight: normal;
z-index: 1;
padding: 5px 15px;
}
.offering_blog-sec .vertical-blog:hover a img {
transform: scale(105%);
}
.offering_blog-sec .vertical-blog {
background: transparent;
width: 47%;
padding: 0;
margin: 10px 0;
}
.offering_blog-sec .vertical_bx-wrap .blog_boxbg h3 {
font-size: 30px;
margin: 20px 0;
color: #fff;
}
.offering_blog-sec .vertical_bx-wrap .blog_boxbg p {
color: #ff7300;
}
.offering_blog-sec .vertical-blog .blog_img img {
height: 200px;
}
.offering_blog-sec .vertical-blog .blog_content {
margin-top: 0;
min-height: 1px;
}
.offering_blog-sec .vertical-blog .blog_img,
.offering_blog-sec .vertical-blog .blog_content {
max-width: 45%;
}
.offering_blog-sec .blog_boxbg .read-more {
padding: 6px 12px;
}
@media(max-width: 991.98px){
.offering_blog-sec .vertical_bx-wrap{
flex-direction: column;
}
.offering_blog-sec .vertical-blog {
width: 100%;
}
}
@media(max-width: 767.98px){
.offering_blog-sec .vertical_bx-wrap {
padding: 0px 30px 10px;
}
.offering_blog-sec .vertical-blog .blog_img, .offering_blog-sec .vertical-blog .blog_content {
max-width: 100%;
}
.offering_blog-sec .vertical-blog {
margin: 20px 0;
}
.offering_blog-sec .vertical-blog .blog_content {
margin-bottom: 20px;
}
}
.dist_boxbg {
background: #f2f2f2;
border-radius: 10px;
text-align: center;
padding: 30px 20px 50px;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.dist_boxbg strong {
color: #ed722e;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
display: block;
margin-bottom: 10px;
}
.dist_boxbg p {
text-align: center;
line-height: normal;
font-size: 15px;
margin-top: 25px;
}
.login_btns {
margin-bottom: 20px;
}
.login_btns a {
border-radius: 8px;
padding: 12px 10px;
text-transform: uppercase;
min-width: 200px;
text-align: center;
}
.distribute-sec .top-title {
border: 0;
padding-left: 150px;
max-width: 850px;
}
.distribute-sec .top-title h3, .top-title h3 strong {
font-size: 30px;
font-weight: 700;
}
.who-are_sec h3 {
font-size: 67px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1em;
}
.who-are_sec p {
margin-bottom: 10px;
line-height: normal;
}
.mac_video-box {
position: relative;
}
.mac-videoImg {
position: absolute;
left: 67px;
top: 10px;
border-radius: 7px 7px 0 0;
width: 82%;
}
.watch-btn {
display: flex;
justify-content: center;
align-items: center;
background: #222;
padding: 6px 10px;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 170px;
}
.watch-btn strong {
color: #fff;
margin-right: 10px;
}
.watch-btn i {
color: #fff;
margin: 0;
padding: 0;
font-size: 30px;
}
.watch-btn:hover {
color: #fff;
}
#myModal111 .modal-content {
max-width: 70%;
border-radius: 20px;
top: 10%;
background-color: #000;
padding:0;
}
#myModal111 .popup-wrap{
padding-top: 50px;
}
#myModal111 .modal-content span.close{
top: 10px;
right: 10px;
}
@media (max-width: 1024px) {
.distribute-sec .top-title {
padding-left: 0;
}
}
@media (max-width: 991.98px) {
.who-are_sec h3 {
font-size: 44px;
}
}
@media (max-width: 767.98px) {
.distribute-sec .top-title h3, .top-title h3 strong {
font-size: 24px;
}
.who-are_sec h3 {
font-size: 35px;
}
}
.contct-hdr .top-title p {
font-size: 1.6rem;
font-weight: normal;
color: #000;
text-align: center;
}
.contct-hdr .top-title,
.contact-tabs-wrapper .top-title {
max-width: 100%;
border-left: 0;
}
.contct-hdr .top-title h3,
.contact-tabs-wrapper .top-title h3 {
text-transform: uppercase;
font-size: 68px;
font-weight: 700;
line-height: normal;
}
.contact-page-sec .sent-btn {
margin: 20px 0 50px;
}
.contact-tabs-wrapper .address p strong {
color: #fff;
}
.contct-hdr .info_dtl {
max-width: 330px;
text-align: center;
}
.contct-hdr .info_dtl em {
color: #fff;
font-size: 14px;
font-style: italic;
margin-top: 10px;
display: block;
}
form input[type="text"], form input[type="email"], form input[type="tel"], form select, form textarea {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px;
border: none;
font-size: 1em;
color: #333;
box-sizing: border-box;
background: #eee;
border-bottom: 0;
margin-bottom: 0;
}
.mauticform-label {
display: none;
}
#mauticform_newcontactformcharteredinvestmenten_your_message {
display: block;
width: 98%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px;
border: none;
font-size: 1em;
color: #333;
box-sizing: border-box;
background: #eee;
border-bottom: 0;
margin-bottom: 0;
}
#mauticform_newcontactformcharteredinvestmenten_privacy_policy {
width: 100%;
display: block;
}
#mauticform_input_newcontactformcharteredinvestmenten_privacy_policy{
margin-bottom: 20px;
}
.mauticform-button-wrapper .mauticform-button {
margin-top: 20px;
padding: 12px 50px !important;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the {
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row input[type="checkbox"] {
opacity: 0;
position: absolute;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label {
background: #fff;
border: 1px solid #333;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
font-weight: 600;
cursor: pointer;
color: #333;
}
#mauticform_newcontactformcharteredinvestmenten_you_are {
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
#mauticform_newcontactformcharteredinvestmenten_you_are .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_newcontactformcharteredinvestmenten_you_are .mauticform-checkboxgrp-row {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
}
#mauticform_newcontactformcharteredinvestmenten_you_are .mauticform-checkboxgrp-row input[type="checkbox"] {
opacity: 0;
position: absolute;
}
#mauticform_newcontactformcharteredinvestmenten_you_are .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label {
background: #fff;
border: 1px solid #333;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #333;
}
@media (max-width: 991.98px) {
.contact-tabs-wrapper .tab-content {
padding: 10px 0;
}
.contact-tabs-wrapper .tab-content>.tab-pane {
background: transparent;
display: block;
opacity: 1;
margin: 0;
padding: 10px 20px;
}
.contact-tabs-wrapper .accordion-body .tabCnt {
background: #181A1B;
padding: 25px;
border-radius: 0 0 10px 10px;
}
}
@media (max-width: 767.98px) {
.contct-hdr .top-title h3, .contact-tabs-wrapper .top-title h3 {
font-size: 34px;
margin: 0;
text-align: center;
}
.contct-hdr {
flex-wrap: wrap;
width: 100%;
justify-content: center;
}
}
.mauticform-text label, .mauticform-tel{
display: none;
}
.info_dtl p, .contct-hdr .top-title p {
margin-bottom: 0;
text-align: center;
}
.mauticform-label {
display: none;
}
.mauticform-row {
margin-bottom: 15px!important;
width: 48.5%;
display: inline-block !important;
margin-right: 10px;
}
#mauticform_newcontactformcharteredinvestmenten_your_message {
margin-bottom: 25px !important;
}
#mauticform_newcontactformcharteredinvestmenten_your_message .mauticform-textarea {
width: 100%;
padding: 0;
background: transparent;
box-shadow: 0px 0px 0px #fff inset;
border-radius: 4px;
box-sizing: border-box;
border: 0 !important;
margin-bottom: 0;
}
.inverstor_sec ul li input:checked + label, .inverstor_sec ul li:hover label {
border: 1px solid #FF6800;
color: #FF6800;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row:hover label {
border: 1px solid #FF6800;
color: #FF6800;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label {
border: 1px solid #FF6800;
color: #fff;
background: #FF6800;
}
.info_dtl p, .contct-hdr .top-title p {
margin-bottom: 0;
text-align: center;
}
.mauticform-label {
display: none;
}
#mauticform_newkontaktformularcharteredinvestmentde_ihre_nachricht {
margin-bottom: 25px !important;
}
#mauticform_newkontaktformularcharteredinvestmentde_ihre_nachricht {
display: block;
width: 98%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px;
border: none;
font-size: 1em;
color: #333;
box-sizing: border-box;
background: #eee;
border-bottom: 0;
margin-bottom: 0;
}
#mauticform_newkontaktformularcharteredinvestmentde_ihre_nachricht .mauticform-textarea {
width: 100%;
padding: 0;
background: transparent;
box-shadow: 0px 0px 0px #fff inset;
border-radius: 4px;
box-sizing: border-box;
border: 0 !important;
margin-bottom: 0;
}
#mauticform_newkontaktformularcharteredinvestmentde_datenschutzhinweis {
width: 100%;
display: block;
}
#mauticform_input_newkontaktformularcharteredinvestmentde_datenschutzhinweis {
margin-bottom: 20px;
}
.mauticform-row {
margin-bottom: 15px!important;
width: 48.5%;
display: inline-block !important;
margin-right: 10px;
}
#mauticform_newcontactformcharteredinvestmenten_your_message {
margin-bottom: 25px !important;
}
#mauticform_newcontactformcharteredinvestmenten_your_message .mauticform-textarea {
width: 100%;
padding: 0;
background: transparent;
box-shadow: 0px 0px 0px #fff inset;
border-radius: 4px;
box-sizing: border-box;
border: 0 !important;
margin-bottom: 0;
}
.inverstor_sec ul li input:checked + label, .inverstor_sec ul li:hover label {
border: 1px solid #FF6800;
color: #FF6800;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row:hover label {
border: 1px solid #FF6800;
color: #FF6800;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label {
border: 1px solid #FF6800;
color: #fff;
background: #FF6800;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row:hover label,
#mauticform_newcontactformcharteredinvestmenten_you_are .mauticform-checkboxgrp-row:hover label {
border: 1px solid #000;
color: #000;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label,
#mauticform_newcontactformcharteredinvestmenten_you_are .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label {
border: 1px solid #000;
color: #fff;
background: #000;
}
.mauticform-label, .mauticform-tel label {
display: none;
}
#mauticform_newcontactformcharteredinvestmenten_you_are_interested_in_the .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label{
font-weight: normal;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #eee inset !important;
-webkit-text-fill-color: #000 !important;
background-color: #eee !important;
}
.mauticform-innerform input:-webkit-autofill,
.mauticform-innerform input:-webkit-autofill:hover,
.mauticform-innerform input:-webkit-autofill:focus,
.mauticform-innerform textarea:-webkit-autofill,
.mauticform-innerform select:-webkit-autofill {
background-color: #eee !important;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_interessieren_sich_fu {
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_interessieren_sich_fu .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_interessieren_sich_fu .mauticform-checkboxgrp-row {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_interessieren_sich_fu .mauticform-checkboxgrp-row input[type="checkbox"] {
opacity: 0;
position: absolute;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_interessieren_sich_fu .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label {
font-weight: normal;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_interessieren_sich_fu .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label {
background: #fff;
border: 1px solid #333;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #333;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_interessieren_sich_fu .mauticform-checkboxgrp-row input[type="checkbox"] {
opacity: 0;
position: absolute;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_interessieren_sich_fu .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label, #mauticform_newcontactformcharteredinvestmenten_you_are .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label {
border: 1px solid #000;
color: #fff;
background: #000;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_sind {
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_sind .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_sind .mauticform-checkboxgrp-row {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_sind .mauticform-checkboxgrp-row input[type="checkbox"] {
opacity: 0;
position: absolute;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_sind .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label {
font-weight: normal;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_sind .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label {
background: #fff;
border: 1px solid #333;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #333;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_sind .mauticform-checkboxgrp-row input[type="checkbox"] {
opacity: 0;
position: absolute;
}
#mauticform_newkontaktformularcharteredinvestmentde_sie_sind .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label, #mauticform_newkontaktformularcharteredinvestmentde_sie_sind .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label {
border: 1px solid #000;
color: #fff;
background: #000;
}
@media (max-width: 767.98px) {
.mauticform-row {
width: 100%;
margin-right: 0;
}
}
.cap_pattern-bg {
background-image: none;
}
.capnew_mid-sec .accordion-item {
background-color: #fff;
color: #168fd3;
margin: 1rem 0;
border-radius: 10px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
position: absolute;
left: 28.3%;
top: 74%;
max-width: 250px;
border: 2px solid #bfe6fb;
}
.capnew_mid-sec .accordion-item.Regulation_accordion {
right: auto;
left: 28.3%;
top: 13%;
}
.capnew_mid-sec .accordion-item-header {
min-height: 3.7rem;
line-height: normal;
font-size: 19px;
font-weight: 600;
color: #168fd3;
}
.capnew_mid-sec .accordion-item-body-content ul li {
color: #666;
font-size: 15px;
line-height: 25px;
}
.capnew_mid-sec .accordion-item-header::before {
top: 15px;
right: 20px;
}
.capnew_mid-sec .accordion-item-header span img {
max-width: 40px;
margin-right: 10px;
}
.top-Logo-row .top_logo3 {
left: 44%;
top: 51%;
}
.top-Logo-row .top_logo3 img {
max-width: 100px;
}
.top-Logo-row .top_logo2 img {
max-width: 175px;
}
.top-Logo-row .top_logo2 {
left: 31%;
top: 31%;
}
.top-Logo-row .top_logo1 {
left: 25%;
top: 51%;
}
.top-Logo-row .top_logo1 img {
max-width: 100px;
}
.capnew_mid-sec .accordion-item-body-content {
padding: 0 0.5rem 1rem 1rem;
border-top: 0;
border-image: none;
}
.capnew_mid-sec .accordion-item-body-content ul li {
margin: 5px 0;
}
.capnew_mid-sec .accordion-item-body-content ul li::marker {
color: #168fd3;
font-size: 24px;
}
.capnew_mid-sec .accordion-item {
z-index: 9;
}
@media (max-width: 991.98px) {
.capnew_mid-sec .accordion-item-header {
padding: 12px 15px;
min-height: auto;
font-size: 16px;
}
.capnew_mid-sec .accordion-item-header::before {
top: 12px;
right: 15px;
width: 22px;
}
.capnew_mid-sec .accordion-item-body-content {
padding: 0 0.5rem 1rem 0.5rem;
line-height: normal;
border-top: 0;
border-image: none;
}
.capnew_mid-sec .accordion-item {
left: 27%;
top: 61%;
max-width: 210px;
}
.capnew_mid-sec .accordion-item.Regulation_accordion {
right: auto;
left: 26%;
top: 10%;
}
.capnew_mid-sec .accordion-item-header span img {
max-width: 28px;
margin-right: 8px;
}
.capnew_mid-sec .accordion-item-body-content ul li {
color: #666;
font-size: 14px;
line-height: 20px;
margin: 3px 0;
}
.capnew_mid-sec .accordion-item-body-content ul li::marker {
font-size: 20px;
}
.top-Logo-row .top_logo2 {
left: 33%;
top: 27%;
}
.top-Logo-row .top_logo2 img {
max-width: 100px;
}
.top-Logo-row .top_logo3 {
left: 44%;
top: 43%;
}
.top-Logo-row .top_logo3 img {
max-width: 65px;
}
.top-Logo-row .top_logo1 {
left: 27%;
top: 43%;
}
.top-Logo-row .top_logo1 img {
max-width: 65px;
}
}
@media (max-width: 767.98px) {
.cap_pattern-bg {
background-color: transparent;
}
.capnew_mid-sec .accordion-item {
left: 16.5%;
top: 55%;
max-width: 190px;
position: absolute;
}
.capnew_mid-sec .accordion-item.Regulation_accordion {
right: auto;
left: 16.5%;
top: 4%;
position: absolute;
}
.capnew_mid-sec .accordion-item-body-content {
padding: 0 0.5rem 1rem;
}
.capnew_mid-sec .accordion-item-header {
padding: 12px 15px;
min-height: auto;
font-size: 14px;
}
.capnew_mid-sec .accordion-item-header::before {
top: 10px;
right: 12px;
width: 20px;
}
.capnew_mid-sec .accordion-item-header span img {
max-width: 24px;
margin-right: 5px;
}
.capnew_mid-sec .accordion-item-body-content ul li {
color: #666;
font-size: 14px;
line-height: 20px;
margin: 5px 0;
}
.top-Logo-row .top_logo2 {
left: 33%;
top: 21%;
}
.top-Logo-row .top_logo2 img {
max-width: 60px;
}
.top-Logo-row .top_logo1 {
left: 27%;
top: 35%;
}
.top-Logo-row .top_logo1 img {
max-width: 34px;
}
.top-Logo-row .top_logo3 {
left: 45%;
top: 35%;
}
.top-Logo-row .top_logo3 img {
max-width: 34px;
}
}
.top-title h3 span {
font-size: 68px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1em;
color: #ed722e;
}
.frame-layout-primary .top-title p strong{
color: #000;
}
.frame-layout-primary .top-title p{
padding-bottom: 20px;
}
.frame-layout-primary p{
margin-bottom: 1rem;
line-height: normal;
}
.frame-layout-gray h1{
font-size: 2.5rem;
color: #000;
margin-bottom: 10px;
text-transform: unset;
}
.frame-layout-gray .ce-textpic{
background: #f4f4f4;
padding: 25px;
border-radius: 10px;
}
.capab_bottom-sec{
position: relative;
}
.capab_bottom-sec .top-title h3 {
font-size: 68px;
font-family: "Special Gothic Condensed One",sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1em;
}
.capab_bottom-sec .top-title h3 span {
font-size: 68px;
font-family: "Special Gothic Condensed One",sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1em;
color: #ed722e;
}
.capab_bottom-sec .top-title {
border-left: 0;
padding-left: 0;
}
.capab_bottom-sec .top-title p {
margin-bottom: 10px;
font-size: 1.6rem;
line-height: normal;
padding-bottom: 20px;
}
.capab_bottom-sec h1 {
font-size: 2.5rem;
color: #000;
margin-top: 50px;
margin-bottom: 20px;
text-transform: unset;
text-align: center;
}
.gray_img-bg {
background: #f4f4f4;
padding: 25px;
border-radius: 10px;
}
.ready-btn {
background: #ed722e;
color: #fff;
margin: 30px auto;
display: flex;
justify-content: center;
border-radius: 10px;
padding: 10px 15px;
text-align: center;
font-size: 14px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.5px;
max-width: 210px;
}
.ready-btn:hover {
background: #dc5f1a;
color: #fff;
}
.capab_bottom-sec .arrow {
position: absolute;
left: 18%;
top: 50%;
max-width: 180px;
}
@media (max-width: 1024px) {
.capab_bottom-sec .top-title h3 {
font-size: 40px;
}
.capab_bottom-sec .top-title h3 span {
font-size: 40px;
}
.capab_bottom-sec h1 {
font-size: 2.2rem;
}
.capab_bottom-sec .arrow {
position: absolute;
left: 50px;
top: 900px;
max-width: 170px;
}
}
@media (max-width: 991.98px) {
.capab_bottom-sec .top-title h3 {
font-size: 35px;
}
.capab_bottom-sec .top-title h3 span {
font-size: 35px;
}
.capab_bottom-sec h1 {
font-size: 2rem;
}
.capab_bottom-sec .top-title p {
font-size: 1rem;
}
.capab_bottom-sec .arrow {
position: absolute;
left: 100px;
top: 725px;
max-width: 100px;
}
}
@media (max-width: 767.98px) {
.capab_bottom-sec .top-title h3 {
font-size: 30px;
}
.capab_bottom-sec .top-title h3 span {
font-size: 30px;
}
.capab_bottom-sec h1 {
font-size: 1.8rem;
}
.capab_bottom-sec .top-title p {
font-size: 1rem;
}
.capab_bottom-sec .arrow {
position: absolute;
left: 50px;
top: 665px;
max-width: 65px;
}
}
@media (max-width: 1024px) {
.capab_bottom-sec .top-title p {
font-size: 1.2rem;
}
.capab_bottom-sec .arrow {
left: 50px;
top: 750px;
max-width: 170px;
}
.capab_bottom-sec h1 {
font-size: 2rem;
}
.capab_bottom-sec .top-title h3 {
font-size: 34px;
}
.capab_bottom-sec .top-title h3 span {
font-size: 34px;
}
}
@media (max-width: 991.98px) {
.capab_bottom-sec .top-title h3 {
font-size: 24px;
}
.capab_bottom-sec .top-title h3 span {
font-size: 24px;
}
.macbook-row .frame-layout-primary {
padding-top: 50px;
}
.capab_bottom-sec h1 {
font-size: 26px;
}
}
@media (max-width: 767.98px) {
.capab_bottom-sec .top-title h3 {
font-size: 24px;
}
.capab_bottom-sec .top-title h3 span {
font-size: 24px;
display: block;
}
.macbook-row .frame-layout-primary {
padding-top: 30px;
}
.capab_bottom-sec h1 {
font-size: 1.5rem;
}
.capab_bottom-sec .arrow {
top: 580px;
max-width: 70px;
}
.capab_bottom-sec .top-title p {
font-size: 14px;
margin: 0;
}
.macbook-row .frame-layout-primary p {
font-size: 14px;
}
}
.above_footer-map {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-color: #ccc;
width: 100%;
height: 80vh;
padding: 100px 0;
}
.above_footer-map .mid_content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: rgba(51, 51, 51, 0.9);
border-radius: 20px;
text-align: center;
width: 65%;
padding: 100px 50px 70px;
}
.above_footer-map .mid_content h2,
.above_footer-map .mid_content p {
color: #fff;
text-align: center;
}
.above_footer-map .mid_content h2 {
font-size: 54px;
font-weight: 600;
margin-bottom: 30px;
}
.above_footer-map .mid_content p {
font-size: 24px;
line-height: normal;
margin-bottom: 40px;
}
.above_footer-map .mid_content a {
background: #FF6800;
color: #fff;
text-align: center;
padding: 18px 35px;
display: flex;
border-radius: 8px;
font-size: 18px;
max-width: 200px;
justify-content: space-between;
align-items: center;
margin: 0 auto;
}
.above_footer-map .mid_content a:hover {
background: #000;
color: #fff;
}
.above_footer-map .mid_content a span {
display: inline-block;
}
@media (max-width: 1024px) {
.above_footer-map .mid_content {
width: 80%;
padding: 100px 50px 70px;
}
.above_footer-map .mid_content h2 {
font-size: 44px;
}
.above_footer-map .mid_content p {
font-size: 20px;
}
.above_footer-map .mid_content a {
padding: 15px 35px;
}
.above_footer-map {
margin: 60px 0 0;
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.above_footer-map .mid_content {
width: 90%;
padding: 50px 30px 50px;
}
.above_footer-map .mid_content h2 {
font-size: 34px;
}
.above_footer-map .mid_content p {
font-size: 18px;
margin-bottom: 30px;
}
.above_footer-map .mid_content a {
padding: 15px 30px;
max-width: 180px;
}
.above_footer-map {
margin: 50px 0 0;
padding: 50px 0;
}
}
@media (max-width: 767.98px) {
.above_footer-map .mid_content h2 {
font-size: 30px;
line-height: normal;
margin-bottom: 20px;
}
.above_footer-map .mid_content p {
font-size: 16px;
margin-bottom: 30px;
}
}
.above_footer-map .mid_content {
background: #2F3335;
background: linear-gradient(90deg,rgba(47, 51, 53, 1) 0%, rgba(24, 26, 27, 1) 100%);
border-radius: 24px;
text-align: center;
width: 100%;
max-width: 900px;
padding: 70px 20px 70px;
}
.above_footer-map .mid_content h2 {
font-family: "Inter", sans-serif;
font-style: normal;
letter-spacing: normal;
text-transform: uppercase;
}
.above_footer-map .mid_content p {
font-family: "Inter", sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 400;
margin-bottom: 50px;
letter-spacing: 0.5px;
}
.above_footer-map .mid_content a {
background: #FF7300;
padding: 13px 24px;
border-radius: 10px;
font-size: 14px;
max-width: 145px;
letter-spacing: 0.5px;
box-shadow: 0px 1px 2px transparent;
font-family: "Inter", sans-serif;
font-weight: 500;
font-style: normal;
}
.above_footer-map .mid_content a:hover {
background: #FF7300;
color: #fff;
box-shadow: 0 1px 2px #FF7300;
}
.above_footer-map .mid_content a img{
max-width: 12px;
}
@media only screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
color: #181A1B;
}
}
.navbar-expand-lg .navbar-nav .nav-link.active {
color: #181A1B;
background: #FFE1C8 !important;
border-radius: 8px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
color: #181A1B !important;
background: #FFE1C8 !important;
border-radius: 8px;
font-weight: 600 !important;
}
.hdr-right .brands {
background: #FF7300;
color: #fff;
border-radius: 8px;
}
.hdr-right .brands:hover {
box-shadow: 1px 2px 6px #eba062;
}
.hdr-right .login-btn {
background: #1D2124;
color: #fff;
border-radius: 8px;
}
.hdr-right .login-btn:hover {
color: #fff;
background: #01CAEB;
background: linear-gradient(90deg,rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
box-shadow: 1px 2px 3px #01CAEB;
}
.search-box i {
padding: 7px 9px 7px;
border: 1px solid #FF7300;
color: #FF7300;
border-radius: 8px;
}
.search-box i:hover {
border: 1px solid #fff;
}
.lang-menu {
border: 1px solid #EDF6FE;
overflow: hidden;
display: none;
z-index: 50;
box-shadow: 1px 1px 1px #6e6e6e;
}
.lang-menu a {
color: #1D2124;
padding: 12px 0;
text-align: center;
}
.lang-menu a.active, .lang-menu a:hover {
background: #EDF6FE;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
border-radius: 8px !important;
font-weight: 500 !important;
}
.search-box i {
padding: 7px 9px 7px;
border: 1px solid #FF7300;
color: #FF7300;
}
.search-box i:hover {
padding: 7px 9px 7px;
border: 1px solid #FF7300;
color: #FF7300;
}
.ftr-bg {
background: #1d2124;
padding: 60px 0 30px 0;
}
.Gain_img-column img {
max-width: 400px;
}
.ftrLinks li, .ftr-otherLinks li {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.ftrLinks li:first-child, .ftr-otherLinks li:first-child{
margin-bottom: 10px;
}
.ftrLinks li a {
font-size: 15px;
font-weight: 500;
}
.ftrLinks li a:hover, .ftrLinks li a.active {
color: #89949e;
}
.ftr-otherLinks ul {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
}
.ftr-otherLinks li:first-child {
flex: 100%;
color: #89949e !important;
}
.ftr-otherLinks li {
line-height: normal;
}
.ftr-otherLinks li a {
font-size: 14px;
text-transform: capitalize;
margin-right: 23px;
color: #89949e;
}
.copyright {
color: #89949e;
margin-top: 50px;
}
.copyright p {
font-size: 14px;
margin: 0;
letter-spacing: normal;
color: #89949e;
text-align: center;
}
.ftr-bg .ftrLeft-Sec .footer-logo {
max-width: 270px;
margin-bottom: 40px;
}
.hdr-right .brands {
font-size: 14px;
font-weight: 500;
color: #fff;
padding: 0.5rem 25px;
background: #FF7300;
border-radius: 8px;
}
.hdr-right .brands:hover {
color: #fff;
background: #FF9000;
background: linear-gradient(90deg,rgba(255, 144, 0, 1) 0%, rgba(252, 63, 6, 1) 100%);
box-shadow: 1px 2px 10px rgba(255, 115, 0, 0.55);
}
.hdr-right .login-btn {
font-size: 14px;
font-weight: 500;
padding: 0.5rem 25px;
}
.hdr-right .login-btn:hover {
box-shadow: 1px 2px 10px rgba(1, 202, 235, 0.55);
}
.above_footer-map .mid_content a:hover {
color: #fff;
background: #FF9000;
background: linear-gradient(90deg,rgba(255, 144, 0, 1) 0%, rgba(252, 63, 6, 1) 100%);
box-shadow: 1px 2px 10px rgba(255, 115, 0, 0.55);
}
.ftrLinks{
padding-top: 30px;
}
@media (max-width: 991.98px) {
.Gain_img-column img {
max-width: 300px;
}
}
@media (max-width: 767.98px) {
.Gain_img-column {
text-align: center;
margin-top: 40px;
}
.Gain_img-column img {
max-width: 300px;
}
.ftr-otherLinks ul {
margin-top: 20px;
}
.ftr-otherLinks li {
margin: 3px 0;
}
.copyright {
margin-top: 40px;
}
}
.search-box i:hover {
border-radius: 8px;
/* background: #fff; */
}
.ecosystem-popup .modal-content {
border-radius: 40px;
background-color: #b1c50c;
}
.ecosystem-popup .topsec {
height: 350px;
padding: 0;
position: relative;
display: flex;
width: 100%;
}
.ecosystem-popup .modal-content .topsec .popup-logo {
text-align: center;
display: flex;
align-items: start;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.modal .modal-content .topsec .popup-logo img {
max-width: 250px;
box-shadow: none;
}
.modal .modal-content span.close {
top: 30px;
right: 30px;
}
.pop_ftr .popup-visit-btn {
background: #1D2124;
color: #fff;
border-radius: 8px;
}
.pop_ftr .popup-visit-btn:hover {
box-shadow: 1px 2px 10px rgba(1, 202, 235, 0.55);
color: #fff;
background: #01CAEB;
background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
}
.pop_ftr img {
max-width: 12px;
margin-left: 5px;
}
.ecosystem-popup .topsec h3 {
color: #fff;
font-size: 40px;
font-weight: 700;
text-align: left;
line-height: normal;
font-style: normal;
text-transform: uppercase;
margin-top: auto;
padding: 0 0 30px 50px;
font-family: "Inter", sans-serif;
}
.ecosystem-popup .insurance-sec{
padding-top: 100px;
}
.ecosystem-popup .insurance-sec p {
color: #000;
border-left: 0;
font-size: 16px;
font-weight: 500;
padding: 25px 45px 25px 40px;
line-height: 24px;
background: #dfec79;
border-radius: 15px;
margin-top: 0px;
}
.list-sec-wrap {
display: flex;
flex-direction: row;
margin: 0 50px;
justify-content: space-between;
background: #dfec79;
border-radius: 15px;
padding: 40px 40px 0;
}
.list-sec-wrap h4 {
font-size: 22px;
font-weight: 600;
background: transparent;
color: #000;
padding: 0;
border-radius: 0;
}
.list-sec-wrap ul li {
padding: 0;
margin: 0 0 10px;
font-size: 16px;
font-weight: 400;
line-height: 22px;
font-family: "Inter", sans-serif;
}
.video-box {
top: -220px;
width: 500px;
}
.copper .insurance-sec p{
background: #efcdc0;
}
.copper .list-sec-wrap{
background: #efcdc0;
}
.yellow .insurance-sec p{
background: #fff6b2;
}
.yellow .list-sec-wrap{
background: #fff6b2;
}
.purple .insurance-sec p{
background: #dfb7f3;
}
.purple .list-sec-wrap{
background: #dfb7f3;
}
.opus-prime .insurance-sec p{
background: #ddd3b9;
}
.opus-prime .list-sec-wrap{
background: #ddd3b9;
}
@media (max-width: 1024px) {
.modal .modal-content .topsec .popup-logo img {
max-width: 200px;
}
.video-box {
top: -130px;
width: 350px;
}
.ecosystem-popup .topsec h3 {
font-size: 30px;
}
}
@media (max-width: 991.98px) {
.ecosystem-popup .topsec {
border-radius: 30px 30px 0 0;
height: 200px;
}
.modal .modal-content .topsec .popup-logo img {
max-width: 150px;
}
.video-box {
top: -100px;
width: 280px;
}
.ecosystem-popup .topsec h3 {
font-size: 24px;
padding: 0px 0 10px 20px;
}
.list-sec-wrap {
margin: 0 20px;
padding: 30px 20px 0;
}
.ecosystem-popup .insurance-sec p {
padding: 20px;
font-size: 15px;
}
.ecosystem-popup .insurance-sec {
padding-top: 80px;
}
.list-sec-wrap h4 {
font-size: 18px;
}
.list-sec-wrap ul li {
font-size: 15px;
}
}
@media (max-width: 767.98px) {
.ecosystem-popup .topsec {
border-radius: 20px 20px 0 0;
height: 200px;
}
.ecosystem-popup .insurance-sec {
padding-top: 35px;
}
.video-box {
top: 0;
width: 280px;
margin: 0 auto 35px;
}
.list-sec-wrap {
margin: 0 20px;
padding: 30px 20px 0;
max-width: 91%;
}
.ecosystem-popup .topsec h3 {
font-size: 22px;
}
}
.news_bgcolor {
background: #f1f6fa;
padding: 1px 0 50px 0;
}
.latest-news-sec .top-title {
border-left: 0;
}
.latest-news-sec .top-title h3 {
font-size: 68px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
color: #111;
}
.latest-news-sec .news-box-large {
border-radius: 25px;
border: 1px solid #e6e6e6;
}
.latest-news-sec .news-box-large .large_boxImg {
max-width: 400px;
}
.latest-news-sec .news-box-large .newDtl {
border-radius: 0 25px 25px 0;
background: #fff;
max-width: 100%;
position: relative;
}
.latest-news-sec .news-box-large .newDtl .big-title {
color: #111;
font-family: "Inter", sans-serif;
font-style: normal;
font-size: 25px;
font-weight: 600;
line-height: normal;
}
.latest-news-sec .news-box-large .newDtl p small {
color: #111;
}
.latest-news-sec .news-box-large .newDtl p {
color: #000;
margin: 10px 0 0;
font-size: 16px;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.3rem;
}
.latest-news-sec .news-box-large .newDtl p small {
color: #111;
font-size: 14px;
}
.latest-news-sec .news-box .newDtl p {
font-size: 16px;
font-weight: 600;
line-height: normal;
color: #181A1B;
margin: 10px 0 10px;
}
.latest-news-sec .news-box .newDtl .small-title {
font-size: 16px;
font-weight: 600;
line-height: 1.3rem;
color: #181A1B;
margin: 10px 0 10px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.latest-news-sec .read_btn a {
background: #1D2124;
color: #fff;
border-radius: 5px;
padding: 10px 12px;
font-size: 14px;
font-weight: 400;
text-align: center;
font-family: "Inter", sans-serif;
font-style: normal;
}
.latest-news-sec .read_btn a:hover {
color: #fff;
background: #01CAEB;
background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
box-shadow: 1px 2px 10px rgba(1, 202, 235, 0.55);
}
.latest-news-sec .read_btn img {
max-width: 12px;
}
.latest-news-sec .news_title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
height: 25px;
}
.latest-news-sec .newDtl .top-right-logo img {
max-width: 80px;
}
.latest-news-sec .newDtl .news_title .date {
color: #7f7f7f;
font-size: 14px;
text-transform: capitalize;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 400;
}
.latest-news-sec .news-box-large .newDtl .top-right-logo img {
max-width: 80px;
}
.latest-news-sec .view-btn {
background: #FF7300;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
font-size: 14px;
max-width: 145px;
letter-spacing: 0.5px;
box-shadow: 0px 1px 2px transparent;
font-family: "Inter",sans-serif;
font-weight: 600;
font-style: normal;
border: 0;
margin-top: 30px;
}
.latest-news-sec .view-btn:hover {
color: #fff;
background: #FF9000;
background: linear-gradient(90deg,rgba(255,144,0,1) 0%,rgba(252,63,6,1) 100%);
box-shadow: 1px 2px 10px rgba(255,115,0,0.55);
}
.latest-news-sec .view-btn img {
max-width: 12px;
}
.latest-news-sec .news-box .newDtl {
font-weight: 600;
background: #fff;
border-radius: 0 0 10px 10px;
padding: 15px 10px 20px;
height: 190px;
}
.latest-news-sec .news-box-large .newDtl .read_btn a {
padding: 11px 15px;
font-size: 14px;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 400;
}
.latest-news-sec .newsImg img{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.latest-news-sec .news-box-large .large_boxImg img{
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
@media (max-width: 991.98px) {
.latest-news-sec .news-box-large .newDtl p strong {
font-size: 16px;
}
.latest-news-sec .news-box .newDtl p strong {
font-size: 16px;
}
}
@media (max-width: 767.98px) {
.latest-news-sec .news-box-large .newDtl {
border-radius: 0 0 25px 25px;
}
}
.three_imgbox .blkimg {
display: block;
}
.three_imgbox{
position: relative;
transition: all .5s ease-out;
}
.three_imgbox img {
max-width: 100%;
transition: all .5s ease-out;
object-fit: cover;
border-radius: 5px;
}
.three_imgbox:hover img {
transform: scale(105%);
border-radius: 5px;
}
.three_imgbox .box_content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.three_imgbox .box_content h4 {
color: #fff;
text-transform: uppercase;
font-size: 26px;
font-weight: 600;
margin-bottom: 30px;
text-align: center;
}
.three_imgbox .box_content a img {
max-width: 12px;
margin-left: 6px;
}
.three_imgbox .box_content a {
background: #FF7300;
border-radius: 6px;
color: #fff;
font-size: 14px;
font-weight: 500;
width: 130px;
text-align: center;
padding: 9px 10px;
display: inline-block;
transition: all .5s ease-out;
}
.three_imgbox .box_content a:hover {
color: #fff;
background: #FF9000;
background: linear-gradient(90deg,rgba(255,144,0,1) 0%,rgba(252,63,6,1) 100%);
box-shadow: 1px 2px 10px rgba(255,115,0,0.55);
}
@media (max-width: 991.98px) {
.three_imgbox .box_content h4 {
font-size: 22px;
}
}
@media (max-width: 767.98px) {
.three_imgbox .box_content h4 {
font-size: 24px;
}
}
.offering_blog-sec .blog_boxbg {
background: #f1f6fa;
padding: 15px;
margin-bottom: 20px;
}
.offering_blog-sec .blog_boxbg .blog_img {
display: block;
}
.offering_blog-sec .blog_boxbg:hover img {
transform: scale(105%);
}
.offering_blog-sec .blog_boxbg .blog_img::before {
cursor: inherit;
}
.offering_blog-sec .blog_boxbg .read_more-btn{
margin-top: auto;
}
.offering_blog-sec .blog_boxbg .read_more-btn a {
text-align: center;
position: relative;
border: 2px solid #FF7300;
border-radius: 5px;
color: #FF7300;
font-size: 12px;
font-weight: 600;
padding: 7px 30px 7px 15px;
display: inline-flex;
margin-top: auto;
background-image: url('/fileadmin/user_upload/chartered/images/orange-arrow.png');
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px;
}
.offering_blog-sec .blog_boxbg .read_more-btn a:hover{
background: #fae2cb;
background-image: url('/fileadmin/user_upload/chartered/images/orange-arrow.png');
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px;
}
.offering_blog-sec .blog_boxbg h3 {
font-size: 30px;
margin-bottom: 15px;
text-transform: uppercase;
}
.offering_blog-sec .blog_boxbg h5 {
font-size: 14px;
font-weight: 600;
line-height: normal;
display: block;
}
.offering_blog-sec .blog_boxbg p {
color: #333;
font-size: 14px;
margin: 15px 0 10px;
}
.offering_blog-sec .blog_boxbg p strong {
color: #333;
font-weight: normal;
}
.offering_blog-sec .blog_content {
min-height: 260px;
display: flex;
flex-direction: column;
}
.offering_blog-sec .blog_boxbg.vertical-blog p {
color: #fff;
font-size: 14px;
margin: 15px 0 0;
}
.offering_blog-sec .vertical_bx-wrap {
background: #1d2124;
display: flex;
justify-content: space-between;
padding: 15px;
border-radius: 15px;
}
.vertical_bx-wrap .blog_boxbg.vertical-blog {
background: transparent;
align-items: start;
justify-content: normal;
margin: 0;
padding: 0;
border-radius: 0;
}
.vertical_bx-wrap .blog_boxbg.vertical-blog .blog_img {
display: block;
width: 50%;
max-width: 100%;
overflow: hidden;
}
.vertical_bx-wrap .vertical-blog .blog_content {
min-height: 100%;
margin-left: 20px;
padding-bottom: 10px;
}
.offering_blog-sec .blog_boxbg:hover img {
transform: none;
}
.offering_blog-sec .blog_boxbg .blog_img:hover img {
transform: scale(105%);
}
/*.vertical_bx-wrap .blog_boxbg.vertical-blog.blog-bdr {
border-right: 1px solid #808080;
border-radius: 0;
}*/
@media(max-width: 1024px){
.offering_blog-sec .blog_boxbg h3 {
font-size: 30px;
}
}
@media(max-width: 991.98px){
.offering_blog-sec .blog_boxbg h3 {
font-size: 18px;
}
.offering_blog-sec .blog_content {
min-height: 300px;
}
.vertical_bx-wrap .blog_boxbg.vertical-blog {
margin: 15px 0;
}
.offering_blog-sec .vertical_bx-wrap {
background: #1d2124;
padding: 0 15px;
}
.offering_blog-sec .blog_boxbg.vertical-blog p {
margin: 15px 0 50px;
}
}
@media(max-width: 767.98px){
.offering_blog-sec .blog_content {
min-height: auto;
}
.offering_blog-sec .blog_boxbg p {
color: #333;
font-size: 14px;
margin: 15px 0 20px;
}
.vertical_bx-wrap .blog_boxbg.vertical-blog .blog_img {
width: 100%;
max-width: 100%;
}
.vertical-blog .blog_img img {
height: auto;
width: 100%;
}
.vertical_bx-wrap .vertical-blog .blog_content {
min-height: 100%;
margin: 0;
padding-bottom: 0;
}
.offering_blog-sec .blog_boxbg.vertical-blog p {
margin: 15px 0 30px;
}
}
/*add new europe page css*/
#id_main .container {
max-width: 1170px;
}
.breadcrum {
position: absolute;
left: 150px;
top: 60px;
display: flex;
}
.breadcrum li {
color: #fff;
margin: 0 5px;
font-family: "Inter", sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 400;
}
.breadcrum .active {
font-weight: 600;
}
.breadcrum li a {
color: #BDC8D1;
}
.breadcrum li a:hover {
color: #fff;
}
.banner_menu ul li {
margin: 0 15px;
}
.banner_menu ul li a {
color: #BDC8D1;
font-family: "Inter", sans-serif;
font-style: normal;
font-size: 20px;
font-weight: 400;
}
.banner_menu ul li a.active {
font-weight: bold;
}
.banner_menu ul li a:hover, .banner_menu ul li a.active {
color: #fff;
}
.botm-cont .bnr-bottom-cnt {
position: absolute;
left: auto;
right: 110px;
top: -385px;
max-width: 300px;
}
.bnr_title {
position: absolute;
left: 150px;
top: 65%;
width: auto;
height: auto;
z-index: 9;
}
.bnr_title h3 {
font-size: 68px;
font-weight: 400;
max-width: 100%;
line-height: normal;
letter-spacing: 0;
text-shadow: 1px 1px 1px #ccc;
}
.bnr_sub-content {
display: flex;
align-items: center;
margin-top: 20px;
}
.bnr_sub-content img {
max-width: 40px;
margin-right: 15px;
}
.bnr_sub-content strong {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
text-shadow: 1px 1px 1px #d1cfcf;
font-family: "Inter Tight", sans-serif;
font-style: normal;
}
.common_title {
text-align: center;
}
.common_title h3 { color: #222; font-size:68px; font-weight:700; margin-bottom:20px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
text-transform: uppercase;
line-height: normal;
}
.common_title p { color: #111; font-size:24px; font-weight:500; margin-bottom:40px;
font-family: "Inter", sans-serif;
font-style: normal;
line-height: normal;
}
.common_title h3, .common_title p{ text-align:center; }
.common_title span { display: block; color:#FF6800; font-weight: 600; text-align:center; }
.asso-sec{
background: #f1f6fa;
border-radius: 10px;
padding: 25px 15px 20px;
margin-bottom: 100px;
text-align: center;
}
.asso-sec h4 {
color: #0d96d0;
font-size: 20px;
font-weight: 700;
text-align: center;
margin-bottom: 25px;
text-transform: uppercase;
font-family: "Inter", sans-serif;
font-style: normal;
line-height: normal;
}
.asso-logo_row {
display: flex;
justify-content: center;
}
.asso-logo_row .client_logoImg{
display: inline-block;
margin: 0 10px 10px;
}
.asso-logo_row .client_logoImg img{
max-height: 50px;
}
.who-box {
background: #f1f6fa;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 50px 41px 20px;
text-align: center;
height: 100%;
}
.who-box:hover {
background: #01CAEB;
background: linear-gradient(90deg,rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
box-shadow: 1px 3px 15px 0px rgba(0, 191, 226, 0.35);
}
.who-box .box_icon {
margin-bottom: 20px;
}
.who-box .box_icon img {
max-width: 44px;
}
.hover_icon {
display: none;
}
.who-box:hover .normal_icon {
display: none;
}
.who-box:hover .hover_icon {
display: block;
}
.who-box h4 {
color: #222;
font-size: 20px;
line-height: normal;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
}
.who-box p {
color: #555;
font-size: 14px;
text-align: center;
line-height: 18px;
}
.who-box:hover h4, .who-box:hover p{
color: #fff;
}
.solution-focus_sec {
padding: 60px 0;
}
.solution_tabs .nav-tabs {
background: #F1F6FA;
padding: 10px;
border-radius: 50px;
border: 0;
}
.solution_tabs .nav-tabs .nav-item {
position: relative;
width: 20%;
padding: 0 10px;
}
.solution_tabs .nav-tabs .nav-item:last-child {
padding-right: 0;
padding-left: 10px;
}
.solution_tabs .nav-tabs .nav-item:first-child {
padding-right: 10px;
padding-left: 0;
}
.solution_tabs .nav-tabs .nav-item::after {
content: "";
display: block;
position: absolute;
left: auto;
top: 25%;
right: 0;
width: 1px;
height: 30px;
background: #BDC8D1;
}
.solution_tabs .nav-tabs .nav-item:last-child::after{
display: none;
}
.solution_tabs .nav-tabs .nav-link {
color: #333;
font-size: 14px;
border-radius: 50px;
padding: 15px 20px;
width: 100%;
text-align: center;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 400;
background: none;
}
.solution_tabs .nav-tabs .nav-link:hover,
.solution_tabs .nav-tabs .nav-link.active {
background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
color: #fff;
border-radius: 50px;
}
.solution_tabs .nav-tabs .nav-link:hover {
box-shadow: 1px 3px 15px 0px rgba(0, 191, 226, 0.35);
}
.solution_tabs .accordion-item {
background-color: #fff;
border: 0;
}
.solution_tabs .accordion-body {
padding: 0;
margin-top: 25px;
}
.solution_tabs .tab_contentBg {
background: #F1F6FA;
padding: 20px;
border-radius: 15px;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.solution_tabs .tab_contentBg .tab_CntImg {
width: 47.5%;
}
.solution_tabs .tab_contentBg .rightCnt {
width: 47.5%;
position: relative;
padding: 20px 0 0;
}
.solution_tabs .tab_contentBg .rightCnt h3 {
font-size: 30px;
font-weight: 700;
color: #000;
margin-bottom: 10px;
font-family: "Inter", sans-serif;
font-style: normal;
text-transform: uppercase;
}
.solution_tabs .tab_contentBg .rightCnt p{
font-size: 20px;
font-weight: 500;
color: #FF7300;
font-family: "Inter", sans-serif;
font-style: normal;
}
.solution_tabs .tab_contentBg .read_more-btn a {
text-align: center;
border: 2px solid #FF7300;
border-radius: 5px;
color: #FF7300;
font-size: 14px;
font-weight: 600;
padding: 8px 30px 8px 15px;
display: inline-flex;
margin-top: auto;
background-image: url('/fileadmin/user_upload/chartered/images/orange-arrow.png');
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px;
position: absolute;
bottom: 30px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.solution_tabs .tab_contentBg .read_more-btn a:hover {
background: #fae2cb;
background-image: url('/fileadmin/user_upload/chartered/images/orange-arrow.png');
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px;
}
.solution_tabs .accordion-body .d-flex {
max-width: 80%;
margin: 0 auto;
}
.solution_tabs .accordion-body .d-flex {
max-width: 73%;
margin: 0 auto;
align-items: self-start;
}
.solution_tabs .accordion-body .d-flex p {
font-size: 15px;
font-weight: 400;
color: #555;
line-height: 20px;
max-width: 96.5%;
margin-left: 10px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.institutions-bgImg {
background: #1d2124;
background-image: url('/fileadmin/user_upload/chartered/images/institutions-bgImg.jpg');
background-position: center center;
background-size: cover;
padding: 50px 0 100px;
}
.institutions-bgImg .common_title h3,
.institutions-bgImg .common_title p {
color: #fff;
}
.mac-laptop_row {
position: relative;
}
.mac-laptop_row .laptop-Imgblk {
display: block;
text-align: center;
}
.mac-laptop_row .laptop-Imgblk img {
max-width: 750px;
}
.comn-card {
background: #2F3335;
background: linear-gradient(90deg,rgba(47, 51, 53, 1) 0%, rgba(24, 26, 27, 1) 100%);
border-radius: 10px;
padding: 25px 26px;
max-width: 230px;
position: absolute;
}
.comn-card:hover {
background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
box-shadow: 1px 3px 15px 0px rgba(0, 191, 226, 0.35);
cursor: pointer;
}
.comn-card:hover h4{
color: #fff;
}
.comn-card h4 {
font-size: 20px;
font-weight: 600;
color: #04CFEE;
text-align: center;
margin-bottom: 8px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.comn-card p {
font-size: 13px;
font-weight: 400;
/*color: #D3E3F1;*/
color: #fff;
text-align: center;
margin: 0;
line-height: 18px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.card_01 {
left: 20px;
top: 50px;
padding: 25px 31px;
}
.card_02 {
top: 0;
right: 10px;
left: auto;
}
.card_03 {
right: 60px;
bottom: -50px;
}
.infrastructure_sec{
padding: 90px 0 70px;
}
.infras_box {
background: #f1f6fa;
border-radius: 10px;
position: relative;
padding: 72px 20px 10px;
height: 100%;
}
.infras_box span {
color: #dbe4ec;
font-size: 80px;
font-weight: 600;
display: block;
line-height: normal;
position: absolute;
top: 10px;
}
.infras_box h4 {
color: #0d96d0;
font-size: 24px;
font-weight: 600;
position: relative;
font-family: "Inter", sans-serif;
font-style: normal;
}
.infras_box p {
font-size: 15px;
font-weight: 400;
color: #333;
font-family: "Inter", sans-serif;
font-style: normal;
}
.steps_section {
background: #1d2124;
background-image: none;
margin: 0 0 30px 0;
padding: 50px 0;
}
.steps_section .common_title h3,
.steps_section .common_title p {
color: #fff;
}
.steps_section .steps_row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
.steps_section .steps_column {
width: 20%;
position: relative;
text-align: center;
height: 100%;
}
.steps_section .steps_column .digit_no{
position: relative;
}
.steps_section .steps_column .digit_no::before {
content: "";
display: block;
position: absolute;
left:0;
top: 50%;
width: 50%;
height: 1px;
background: #098FD4;
/*background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);*/
}
.steps_section .steps_column .digit_no::after {
content: "";
display: block;
position: absolute;
right:0;
top: 50%;
width: 50%;
height: 1px;
background: #098FD4;
/*background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);*/
}
.steps_section .steps_column:first-child .digit_no::before{
display: none;
}
.steps_section .steps_column:last-child .digit_no::after{
display: none;
}
.steps_section .steps_column strong {
color: #fff;
background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
font-size: 22px;
font-weight: 600;
min-height: 0;
width: 54px;
height: 54px;
margin: 0 auto;
border-radius: 50%;
text-align: center;
line-height: 54px;
position: relative;
display: block;
z-index: 1;
}
.steps_section .steps_column strong::after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
width: 2px;
height: 40px;
background: #098FD4;
}
.steps_section .steps_cntbox {
position: relative;
margin-top: 60px;
min-height: 1px;
height: 250px;
padding: 0 25px;
}
.steps_section .steps_cntbox::after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 1px;
height: 100%;
background: #616A71;
}
.steps_section .steps_column:last-child .steps_cntbox::after{
display: none;
}
.steps_section .steps_cntbox h3 {
color: #fff;
font-size: 24px;
font-weight: 700;
height: auto;
text-align: center;
margin-bottom: 10px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.steps_section .steps_cntbox p {
font-size: 15px;
font-weight: 400;
color: #DBE4EC;
text-align: center;
line-height: normal;
margin: 0;
font-family: "Inter", sans-serif;
font-style: normal;
}
.steps_section .steps_cntbox .plus-icon {
background: #FF6800;
width: 40px;
height: 40px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.steps_section .steps_cntbox .plus-icon:hover {
color: #fff;
background: #FF9000;
background: linear-gradient(90deg,rgba(255,144,0,1) 0%,rgba(252,63,6,1) 100%);
box-shadow: 1px 2px 10px rgba(255,115,0,0.55);
}
.steps_section .steps_cntbox .plus-icon i {
font-size: 14px;
font-weight: normal;
color: #fff;
margin: 0;
line-height: normal;
}
@media (max-width: 776px) {
.solution_tabs .tab-content>.tab-pane {
display: block;
opacity: 1;
}
}
.build-sec {
padding-top: 50px;
}
@media (max-width: 1024px) {
.breadcrum {
left: 20px;
top: 60px;
}
.bnr_title {
top: 65%;
left: 20px;
}
.bnr_title h3 {
font-size: 40px;
}
.banner_menu ul {
margin-right: 10px;
}
.botm-cont .bnr-bottom-cnt {
right: 20px;
}
.common_title h2 {
font-size: 40px;
}
.solution_tabs .nav-tabs .nav-link {
font-size: 13px;
padding: 15px 15px;
}
}
@media (max-width: 991.98px) {
.breadcrum {
left: 20px;
top: 30px;
}
.botm-cont .bnr-bottom-cnt {
right: 20px;
top: -200px;
max-width: 250px;
}
.bnr_title {
top: 57%;
left: 20px;
}
.bnr_title h3 {
font-size: 34px;
}
.common_title h2 {
font-size: 30px;
}
.common_title span {
font-size: 30px;
}
.bnr_sub-content strong {
font-size: 20px;
}
.bnr_sub-content img {
max-width: 34px;
margin-right: 10px;
}
.asso-sec h4 {
font-size: 18px;
}
.solution_tabs .accordion-header {
margin-bottom: 5px;
display: block;
padding: 0;
}
.solution_tabs .accordion-button {
background-color: #F1F6FA;
}
.solution_tabs .accordion-button:not(.collapsed) {
background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
color: #fff;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.solution_tabs .accordion-body .d-flex {
max-width: 95%;
}
.solution_tabs .tab_contentBg .rightCnt h3 {
font-size: 22px;
}
.steps_section .steps_cntbox {
height: 250px;
padding: 0 10px;
}
.steps_section .steps_cntbox h3 {
font-size: 15px;
}
.infrastructure_sec {
padding: 50px 0 30px;
}
}
@media (max-width: 767.98px) {
.mac-laptop_row .laptop-Imgblk img {
max-width: 100%;
}
.bnr_title {
top: 60%;
left: 15px;
}
.bnr_title h3 {
font-size: 20px;
}
.botm-cont .bnr-bottom-cnt {
right: 10px;
top: -110px;
max-width: 100px;
}
.bnr_sub-content {
margin-top: 10px;
}
.bnr_sub-content img {
max-width: 24px;
margin-right: 10px;
}
.bnr_sub-content strong {
font-size: 15px;
}
.banner_menu ul li {
margin: 0 5px;
line-height: normal;
}
.banner_menu ul li a {
font-size: 12px;
}
.breadcrum {
left: 10px;
top: 90px;
}
.bnr-women {
top: -135px;
left: 0;
max-width: 100px;
}
.common_title h2 {
font-size: 24px;
margin-bottom: 10px;
line-height: normal;
}
.common_title span {
font-size: 24px;
}
.common_title p {
font-size: 14px;
margin-bottom: 30px;
}
.common_title p br {
display: none;
}
.asso-sec {
margin-bottom: 50px;
}
.asso-sec h4 {
font-size: 16px;
}
.who-box h4 {
font-size: 18px;
}
.solution-focus_sec {
padding: 25px 0 40px;
}
.solution_tabs .tab_contentBg {
flex-direction: column;
padding: 15px 15px 20px;
margin-bottom: 20px;
border-radius: 10px;
}
.solution_tabs .tab_contentBg .tab_CntImg,
.solution_tabs .tab_contentBg .rightCnt {
width: 100%;
}
.solution_tabs .tab_contentBg .rightCnt h3 {
font-size: 20px;
line-height: normal;
}
.solution_tabs .tab_contentBg .read_more-btn a {
position: relative;
bottom: 0;
}
.build-sec {
padding-top: 0;
}
.infrastructure_sec {
padding: 40px 0 30px;
}
.above_footer-map {
margin: 50px 0 0;
padding: 35px 0;
}
.steps_section {
padding: 50px 0 20px;
}
.steps_section .steps_row {
flex-direction: column;
margin-top: 20px;
}
.steps_section .steps_column {
width: 100%;
position: relative;
text-align: center;
height: auto;
margin-bottom: 30px;
border: 1px solid #616A71;
padding: 30px 20px 30px;
border-radius: 10px;
}
.steps_section .steps_cntbox {
height: 200px;
padding: 0 10px;
margin-top: 30px;
}
.steps_section .steps_column .digit_no::before,
.steps_section .steps_column .digit_no::after {
display: none;
}
.steps_section .steps_cntbox::after {
display: none;
}
.steps_section .steps_column strong::after{
display: none;
}
.steps_section .steps_cntbox h3 {
font-size: 18px;
}
.steps_section .steps_cntbox p {
font-size: 14px;
}
.infras_box h4 {
font-size: 22px;
}
.comn-card {
padding: 20px 15px;
max-width: 180px;
}
.card_01 {
left: 0;
top: 20px;
padding: 30px 5px;
}
.card_02 {
top: -20px;
right: 0;
}
.card_03 {
right: 0;
bottom: -50px;
}
.comn-card h4 {
font-size: 14px;
}
.comn-card p {
font-size: 12px;
line-height: normal;
}
}
.slick-list {
padding: 0 25% !important;
}
.slick-arrow {
filter: invert(1);
}
.slick-dots li.slick-active {
transform: scale(2.5);
}
.slick-dots li.slick-active button:before {
color: #ff0000;
}
/* slide when not active/center*/
.case-slider .slick-slide,
.case-slider
.slick-slide[aria-hidden="true"]:not(.slick-cloned)
~ .slick-cloned[aria-hidden="true"] {
transform: scale(0.7, 0.7);
transition: transform 0.3s;
opacity: 0.3;
}
/* slide when active/center */
.case-slider .slick-center,
.case-slider
.slick-slide[aria-hidden="true"]:not([tabindex="-1"])
+ .slick-cloned[aria-hidden="true"] {
transform: scale(1, 1);
opacity: 1;
}
.slick-slide img {
margin: 0 auto;
}
.img-holder {
display: flex;
align-items: center;
background: #f1f6fa;
border-radius: 10px;
padding: 15px;
}
.img-holder .slider_content {
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.img-holder .slider_content h3{
color: #0d96d0;
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
}
.img-holder .slider_content p{
color: #111;
font-size: 16px;
font-weight: 500;
}
.img-holder .slider_content a {
background: #222;
padding: 13px 20px;
border-radius: 6px;
font-size: 14px;
max-width: 130px;
letter-spacing: 1px;
box-shadow: 0 1px 2px transparent;
font-family: "Inter", sans-serif;
font-weight: 500;
font-style: normal;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.img-holder .slider_content a span {
display: inline-block;
left: 5px;
position: relative;
}
.img-holder .slider_content a img {
max-width: 12px;
}
.img-holder .slider_content a:hover {
background: linear-gradient(90deg,rgba(1,202,235,1) 0%,rgba(14,152,209,1) 100%);
box-shadow: 1px 2px 10px rgba(1, 202, 235, 0.55);
}
.case-slider-nav {
max-width: 946px;
margin: 68px auto 0;
padding-top: 22px;
border-top: 1px solid #d9dde0;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}
.case-prev,
.case-next {
padding: 0;
border: 0;
background: transparent;
display: inline-flex;
align-items: center;
gap: 12px;
color: #1c2226;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.case-prev {
justify-self: start;
}
.case-next {
justify-self: end;
}
.case-prev .arrow,
.case-next .arrow {
font-size: 25px;
line-height: 1;
}
/* Pagination */
.case-pagination {
justify-self: center;
}
.case-pagination .slick-dots {
position: static;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 8px;
list-style: none;
}
.case-pagination .slick-dots li {
width: auto;
height: auto;
margin: 0;
}
.case-pagination .slick-dots li button {
width: 40px;
height: 40px;
padding: 0;
border: 0;
border-radius: 4px;
background: transparent;
color: #1c2226;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.case-pagination .slick-dots li button::before {
display: none;
}
.case-pagination .slick-dots li.slick-active button {
background: #f0f5fa;
}
/************* ------ *******************/
.case-prev,
.case-next {
border: 0;
background: transparent;
padding: 0;
display: inline-flex;
align-items: center;
gap: 10px;
color: #ffffff;
font-size: 16px;
font-weight: 600;
cursor: pointer;
opacity: 1;
transition: opacity 0.25s ease;
}
/* disabled state */
.case-prev.slick-disabled,
.case-next.slick-disabled {
opacity: 0.25;
cursor: default;
pointer-events: none;
}
/* active / hover */
.case-prev:not(.slick-disabled):hover,
.case-next:not(.slick-disabled):hover {
opacity: 0.7;
}
/* ==============================
PREV / NEXT
============================== */
.case-slider-nav {
width: calc(100% - 40px);
max-width: 946px;
margin: 68px auto 0;
padding-top: 24px;
border-top: 1px solid #d9dde0;
display: flex;
align-items: center;
justify-content: space-between;
}
.case-prev,
.case-next {
padding: 0;
margin: 0;
border: 0;
outline: none;
background: transparent;
display: inline-flex;
align-items: center;
gap: 12px;
color: #ffffff;
font-size: 16px;
font-weight: 500;
font-family: "Inter", sans-serif;
font-style: normal;
cursor: pointer;
opacity: 1;
transition:
opacity 0.25s ease,
color 0.25s ease;
}
.case-prev .arrow,
.case-next .arrow {
font-size: 24px;
line-height: 1;
}
/* ACTIVE HOVER */
.case-prev:not(.slick-disabled):hover,
.case-next:not(.slick-disabled):hover {
opacity: 0.7;
}
/* DISABLED */
.case-prev.slick-disabled,
.case-next.slick-disabled {
opacity: 0.25;
cursor: default;
pointer-events: none;
}
/* ==============================
TABLET
< 992px
============================== */
@media (max-width: 991px) {
.case-slider-wrap {
padding: 0 30px;
}
.case-slider .slick-slide {
width: auto !important;
}
.case-slider-nav {
width: 100%;
max-width: none;
margin-top: 45px;
padding-top: 20px;
}
.case-prev,
.case-next {
font-size: 15px;
}
.case-prev .arrow,
.case-next .arrow {
font-size: 22px;
}
}
/* ==============================
MOBILE
< 768px
============================== */
@media (max-width: 767px) {
.case-slider-wrap {
padding: 0 20px;
}
.case-slider-nav {
margin-top: 30px;
padding-top: 18px;
}
.case-prev,
.case-next {
gap: 8px;
font-size: 14px;
}
.case-prev .arrow,
.case-next .arrow {
font-size: 20px;
}
}
/* ==============================
SMALL MOBILE
< 480px
============================== */
@media (max-width: 479px) {
.case-slider-wrap {
padding: 0 15px;
}
.case-slider-nav {
margin-top: 25px;
padding-top: 15px;
}
.case-prev,
.case-next {
font-size: 13px;
}
.case-prev .arrow,
.case-next .arrow {
font-size: 18px;
}
}
/*add new css by 22 July 2026*/
.breadcrum {
z-index: 1;
}
.bnr-women {
top: -615px;
}
.img-holder .sliderImg {
width: 50%;
}
.img-holder .slider_content {
margin: 0;
padding-left: 25px;
width: 50%;
}
.img-holder .slider_content h3 {
font-weight: 700;
}
.img-holder .slider_content p {
max-width: 190px;
}
.img-holder .slider_content a {
padding: 10px 15px;
border-radius: 8px;
max-width: 120px;
font-weight: 600;
}
.img-holder .slider_content a:hover {
color: #fff;
background: #01CAEB;
background: linear-gradient(90deg,rgba(1,202,235,1) 0%,rgba(14,152,209,1) 100%);
box-shadow: 1px 2px 10px rgba(1,202,235,0.55);
}
.case-slider .slick-dots {
bottom: -120px;
}
.case-slider .slick-dots li button:before {
display: none;
}
.case-slider .slick-dots li {
width: 32px;
height: 32px;
border-radius: 4px;
text-align: center;
margin: 0 1px;
}
.case-slider .slick-dots li button {
font-size: 14px;
line-height: normal;
color: #777;
text-align: center;
width: 34px;
height: 34px;
}
.case-slider .slick-dots li.slick-active {
transform: none;
background: #f1f6fa;
}
.case-slider .slick-dots li.slick-active button {
color: #000;
}
.case-slider .slick-arrow {
filter: inherit;
}
.case-slider .slick-prev {
left: 25%;
}
.case-slider .slick-next {
right: 25%;
}
.case-slider .slick-prev, .case-slider .slick-next,
.case-slider .slick-prev:before,
.case-slider .slick-next:before {
width: 30px;
height: 30px;
color: #111;
content: '';
transition: all 500ms;
opacity: 1;
}
.case-slider .slick-prev:before {
background-image: url('../images/prev.png');
background-size: 12px auto;
position: absolute;
left: -10px;
top: -6px;
display: block;
}
.case-slider .slick-next:before {
background-image: url('../images/next.png');
background-size: 12px auto;
position: absolute;
right: -10px;
top: -6px;
display: block;
}
.case-slider .slick-next, .case-slider .slick-prev {
font-size: 14px;
line-height: normal;
top: 100%;
width: auto;
height: auto;
color: #111;
margin-top: 45px;
z-index: 1;
background: transparent;
}
.case-slider .slick-prev {
padding-left: 20px;
}
.case-slider .slick-next {
padding-right: 20px;
}
.case-slider .slick-next:focus,
.case-slider .slick-next:hover,
.case-slider .slick-prev:focus,
.case-slider .slick-prev:hover {
background: transparent;
color: #111;
}
.use_cases {
margin-top: 100px;
margin-bottom: 120px;
}
.case-prev, .case-next {
font-family: 'Raleway', sans-serif, Tahoma, Arial, Verdana;
font-size: 14px;
font-weight: 500;
}
.case-prev .arrow, .case-next .arrow {
font-size: 20px;
line-height: 1;
}
.case-prev .arrow img,
.case-next .arrow img {
filter: invert(1);
max-width: 19px;
}
.img-holder .slider_content p strong{
font-weight: 500;
}
@media (max-width: 991.98px) {
.img-holder .slider_content h3 {
font-size: 20px;
}
.img-holder .slider_content p {
font-size: 14px;
line-height: normal;
margin-bottom: 20px;
}
.img-holder .slider_content a {
font-size: 12px;
max-width: 110px;
}
.img-holder .slider_content {
padding-left: 15px;
}
}
@media (max-width: 767.98px) {
.img-holder {
flex-wrap: wrap;
}
.img-holder .sliderImg {
width: 100%;
margin-bottom: 10px;
}
.img-holder .slider_content {
padding-left: 0;
width: 100%;
height: auto;
}
.img-holder .slider_content p {
max-width: 100%;
}
}
/*add new css by 12-Aug-2026*/
.modal.common_modal .modal-content {
background-color: #fff;
padding: 40px;
border: 0;
width: auto;
border-radius: 20px;
max-width: 1170px;
margin: 5% auto auto;
}
.modal.common_modal .modal-content span.close {
background: transparent;
color: #333;
border: 0;
top: 30px;
right: 35px;
font-size: 24px;
}
.modal.common_modal .modal-content .batch-icon {
position: absolute;
right: 120px;
top: auto;
}
.modal.common_modal .modal-content .batch-icon img {
max-width: 115px;
}
.modal.common_modal .modal-content .case_pop-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.modal.common_modal .modal-content img {
max-width: 100%;
box-shadow: none;
}
.pop_leftcol {
width: 44%;
}
.pop_rightcol {
width: 54%;
}
.modal.common_modal .modal-content h6, .modal.common_modal .modal-content h6 p strong {
font-size: 16px;
font-weight: 600;
color: #168FD3;
padding: 0;
margin: 0;
font-family: "Inter", sans-serif;
font-style: normal;
}
.modal.common_modal .modal-content h3 {
color: #000;
font-size: 39px;
font-weight: 400;
text-align: left;
line-height: normal;
text-transform: uppercase;
margin-top: 10px;
padding: 0;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
}
.modal.common_modal .modal-content p {
font-size: 14px;
font-weight: 600;
font-family: "Inter", sans-serif;
font-style: normal;
}
.modal.common_modal .modal-content p strong {
font-size: 14px;
font-weight: 600;
color: #FF7300;
font-family: "Inter", sans-serif;
font-style: normal;
}
.modal.common_modal .modal-content ul {
flex: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.modal.common_modal .modal-content ul li {
position: relative;
padding: 0 0 0 32px;
margin: 12px 0;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color: #1D2124;
font-family: "Inter", sans-serif;
font-style: normal;
}
.modal.common_modal .modal-content ul li::before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
background-image: url("/fileadmin/user_upload/chartered/images/check-certificate.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.frame-layout-gray .solution_tabs .tab_contentBg .rightCnt p{
font-size: 16px;
font-weight: 400;
color: #333;
font-family: "Inter", sans-serif;
font-style: normal;
}
.swiz_solution-tabs .solution_tabs .tab_contentBg .rightCnt p {
color: #333;
}
.swiz_solution-tabs .common_title p {
max-width: 800px;
margin: 0 auto 50px;
}
.swiz_solution-tabs .solution_tabs .nav-tabs {
justify-content: space-between;
}
.swiz_solution-tabs .solution_tabs .nav-tabs .nav-item {
width: 30%;
}
.solution_tabs .nav-tabs .nav-link.active {
font-weight: bold;
}
.who-box {
display: flex;
}
.who-box .box_icon {
height: 50px;
}
.swiz-bgImg {
background: #1d2124 center center;
background-size: cover;
padding: 80px 0 70px;
}
.swiz-bgImg .opus_row {
display: flex;
justify-content: space-between;
align-items: center;
}
.swiz-bgImg .opus_row .opus_leftcnt{
width: 35%;
}
.swiz-bgImg .opus_row .opus_leftcnt h2 {
color: #fff;
font-size: 46px;
font-weight: 400;
margin-bottom: 20px;
font-family: "Special Gothic Condensed One", sans-serif;
font-style: normal;
text-transform: uppercase;
}
.swiz-bgImg .opus_row .opus_leftcnt h5 {
font-size: 18px;
font-weight: 700;
line-height: normal;
display: block;
font-family: "Inter", sans-serif;
font-style: normal;
color: #ff7300;
letter-spacing: normal;
padding-left: 0;
text-transform: uppercase;
}
.swiz-bgImg .opus_row .opus_leftcnt h2 sup {
color: #fff;
}
.swiz-bgImg .opus_row .opus_leftcnt p {
color: #fff;
font-size: 14px;
font-weight: 400;
margin-bottom: 50px;
font-family: "Inter", sans-serif;
font-style: normal;
}
.swiz-bgImg .opus_row .opus_leftcnt .contct-btn {
background: #FF7300;
padding: 13px 24px;
border-radius: 10px;
font-size: 14px;
max-width: 145px;
letter-spacing: 1px;
box-shadow: 0 1px 2px transparent;
font-family: "Inter", sans-serif;
font-weight: 500;
font-style: normal;
color: #fff;
margin: 0 auto;
}
.swiz-bgImg .opus_row .opus_leftcnt .contct-btn:hover {
color: #fff;
background: #FF9000;
background: linear-gradient(90deg,rgba(255,144,0,1) 0%,rgba(252,63,6,1) 100%);
box-shadow: 1px 2px 10px rgba(255,115,0,0.55);
}
.swiz-bgImg .opus_row .opus_leftcnt .contct-btn span {
display: inline-block;
}
.swiz-bgImg .opus_row .opus_leftcnt .contct-btn img {
max-width: 12px;
}
.swiz-bgImg .opus_row .mac-screen {
position: relative;
width: 60%;
}
.swiz-bgImg .opus_row .mac-screen .screen-text {
position: absolute;
left: 12px;
top: 16px;
max-width: 96%;
}
#myTab {
display: flex;
width: 100%;
}
#myTab .nav-item {
flex: 1 1 0;
min-width: 0;
}
#myTab .nav-link {
width: 100%;
height: 100%;
text-align: center;
white-space: normal;
}
@media (max-width: 1024px) {
.swiz-bgImg .opus_row .opus_leftcnt h2 {
font-size: 35px;
}
.swiz-bgImg .opus_row .mac-screen .screen-text {
max-width: 95.5%;
}
}
@media (max-width: 991.98px) {
.swiz-bgImg .opus_row .opus_leftcnt {
width: 45%;
}
.swiz-bgImg .opus_row .mac-screen {
width: 50%;
}
.swiz-bgImg .opus_row .opus_leftcnt h2 {
font-size: 30px;
}
.swiz-bgImg .opus_row .mac-screen .screen-text {
max-width: 93.5%;
}
}
@media (max-width: 767.98px) {
.swiz-bgImg {
padding: 40px 0;
}
.swiz-bgImg .opus_row{
flex-wrap: wrap;
}
.swiz-bgImg .opus_row .opus_leftcnt {
width: 100%;
margin-bottom: 60px;
}
.swiz-bgImg .opus_row .opus_leftcnt p {
margin-bottom: 40px;
}
.swiz-bgImg .opus_row .mac-screen {
width: 100%;
}
}
/* saxo update 19.08.2026 */
.module.header{
padding-bottom: 0;
}
.index #id_content_default{
padding: 0;
}
.hdr-right li{
padding-top: 21px;
padding-bottom: 18px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1170px;
}
.page-header {
padding: 10px 0;
}
.hdr-right{
display: flex;
align-items: center;
margin-left: auto;
}
.hdr-right .login-btn {
padding: 6px 15px;
background: linear-gradient(90deg,rgba(16,150,208,1) 0%,rgba(1,207,238,1) 100%);
background: #222;
font-size: .8rem;
font-weight: 600;
color: #fff;
text-decoration: none;
border-radius: 6px;
}
.hdr-right li.language {
background: #fff;
border: 0;
border-radius: 8px;
padding: 5px 10px 5px;
font-size: 14px;
}
.hdr-right li.language select.selectpicker {
border: 0;
cursor: pointer;
background: transparent;
}
.hero {
min-height: auto;
display: flex;
align-items: center;
color: #fff;
position: relative;
padding: 100px 0;
height: 100%;
width: 100%;
aspect-ratio: 1920 / 800;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
padding-top: 0;
}
.hero h1 {
font-size: 67px;
font-weight: 400;
font-style: normal;
margin-bottom: 172px;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1.1em;
text-transform: none;
}
.hero .registar-btn {
background: #fb7322;
border: none;
color: #fff;
border-radius: 7px;
padding: 13px 24px;
font-weight: 400;
font-size: 14px;
display: inline-block;
margin-left: 0;
min-width: 234px;
text-align: center;
z-index: 1;
}
.hero .registar-btn:hover {
color: #fff;
background: linear-gradient(90deg, rgba(255, 144, 0, 1) 0%, rgba(252, 63, 6, 1) 100%) !important;
box-shadow: 1px 2px 10px rgba(255, 115, 0, 0.55) !important;
}
.hero .registar-btn i {
color: #fff;
font-size: 14px;
}
.saxo-logo-blue {
left: -57px;
position: relative;
top: 45px;
}
.saxo-logo-blue img {
max-width: 350px;
}
.gain_img-wrap {
position: absolute;
right: 180px;
max-width: 350px;
}
.banner_botm-sec {
padding: 100px 0 70px;
text-align: center;
background-color: #fff;
position: relative;
z-index: 1;
}
.banner_botm-sec p {
text-align: center;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
color: #616A71;
line-height: 1.2em;
}
.banner_botm-sec h2 {
font-size: 67px;
font-weight: 400;
font-style: normal;
margin-bottom: 20px;
display: block;
letter-spacing: 0;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1em;
background: none;
text-align: center;
text-transform: uppercase;
}
.hero {
background-image: var(--desktop-bg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#id_content{
padding-top: 0 !important;
}
.flow_AMC-sec {
background: #1d2124;
padding: 70px 0 50px;
z-index: 1;
position: relative;
}
.flow_AMC-sec h2 {
color: #fff;
font-size: 67px;
font-weight: 400;
font-style: normal;
margin-bottom: 15px;
display: block;
text-align: center;
letter-spacing: 0;
background: none;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1em;
}
.flow_AMC-sec h5 {
color: #fff;
font-size: 20px;
font-weight: 700;
font-style: normal;
margin-bottom: 30px;
display: block;
text-align: center;
text-transform: uppercase;
padding: 0;
letter-spacing: 0;
font-family: "Inter", sans-serif;
}
.flow_AMC-sec h6, .flow_AMC-sec-new h5 {
color: rgb(255, 115, 0);
font-size: 20px;
font-weight: 700;
font-style: normal;
margin-bottom: 40px;
display: block;
text-align: center;
padding: 0;
letter-spacing: 0;
font-family: "Inter", sans-serif;
}
.flow_AMC-sec p {
color: #fff;
font-size: 16px;
margin-bottom: 10px;
padding-right: 50px;
font-family: "Inter", sans-serif;
font-weight: 400;
font-style: normal;
}
.flow_AMC-sec ul li {
color: #fff;
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: 400;
font-style: normal;
}
.who_wrap-sec{
padding: 70px 0;
position: relative;
background-color: #fff;
z-index: 1;
}
.who_wrap-sec h2 {
font-size: 67px;
font-weight: 400;
font-style: normal;
margin-bottom: 20px;
display: block;
letter-spacing: 0;
background: none;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1.1em;
}
.who_wrap-sec h2, .who_wrap-sec p {
text-align: center;
}
.who_wrap-sec h6 {
color: #0d96d0;
font-size: 20px;
font-style: normal;
margin-bottom: 40px;
display: block;
text-align: center;
padding: 0;
letter-spacing: 0;
font-family: "Inter", sans-serif;
font-weight: 700;
}
.who-box {
background: #f1f6fa;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 50px 41px 20px;
text-align: center;
height: 100%;
}
.who-box:hover {
background: #01CAEB;
background: linear-gradient(90deg,rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
box-shadow: 1px 3px 15px 0px rgba(0, 191, 226, 0.35);
}
.who-box .box_icon {
margin-bottom: 20px;
}
.who-box .box_icon img {
max-width: 44px;
}
.hover_icon {
display: none;
}
.who-box:hover .normal_icon {
display: none;
}
.who-box:hover .hover_icon {
display: block;
}
.who-box h4 {
color: #222;
font-size: 20px;
line-height: normal;
text-align: center;
margin-bottom: 15px;
font-family: "Inter", sans-serif;
font-weight: 700;
}
.who-box p {
color: #555;
font-size: 16px;
text-align: center;
line-height: 18px;
font-family: "Inter", sans-serif;
font-weight: 400;
color: #616A71;
}
.who-box:hover h4, .who-box:hover p {
color: #fff;
}
.steps_section {
background: #1d2124;
margin: 0;
padding: 70px 0 70px;
position: relative;
z-index: 1;
}
.steps_section h2 {
font-size: 67px;
font-weight: 400;
font-style: normal;
margin-bottom: 20px;
display: block;
letter-spacing: 0;
color: #fff;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1.1em;
background-image: none;
text-transform: uppercase;
}
.steps_section h2, .steps_section p {
text-align: center;
}
.steps_section h6,.steps_section h5 {
font-size: 20px;
font-style: normal;
margin-bottom: 40px;
display: block;
text-align: center;
padding: 0;
letter-spacing: 0;
color: rgb(255, 115, 0);
font-family: "Inter", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.steps_section .steps_row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
.steps_section .steps_column {
width: 20%;
position: relative;
text-align: center;
height: 100%;
}
.hero-bottom {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%;
}
.hero-bottom .registar-btn {
flex-shrink: 0;
}
.hero-bottom .gain_img-wrap {
margin-left: auto;
}
.hero-bottom .gain_img img {
display: block;
max-width: 300px;
height: auto;
}
.steps_section .steps_column .digit_no {
position: relative;
}
.steps_section .steps_column strong {
color: #fff;
background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%);
font-size: 22px;
font-weight: 600;
min-height: 0;
width: 54px;
height: 54px;
margin: 0 auto;
border-radius: 50%;
text-align: center;
line-height: 54px;
position: relative;
display: block;
z-index: 1;
font-family: "Inter", sans-serif;
font-style: normal;
}
.steps_section .steps_column strong::after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
width: 2px;
height: 40px;
background: #098FD4;
/* background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%); */
}
.steps_section .steps_column .digit_no::after {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
width: 50%;
height: 1px;
background: #098FD4;
/* background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%); */
}
.steps_section .steps_cntbox {
position: relative;
margin-top: 60px;
min-height: 1px;
height: 150px;
padding: 15px 25px 10px;
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 10px;
}
.steps_section .steps_cntbox h3 {
color: #0d96d0;
font-size: 20px;
font-weight: bold;
height: auto;
text-align: center;
margin-bottom: 10px;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 700;
}
.steps_section .steps_cntbox p {
font-size: 16px;
font-weight: 400;
color: #DBE4EC;
text-align: center;
line-height: normal;
margin: 0;
font-family: "Inter", sans-serif;
font-style: normal;
}
.journey-section{
background:url("../images/journey-bg.png") center center;
background-size:cover;
background-repeat:no-repeat;
padding:150px 0;
position:relative;
z-index: 1;
}
.journey-section::before{
content:"";
position:absolute;
inset:0;
background:rgba(255,255,255,.15);
}
.journey-section .container{
position:relative;
z-index:2;
}
.section-subtitle {
color: #1ba6dd;
font-size: 12px;
font-weight: 700;
letter-spacing: normal;
text-transform: uppercase;
}
.journey-title{
color: #222;
font-size: 58px;
font-weight: 400;
font-style: normal;
margin-bottom: 20px;
display: block;
text-align: center;
letter-spacing: 0;
background: none;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1.1em;
text-transform: uppercase;
}
.journey-description {
max-width: 500px;
margin: 30px auto;
color: #1E1E1E;
line-height: 24px;
font-size: 16px;
font-family: "Inter", sans-serif;
font-style: normal;
text-align: center;
}
.partner-logos {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
margin-top: 45px;
}
.logo-saxo{
height:38px;
}
.logo-link{
width:22px;
opacity:.8;
}
.logo-chartered{
height:42px;
}
.official-text {
margin-top: 18px;
font-size: 16px;
color: #444;
font-weight: 500;
text-align: center;
}
.trust-section {
position: relative;
background: #f4f4f4;
padding-top: 0;
padding-bottom: 0;
z-index: 2;
}
/* Background image area */
.trust-hero {
position: relative;
padding: 100px 0 180px;
background-image:
linear-gradient(
rgba(15, 176, 205, 0.15),
rgba(15, 176, 205, 0.15)
),
url("/fileadmin/user_upload/chartered/images/trust-bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.trust-heading {
margin-bottom: 50px;
}
.trust-label {
display: block;
margin-bottom: 10px;
color: rgba(255, 255, 255, 0.9);
font-size: 20px;
font-weight: 700;
letter-spacing: 0.04em;
text-align: center;
font-family: "Inter", sans-serif;
font-style: normal;
}
.trust-heading h2 {
color: #fff;
font-size: 67px;
font-weight: 400;
font-style: normal;
margin-bottom: 20px;
display: block;
text-align: center;
letter-spacing: 0;
background: none;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1.1em;
text-transform: uppercase;
}
.trust-stat-card {
display: flex;
min-height: 130px;
height: 100%;
padding: 20px 16px;
flex-direction: column;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0, 64, 82, 0.14);
text-align: center;
}
.trust-stat-card h3 {
margin: 0 0 8px;
color: #f6872b;
font-size: 34px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
text-transform: uppercase;
font-family: "Inter", sans-serif;
font-style: normal;
}
.trust-stat-card p {
margin: 0;
color: #222;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
text-align: center;
font-family: "Inter", sans-serif;
font-style: normal;
}
.trust-boundary {
position: relative;
height: 0;
z-index: 10;
}
.trust-testimonial-card {
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 140px);
max-width: 850px;
padding: 30px 100px 30px 100px;
transform: translate(-50%, -50%);
background: #0d96d0;
border: 0;
border-radius: 10px;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16);
}
.trust-quote-mark {
position: absolute;
top: 30px;
left: 50px;
color: #fff;
font-family: Georgia, "Times New Roman", serif;
font-size: 62px;
font-weight: 700;
line-height: 1;
}
.trust-testimonial-card blockquote {
margin: 0;
color: #fff;
font-size: 17px;
font-style: italic;
font-weight: 500;
line-height: 1.3;
font-family: "Inter", sans-serif;
}
.trust-testimonial-credit {
margin: 5px 150px 0 0;
color: #fff;
font-size: 12px;
font-weight: 500;
text-align: right;
font-family: "Inter", sans-serif;
font-style: normal;
}
.trust-gray-area {
min-height: 145px;
background: #f4f4f4;
}
.trust-boundary {
height: 0;
}
.trust-testimonial-card {
top: 0;
transform: translate(-50%, -50%);
}
.journey-section .get-btn {
font-size: 14px;
max-width: 145px;
letter-spacing: 0.5px;
box-shadow: transparent 0 1px 2px;
font-style: normal;
font-weight: 400;
color: rgb(255, 255, 255);
background: rgb(255, 115, 0);
padding: 13px 24px;
border-radius: 7px;
margin: 0 auto;
font-family: "Inter", sans-serif;
}
.journey-section .get-btn:hover {
color: rgb(255, 255, 255);
box-shadow: rgba(255, 115, 0, 0.55) 1px 2px 10px;
background: linear-gradient(90deg, rgb(255, 144, 0) 0%, rgb(252, 63, 6) 100%);
}
.journey-section .get-btn span {
display: inline-block;
}
.journey-section .get-btn img {
max-width: 12px;
}
/* =========================================
RESPONSIVE TRUST SECTION
========================================= */
/* Large tablets */
@media (max-width: 1199.98px) {
.trust-hero {
padding: 68px 0 105px;
}
.trust-heading h2 {
font-size: 42px;
}
.trust-testimonial-card {
width: calc(100% - 100px);
}
}
/* Tablets */
@media (max-width: 991.98px) {
.trust-hero {
padding: 60px 0 150px;
}
.trust-heading {
max-width: 560px;
margin-bottom: 30px;
}
.trust-heading h2 {
font-size: 36px;
}
.trust-stat-card {
min-height: 125px;
}
.trust-testimonial-card {
width: calc(100% - 60px);
padding: 28px 34px 24px 68px;
}
.trust-quote-mark {
left: 25px;
font-size: 56px;
}
.trust-gray-area {
min-height: 165px;
}
.journey-section {
padding: 150px 0 100px;
}
.journey-title{
font-size:34px;
}
.partner-logos{
flex-direction:column;
gap:15px;
}
.logo-saxo{
height:30px;
}
.logo-chartered{
height:36px;
}
}
/* Mobile */
@media (max-width: 767px) {
.hero {
background-image: var(--mobile-bg);
}
}
/* Mobile and small tablets */
@media (max-width: 767.98px) {
.trust-hero {
padding: 52px 0 85px;
}
.trust-heading {
margin-bottom: 26px;
}
.trust-heading h2 {
font-size: 31px;
line-height: 1.18;
}
.trust-heading h2 br {
display: none;
}
.trust-stat-card {
min-height: 115px;
padding: 20px 14px;
}
.trust-stat-card h3 {
font-size: 29px;
}
.trust-stat-card p {
font-size: 11px;
}
/*
On mobile, keep the card centered on the boundary,
but give it more width.
*/
.trust-testimonial-card {
width: calc(100% - 32px);
padding: 46px 24px 24px;
}
.trust-quote-mark {
top: 8px;
left: 20px;
font-size: 50px;
}
.trust-testimonial-card blockquote {
font-size: 14px;
line-height: 1.5;
}
.trust-testimonial-credit {
margin-top: 14px;
text-align: left;
}
.trust-gray-area {
min-height: 205px;
}
}
/* Small mobile */
@media (max-width: 575.98px) {
.trust-hero {
padding: 45px 0 150px;
background-position: 42% center;
}
.trust-label {
font-size: 10px;
}
.trust-heading h2 {
font-size: 27px;
}
.trust-stat-card {
min-height: 115px;
}
.trust-stat-card h3 {
font-size: 27px;
}
.trust-testimonial-card {
width: calc(100% - 24px);
padding: 44px 20px 22px;
}
.trust-testimonial-card blockquote {
font-size: 13px;
}
.trust-testimonial-credit {
font-size: 9px;
}
.trust-gray-area {
min-height: 225px;
}
}
/* Very small mobile */
@media (max-width: 399.98px) {
.trust-hero {
padding-bottom: 72px;
}
.trust-heading h2 {
font-size: 24px;
}
.trust-testimonial-card {
width: calc(100% - 18px);
padding: 42px 17px 20px;
}
.trust-quote-mark {
left: 16px;
font-size: 46px;
}
.trust-testimonial-card blockquote {
font-size: 12.5px;
}
.trust-gray-area {
min-height: 250px;
}
}
.flow_AMC-sec h2,
.steps_section h2,
.trust-heading h2 {
color: #fff;
}
.banner_botm-sec p {
color: #555;
max-width: 800px;
margin: 0 auto;
}
.ftrLinks li, .ftr-otherLinks li {
font-size: 20px;
color: #ed722e;
margin: 5px 0;
text-transform: uppercase;
font-weight: 700;
}
.ftrLinks li a {
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.ftrLinks li a:hover, .ftrLinks li a.active {
color: #fff;
}
.ftr-otherLinks li {
color: #999;
margin-right: 20px;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 0;
}
.ftr-otherLinks ul {
margin-top: 0;
display: flex;
flex-wrap: wrap;
}
.ftr-otherLinks ul li:first-child{
width: 100%;
margin-bottom: 15px;
}
.ftr-otherLinks li a {
font-size: 14px;
font-weight: 500;
}
.copyright p {
color: #999;
font-size: 16px;
margin-top: 50px;
margin-bottom: 0;
letter-spacing: 0;
text-align: center;
}
.Gain_img-column {
text-align: right;
margin-top: 20px;
}
.Gain_img-column img {
max-width: 400px;
}
.ftr-otherLinks {
margin-top: 250px;
}
.who_wrap-sec h6 {
margin-bottom: 30px;
}
.flow_AMC-sec ul li {
list-style-type: disc;
margin-bottom: 5px;
margin-left: 50px;
}
.steps_section .steps_column .digit_no::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
width: 50%;
height: 1px;
background: #098FD4;
/* background: linear-gradient(90deg, rgba(1, 202, 235, 1) 0%, rgba(14, 152, 209, 1) 100%); */
}
.steps_section .steps_column:first-child .digit_no::before,
.steps_section .steps_column:last-child .digit_no::after {
display: none;
}
.steps_section .steps_column {
width: 25%;
}
.steps_section .steps_cntbox {
margin-top: 40px;
background: #2C3031;
background: linear-gradient(90deg,rgba(44, 48, 49, 1) 0%, rgba(34, 37, 38, 1) 50%);
border: 1px solid #383838;
max-width: 95%;
height: auto;
min-height: 200px;
padding: 20px 40px 20px;
box-shadow: 10px 4px 20px #111;
}
.steps_section .steps_cntbox h3 {
color: #04cfee;
text-transform: uppercase;
}
.steps_section .steps_cntbox p {
font-size: 16px;
line-height: 20px;
}
#btn_top{
display: none !important;
}
#uid1412 #id_footer *, #uid1411 #id_footer *{
color: #949494 !important;
}
/* =========================================
RESPONSIVE SECTION
========================================= */
/* Large tablets */
@media (max-width: 1199.98px) {
.trust-hero {
padding: 68px 0 105px;
}
.trust-heading h2 {
font-size: 42px;
}
.trust-testimonial-card {
width: calc(100% - 100px);
}
}
@media (max-width: 1024px) {
.trust-hero {
padding: 68px 0 130px;
}
.hero h1 { font-size: 40px;}
.middle_main-sec h2 { font-size: 35px;}
.flow_AMC-sec h5, .flow_AMC-sec h6 {
font-size: 16px;
}
.flow_AMC-sec ul{
margin-top: 10px;
}
.flow_AMC-sec ul li {
list-style-type: disc;
margin-bottom: 5px;
margin-left: 10px;
}
.steps_section .steps_cntbox {
min-height: 208px;
}
.steps_section h6, .steps_section h5 {
font-size: 18px;
margin-bottom: 30px;
}
.Gain_img-column img {
max-width: 300px;
}
.hero h1 {
font-size: 36px;
}
}
/* Tablets */
@media (max-width: 991.98px) {
.trust-hero {
padding: 60px 0 150px;
}
.trust-heading {
max-width: 100%;
margin-bottom: 30px;
}
.trust-heading h2 {
font-size: 36px;
}
.trust-stat-card {
min-height: 125px;
}
.trust-testimonial-card {
width: calc(100% - 60px);
padding: 28px 34px 24px 68px;
}
.trust-quote-mark {
left: 25px;
font-size: 56px;
}
.trust-gray-area {
min-height: 165px;
}
.journey-section {
padding: 150px 0 50px;
}
.journey-title{
font-size:34px;
}
.partner-logos{
flex-direction:column;
gap:15px;
}
.logo-saxo{
height:30px;
}
.logo-chartered{
height:36px;
}
.banner_botm-sec {
padding: 60px 0 60px;
}
.banner_botm-sec p {
max-width: 100%;
}
.who_wrap-sec {
padding: 55px 0;
}
.middle_main-sec h2 {
font-size: 30px;
}
.who_wrap-sec h2{
margin-bottom: 40px;
}
.steps_section h6, .steps_section h5 {
font-size: 16px;
margin-bottom: 30px;
}
.steps_section .steps_cntbox {
padding: 20px 10px 15px;
min-height: 200px;
}
.gain_img-wrap {
right: 0;
bottom: 50px;
max-width: 250px;
}
.trust-hero {
padding: 50px 0 150px;
background-size: cover;
}
}
/* Mobile and small tablets */
@media (max-width: 767.98px) {
.trust-hero {
padding: 52px 0 85px;
padding-bottom: 110px;
}
.trust-heading {
margin-bottom: 26px;
}
.trust-heading h2 {
font-size: 31px;
line-height: 1.18;
}
.trust-heading h2 br {
display: none;
}
.trust-stat-card {
min-height: 115px;
padding: 20px 14px;
}
.trust-stat-card h3 {
font-size: 29px;
}
.trust-stat-card p {
font-size: 11px;
}
/*
On mobile, keep the card centered on the boundary,
but give it more width.
*/
.trust-testimonial-card {
width: calc(100% - 32px);
padding: 46px 24px 24px;
}
.trust-quote-mark {
top: 8px;
left: 20px;
font-size: 50px;
}
.trust-testimonial-card blockquote {
font-size: 14px;
line-height: 1.5;
}
.trust-testimonial-credit {
margin-top: 14px;
text-align: left;
}
.trust-gray-area {
min-height: 205px;
}
.hero h1 {
font-size: 30px;
}
.gain_img-wrap {
top: 50px;
right: 0;
bottom: 0;
max-width: 250px;
position: relative;
}
.middle_main-sec h2 {
font-size: 24px;
}
.Gain_img-column {
text-align: center;
margin-top: 20px;
}
.trust-heading h2 {
font-size: 24px;
}
.steps_section .steps_row{
flex-wrap: wrap;
}
.steps_section .steps_column {
width: 100%;
margin-bottom: 40px;
}
.steps_section .steps_cntbox {
padding: 30px 25px 15px;
min-height: 200px;
max-width: 100%;
}
.steps_section .steps_column .digit_no::before,
.steps_section .steps_column .digit_no::after{
display: none;
}
.steps_section {
margin: 0;
padding: 70px 0 20px;
}
}
/* Small mobile */
@media (max-width: 575.98px) {
.trust-hero {
padding: 45px 0 150px;
background-position: 42% center;
}
.trust-label {
font-size: 14px;
}
.trust-heading h2 {
font-size: 24px;
}
.trust-stat-card {
min-height: 115px;
}
.trust-stat-card h3 {
font-size: 27px;
}
.trust-testimonial-card {
width: calc(100% - 24px);
padding: 44px 20px 22px;
}
.trust-testimonial-card blockquote {
font-size: 13px;
}
.trust-testimonial-credit {
font-size: 9px;
}
.trust-gray-area {
min-height: 225px;
}
}
/* Very small mobile */
@media (max-width: 399.98px) {
.trust-hero {
padding-bottom: 110px;
}
.trust-heading h2 {
font-size: 24px;
}
.trust-testimonial-card {
width: calc(100% - 18px);
padding: 42px 17px 20px;
}
.trust-quote-mark {
left: 16px;
font-size: 46px;
}
.trust-testimonial-card blockquote {
font-size: 12.5px;
}
.trust-gray-area {
min-height: 250px;
}
}
.hero h1 {
margin-bottom: 70px;
padding-top: 100px;
}
.banner_botm-sec {
padding: 100px 0 90px;
}
.ftrLinks ul {
margin-bottom: 30px;
display: block;
}
.ftrLinks li, .ftr-otherLinks li {
font-size: 20px;
color: #ed722e;
margin: 5px 0;
text-transform: uppercase;
font-weight: 700;
}
.ftrLinks li a:hover, .ftrLinks li a.active {
color: #fff;
}
.ftr-otherLinks {
margin-top: 20px;
}
.ftr-otherLinks ul li:first-child {
width: 100%;
margin-bottom: 15px;
}
.ftr-otherLinks li {
color: #999;
margin-right: 20px;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 0;
}
.ftr-otherLinks li a {
font-size: 14px;
font-weight: 500;
}
@media (max-width: 1024px) {
.hero h1 {
margin-bottom: 60px;
}
.gain_img-wrap {
right: 15px;
bottom: 70px;
}
.banner_botm-sec h2 {
font-size: 44px;
}
.banner_botm-sec {
padding: 80px 0 70px;
}
.flow_AMC-sec {
padding: 70px 15px 50px;
}
.flow_AMC-sec h2, .steps_section h2, .trust-heading h2 {
font-size: 44px;
}
.who_wrap-sec h2 {
font-size: 44px;
font-weight: 600;
}
.journey-title {
font-size: 44px;
font-weight: 600;
}
.journey-section {
padding: 150px 0 50px;
}
.official-text {
color: #444;
font-weight: 600;
}
}
@media (max-width: 991.98px) {
.gain_img-wrap {
right: 10px;
bottom: 50px;
max-width: 220px;
}
.hero h1 {
margin-bottom: 35px;
}
.banner_botm-sec h2 {
font-size: 34px;
font-weight: 600;
}
.banner_botm-sec p {
font-size: 18px;
}
.flow_AMC-sec h2, .steps_section h2, .trust-heading h2 {
font-weight: 600;
font-size: 34px;
}
.flow_AMC-sec h5, .flow_AMC-sec h6 {
font-size: 14px;
}
.who_wrap-sec h6 {
font-size: 18px;
}
.who_wrap-sec h2 {
font-size: 34px;
}
.journey-title {
font-weight: 600;
}
}
@media (max-width: 767.98px) {
.flow_AMC-sec {
padding: 50px 0 40px;
}
.flow_AMC-sec h2, .steps_section h2, .trust-heading h2 {
font-size: 24px;
}
.flow_AMC-sec p {
font-size: 14px;
padding-right: 0;
}
.flow_AMC-sec ul li {
font-size: 14px;
}
.who_wrap-sec h2 {
margin-bottom: 50px;
font-size: 24px;
}
.who_wrap-sec h6 {
font-size: 16px;
}
.steps_section h6, .steps_section h5{
font-size: 14px;
}
.steps_section {
margin: 0;
padding: 55px 0 20px;
}
.journey-title {
font-size: 24px;
font-weight: 600;
}
.banner_botm-sec h2 {
font-size: 24px;
font-weight: 600;
}
.banner_botm-sec p {
font-size: 16px;
}
.hero {
min-height: 600px;
padding: 0;
padding-bottom: 50px;
}
.hero h1 {
margin-bottom: 20px;
}
.gain_img-wrap {;
max-width: 220px;
left: 1%;
}
.journey-section {
padding: 150px 0 20px;
background-size: cover !important;
}
.trust-stat-card p {
font-size: 14px;
line-height: normal;
}
.trust-stat-card h3 {
font-size: 25px;
margin-bottom: 10px;
}
.who_wrap-sec {
padding: 55px 0 40px;
}
#id_footer img {
max-width: 250px;
}
.ftr-bg {
padding: 40px 0 30px 0;
}
.hero-bottom{
display: block;
}
.ftrLinks{
display: none;
}
}
@media (max-width: 1024px) {
.hero h1 {
margin-bottom: 0;
}
.banner_botm-sec h2 {
font-size: 40px;
}
.banner_botm-sec p {
font-size: 16px;
}
.flow_AMC-sec h2, .steps_section h2, .trust-heading h2 {
font-size: 40px;
}
.about-saxo__title {
margin-bottom: 30px;
font-size: 40px;
}
.about-saxo {
padding: 60px 20px 20px;
}
.who_wrap-sec h6, .trust-label {
font-size: 18px;
}
.steps_section h6, .steps_section h5 {
font-size: 18px;
margin-bottom: 20px;
}
.who_wrap-sec h2 {
font-size: 40px;
}
.journey-title {
font-size: 40px;
}
.steps_section .steps_cntbox {
min-height: 220px;
}
.steps_section .steps_cntbox::after{
display: none;
}
.trust-stat-card h3 {
font-size: 30px;
}
.trust-stat-card p {
font-size: 14px;
line-height: 1.2;
}
#id_footer img {
max-width: 300px;
}
}
@media (max-width: 991.98px) {
.banner_botm-sec p {
font-size: 16px;
}
.about-saxo__title {
font-size: 35px;
}
.flow_AMC-sec h2, .steps_section h2, .trust-heading h2 {
font-size: 35px;
}
.who_wrap-sec h2 {
font-size: 35px;
}
.usp-box {
padding: 30px 20px;
}
.about-saxo {
padding: 50px 24px 15px;
}
.who_wrap-sec h6 {
font-size: 16px;
margin-bottom: 20px;
}
.steps_section h6, .steps_section h5{
font-size: 16px;
margin-bottom: 20px;
}
.steps_section .steps_cntbox h3 {
font-size: 18px;
}
.steps_section .steps_cntbox p {
font-size: 14px;
line-height: 20px;
}
.trust-label {
font-size: 16px;
}
.trust-stat-card h3 {
font-size: 25px
}
.journey-title {
font-size: 35px;
}
.hero h1 {
padding-top: 200px;
margin-bottom: 0;
}
.saxo-logo-blue {
left: -57px;
top: -10px;
}
.hero-bottom .registar-btn {
position: relative;
top: -65px;
}
.banner_botm-sec {
padding: 40px 0 70px;
}
}
@media (max-width: 767.98px) {
.who_wrap-sec h6 {
font-size: 15px;
}
.who_wrap-sec h2 {
margin-bottom: 40px;
font-size: 24px;
}
.steps_section h6, .steps_section h5 {
font-size: 14px;
margin-bottom: 10px;
}
#uid1411 #id_footer .ftrLinks li {
font-size: .9rem !important;
}
#uid1411 #id_footer .ftrLinks li a {
color: #fff !important;
font-size: .9rem !important;
}
.hero {
padding-bottom: 30px;
}
.hero h1 {
padding-top: 20px;
margin-bottom: 0;
padding-left: 0;
text-align: center;
}
.saxo-logo-blue {
top: -10px;
left: 0;
text-align: center;
}
.hero-bottom .registar-btn {
top: 0;
left: 0;
min-width: 200px;
}
.hero-bottom .gain_img-wrap {
margin-left: auto;
margin-right: auto;
max-width: 220px;
left: 0;
top: 20px;
right: 0;
}
.hero-bottom {
display: block;
top: -30px;
position: relative;
text-align: center;
}
.banner_botm-sec {
padding: 50px 0 50px;
}
}
@media (max-width: 680px) {
.about-saxo {
padding: 40px 18px 0px;
}
}
#id_footer .ftrLinks li a {
color: #fff !important;
}
#id_footer .ftrLinks li, {
color: #ed722e !important;
}
#id_footer .ftr-otherLinks li {
color: #999 !important;
text-transform: uppercase;
}
#id_footer .ftr-otherLinks li a {
color: #999 !important;
text-transform: capitalize;
}
@media (max-width: 767px) {
.saxo-logo-blue{
top:0;
}
.hdr-right {
display: flex;
align-items: center;
margin: 20px 0 0;
justify-content: space-between;
}
.hdr-right li {
padding: 0 !important;
margin: 0 !important;
width: 48%;
}
.lang-dropdown {
padding-bottom: 0;
width: 48%;
text-align: center;
}
.hdr-right .login-btn {
padding: 10px 15px;
}
.lang-btn {
padding: 9px 15px;
justify-content: space-between;
font-weight: 700;
color: #000;
background: #eee;
border-radius: 6px;
}
.lang-btn .chevron {
width: 20px;
height: 20px;
stroke: #000;
stroke-width: 2;
fill: none;
transition: transform 0.2s;
}
.search-box i:hover, .lang-btn:hover {
background: #eee;
border-radius: 6px;
}
.lang-menu a {
color: #000;
padding: 10px 0;
text-align: center;
}
.lang-menu a.active, .lang-menu a:hover {
background: #EDF6FE;
color: #000;
}
}
.about-saxo {
padding: 48px 20px 55px;
background: #fff;
position: relative;
z-index: 1;
}
.about-saxo__container {
width: 100%;
max-width: 1120px;
margin: 0 auto;
}
.about-saxo__title {
margin-bottom: 67px;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1em;
font-size: 59px;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
background-image: none;
text-align: center !important;
letter-spacing: normal;
margin-left: 0;
display: block;
}
.about-saxo__content {
max-width: 1050px;
margin: 0 auto;
}
.about-saxo__content p {
margin-bottom: 22px;
font-size: 16px;
line-height: 1.42;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 400;
}
.about-saxo__content p:last-child {
margin-bottom: 0;
}
.usp-section {
margin-top: 58px;
}
.usp-title {
margin-bottom: 22px;
text-align: center;
color: #00a7e8;
font-size: 20px;
font-weight: 700;
text-transform: none;
font-family: "Inter", sans-serif;
font-style: normal;
}
.usp-box {
max-width: 100%;
margin: 0 auto;
padding: 36px 42px;
border-radius: 7px;
background: #eef6fc;
padding-left: 15px;
padding-right: 15px;
}
.usp-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px 55px;
}
.usp-grid ul {
padding-left: 25px;
list-style: disc;
}
.usp-grid ul li {
margin-bottom: 8px;
padding-left: 4px;
font-size: 16px;
line-height: 1.28;
font-family: "Inter", sans-serif;
font-weight: 400;
font-style: normal;
}
.usp-grid ul li:last-child {
margin-bottom: 0;
}
.usp-grid ul strong {
font-weight: 700;
}
/* Tablet */
@media (max-width: 900px) {
.about-saxo {
padding: 42px 24px 48px;
}
.about-saxo__title {
margin-bottom: 30px;
}
.about-saxo__content p {
font-size: 17px;
}
.usp-section {
margin-top: 45px;
}
.usp-box {
padding: 30px;
}
.usp-grid {
gap: 20px 35px;
}
.usp-grid ul li {
font-size: 15px;
}
}
/* Mobile */
@media (max-width: 680px) {
.about-saxo {
padding: 35px 18px 40px;
}
.about-saxo__title {
margin-bottom: 26px;
font-size: 32px;
}
.about-saxo__content p {
margin-bottom: 18px;
font-size: 15px;
line-height: 1.5;
}
.usp-section {
margin-top: 38px;
}
.usp-title {
margin-bottom: 18px;
font-size: 14px;
}
.usp-box {
padding: 25px 20px;
}
.usp-grid {
grid-template-columns: 1fr;
gap: 8px;
}
.usp-grid ul {
padding-left: 22px;
}
.usp-grid ul li {
margin-bottom: 9px;
font-size: 14px;
line-height: 1.4;
}
}
#uid1416 h2, #uid1417 h2, #uid1418 h2, #uid1422 h2, #uid1423 h2, #uid1424 h2{
margin-bottom: 40px;
font-family: "Special Gothic Condensed One", sans-serif;
line-height: 1em;
font-size: 67px;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
background-image: none;
letter-spacing: normal;
margin-left: 0;
display: block;
padding-left: 0;
}
#uid1416 .inner, #uid1417 .inner, #uid1418 .inner, #uid1422 .inner, #uid1423 .inner, #uid1424 .inner{
max-width: 1140px;
}
#uid1416 .module, #uid1417 .module, #uid1418 .module, #uid1422 .module, #uid1423 .module, #uid1424 .module{
padding-top: 0;
}
#uid1416 .module .inner p, #uid1417 .module .inner p, #uid1418 .module .inner p, #uid1422 .module .inner p, #uid1423 .module .inner p, #uid1424 .module .inner p{
max-width: 100%;
margin-bottom: 22px;
font-size: 16px;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 400;
}
@media (max-width: 1024px) {
#uid1416 .inner, #uid1417 .inner, #uid1418 .inner, #uid1422 .inner, #uid1423 .inner, #uid1424 .inner{
max-width: 100%;
}
}
.new_popModal .modal-dialog {
max-width: 100%;
}
.new_popModal .modal-content {
background-color: #fff;
margin: auto;
padding: 30px 40px 10px;
border: 0;
width: auto;
border-radius: 20px;
max-width: 1200px;
}
.modal .modal-content span.close {
top: 30px;
right: 30px;
}
.modal .modal-content span.close {
color: #fff;
border: 0;
top: 20px;
right: 20px;
font-size: 20px;
}
.new_popModal .modal-content .case_pop-wrap {
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: space-between;
}
.popup-form-area h4 {
font-size: 2rem;
padding-top: 40px;
font-family: "Inter Tight", sans-serif;
font-weight: 600;
font-style: normal;
}
.popup-form-area .mauticform_wrapper {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#mauticform_newcontactformsaxocharteredinvestmenten_you_are {
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
#mauticform_newcontactformibkrcharteredinvestmenten_you_are {
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
.mauticform-row {
margin-bottom: 15px !important;
width: 48.5%;
display: inline-block !important;
margin-right: 10px;
}
#mauticform_newcontactformsaxocharteredinvestmenten_you_are .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_newcontactformsaxocharteredinvestmenten_you_are .mauticform-checkboxgrp-row, #mauticform_newcontactformibkrcharteredinvestmenten_you_are .mauticform-checkboxgrp-row{
position: relative;
margin-right: 5px;
margin-bottom: 10px;
}
#mauticform_newcontactformsaxocharteredinvestmenten_you_are .mauticform-checkboxgrp-row input[type="checkbox"] {
opacity: 0;
position: absolute;
}
#mauticform_newcontactformsaxocharteredinvestmenten_you_are .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label {
background: #fff;
border: 1px solid #333;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #333;
}
#mauticform_newcontactformibkrcharteredinvestmenten_you_are .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_newcontactformibkrcharteredinvestmenten_you_are .mauticform-checkboxgrp-row {
position: relative;
margin-right: 5px;
margin-bottom: 10px;
}
#mauticform_newcontactformibkrcharteredinvestmenten_you_are .mauticform-checkboxgrp-row input[type="checkbox"] {
opacity: 0;
position: absolute;
}
#mauticform_newcontactformibkrcharteredinvestmenten_you_are .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label {
background: #fff;
border: 1px solid #333;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #333;
}
.mauticform-text label, .mauticform-tel {
display: none;
}
form input[type="text"], form input[type="email"], form input[type="tel"], form select, form textarea {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px;
border: none;
font-size: 1em;
color: #333;
box-sizing: border-box;
background: #eee;
border-bottom: 0;
margin-bottom: 0;
}
#mauticform_newcontactformsaxocharteredinvestmenten_you_are .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label {
border: 1px solid #000;
color: #fff;
background: #000;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
#mauticform_newcontactformibkrcharteredinvestmenten_you_are .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label {
border: 1px solid #000;
color: #fff;
background: #000;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
#mauticform_newcontactformsaxocharteredinvestmenten_your_message {
width: 98%;
margin-bottom: 10px !important;
}
#mauticform_newcontactformsaxocharteredinvestmenten_your_message .mauticform-textarea {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px;
border: none;
font-size: 1em;
color: #333;
box-sizing: border-box;
background: #eee !important;
border-bottom: 0 !important;
height: 85px !important;
}
#mauticform_newcontactformibkrcharteredinvestmenten_your_message {
width: 98%;
margin-bottom: 10px !important;
}
#mauticform_newcontactformibkrcharteredinvestmenten_your_message .mauticform-textarea {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px;
border: none;
font-size: 1em;
color: #333;
box-sizing: border-box;
background: #eee !important;
border-bottom: 0 !important;
height: 85px !important;
}
#mauticform_newcontactformsaxocharteredinvestmenten_privacy_policy {
width: 100%;
margin-top: 10px;
margin-bottom: 0 !important;
}
#mauticform_newcontactformsaxocharteredinvestmenten_consent{
margin-bottom: 0 !important;
}
#mauticform_newcontactformibkrcharteredinvestmenten_privacy_policy {
width: 100%;
margin-top: 10px;
margin-bottom: 30px !important;
}
#mauticform_newcontactformsaxocharteredinvestmenten_submit .mauticform-button {
margin-top: 20px;
padding: 12px 50px !important;
background: #eee !important;
color: #000 !important;
border-radius: 30px !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: normal !important;
padding: 13px 50px !important;
opacity: 0.6 !important;
transition: 0.3s !important;
}
#mauticform_input_newcontactformsaxocharteredinvestmenten_submit:not(:disabled) {
background: #FF7300 !important;
color: #fff !important;
opacity: 1 !important;
cursor: pointer;
}
#mauticform_newcontactformibkrcharteredinvestmenten_submit .mauticform-button {
margin-top: 20px;
padding: 12px 50px !important;
background: #eee !important;
color: #000 !important;
border-radius: 30px !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: normal !important;
padding: 13px 50px !important;
opacity: 0.6 !important;
transition: 0.3s !important;
}
#mauticform_input_newcontactformibkrcharteredinvestmenten_submit:not(:disabled) {
background: #FF7300 !important;
color: #fff !important;
opacity: 1 !important;
cursor: pointer;
}
#mauticform_input_newcontactformsaxocharteredinvestmenten_privacy_policy p, #mauticform_input_newcontactformibkrcharteredinvestmenten_privacy_policy p{
font-size: 13px;
margin-bottom: 0;
}
#mauticform_newcontactformibkrcharteredinvestmenten_privacy_policy{
margin-bottom: 0 !important;
}
#mauticform_newcontactformibkrcharteredinvestmenten_consent{
margin-bottom: 0 !important;
}
@media (max-width: 767.98px) {
.popup-form-area h4 {
font-size: 1.2rem;
}
.mauticform-row {
width: 100%;
margin-right: 0;
}
#mauticform_newcontactformsaxocharteredinvestmenten_your_message {
width: 100%;
margin-right: 0;
}
#mauticform_newcontactformibkrcharteredinvestmenten_your_message {
width: 100%;
margin-right: 0;
}
.new_popModal .modal-content p, .new_popModal .modal-content ul li {
font-size: 15px;
}
}
#mauticform_complaintformcharteredinvestment_you_are {
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
#mauticform_complaintformcharteredinvestment_you_are .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_complaintformcharteredinvestment_you_are .mauticform-radiogrp-row {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
}
#mauticform_complaintformcharteredinvestment_you_are .mauticform-radiogrp-row input[type="radio"] {
opacity: 0;
position: absolute;
}
#mauticform_complaintformcharteredinvestment_you_are .mauticform-radiogrp-row .mauticform-radiogrp-label,
#mauticform_complaintformcharteredinvestment_in_the_following_function .mauticform-radiogrp-row .mauticform-radiogrp-label {
background: #fff;
border: 1px solid #333;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #333;
}
#mauticform_complaintformcharteredinvestment_you_are .mauticform-radiogrp-row input[type="radio"]:checked + label, #mauticform_complaintformcharteredinvestment_in_the_following_function .mauticform-radiogrp-row input[type="radio"]:checked + label {
border: 1px solid #000;
color: #fff;
background: #000;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
#mauticform_complaintformcharteredinvestment_in_the_following_function{
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
#mauticform_complaintformcharteredinvestment_in_the_following_function .mauticform-radiogrp-row input[type="radio"] {
opacity: 0;
position: absolute;
}
#mauticform_complaintformcharteredinvestment_in_the_following_function .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_complaintformcharteredinvestment_in_the_following_function .mauticform-radiogrp-row {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
}
#mauticform_complaintformcharteredinvestment_you_would_like_to_be_cont{
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
#mauticform_complaintformcharteredinvestment_you_would_like_to_be_cont .mauticform-radiogrp-row input[type="radio"] {
opacity: 0;
position: absolute;
}
#mauticform_complaintformcharteredinvestment_you_would_like_to_be_cont .mauticform-label {
display: block;
width: 100%;
color: #999 !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 10px !important;
}
#mauticform_complaintformcharteredinvestment_you_would_like_to_be_cont .mauticform-radiogrp-row {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
}
#mauticform_complaintformcharteredinvestment_you_would_like_to_be_cont .mauticform-radiogrp-row .mauticform-radiogrp-label {
background: #fff;
border: 1px solid #333;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #333;
}
#mauticform_complaintformcharteredinvestment_you_would_like_to_be_cont .mauticform-radiogrp-row input[type="radio"]:checked + label {
border: 1px solid #000;
color: #fff;
background: #000;
padding: 8px 25px;
border-radius: 30px;
text-align: center;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
#mauticform_complaintformcharteredinvestment_your_email_adress .mauticform-label {
display: none;
}
#mauticform_complaintformcharteredinvestment_your_criticism_suggestion .mauticform-textarea {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px;
border: none;
font-size: 1em;
color: #333;
box-sizing: border-box;
background: #eee;
border-bottom: 0 !important;
height: 54px !important;
}
#mauticform_complaintformcharteredinvestment_privacy_policy {
width: 100%;
margin-bottom: 30px !important;
}
#mauticform_complaintformcharteredinvestment_you_would_like_to_be_cont {
margin-top: 20px;
}
div#mauticform_complaintformcharteredinvestment_your_criticism_suggestion {
width: 98%;
margin-bottom: 10px !important;
}
#mauticform_complaintformcharteredinvestment_your_criticism_suggestion .mauticform-textarea {
height: 85px !important;
}
#mauticform_complaintformcharteredinvestment_your_criticism_suggestion .mauticform-textarea {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px;
border: none;
font-size: 1em;
color: #333;
box-sizing: border-box;
background: #eee !important;
border-bottom: 0 !important;
height: 54px !important;
}
#mauticform_complaintformcharteredinvestment_privacy_policy {
width: 100%;
margin-bottom: 30px !important;
}
#mauticform_input_complaintformcharteredinvestment_submit:not(:disabled) {
background: #FF7300 !important;
color: #fff !important;
opacity: 1 !important;
cursor: pointer;
}
#mauticform_complaintformcharteredinvestment input::placeholder,
#mauticform_complaintformcharteredinvestment textarea::placeholder {
color: #333 !important;
opacity: 1 !important;
}
@media (max-width: 991.98px) {
.mauticform-row {
width: 100%;
display: block !important;
margin-right: 0;
}
.mauticform-button-wrapper .mauticform-button.btn-default {
max-width: 200px;
}
.mauticform-button-wrapper .mauticform-button {
margin-top: 0;
}
#mauticform_complaintformcharteredinvestment_your_criticism_suggestion {
width: 100%;
margin-bottom: 10px !important;
margin-right: 0;
}
#mauticform_newcontactformamccharteredinvestmenten_your_message {
width: 100%;
margin-right: 0;
}
}