body { font-family: Roboto; }
.container {
max-width: 1280px;
padding-left: 40px;
padding-right: 40px;
}
button{
background: transparent;
border: none;
}
button:focus {
box-shadow: none !important;
}
input:focus {
box-shadow: none !important;
}
select:focus-visible {
outline: none !important;
box-shadow: none !important;
}
textarea:focus {
box-shadow: none !important;
}
textarea:focus-visible {
outline: none !important;
box-shadow: none !important;
}
a{
text-decoration: none;
transition: .5s;
}
h1, h2, h3, h4, h5, h6, p {
margin-bottom: 0;
}
ul{
margin-bottom: 0;
padding-left: 0;
} button#mob-menu-btn{
position: relative;
width: 50px;
height: 50px;   display: none;
justify-content: start;
align-items: center;
cursor: pointer;
overflow: hidden;
}
button#mob-menu-btn span{
position: absolute;
width: 38px;
height: 4px;
background: #ffffff;
border-radius: 5px;
transition: 0.5s;
left: 8px;
}
button#mob-menu-btn span:nth-child(1) {
transform: translateY(-13px); }
button#mob-menu-btn.active span:nth-child(1) {
width: 40px;
transform: translateY(0) rotate(45deg); background: #000;
}
button#mob-menu-btn span:nth-child(2) {
transform: translateY(13px); }
button#mob-menu-btn.active span:nth-child(2) {
width: 40px;
transform: translateY(0) rotate(315deg); background: #000;
}
button#mob-menu-btn.active span:nth-child(3) {
transform: translateX(60px);
}  .back-to-top {
position: fixed; bottom: 90px;
right: 35px;
background-color: #14152d;
color: #00b7f1;
border-color: transparent;
z-index: 99;
border-radius: 0;
width: 45px;
height: 45px;
font-size: 20px;
transition: .7s ease;
display: flex;
align-items: center;
justify-content: center;
}
.back-to-top:focus {
outline: 0;
box-shadow: none !important;
}
.back-to-top:active {
color: #14152d;
background-color: #00b7f1;
}
.back-to-top:hover {
background-color: #00b7f1;
color: #14152d;
}  body::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
body::-webkit-scrollbar
{
width: 10px;
background-color: #14152d;
}
body::-webkit-scrollbar-thumb
{
background-color: #14152d;
}  .preloader {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999999;
top: 0;
left: 0;
overflow-x: hidden;
background: #fff; display: flex;
justify-content: center;
align-items: center;
}
.loader {
width: 150px;
height: 150px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.loader_cube {
position: absolute;
width: 100%;
height: 100%;
border-radius: 30px;
}
.loader_cube--glowing {
z-index: 2;
background-color: rgba(255, 255, 255, 0.2);
border: 2px solid rgba(255, 255, 255, 0.3);
}
.loader_cube--color {
z-index: 1;
filter: blur(2px);
background: linear-gradient(135deg, #181b5e, #14152d);
animation: loadtwo 2.5s ease-in-out infinite;
}
.preload-logo {
animation: loadtwo 3.5s ease-in-out infinite;
position: absolute;
width: 80%;
height: 80%;
z-index: 12;
}
.preload-logo img {
width: 100%;
}
@keyframes loadtwo {
50% {
transform: rotate(-80deg);
}
}  .header-wrap { width: 100%;
height: auto;
position: fixed;
z-index: 999999;
top: 0;
}
header ul.navbar-nav {
float: right;
}
.header-wrap ul.navbar-nav{
display: flex;
align-items: center;
gap: 55px;
}
.small-head-menu ul li {
padding: 15px 0;
}
.header-wrap ul.navbar-nav li{
position: relative;
}
.header-wrap ul.navbar-nav > li > a{
color: #FFF;
font-size: 20px;
font-weight: 500;
line-height: 30px;
transition: .7s;
padding: 33px 0;
text-transform: capitalize;
}
.header-wrap ul.navbar-nav > li > a:hover{
color: #14152D;
}
.header-wrap .navbar {
flex-wrap: nowrap;
padding-top: 15px;
padding-bottom: 15px;
position: unset;
}
.top-bar{
background: #14152D;
transition: .5s;
}
.header-wrap.scrolled .top-bar {
margin-top: -40px;
}
.top-bar .top-bar-contents > ul:nth-child(2){
display: flex;
align-items: center;
justify-content: end;
gap: 40px;
position: relative;
}
.top-bar ul li{
list-style: none;
position: relative;
}
.top-bar ul li a{
color: #F3EFEF;
font-size: 15px;
font-weight: 400;
line-height: 40px;
}
.top-bar ul li a:hover {
color: #00b7f1;
}
.msite-head .main-menu-bar{
background: rgba(30, 31, 47, 0.87);
}
.small-head-menu { width: 100%;
} .nav-click {
position: absolute;
display: none;
width: 12px;
height: 12px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
transform: rotate(-45deg);
top: 10px;
right: 0;
z-index: 999;
background-repeat: no-repeat;
cursor: pointer;
transition: .5s;
}
.small-head-menu>ul>li.has-child>.nav-click,
.top-bar ul>li.has-child>.nav-click {
top: 10px;
right: 0;
}
button.navbar-toggler {
display: none;
}
.small-head-menu>ul>li>ul,
.top-bar ul>li>ul {
transition: all 0.5s;
}
.small-head-menu>ul>li>ul,
.top-bar ul>li>ul {
position: absolute;
max-height: 0px;
overflow: hidden;
margin: 0;
width: max-content;
padding: 0 32px;
top: 60px;
right: 0;
transition: 0.5s;
border-radius: 0;
background: #ffffff;  }
.small-head-menu>ul>li>ul {
width: 387px;
display: flex;
flex-wrap: wrap;
}
.small-head-menu>ul li:hover ul,
.top-bar ul li:hover ul {
overflow: hidden;
max-height: 500px;
padding: 20px 32px 20px;
}
.small-head-menu>ul>li>ul>li,
.top-bar ul>li>ul>li {
padding: 6px 0 !important;
text-align: left;
display: block;
}
.small-head-menu>ul>li>ul>li>a,
.top-bar ul>li>ul>li>a {
color: #00366D !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 38px !important;
text-transform: capitalize !important;
}
.small-head-menu>ul>li>ul>li>a:hover, .top-bar ul>li>ul>li>a:hover {
color: #00b7f1 !important;
}
.header-wrap .navbar .collapse ul li.menu-item-has-children:before,
.header-wrap .top-bar .collapse ul li.menu-item-has-children:before {
content: '';
position: absolute;
width: 0;
height: 3px;
background: #528540;
bottom: 0;
left: 28px;
transition: 1s;
opacity: 0;
}
.header-wrap .navbar .collapse ul li.menu-item-has-children:hover:before,
.header-wrap .top-bar .collapse ul li.menu-item-has-children:hover:before {
width: 82px;
opacity: 1;
}
.header-wrap .navbar .collapse ul li.menu-item-has-children > a:before,
.header-wrap .navbar .collapse ul li.menu-item-has-children > a:after,
.header-wrap .top-bar .collapse ul li.menu-item-has-children > a:before,
.header-wrap .top-bar .collapse ul li.menu-item-has-children > a:after{
display: none;
}
.header-wrap .navbar .collapse ul li.current-menu-item > a:before,
.header-wrap .top-bar .collapse ul li.current-menu-item > a:before{
opacity: 1;
}
.top-bar .top-bar-contents > ul:first-child{
position: relative;
}
.top-bar ul ul {
position: absolute;
max-height: 0px;
overflow: hidden;
margin: 0;
width: 100%;
padding: 0 20px;
top: 40px;
right: 0;
transition: 0.5s;
border-radius: 0;
background: #ffffff;
display: flex;
flex-direction: column;
gap: 10px;
}
.top-bar ul label:hover ~ ul, .top-bar ul label ~ ul.subshow {
padding: 15px 20px 15px;
overflow: hidden;
max-height: 500px;
}
.top-bar ul label.arrowup{
color: #00b7f1;
}
.top-bar ul>ul>li>a {
font-size: 15px !important;
line-height: 24px !important;
}
.top-bar ul label{
position: relative;
padding: 0 25px;
text-align: center;
color: #F3EFEF;
font-size: 15px;
font-weight: 400;
line-height: 40px;
display: flex;
align-items: center;
cursor: pointer;
transition: .5s;
}
.top-bar ul label:before {
content: '';
position: absolute;
width: 14px;
height: 14px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/globe-icon.png);
left: 0;
top: 12px;
transition: .5s;
}
.top-bar ul label:after {
content: '';
position: absolute;
width: 9px;
height: 9px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: rotate(-45deg);
right: 0;
top: 13px;
transition: .5s;
}
.top-bar ul ul li{ 
}
.top-bar ul ul li a{
color: #00366D;
font-size: 15px;
font-weight: 400;
line-height: 40px;
}
.top-bar ul label:hover:before, .top-bar ul label.arrowup:before {
transform: rotate(90deg);
}
.top-bar ul label:hover:after, .top-bar ul label.arrowup:after {
transform: rotate(135deg);
top: 19px;
}
.top-bar-contents ul label span{
margin-left: 5px;
}
.small-head-menu>ul>li>ul>li {
width: 50%;
} button.hamb-toggle-btn {
position: relative;
width: 34px;
height: 24px;
display: flex;
justify-content: start;
align-items: center;
cursor: pointer;
overflow: hidden;
padding: 0;
margin-right: 35px;
z-index: 2;
}
button.hamb-toggle-btn span{
position: absolute;
width: 100%;
height: 1px;
background: #ffffff;
transition: 0.5s;
}
button.hamb-toggle-btn span:nth-child(1) {
transform: translateY(-11px);
}
button.hamb-toggle-btn.active span:nth-child(1) {
width: 40px;
transform: translateY(5px) rotate(45deg);
background: #000;
}
button.hamb-toggle-btn span:nth-child(2) {
transform: translateY(11px);
}
button.hamb-toggle-btn.active span:nth-child(2) {
width: 40px;
transform: translateY(-3px) rotate(315deg);
background: #000;
}
button.hamb-toggle-btn.active span:nth-child(3) {
transform: translateX(60px); 
}
button.hamb-toggle-btn:hover span:nth-child(3) {
width: 72%;
}
.hamb-menus-wrap{
width: 100%;
height: 0;
background: #fff;
position: absolute;
top: 0; left: 0;
transition: .7s;  overflow: hidden;
z-index: 1;
}
.header-wrap.scrolled .hamb-menus-wrap{
top: 0;
}
.hamb-menus-wrap.open{
height: 100vh;
}
.hamb-menus-wrap .container, .hamb-menus-wrap .hamb-menus-block {
height: 100%;
}
.hamb-menus-wrap:before{
content: '';
position: absolute;
width: 20%;
height: 100%;
background: #F7F7F7;
top: 0;
left: 0;
z-index: -1;
} .hamb-menus-block{
display: flex;
}
.hamb-menus-block-left{
width: 20%;
padding-top: 140px;
background: #F7F7F7;
}
.hamb-menus-block-left ul.nav {
flex-direction: column;
gap: 15px;
}
.hamb-menus-block-left ul.nav li {
height: 60px;
display: flex;
align-items: center;
}
.hamb-menus-block-left ul.nav li button,
.hamb-menus-block-left ul.nav li a{
padding: 0 !important;
color: #181B5E;
font-size: 19px;
font-weight: 500;
line-height: normal;
letter-spacing: -0.076px;
width: 100%;
text-align: left;
height: 100%;
display: flex;
align-items: center;
}
.hamb-menus-block-left ul.nav li:first-child {
display: none;
}
.hamb-menus-block-left ul.nav li button.active {
background: #fff;
z-index: 1;
}
.hamb-menus-block-left ul.nav li button.active:before {
content: '';
position: absolute;
width: 800px;
height: 60px;
background: #fff;
left: -35%;
z-index: -1;
transition: .5s;
}
.hamb-menus-block-right > .tab-content > .tab-pane,
.hamb-menus-block-right > .tab-content > .tab-pane .hamb-solutions-provide-block,
.hamb-menus-block-right > .tab-content > .tab-pane .hamb-solutions-provide-left{
height: 100%;
}
.hamb-menus-block-right{
width: 80%;
}
.hamb-menus-block-right > .tab-content{
height: 100%;
}
.hamb-menus-block-right > .tab-content > .tab-pane:first-child{
padding: 38px 0 50px 50px;
}
.hamb-menus-block-top-bar{
display: flex;
justify-content: space-between;
align-items: start;
}
.hamb-menus-block-socials{
display: flex;
align-items: center; 
gap: 25px;
}
.hamb-menus-block-socials a i {
color: #332A7E;
opacity: 0.45;
font-size: 18px;
transition: .5s;
}
.hamb-menus-block-socials a:hover i{
opacity: 1;
}
.hamb-menu-solutions-block{
padding-top: 50px;
}
.hamb-menu-solutions-block h3{
color: #181B5E;
font-size: 27px;
font-weight: 500;
letter-spacing: -0.108px;
margin-bottom: 75px;
}
.hamb-menu-solutions-list{
display: flex;
flex-wrap: wrap;
}
.hamb-menu-solutions-list a{
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 33.3%;
padding: 0 50px;
}
.hamb-menu-solutions-list a:nth-child(1),
.hamb-menu-solutions-list a:nth-child(2),
.hamb-menu-solutions-list a:nth-child(3) {
margin-bottom: 100px;
}
.hamb-menu-solutions-list a img{
margin-bottom: 24px;
}
.hamb-menu-solutions-list a span{
color: #181B5E;
font-size: 17px;
font-weight: 400;
line-height: 24px;
}
.hamb-solutions-provide-block{
display: flex; }
.hamb-solutions-provide-left{ width: 33%;
background: #F7F7F7;
height: auto;
padding-top: 67px;
}
.hamb-solutions-provide-left h3{
color: #181B5E;
font-size: 24px;
font-weight: 500;
line-height: normal;
letter-spacing: -0.096px;
margin-bottom: 44px;
padding-left: 32px;
}
.hamb-solutions-provide-tabs ul li{
width: 100%;
}
.hamb-solutions-provide-tabs ul li button{
color: #181B5E;
font-size: 16px;
font-weight: 400;
line-height: 27px;
padding: 18px 28px 15px 32px;
position: relative;
display: flex; align-items: start;
justify-content: space-between;
width: 100%;
transition: .5s;
text-align: left;
}
.hamb-solutions-provide-tabs ul li button.active{
background: #FFF;
}
.hamb-solutions-provide-tabs ul li button:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-left: 3px solid #ACACAD;
border-bottom: 3px solid #ACACAD;
transform: rotate(-135deg);
border-radius: 2px;
right: 28px;
transition: .5s;
top: 28px;
}
.hamb-solutions-provide-tabs ul li button.active:before{
border-color: #00366D;
}
.hamb-solutions-provide-right{
padding-top: 65px;
padding-left: 42px;
width: 67%;
position: relative;
z-index: 9;
background: #ffffff;
}
.hamb-solutions-provide-right .tab-content .tab-pane h4{
color: #261F60;
font-size: 22px;
font-weight: 400;
line-height: 31px;
letter-spacing: -0.088px;
margin-bottom: 40px;
}
.hamb-solutions-provide-category{ display: flex;
flex-wrap: wrap; overflow-y: auto;
height: 80vh;
padding-right: 15px;
}
.hamb-solutions-provide-category::-webkit-scrollbar-track
{
background-color: #F5F5F5;
}
.hamb-solutions-provide-category::-webkit-scrollbar
{
width: 5px;
background-color: #00366D;
}
.hamb-solutions-provide-category::-webkit-scrollbar-thumb
{
background-color: #00366D;
}
.hamb-solutions-provide-sub-links{
margin-bottom: 32px;
width: 50%;
}
.hamb-solutions-provide-sub-links:nth-child(Odd){
padding-right: 35px;
}
.hamb-solutions-provide-sub-links:nth-child(Even){
padding-left: 35px;
}
.hamb-solutions-provide-sub-links > a{
color: #261F60;
font-size: 17px;
font-weight: 600;
line-height: 31px;
letter-spacing: -0.068px;
width: 100%;
display: block;
position: relative;
margin-bottom: 25px;
}
.hamb-solutions-provide-sub-links > a:before{
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #E9E4E4;
bottom: -8px;
left: 0;
}
.hamb-solutions-provide-sub-links ul{
display: flex;
flex-direction: column;
}
.hamb-solutions-provide-sub-links ul li{
list-style: none;
margin-bottom: 5px;
}
.hamb-solutions-provide-sub-links ul li:last-child{
margin-bottom: 0;
}
.hamb-solutions-provide-sub-links ul li a{
color: #2D2B38;
font-size: 14px;
font-weight: 400;
line-height: 25px;
letter-spacing: -0.056px;
}
.hamb-solutions-provide-sub-links ul li a:hover{
color: #00b7f1;
}
.tab-mob-only{
display: none;
}
.menu-open, .menu-container{
display: none;
}
.header-wrap ul.navbar-nav > li.has-child > a { }  .page-sections { }
.section{
width: 100%;
height: 100vh;
}
.main-banner-section{
overflow: hidden;
}
.main-banner-slider{
width: 100%;
height: 100%;
margin-bottom: 0 !important;
}
.main-banner-slides{
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
}
.main-banner-contents{
height: 100vh;
display: flex;
flex-direction: column;
justify-content: end;
padding-bottom: 100px;
}
.main-banner-contents h1{
color: #FFF;
text-shadow: 0px 4px 22px rgba(0, 0, 0, 0.43);
font-size: 85px;
font-weight: 700;
line-height: 99px;
letter-spacing: -0.34px;
max-width: 465px;
position: relative;
}
.main-banner-contents h1:before{
content: '';
position: absolute;
width: 451px;
height: 11px;
background: #00AEEF;
bottom: -20px;
left: 0;
}
.slick-dots {
bottom: 42px;
left: 85px;
text-align: left;
display: inline-flex;
gap: 12px;
}
.slick-dots li{
margin: 0;
width: 12px;
height: 5px;
transition: .7s;
opacity: .5;
}
.slick-dots li.slick-active {
width: 25px;
opacity: 1;
}
.slick-dots li button {
width: 100%;
height: 100%;
border-radius: 0;
background: #fff;
padding: 0;
}
.slick-dots li button:before{
display: none;
}
.welcome-section{ position: relative;
z-index: 1;
overflow: hidden;
}
.welcome-section video{
width: 100%; object-fit: cover;
position: absolute;
z-index: -2;
filter: opacity(0.7);
}
.welcome-bg-image {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
.welcome-bg-image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.welcome-contents-block{
height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
align-items: end;
justify-content: end;
padding-bottom: 60px;
}
.welcome-contents{
width: 622px;
height: auto;
padding: 42px 48px 42px; background: rgb(25 25 25 / 71%);
}
.welcome-contents h2{
color: #FFF;
font-size: 50px;
font-weight: 700;
line-height: 73px;
margin-bottom: 25px;
}
.welcome-contents p{
color: #FFF;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.072px;
margin-top: 30px;
}
.solution-section{
position: relative;
}
.solution-sec-bg-blocks {
position: absolute;  width: 100%;
height: 100%; }
.solution-sec-bg-blocks img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.solution-sec-blocks{
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
position: relative;
}
.solution-sec-single-block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; flex: 1 1 calc(16.666% - 0px);
text-align: center;
background: #11121C;
border-right: 1px solid #FFFFFF18;
transition: .5s;
}
.solution-sec-single-block:last-child{
border-right: none;
}
.solution-sec-single-block:hover {
background: #11121c60;
backdrop-filter: blur(4px);
}
.solution-sec-single-block:hover > img,
.solution-sec-single-block:hover > a,
.solution-sec-single-block:hover > ul {
z-index: 2;
}
.solution-sec-single-block > img{
margin-bottom: 32px;
filter: hue-rotate(-50deg) brightness(4.5);
}
.solution-sec-single-block > a{
color: #FFF;
font-size: 18px;
font-weight: 300;
line-height: 27px;
display: flex;
justify-content: center;
position: relative;
min-height: 54px;
}
.solution-sec-single-block > a:hover{
color: #00AEEF;
}
.solution-sec-single-block > a:before{
content: '';
position: absolute;
width: 47px;
height: 4px;
background: #187EB0;
bottom: -20px;
}
.solution-sec-single-block ul{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 50px;
max-height: 0;
overflow: hidden;
transition: .5s;
}
.solution-sec-single-block:hover > ul{
max-height: 600px;
transition: .7s;
}
.solution-sec-single-block ul li{
list-style: none;
}
.solution-sec-single-block ul li a{
color: #D6D4E7;
font-size: 15px;
font-weight: 300;
line-height: 39px;
}
.solution-sec-single-block ul li a:hover{
color: #00AEEF;
}
.our-presence-section{
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
overflow: hidden;
}
.our-presence-contents-block{
height: 100vh;
}
.our-presence-contents-block .row{
height: 100%;
}
.our-presence-contents-block .row .col-12{
display: flex;
align-items: center;
}
.our-presence-contents{
max-width: 405px;
}
.our-presence-contents h2{
color: #FFF;
font-size: 60px;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;
}
.our-presence-contents p{
color: #E7E7E7;
font-size: 17px;
font-weight: 300;
line-height: 29px;
letter-spacing: -0.068px;
}
.our-presence-contries{
position: relative;
height: 100%;
display: flex;
align-items: center;
z-index: 1;
}  .our-presence-contries video{
position: absolute;
top: 0;
left: -65px;
z-index: -2;
height: 100%;
}
.our-presence-contries ul{
display: flex;
flex-direction: column;
gap: 42px;
align-items: end;
margin-top: 100px;
position: relative;
}
.our-presence-contries ul:before {
content: '';
position: absolute;
width: 660px;
height: 660px;
border: 1px solid #ffffff4d;
border-radius: 50%;
left: 170px;
top: -112px;
z-index: -1;
}
.our-presence-contries ul li{
list-style: none;
position: relative;
display: flex;
align-items: center;
padding-right: 65px;
}
.our-presence-contries ul li a:before {
content: '';
position: absolute;
width: 47px;
height: 47px;
background: #00aeef21;
right: -32px;
border-radius: 50%;
transition: .5s;
}
.our-presence-contries ul li a:hover:before {
opacity: 0.14;
background: #BAECFF;
}
.our-presence-contries ul li a:after {
content: '';
position: absolute;
width: 23px;
height: 23px;
background: #FFF;
right: -21px;
border-radius: 50%;
z-index: 1;
transition: .5s;
}
.our-presence-contries ul li a:hover:after {
background: #00B7F1;
}
.our-presence-contries ul li a{
color: #D8DBFF;
font-size: 18px;
font-weight: 500;
line-height: 29px;
letter-spacing: -0.072px;
padding-right: 35px;
position: relative;
display: flex;
align-items: center;
}
.our-presence-contries ul li:hover a {
color: #00B7F1;
text-shadow: 0px 4px 24px rgba(217, 177, 177, 0.35);
transform: translate(1px, -1px);
}
.our-presence-contries ul li.presence-con-1 {
right: -92px;
}
.our-presence-contries ul li.presence-con-2 {
right: -50px;
}
.our-presence-contries ul li.presence-con-3 {
right: -30px;
}
.our-presence-contries ul li.presence-con-4 {
right: -25px;
}
.our-presence-contries ul li.presence-con-5 {
right: -35px;
}
.our-presence-contries ul li.presence-con-6 {
right: -62px;
}
.our-presence-contries ul li.presence-con-7 {
right: -110px;
}
.our-presence-contries ul li.presence-con-8 {
right: -178px;
top: -15px;
}
.sustainability-section{
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
.sustainability-contents-block{
height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
align-items: end;
justify-content: end;
padding-bottom: 50px;
}
.sustainability-contents{
width: 640px;
height: auto;
padding: 44px 82px 44px 48px;
background: rgba(15, 16, 18, 0.53);
backdrop-filter: blur(2px);
}
.sustainability-contents h2{
color: #FFF;
font-size: 60px;
font-weight: 700;
line-height: normal;
margin-bottom: 25px;
}
.sustainability-contents p{
color: #FFF;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.072px;
}
.sustainability-contents a{
width: fit-content;
height: 50px;
padding: 0 24px;
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
color: #48466B;
font-size: 19px;
font-weight: 700;
letter-spacing: -0.076px;
margin-top: 25px;
transition: .5s;
}
.sustainability-contents a:hover{
background: #14152d;
color: #FFF;
}
.newsroom-section{ position: relative;
z-index: 1;
}
.newsroom-section video{
width: 100%;
height: 100vh;
object-fit: cover;
position: absolute;
z-index: -2;
}
.newsroom-bg-image {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
.newsroom-bg-image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.newsroom-contents-block{
height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
justify-content: end;
padding-bottom: 25px;
}
.newsroom-contents-block h3{
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: 3.728px;
text-transform: uppercase;
margin-bottom: 18px;
}
.newsroom-content-box{
background: #F1F1F2;
box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.08);
width: 100%; height: 100%; padding: 30px 32px 50px;
} 
.news-date{
color: #181B5E;
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.504px;
text-transform: uppercase;
margin-bottom: 35px;
}
.newsroom-content-box h4{
color: #181B5E;
font-size: 24px;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.096px;
margin-bottom: 30px;
}
.newsroom-content-box a{
color: #181B5E;
font-size: 13px;
font-weight: 400;
line-height: 23px;
letter-spacing: 0.468px;
text-transform: uppercase;
position: absolute;
display: flex;
align-items: center;
bottom: 32px;
}
.newsroom-content-box a:hover{
color: #00AEEF;
}
.newsroom-content-box a:before{
content: '';
position: absolute;
width: 52px;
height: 1px;
background: #C6C5C8;
left: 138%;
transition: .5s;
}
.newsroom-content-box a:hover:before{
background: #00AEEF;
}
.newsroom-view-btn{
width: 100%;
display: flex;
justify-content: end;
margin-top: 25px;
}
.newsroom-view-btn a{
color: #FFF;
font-family: "Open Sans";
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 2.66px;
text-transform: uppercase;
position: relative;
padding-bottom: 12px;
}
.newsroom-view-btn a:before{
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #FFF;
bottom: 0;
left: 0;
}
.newsroom-view-btn a:hover{
color: #14152d;
}
.newsroom-view-btn a:hover:before{
background: #14152d;
}
.join-team-section{
background-repeat: no-repeat !important;
background-position: bottom !important;
background-size: cover !important;
position: relative;
z-index: 1;
height: 100vh !important;
}
.join-team-section:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 0.2;
background: #040407;
top: 0;
left: 0;
z-index: -1;
}
.join-team-slider{
width: 100%;
height: 100%;
}
.join-team-slide-image img{
object-fit: cover;
width: 100%;
height: 100%;
object-position: bottom;
}
.join-team-content-wrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.join-team-contents-block{
height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
align-items: start;
justify-content: end;
padding-bottom: 60px;
}
.join-team-contents{
width: 540px;
height: auto;
padding: 52px 45px 48px;
background: rgba(20, 21, 45, 0.56);
}
.join-team-contents h2{
color: #FFF;
font-size: 57px;
font-weight: 700;
line-height: 66px;
margin-bottom: 25px;
}
.join-team-contents p{
color: #FFF;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.072px;
}
.join-team-contents a{
width: fit-content;
height: 50px;
padding: 0 24px;
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
color: #48466B;
font-size: 19px;
font-weight: 700;
letter-spacing: -0.076px;
margin-top: 25px;
transition: .5s;
}
.join-team-contents a:hover{
background: #14152d;
color: #FFF;
}
.our-presence-country-slider{
display: none !important;
}
.inner-navbar-logo{
display: none;
}  footer{
background: #191A2A;
padding: 75px 0 60px;
position: relative;
z-index: 1;
overflow: hidden;
}
footer:before{
content: '';
position: absolute;
width: 362px;
height: 351px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/footer-corner.png);
right: -100%;
bottom: -100%;
z-index: -1;
transition: 1s;
}
footer:hover:before{
right: 0;
bottom: 0;
}
.footer-contents{
display: flex;
justify-content: space-between;
padding-right: 20px;
padding-top: 22px;
}
.footer-logo {
margin-bottom: 28px;
display: block;
}
.footer-info h6{
color: #F1F1F2;
font-size: 16px;
font-weight: 300;
line-height: 29px;
letter-spacing: -0.064px;
}
.footer-mail{
color: #F1F1F2;
font-size: 23px;
font-weight: 500;
line-height: 29px;
letter-spacing: -0.092px;
}
.footer-mail:hover{
color: #00AEEF;
}
.footer-socials{
display: flex;
align-items: center;
justify-content: start;
gap: 48px;
margin-top: 35px;
}
.footer-socials a i{
font-size: 28px;
color: #fff;
transition: .5s;
}
.footer-socials a:hover i{
color: #00AEEF;
}
.great-place-logo{
padding-right: 30px;
}
.footer-copyrights{
margin-top: 50px; display: flex;
gap: 15px;
justify-content: space-between;
padding-right: 30px;
}
.footer-copyrights p{
color: #F1F1F2;
font-size: 14px;
font-weight: 300;
line-height: 21px;
letter-spacing: -0.056px;
}
.footer-copyrights p a{
color: #F1F1F2;
}
.footer-copyrights p a:hover{
color: #00AEEF;
}
.footer-copyrights a.cus-privacy-btn {
color: #F1F1F2;
font-size: 14px;
font-weight: 300;
line-height: 21px;
letter-spacing: -0.056px;
width: 100px;
text-align: right;
position: relative;
}
.footer-copyrights a.cus-privacy-btn:hover{
color: #00AEEF;
}
.footer-copyrights a.cus-privacy-btn:before{
content: '';
position: absolute;
width: 1px;
height: 20px;
background: #F1F1F2;
left: 0;
}
.footer-link-blocks{
border-left: 3px solid #f1f1f282;
padding-left: 56px;
display: flex;
height: 100%;
padding-bottom: 50px;
padding-top: 10px;
}
.footer-links:first-child{
padding-right: 15px;
width: 55%;
}
.footer-links:last-child{
padding-left: 15px;
width: 45%;
}
.footer-links h4{
color: #F1F1F2;
font-size: 21px;
font-weight: 500;
line-height: 31px;
letter-spacing: 0.063px;
margin-bottom: 20px;
}
.footer-links ul{
display: flex;
flex-direction: column;
gap: 15px;
}
.footer-links ul li{
list-style: none;
}
.footer-links ul li a{
color: #F1F1F2;
font-size: 16px;
font-weight: 300;
line-height: 27px;
letter-spacing: -0.064px;
text-transform: capitalize;
}
.footer-links ul li a:hover{
color: #00AEEF;
}
.tab-mob-copyright{
display: none;
}
.fixed-buttons {
display: flex;
flex-direction: column;
justify-content: center;
align-items: end;
position: fixed;
height: auto;
top: 50%;
right: 0;
transform: translate(0, -50%); z-index: 999999;
}
.fixed-buttons button{
width: 35px;
height: fit-content;
padding: 16px 0 16px 2px;
background: #181B5E;
transition: .5s;
display: flex;
align-items: center;
justify-content: center;
}
.fixed-buttons button:hover{
background: #2E339E;
}
.fixed-buttons a{
width: 35px;
height: fit-content;
padding: 16px 0;
background: #00AEEF;
display: flex;
align-items: center;
justify-content: center;
}
.fixed-buttons a:hover{
background: #2E339E;
}
.modal.model-feedback {
z-index: 9999999;
background: rgba(7, 8, 31, 0.80);
backdrop-filter: blur(2px);
}
.model-feedback .modal-dialog{
max-width: 870px;
}
.model-feedback button.close-modal{
position: absolute;
top: 15px;
right: 18px;
z-index: 9;
}
.model-feedback .modal-body{
padding: 30px 40px 60px;
background: #F7F8FA;
box-shadow: 0px 0px 13.5px 0px rgba(0, 0, 0, 0.31);
}
.feedback-pop-top{
display: flex;
justify-content: space-between;
align-items: center;
}
.feedback-pop-top h2{
color: #181B5E;
font-size: 26px;
font-weight: 700;
line-height: 46px;
letter-spacing: -0.104px;
}
.feedback-form{
margin-top: 40px;
overflow-y: visible;
}
.radio-group{
margin-bottom: 40px;
}
.radio-group > span > span{
display: flex;
}
.radio-group label{
color: #232222;
font-size: 16px;
font-weight: 500;
line-height: 22px;
margin-bottom: 7px;
}
.radio-group > span > span  span.wpcf7-list-item {
width: 20%; margin: 0;
}
.radio-group > span > span span.wpcf7-list-item label {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 0;
}
.radio-group > span > span  span.wpcf7-list-item input{
width: 21px;
height: 21px;
}
.radio-group > span > span  span.wpcf7-list-item span{
color: #2E2D2D;
font-size: 15px;
font-weight: 400;
line-height: 22px;
}
.radio-block-group label{
margin-bottom: 0;
}
.radio-block-group h6{
color: #827777;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.radio-block-group > span > span{
flex-direction: column;
gap: 13px;
}
.radio-block-group > span {
margin-top: 20px;
display: block;
}
.feedback-form .feedback-textarea {
margin-bottom: 40px !important;
}
.feedback-form .feedback-textarea label{
color: #232222;
font-size: 16px;
font-weight: 500;
line-height: 22px; 
margin-bottom: 7px;
}
.feedback-form .feedback-textarea textarea{
width: 100%;
height: 112px;
border: 1px solid #B6D2E2;
background: #FFF;
border-left: 3px solid #009EC9;
border-radius: 0;
}
.feedback-form h3{
color: #232222;
font-size: 16px;
font-weight: 500;
line-height: 22px;
margin-bottom: 12px;
}
.feedback-form .form-group{
margin-bottom: 11px;
}
.feedback-form .form-group label{
color: #2E2D2D;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-bottom: 3px;
}
.feedback-form .form-group input{
width: 100%;
height: 44px;
border: 1px solid #B6D2E2;
background: #FFF;
border-left: 3px solid #009EC9;
border-radius: 0;
}
#contact-details{
margin-bottom: 35px;
}
.feedback-form-btn{
display: flex;
justify-content: center;
width: 100%;
margin-top: 15px;
position: relative;
}
.feedback-form-btn input{
width: fit-content;
height: 48px;
background: #00B7F1;
padding: 0 22px;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.072px;
transition: .5s;
border: none;
}
.feedback-form-btn input:hover{
background: #14152d;
color: #FFF;
}
.radio-block-group > span span.wpcf7-list-item {
width: 100% !important;
}
.radio-group div[data-id="other-text-area"] span.wpcf7-form-control-wrap {
display: block;
}
.radio-group div[data-id="other-text-area"] span.wpcf7-form-control-wrap textarea {
width: 100%;
}
.radio-group div[data-id="other-text-area"] {
padding-left: 32px;
color: #2E2D2D;
font-size: 14px;
line-height: 22px;
}
.radio-group div[data-id="other-text-area"] span.wpcf7-form-control-wrap textarea {
height: 81px;
border: 1px solid #B6D2E2;
background: #FFF;
border-left: 3px solid #009EC9;
padding-left: 10px;
padding-top: 8px;
}
.feedback-form-btn .wpcf7-spinner {
top: 12px;
position: absolute;
right: 30%;
}
.feedback-form .wpcf7-not-valid-tip {
margin-top: 10px;
margin-bottom: -8px;
}  .inner-page-sections{
padding-top: 130px;
}
.inner-page-head .navbar-logo{
display: none;
}
.inner-page-head .inner-navbar-logo{
display: block;
}
.inner-page-head ul.navbar-nav > li > a {
color: #14152D;
}
.inner-page-head button.hamb-toggle-btn span {
background: #14152D;
}
.main-menu-bar {
background: rgb(255 255 255 / 87%); }
.country-list-banner-section{
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.country-list-banner-section:before{
content: '';
position: absolute;
width: 100%;
height: 100%; background: #000;
background-size: cover;
top: 0;
left: 0;
z-index: 1; opacity: .5;
}
.country-list-banner-section video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
}
.country-list-banner-wrap {
position: relative;
z-index: 2;
}
.country-list-banner-contents{
padding: 150px 0 50px;
}
.country-list-banner-contents h1{
color: #FFF;
text-align: center;
font-size: 52px;
font-weight: 700;
line-height: 67px;
letter-spacing: -0.208px;
max-width: 600px;
margin: auto;
}
.country-list-name-slider{
margin-top: 70px;
}
.country-list-name{
text-align: center;
}
.country-list-name img {
margin-bottom: 15px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.country-list-name h5{ 
color: #FFF;
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 1.064px;
text-transform: uppercase;
}
.country-lists-section{
padding: 48px 0 48px;
}
.country-lists-blocks{
}
.country-lists-single{
position: relative;
z-index: 1;
margin-bottom: 38px;
}
.country-lists-single:last-child{
margin-bottom: 0;
}
.country-lists-single:before{
content: '';
position: absolute;
width: 788px;
height: 100%;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/country-list-shadow-left.png);
background-size: cover;
top: 0;
left: 0; }
.country-lists-single:nth-child(Even):before{
width: 898px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/country-list-shadow-right.png);
background-size: cover;
left: unset;
right: 0;
}
.country-lists-single img{
width: 100%;
}
.country-lists-single-contents{
width: 100%;
height: 100%;
position: absolute;
display: flex;
flex-direction: column;
align-items: start;
justify-content: end;
padding: 62px 60px;
top: 0;
left: 0;
}
.country-lists-single:nth-child(Even) .country-lists-single-contents{
align-items: end;
text-align: right;
}
.country-lists-single-contents h2{
color: #FFF;
font-size: 59px;
font-weight: 700;
line-height: 61px;
letter-spacing: -0.236px;
margin-bottom: 18px;
}
.country-lists-single-contents p{
color: #FFF;
font-size: 20px;
font-weight: 400;
line-height: 31px; 
max-width: 526px;
}
.country-lists-single-contents a{
width: fit-content;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #FFF;
padding: 0 32px;
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 19px;
margin-top: 32px;
}
.country-lists-single-contents a:hover{
border-color: #14152D;
background: #14152D;
}  .multis-inner-page {
padding-top: 0;
}
.multis-head .main-menu-bar {
background: transparent;
transition: .5s;
}
.multis-head.scrolled .main-menu-bar {
background: rgba(30, 31, 47, 0.87);
backdrop-filter: blur(4px);
}
.multis-head:before{
content: '';
position: absolute;
width: 100%;
height: 411px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/country-single-header-overlay.png);
left: 0;
top: 0;
transition: .5s;
z-index: -1;
}
.multis-head.scrolled:before{
height: 0;
}
.country-single-banner-section{
width: 100%;
background-position: top !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.country-single-banner-section, 
.country-single-banner-contents { height: 100vh;
}
.country-single-banner-contents{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.country-single-banner-contents label{
color: #FFF;
text-shadow: 0px 4px 22px rgba(0, 0, 0, 0.43);
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 1.008px;
text-transform: uppercase;
margin-bottom: 20px;
}
.country-single-banner-contents h1{
color: #FFF;
text-shadow: 0px 4px 22px rgba(0, 0, 0, 0.43);
font-size: 74px;
font-weight: 700;
line-height: 99px;
letter-spacing: -0.296px;
}
.page-id-5 .country-single-banner-contents h1 {
font-size: 62px;
}
.video-bg-content-section{
position: relative;
}
.video-bg-content-section video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
}
.video-bg-content-wrap {
position: relative;
padding: 115px 0 100px;
}
.video-bg-contents{ margin: auto;
}
.video-bg-contents p:first-child{
margin-top: 0;
}
.video-bg-contents p{
color: #2E2B41;
text-align: center; font-weight: 400; font-size: 20px;
line-height: 30px;
margin-top: 30px;
}
.video-bg-contents h3 {
color: #292267;
font-size: 28px;
font-weight: 500;
line-height: 39px;
margin-bottom: 35px;
margin-top: 35px;
text-align: center;
}
.video-bg-contents h4 {
color: #292267;
font-size: 23px;
font-weight: 500;
line-height: 33px;
margin-bottom: 18px;
margin-top: 20px;
}
.country-solution-section .solution-sec-single-block > a {
font-size: 22px;
line-height: 32px;
}
.country-solution-section .solution-sec-single-block > a:before {
bottom: -32px;
}
.country-join-team-section .join-team-contents-block {
align-items: center;
justify-content: center;
padding-bottom: 0;
}
.country-join-team-section .join-team-contents {
width: 575px;
display: flex;
flex-direction: column;
align-items: center;
}
.country-join-team-section .join-team-contents p{
text-align: center;
}  .inner-banner-section{
width: 100%;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
position: relative;
z-index: 1;
}
.inner-banner-section:before{
content: '';
position: absolute;
width: 674px;
height: 611px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/inner-banner-overlay.png);
left: 0;
bottom: 0;
z-index: -1;
}
.inner-banner-section,
.inner-banner-contents{
height: 650px;
}
.inner-banner-contents {
display: flex;
flex-direction: column;
align-items: start;
justify-content: end;
padding-bottom: 60px;
}
.inner-banner-contents h1{
color: #FFF;
font-size: 62px;
font-weight: 600;
line-height: 61px;
letter-spacing: -0.248px;
margin-bottom: 18px;
}
.inner-banner-contents .breadcrumb{
display: flex;
align-items: center;
margin-bottom: 0;
}
.inner-banner-contents .breadcrumb li{
color: #CDCBCB;
font-size: 14px;
font-weight: 400;
line-height: 33px; 
letter-spacing: 0.784px;
text-transform: uppercase;
}
.inner-banner-contents .breadcrumb li a{
color: #CDCBCB;
}
.inner-banner-contents .breadcrumb li a:hover{
color: #FFF;
}
.inner-banner-contents .breadcrumb-item+.breadcrumb-item::before {
padding-right: 18px;
padding-left: 15px;
font-weight: 500;
color: #ffffff96;
}
.solution-listing-section{
padding: 65px 0 60px;
background: #F4F4F4;
overflow: hidden;
}
.solution-listing-contents{
}
.solution-listing-point-contents {
max-width: 1025px;
margin: auto;
}
.solution-listing-contents p{
color: #2E2B41;
text-align: center;
font-size: 21px;
font-weight: 400;
line-height: 37px; margin-top: 25px;
}
.solution-listing-contents p:first-child{
margin-top: 0;
}
.solution-listing-point-contents > ul, .video-bg-contents > ul {
padding-left: 20px; margin: auto;
margin-top: 15px;
display: flex;
flex-wrap: wrap;
}
.solution-listing-point-contents ul > li, .video-bg-contents ul > li { width: 100%;
}
.solution-listing-point-contents ul > li ul li, .video-bg-contents ul > li ul li {
width: 100%;
}
.solution-listing-point-contents > ul ul, .video-bg-contents > ul ul {
padding-left: 20px;
margin-top: 5px;
}
.solution-listing-point-contents > ul ul li, .video-bg-contents > ul ul li {
font-size: 16px;
}
.solution-listing-point-contents ul li, .video-bg-contents ul li {
color: #2E2B41;
font-size: 17px;
font-weight: 400;
line-height: 30px;
padding-right: 25px;
}
.solution-listing-section > .container{
padding-right: 0;
max-width: unset;
}
.solution-listing-blocks{
margin-top: 65px;
}
.solution-listing-single-block{
margin-bottom: 55px;
position: relative;
display: flex;
justify-content: end;
}
.solution-listing-single-block:last-child{
margin-bottom: 0;
}
.solution-listing-single-block > img{
width: 92%;
display: flex;
justify-content: space-between;
align-items: end; height: auto;
object-fit: cover;
}
.solution-listing-single-contents .container, .solution-listing-single-contents .row, .solution-listing-single-contents .col-12 {
height: 100%;
}
.solution-listing-single-contents .container, .solution-listing-single-contents .row, .solution-listing-single-contents .col-12 {
height: 100%;
}
.solution-listing-single-contents .col-12{
display: flex;
align-items: end;
}
.solution-listing-single-contents {
position: absolute;
top: 0;
left: 0;
padding-bottom: 60px;
width: 100%;
height: 100%;
display: flex;
align-items: end;
}
.solution-listing-box{
width: 473px;
height: auto;
padding: 32px 40px 32px 32px;
background: #FFF;
backdrop-filter: blur(2px);
display: flex;
flex-direction: column;
}
.solution-listing-box h2{
color: #261F60;
font-size: 32px;
font-weight: 400;
line-height: 44px;
letter-spacing: -0.128px;
margin-bottom: 14px;
}
.solution-listing-box p{
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 25px;
}
.solution-listing-box a{
width: fit-content;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 18px;
border: 1px solid #261F60;
color: #463BA0;
font-size: 14px;
font-weight: 400;
line-height: 30px;
margin-top: 25px;
}
.solution-listing-box a:hover{
background: #14152d;
color: #fff;
}  .solution-level2-tax-section{
background: #fff;
}
.solution-level2-service-section{
background: #F7F8FB;
padding: 42px 0 25px;
}
.solution-level2-service-section h2{
color: #292267;
text-align: center;
font-size: 32px;
font-weight: 700;
line-height: 39px;
}
.solution-level2-services{
margin-top: 38px; }
.solution-level2-services .row > .col-lg-4 {
margin-bottom: 40px;
}
.solution-level2-service-block{ border-bottom: 1px solid #C9C0C0;
height: 100%;
}
.solution-level2-service-block img{
width: 100%;
height: 300px;
object-fit: cover;
}
.solution-level2-service-block a{
color: #252432;
font-size: 22px;
font-weight: 500;
line-height: 38px;
letter-spacing: -0.088px;
display: flex;
align-items: center;
width: 100%; padding-top: 18px; padding-bottom: 8px;
position: relative;
padding-right: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis; }
.solution-level2-service-block a:hover{
color: #00AEEF;
}
.solution-level2-service-block a:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-left: 2px solid #252432;
border-bottom: 2px solid #252432;
right: 22px;
top: 32px;
transform: rotate(-135deg);
transition: .5s;
}
.solution-level2-service-block a:hover:before{
border-color: #00AEEF;
right: 10px;
}
.rmf-inquiry-section{
padding: 70px 0 75px;
}
.rmf-inquiry-contents {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.rmf-inquiry-contents h3{
color: #261F60;
font-size: 31px;
font-weight: 600;
line-height: 43px;
letter-spacing: -0.124px;
margin-bottom: 22px;
text-align: center;
}
.rmf-inquiry-contents a{
width: fit-content;
height: 60px;
background: #00B7F1;
display: flex;
align-items: center;
justify-content: center;
padding: 0 40px;
color: #FFF;
font-size: 23px;
font-weight: 600;
line-height: 39px;
}
.rmf-inquiry-contents a:hover{
background: #14152d;
}  .single-solution-sections{
position: relative;
padding: 30px 0 30px;
}
.single-solution-sections video{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.single-solution-wrap{ padding: 35px 0 35px;
position: relative;
}  .single-solution-wrap .container {
padding-left: 88px;
padding-right: 88px;
}
.single-solution-sections .single-solution-wrap:nth-child(Even) .row{
flex-direction: row-reverse;
}
.single-solution-contents {
height: 100%;
display: flex;
align-items: start;
max-width: 476px;
flex-direction: column;
justify-content: center;
}
.single-solution-sections .single-solution-wrap:nth-child(Even) .single-solution-contents {
max-width: 100%;
padding-left: 52px;
}
.single-solution-contents p{
color: #282828;
font-size: 18px;
font-weight: 400;
line-height: 31px;
}
.single-solution-contents ul {
padding-left: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.single-solution-contents ul li {
color: #282828;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.single-solution-pic {
text-align: right;
height: 100%;
display: flex;
align-items: center;
}  .about-intro-section{
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
padding: 105px 0 175px;
}
.about-intro-contents{
max-width: 546px;
}
.about-intro-contents p{
color: #2E2B41;
font-size: 17px;
font-weight: 400;
line-height: 30px;
margin-top: 30px;
}
.about-intro-contents p:first-child{
margin-top: 0;
}  .our-history-section{
padding: 215px 0 215px;
}
.our-history-section .about-intro-contents{
max-width: 387px;
}
.our-history-years-section{
padding: 118px 0 0;
background: #F4F4F4;
}
.our-history-years-wrap{
position: relative;
padding-left: 100px;
padding-right: 45px;
} .our-history-years-wrap:after{
content: 'Milestones';
position: absolute; top: 178px;
left: 10%;
z-index: 1;
transform: rotate(-90deg);
color: #E9E9ED;
font-size: 80px;
font-weight: 800;
line-height: 48px; 
}
.our-history-years-wrap::before {
content: '';
position: sticky;
width: 11px;
height: 225px;
background: #9EB4FF;
top: 90px;
left: 32.4%;
transition: .5s;
display: block;
margin-bottom: -225px;
z-index: 1;
}
.our-history-single-year{
display: flex;
gap: 110px;
}
.our-history-year{ height: auto;
display: flex;
align-items: center;
}
.our-history-year span{
color: #292267;
font-size: 72px;
font-weight: 700;
line-height: 72px;
}
.our-history-year-contents{
position: relative;
display: flex;
gap: 30px;
padding-left: 100px; padding-top: 45px;
padding-bottom: 40px;
}
.our-history-year-contents:before{
content: '';
position: absolute;
width: 11px;
height: 100%;
background: #E9EBF1;
top: 0;
left: 0;
}  .our-history-year-content-left {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
}
.our-history-year-content-left:before{
content: '';
position: absolute;
width: 35px;
height: 35px;
background: #FFF;
border-radius: 50%;
top: 50%;
left: -113px;
z-index: 3;
transform: translate(0, -50%);
}
.our-history-year-content-left:after{
content: '';
position: absolute;
width: 20px;
height: 20px;
background: #4F68C0;
border-radius: 50%;
top: 50%;
left: -105px;
z-index: 4;
transform: translate(0, -50%);
}
.our-history-year-content-left p{
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.our-history-year-content-right {
}
.our-history-year-content-right img{
}  .bod-section{
padding: 105px 0 100px;
background: #F3F3F3;
}
.bod-contents-block{
position: relative;
}
.bod-member-sec-title {
position: absolute;
height: 100%;
}
.bod-member-sec-title h2 {
color: #78749D; font-size: 66px;
font-weight: 800;
line-height: 48px;
position: sticky;
top: 100px;
left: 0;
transform: rotate(180deg);
writing-mode: vertical-lr;
}
.bod-members-block {
display: flex;
flex-wrap: wrap;
padding-left: 280px;
gap: 55px;
}
.bod-member-single{
cursor: pointer;
position: relative;
}
.bod-member-single img {
width: 428px;
height: 514px;
object-fit: cover;
object-position: top;
}
.bod-member-title{
position: absolute;
bottom: 32px;
left: -24px;
padding: 25px 32px 25px;
background: #FFF;
}
.bod-member-name{
color: #271F66;
font-size: 29px;
font-weight: 500;
line-height: 40px;
}
.bod-member-position{
color: #271F66;
font-size: 20px;
font-weight: 300;
line-height: 28px;
}
.gmc-section{
padding: 67px 0 105px;
}
.gmc-contents-block h2{
color: #292267;
text-align: center;
font-size: 41px;
font-weight: 600;
line-height: 48px; 
margin-bottom: 5px;
}
.gmc-member-single{
margin-top: 50px;
cursor: pointer;
}
.gmc-member-single img{
width: 100%;
height: 395px;
object-fit: cover;
object-position: top;
}
.gmc-member-name{
background: #F1F4F9;
padding: 0 32px;
width: 100%;
height: 115px;
display: flex;
align-items: center;
justify-content: start;
color: #271F66;
font-size: 27px;
font-weight: 400;
line-height: 40px;
}
.modal-bod{
z-index: 9999999;
}
.modal-backdrop.show {
opacity: .5;
z-index: 999999;
}
.modal-bod .modal-dialog {
max-width: 1140px;
}
.modal-bod .modal-content{
position: relative;
}
.modal-bod .modal-content button {
position: absolute;
right: 30px;
top: 32px;
z-index: 9;
}
.modal-bod .modal-body{
display: flex;
background: #F3F3F3;
padding: 0;
}
.bod-modal-pic{
position: relative;
}
.bod-modal-pic img{
}
.bod-modal-pic .bod-member-title{
left: unset;
right: -18px;
bottom: 58px;
padding: 30px 30px 30px;
min-width: 490px;
}
.bod-modal-pic .bod-member-name{
font-size: 34px;
margin-bottom: 8px;
}
.bod-modal-pic .bod-member-position{
font-size: 25px;
}
.bod-modal-contents{
padding: 52px 35px 80px 48px;
height: 100%;
position: absolute;
width: 55%;
right: 0;
}
.bod-modal-member-name{
color: #271F66;
font-size: 39px;
font-weight: 500;
line-height: 40px; 
margin-bottom: 7px;
}
.bod-modal-member-position{
color: #271F66;
font-size: 26px;
font-weight: 300;
line-height: 28px; 
}
.bod-modal-details{
margin-top: 32px;
height: 85%;
overflow-y: scroll;
padding-right: 18px;
}
.bod-modal-details h5{
color: #271F66;
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin-bottom: 32px;
}
.bod-modal-details p{
color: #271F66;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-top: 25px;
}
.bod-modal-details::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: #D9D9D9;
}
.bod-modal-details::-webkit-scrollbar
{
width: 3.5px;
background: #A49E9E;
}
.bod-modal-details::-webkit-scrollbar-thumb
{
background: #A49E9E;
}  .ecosystem-section{
background: #F4F4F4;
padding: 65px 0 60px;
}
.ecosystem-section h2{
color: #292267;
font-size: 28px;
font-weight: 400;
line-height: 48px;
text-align: center;
margin-bottom: 68px;
}
.ecosystem-main-contents-blocks{
}
.ecosystem-contents-block{
margin-top: 120px;
}
.ecosystem-contents-block:first-child{
margin-top: 0;
}
.ecosystem-top-content-block{
padding: 0 50px;
}
.ecosystem-top-left{
padding-top: 20px;
}
.ecosystem-top-left h3{
color: #292267;
font-size: 47px;
font-weight: 600;
line-height: 48px;
margin-bottom: 42px;
}
.ecosystem-top-left p{
color: #000;
font-size: 17px;
font-weight: 400;
line-height: 31px;
margin-top: 25px;
max-width: 518px;
}
.ecosystem-top-right{
position: relative;
text-align: right;
z-index: 1;
}
.ecosystem-top-right img{
height: auto;
}
.ecosystem-top-right-contents{
position: absolute;
padding: 40px 28px;
background: #261E62;
right: -28px;
bottom: -32px;
width: 330px;
height: auto;
text-align: left;
}
.ecosystem-top-right-contents p{
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 27px;
}
.ecosystem-bottom-content-block{
padding: 36px 34px 40px;
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(2px);
margin-top: -50px;
}
.ecosystem-bottom-content-block h4{
color: #3E31AE;
font-size: 26px;
font-weight: 500;
line-height: 48px;
}
.ecosystem-bottom-content-points{
}
.ecosystem-bottom-content-single-point{
position: relative;
padding-top: 38px;
margin-top: 32px;
}
.ecosystem-bottom-content-single-point:before{
content: '';
position: absolute;
width: 27px;
height: 28px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/eco-system-mark.png);
top: 0;
left: 0;
}
.ecosystem-bottom-content-single-point h6{
color: #000;
font-size: 19px;
font-weight: 500;
line-height: 27px;
margin-bottom: 15px;
}
.ecosystem-bottom-content-single-point p{
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.we-advantis-section{
padding: 85px 0 120px;
}
.we-advantis-contents{
}
.we-advantis-contents img{
width: 100%;
height: auto;
}  .esg-intro-section{
padding: 65px 0 55px;
}
.esg-intro-contents{
text-align: center;
}
.esg-intro-contents h3{
color: #292267;
font-size: 28px;
font-weight: 500;
line-height: 39px;
margin-bottom: 38px;
}
.esg-intro-contents p{
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.esg-intro-contents img{
width: 100%;
margin-top: 55px;
}
.our-goals-section{
padding: 0 0 88px;
}
.our-goals-section .container{
padding-left: 48px;
padding-right: 48px;
}
.our-goals-contents{
}
.our-goals-contents h2{
color: #463BA0;
font-size: 23px;
font-weight: 600;
line-height: 39px;
letter-spacing: 4.6px;
text-transform: uppercase;
text-align: center;
margin-bottom: 42px;
}
.our-goals-content-blocks{
display: flex;
flex-wrap: wrap;
}
.our-goals-single-block{
padding: 30px 38px 32px 38px;
width: 33.33%;
text-align: center;
border-right: 1px solid #F0E3E3;
}
.our-goals-single-block:nth-child(1),
.our-goals-single-block:nth-child(2),
.our-goals-single-block:nth-child(3) {
border-bottom: 1px solid #F0E3E3;
}
.our-goals-single-block:nth-child(3),
.our-goals-single-block:last-child {
border-right: none;
}
.our-goals-single-block:nth-child(3),
.our-goals-single-block:nth-child(6) {
padding-right: 0;
}
.our-goals-single-block:nth-child(1),
.our-goals-single-block:nth-child(4) {
padding-left: 0;
}
.our-goal-single-1{
}
.our-goal-single-1 img{
margin-bottom: -92px;
}
.goal-percent {
color: #2E428B;
font-size: 54px;
font-weight: 700;
line-height: 39px;
letter-spacing: -1.62px;
position: relative;
z-index: 1;
}
.our-goal-single-1 .goal-percent{
margin-bottom: 40px;
}
.our-goal-single-1 h5{
color: #00537C;
text-align: center;
font-size: 20px;
font-weight: 700;
line-height: 31px;
margin-bottom: 12px;
}
.our-goal-single-1 p{
color: #000;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.our-goal-single-2 img{
margin-bottom: 22px;
}
.our-goal-single-2 .goal-percent{
font-size: 55px;
line-height: 37px;
margin-bottom: 24px;
}
.our-goal-single-2 h5{
color: #00537C;
font-size: 20px;
font-weight: 700;
line-height: 31px;
text-align: left;
}
.our-goal-single-3{
display: flex;
justify-content: space-between;
gap: 10px;
}
.our-goal-single-3-left{
text-align: left;
}
.our-goal-single-3-left h5{
color: #00537C;
font-size: 20px;
font-weight: 700;
line-height: 29px; margin-bottom: 0;
}
.our-goal-single-3-left .goal-top{
color: #FF1628;
font-size: 60px;
font-weight: 700;
line-height: 39px;
letter-spacing: -1.8px;
text-transform: uppercase; margin-bottom: 20px;
}
.our-goal-single-3-left p{
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
.our-goal-single-3-right{
}
.our-goal-single-4 h5{
color: #00537C;
font-size: 20px;
font-weight: 700;
line-height: 30px; 
max-width: 170px;
margin: auto; margin-top: 20px;
}
.our-goal-single-4 .goal-percent{
font-size: 58px;
margin-bottom: 5px;
}
.our-goal-single-4 p{
color: #000;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.our-goal-single-4 img { margin-bottom: 0;
}
.our-goal-single-5 > img{
margin-bottom: 28px;
}
.our-goal-single-5 > h5{
color: #00537C;
font-size: 20px;
font-weight: 700;
line-height: 31px; text-align: left;
}
.our-goal-single-5-coastal {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
gap: 10px;
margin-bottom: 18px;
}
.our-goal-single-5-coastal img{
}
.our-goal-single-5-coastal .goal-percent{
color: #00537C;
font-size: 58px;
}
.our-goals-single-block:nth-child(6) { padding-left: 40px;
}
.our-goal-single-6-highest{
display: flex;
justify-content: space-between;
align-items: start;
gap: 20px;
margin-bottom: 18px;
}
.our-goal-single-6-highest h5{
color: #00537C;
font-size: 20px;
font-weight: 700;
line-height: 31px;
text-align: left;
}
.our-goal-single-6 p{
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 28px;
max-width: 345px;
margin: auto;
}
.our-commitments-section{
background: #F4F4F4;
padding: 82px 0 90px;
}
.our-commitments-title h2{
color: #463BA0;
text-align: center;
font-size: 23px;
font-weight: 600;
line-height: 39px;
letter-spacing: 4.6px;
text-transform: uppercase;
margin-bottom: 62px;
}
.our-goal-single-5-flex-cont {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 25px;
}
.our-commitment-contents-block{
}
.our-commitment-left{
height: 100%;
}
.our-commitment-titles{
background: #FFF;
width: 100%;
height: auto;
padding: 35px 38px 35px 45px;
position: sticky;
top: 100px;
}
.our-commitment-titles .accordion{
}
.our-commitment-titles .accordion .accordion-item{
border: none !important; 
}
.our-commitment-titles .accordion h2{
border: none !important;
}
.our-commitment-titles .accordion h2 button{
color: #000;
font-size: 24px;
font-weight: 500;
line-height: 39px;
background: transparent;
padding: 10px 0;
box-shadow: unset;
display: flex;
align-items: center;
}
.our-commitment-titles .accordion h2 button:before{
content: '';
position: absolute;
width: 3px;
height: 19px;
background: #463BA0;
right: 8px;
transition: .5s;
}
.our-commitment-titles .accordion h2 button[aria-expanded="true"]:before{
height: 0;
}
.our-commitment-titles .accordion h2 button:after{
content: '';
position: absolute;
width: 19px;
height: 3px;
background: #463BA0;
right: 0;
transition: .5s;
transform: unset;
}
.our-commitment-titles .accordion h2 button[aria-expanded="true"]{
color: #463BA0;
}
.our-commitment-titles .accordion .accordion-collapse{
margin-bottom: 10px;
}
.our-commitment-titles .accordion .accordion-body{
padding: 0;
padding-top: 12px;
}
.our-commitment-titles .accordion .accordion-body ul{
}
.our-commitment-titles .accordion .accordion-body ul li{
padding-left: 28px; list-style: none;
position: relative;
}
.our-commitment-titles .accordion .accordion-body ul li:last-child{
margin-bottom: 0;
}
.our-commitment-titles .accordion .accordion-body ul li:before{
content: '';
position: absolute;
width: 1px;
height: 100%;
background: #D0C9C9;
left: 0;
top: 0;
transition: .5s;
}
.our-commitment-titles .accordion .accordion-body ul li.active:before{
width: 2px;
background: #3D8BA4;
}
.our-commitment-titles .accordion .accordion-body ul li a{
color: #42414D;
font-size: 19px;
font-weight: 400;
line-height: 29px;
padding: 10px 0;
display: block;
}
.our-commitment-titles .accordion .accordion-body ul li.active a{
color: #463BA0;
}
.our-commitment-contents {
padding-left: 30px;
}
.our-commitment-content-single{
border-bottom: 1px solid #BFBEBE;
padding-bottom: 70px;
margin-bottom: 47px;
}
.our-commitment-content-single:last-child{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.our-commitment-content-single h3{
color: #292267;
font-size: 41px;
font-weight: 600;
line-height: 48px;
margin-bottom: 40px;
}
.our-commitment-content-sub-blocks{
}
.our-commitment-content-sub{
margin-top: 48px;
scroll-margin-top: 100px;
}
.our-commitment-content-sub:first-child{
margin-top: 0;
}
.our-commitment-content-sub h4{
color: #463BA0;
font-size: 29px;
font-weight: 500;
line-height: 39px;
margin-bottom: 20px;
}
.our-commitment-content-sub p{
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 28px; 
}
.our-commitment-content-sub ul{
}
.our-commitment-content-sub ul li{
position: relative;
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 25px;
list-style: none;
padding-left: 37px;
margin-bottom: 38px;
}
.our-commitment-content-sub ul li:last-child{
margin-bottom: 0;
}
.our-commitment-content-sub ul li:before{
content: '';
position: absolute;
width: 25px;
height: 25px;
background: #fff;
border-radius: 50%;
top: 5px;
left: 0;
}
.our-commitment-content-sub ul li:after{
content: '';
position: absolute;
width: 15px;
height: 15px;
background: #4F68C0;
border-radius: 50%;
top: 10px;
left: 5px;
}
.our-commitment-content-sub ul li h6{
color: #00537C;
font-size: 21px;
font-weight: 400;
line-height: 35px;
margin-bottom: 10px;
}
.our-projects-blocks{
padding: 32px 38px 40px;
background: #FFF;
}
.our-project-single-block{
margin-top: 35px;
scroll-margin-top: 105px;
}
.our-project-single-block:first-child{
margin-top: 0;
}
.our-project-top{
display: flex;
justify-content: space-between;
align-items: start;
gap: 70px;
align-items: center;
}
.our-project-top h4{
color: #2E276D;
font-size: 29px;
font-weight: 500;
line-height: 39px;
max-width: 385px;
}
.our-project-top img{
}
.project-gallery-slider{
margin-top: 35px;
padding-bottom: 50px;
width: 100%;
margin-bottom: 0 !important;
}
.project-gallery-slider a img{
width: 100%;
}
.our-project-contents{
margin-top: 35px;
}
.our-project-contents p{
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-top: 30px;
} .our-project-contents h4{
color: #00537C;
font-size: 21px;
font-weight: 600;
line-height: 35px;
margin-bottom: 20px;
}
.our-project-contents ul{
}
.our-project-contents ul li{
list-style: none;
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-bottom: 25px;
}
.our-project-contents ul li:last-child{
margin-bottom: 0;
}
.our-project-contents ul li strong {
display: block;
}
.project-detail-block{
margin-top: 65px;
padding: 20px 38px 45px;
background: #FFF;
}
.project-detail-top{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.project-detail-top h4{
color: #2E276D;
font-size: 29px;
font-weight: 500;
line-height: 39px;
}
.project-detail-block > img{
width: 100%;
}
.project-detail-block h5{
color: #00537C;
font-size: 21px;
font-weight: 600;
line-height: 35px;
margin-top: 36px;
}
.project-detail-block p{
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-top: 20px;
}
.project-gallery-slider .slick-track {
height: fit-content;
}
.project-gallery-slider .slick-dots {
bottom: 15px;
left: 0;
gap: 15px;
justify-content: center;
}
.project-gallery-slider .slick-dots li {
width: 9px;
height: 9px;
border-radius: 50%;
opacity: 1;
}
.project-gallery-slider .slick-dots li button {
width: 100%;
height: 100%;
border-radius: 50%;
background: #CACACA;
transition: .5s;
}
.slick-dots li.slick-active button{
background: #485272;
}
.fancybox__container {
z-index: 999999;
}  .newsroom-latest-section{
padding: 55px 0 40px;
overflow: hidden;
}
.newsroom-latest-section h2{
color: #181B5E;
font-size: 31px;
font-weight: 700;
line-height: 46px;
letter-spacing: -0.124px;
margin-bottom: 45px;
text-align: center;
}
.newsroom-latest-block{
position: relative;
padding: 71px 60px 40px;
z-index: 1;
height: fit-content;
}
.newsroom-latest-block:before{
content: '';
position: absolute;
width: 100vw;
height: 100%;
background: #F4F9FF;
top: 0;
left: 0;
z-index: -1;
}
.newsroom-latest-block:after{
content: '';
position: absolute;
width: 7px;
height: 209px;
background: #009EC9;
bottom: 0;
left: -5px;
}
.newsroom-latest-block label{
position: absolute;
width: 107px;
height: 31px;
background: #009EC9;
color: #FFF;
font-size: 13px;
font-weight: 400; letter-spacing: 1.04px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
transform: rotate(-90deg);
right: -10px;
top: 110px;
}
.newsroom-latest-slider{
}
.newsroom-latest-slider .slick-list {
height: auto !important;
}
.newsroom-latest-slide-contents{
position: relative;
}
.newsroom-latest-slide-contents img{
margin-bottom: 25px;
width: 100%;
}
.newsroom-latest-date{
display: flex;
align-items: center;
gap: 38px;
margin-bottom: 18px;
}
.newsroom-latest-date .newsroom-date,
.newsroom-latest-date .newsroom-logistics{
color: #555668;
font-size: 15px;
font-weight: 400;
line-height: 29px; 
letter-spacing: -0.06px;
}
.newsroom-latest-slide-contents a{
color: #151857;
font-size: 27px;
font-weight: 500;
line-height: 44px;
letter-spacing: -0.108px;
}
.newsroom-latest-slide-contents a:hover {
color: #00b7f1;
}
.newsroom-latest-slider .slick-next:before,
.newsroom-latest-slider .slick-prev:before {
content: '';
position: absolute;
font-size: 0;
opacity: 1;
display: block;
width: 13px;
height: 22px;
}
.newsroom-latest-slider .slick-next:before{
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/newsroom-right-arrow.png);
}
.newsroom-latest-slider .slick-prev:before{
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/newsroom-left-arrow.png);
}
.newsroom-latest-slider .slick-next {
right: -55px;
top: 58%;
}
.newsroom-latest-slider .slick-prev {
left: unset;
right: -55px;
top: 67%;
}
.all-article-section{
padding-bottom: 62px;
}
.all-article-section h2{
color: #181B5E;
font-size: 25px;
font-weight: 500;
line-height: 46px;
letter-spacing: -0.1px;
}
.all-article-contents{
}
.all-article-single-block{
margin-top: 30px;
}
.all-article-single-block img{
width: 100%;
height: 278px;
object-fit: cover;
}
.all-article-details{
padding: 16px 24px 30px;
border: 1px solid #CCD2E4;
background: #FFF;
border-top: none;
}
.all-article-detail-top{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
} .all-article-date {
color: #3A3A48 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 29px !important;
letter-spacing: -0.06px !important;
}
a.all-article-date:hover{
color: #00b7f1 !important;
}
.all-article-days{
color: #868696;
font-size: 14px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.056px;
}
.all-article-details a{
color: #424690;
font-size: 18px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.072px;
}
.all-article-details a:hover {
color: #00b7f1;
}
.browse-news-btn{
color: #463BA0;
font-size: 14px;
font-weight: 400;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
left: 50%;
transform: translate(-50%, 0);
border: 1px solid #261F60;
width: fit-content;
height: 42px;
padding: 0 20px;
margin-top: 52px;
}
.browse-news-btn:hover{
background: #14152d;
color: #FFF;
}  .all-news-section{
padding: 50px 0;
}
.all-news-section h2{
color: #181B5E;
text-align: center;
font-size: 25px;
font-weight: 500;
line-height: 46px;
letter-spacing: -0.1px;
}  .single-news-banner-section{
padding: 40px 0 40px;
background: #F9F9F9;
}
.single-news-banner-contents{
}
.single-news-banner-contents .breadcrumb{
margin-bottom: 25px;
}
.single-news-banner-contents .breadcrumb li{
color: #483F3F;
font-size: 12px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0.552px;
text-transform: uppercase;
}
.single-news-banner-contents .breadcrumb-item+.breadcrumb-item::before {
padding-right: 18px;
padding-left: 15px;
}
.single-news-banner-contents .breadcrumb li a{
color: #483F3F;
}
.single-news-banner-contents .breadcrumb li a:hover {
color: #00b7f1;
}
.single-news-banner-contents img{
width: 100%;
}
.news-single-details-section{
background: #F9F9F9;
padding-bottom: 90px;
}
.news-single-details-contents{
background: #FFF;
padding: 50px 55px 50px;
}
.news-single-details-contents label{
color: #009EC9;
font-size: 18px;
font-weight: 400;
line-height: 26px; 
margin-bottom: 15px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.news-single-details-contents .news-single-title{
color: #181B5E;
text-align: center;
font-size: 30px;
font-weight: 500;
line-height: 42px;
letter-spacing: -0.12px;
margin-bottom: 10px;
}
.news-single-date-share{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 37px;
}
.news-single-date{
padding-right: 24px;
color: #424690;
font-size: 16px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.064px;
}
.news-single-share{
border-left: 1px solid #424690;
padding-left: 26px;
color: #424690;
font-size: 16px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.064px;
display: flex;
align-items: center;
gap: 17px;
}
.news-single-details-contents p{
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-top: 25px;
}
.news-single-banner-caption{
margin-top: 35px;
}
.news-single-banner-caption img{
width: 100%;
}
.news-single-banner-caption .image-caption{
color: #595353;
text-align: center;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 24px;
max-width: 70%;
margin: auto;
margin-top: 18px;
}
.news-quote-block{
position: relative;
border: 3px solid #EBE9E9;
padding: 48px 220px 42px 63px;
margin-top: 52px;
}
.news-quote-block:before{
content: '';
position: absolute;
width: 78px;
height: 86px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/quote-mark.png);
top: 57px;
right: 74px;
}
.news-quote-content{
color: #191C64;
font-size: 22px;
font-weight: 500;
line-height: 34px;
margin-bottom: 30px;
}
.news-quote-author{
color: #000;
font-size: 21px;
font-weight: 400;
line-height: 33px;
}
.news-quote-position{
color: #6B6464;
font-size: 15px;
font-weight: 400;
line-height: 33px;
}
.single-news-repeat-content-blocks{
margin-top: 52px;
}
.single-news-repeat-contents{
border-top: 1px solid #D1CACA;
margin-top: 55px;
padding-top: 55px;
}
.single-news-repeat-contents:first-child{
border-top: none;
padding-top: 0;
}
.single-news-repeat-contents h2{
color: #181B5E;
font-size: 28px;
font-weight: 500;
}
.single-news-repeat-contents p{
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-top: 28px;
}
.single-news-repeat-contents h3{
color: #181B5E;
font-size: 23px;
font-weight: 500;
line-height: 27px;
}
.single-news-zigzac-blocks{
margin-top: 50px;
}
.single-news-zigzac-blocks .row {
}
.single-news-zigzac-blocks .row:nth-child(Even) {
flex-direction: row-reverse;
}
.single-news-zigzac-blocks .single-solution-pic img{
width: 100%;
}
.single-news-zigzac-blocks .row .single-solution-contents p {
margin-top: 0;
}
.single-solution-contents {
max-width: 100%;
padding-right: 40px;
}
.single-news-zigzac-blocks .row:nth-child(Even) .single-solution-contents {
padding-left: 40px;
padding-right: 0;
}  .stories-featured-section{
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
padding: 40px 0 40px;
}
.stories-featured-section:before{
content: '';
position: absolute;
width: 44%;
height: 100%;
background: #F4F9FF;
top: 0;
right: 0;
z-index: -1;
}
.stories-featured-section .container{
max-width: unset;
padding-right: 0;
}
.stories-featured-section .row .col-12{
display: flex;
align-items: center;
}
.stories-featured-contents{
max-width: 475px;
}
.stories-featured-contents .stories-featured-date{
color: #8B8B8B;
font-size: 16px;
font-weight: 500;
line-height: 29px;
letter-spacing: 1.12px;
text-transform: uppercase;
margin-bottom: 20px;
}
.stories-featured-contents h2{
color: #2E008B;
font-size: 36px;
font-weight: 500;
line-height: 57px;
letter-spacing: -0.144px;
margin-bottom: 28px;
}
.stories-featured-contents p{
color: #101010;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-top: 25px;
}
.stories-featured-contents a{
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
height: 42px;
border: 1px solid #261F60;
color: #463BA0;
font-size: 14px;
font-weight: 400;
line-height: 30px;
padding: 0 20px;
}
.stories-featured-contents a:hover{
background: #14152d;
color: #FFF;
}
.stories-featured-right{
width: 100%; }
.stories-featured-gallery-slider{
}
.stories-featured-gallery-slider .slick-list {
padding: 45px 0 65px 38px;
}
.stories-featured-gallery-slider .slick-track {
display: flex; left: -29%;
}
.stories-featured-gallery-pic{ padding: 0 18px; }
.stories-featured-gallery-pic img{
width: 390px;
height: 532px;
object-fit: cover;
transition: .5s; }
.stories-featured-gallery-pic.slick-current img {
box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, 0.25);
}
.stories-featured-gallery-slider .slick-next:before,
.stories-featured-gallery-slider .slick-prev:before {
content: '';
position: absolute;
font-size: 0;
opacity: 1;
display: block;
width: 13px;
height: 22px;
}
.stories-featured-gallery-slider .slick-next:before{
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/newsroom-right-arrow.png);
}
.stories-featured-gallery-slider .slick-prev:before{
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/newsroom-left-arrow.png);
}
.stories-featured-gallery-slider .slick-next {
right: unset;
left: 34%;
top: 95%;
}
.stories-featured-gallery-slider .slick-prev {
left: 25%;
right: unset;
top: 95%;
z-index: 1;
}
.stories-featured-image{
}
.stories-featured-image img{
width: 100%;
height: 450px;
object-fit: cover;
}
.all-stories-section{
padding: 30px 0 60px;
}
.all-stories-section .all-article-single-block {
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
}
.all-stories-section .all-article-date {
color: #151857;
}
.stories-pic{
position: relative;
}
.stories-pic img{
}
.stories-pic .story-time{
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
height: 30px;
background: #F8F6F6;
gap: 8px;
padding: 0 15px;
color: #5A5A5E;
font-size: 13px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.052px;
position: absolute;
bottom: 25px;
right: 25px;
}
.stories-pic .story-time img{
width: auto;
height: auto;
}  .single-stories-banner-section{
background: #F4F9FF;
}
.stories-single-details-section{
background: #F4F9FF;
}
.stories-single-details-contents{
padding: 40px 55px 50px;
}
.stories-single-details-contents label{
color: #151857;
font-size: 16px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.064px;
}
.stories-single-time{
padding-right: 28px;
color: #424690;
font-size: 16px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.064px;
display: flex;
align-items: center;
gap: 15px;
}
.stories-single-2-banners{
display: flex;
gap: 40px;
margin-top: 40px;
}
.stories-single-2-banners .news-single-banner-caption {
margin-top: 0;
width: 100%;
}
.stories-single-2-banners .news-single-banner-caption .image-caption {
font-size: 15px;
line-height: 25px;
max-width: 100%;
margin: 0;
margin-top: 18px;
text-align: left;
}  .contact-visit-section{
padding: 70px 0 70px;
background: #F4F9FF;
}
.contact-visit-block{  position: relative;
width: 100%;
padding: 35px 0px 25px 45px;
z-index: 1;
}
.contact-visit-block:before{
content: '';
position: absolute;
width: 90%;
height: 100%;
background: #FFF;
top: 0;
left: 0;
z-index: -1;
}
.contact-visit-contents-top{
max-width: 355px;
margin-top: 20px;
}
.contact-visit-contents-top h2{
color: #2E008B;
font-size: 32px;
font-weight: 700;
line-height: 46px;
letter-spacing: -0.128px;
margin-bottom: 15px;
}
.contact-visit-contents-top > p{
color: #101010;
font-size: 14px;
font-weight: 400;
line-height: 25px;
}
.contact-visit-contents{
width: 100%;
padding: 20px 0;
position: relative;
z-index: -1;
}
.contact-country-details{ }
.contact-countries{
width: 100%;
height: 68px;
border: 1px solid #ECEBEB;
background: #FFF;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05); position: relative;
z-index: 1;
margin-top: 30px;
}
.contact-countries:before{
content: '';
position: absolute;
width: 4px;
height: 100%;
background: #009EC9;
top: 0;
left: 0;
z-index: 1;
}
.contact-countries:after{
content: '';
position: absolute;
width: 17px;
height: 17px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/contact-drop-mark.png);
top: 25px;
right: 25px;
cursor: pointer;
display: none;
}
.contact-countries label {
position: absolute;
left: 20px;
top: 10px;
color: #949494;
font-size: 12px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.84px;
text-transform: uppercase;
z-index: 1;
}
.contact-countries .nav {
width: 100%;
overflow: hidden;
max-height: 0;
background: #fff;
transition: .5s;
padding-left: 20px;
padding-right: 20px;
padding-top: 18px;
padding-bottom: 18px;
border: 1px solid #ECEBEB;
background: #FFF;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);
display: flex;
gap: 10px;
margin-top: -60px;
z-index: -1;
position: relative;
flex-direction: column;
align-items: start;
}
.active-country .nav {
max-height: 1000px;
margin-top: 0;
transition: .5s;
}
.contact-countries .nav button{
color: #000;
font-size: 16px;
font-weight: 700;
line-height: 26px;
padding: 0;
padding-right: 20px;
transition: .5s;
}
.contact-countries .nav button.active{
color: #2E008B;
}
span.mob-click {
height: 100%;
width: 100%;
display: flex;
justify-content: start;
align-items: center;
background: #fff;
position: relative;
color: #2E008B;
font-size: 19px;
font-weight: 700;
line-height: 46px;
cursor: pointer;
padding-left: 20px;
padding-top: 20px;
}
span.mob-click::before {
content: '';
position: absolute;
width: 9px;
height: 9px;
border-left: 1px solid #707070;
border-bottom: 1px solid #707070;
right: 30px;
top: 26px;
transform: rotate(-45deg);
transition: .5s;
}
.active-country span.mob-click::before {
transform: rotate(-225deg);
top: 32px;
}
.contact-country-details .tab-content{
margin-top: 30px;
}
.contact-country-details .tab-content .tab-pane{
}
.contact-country-details{
display: flex;
}
.contact-country-details{
display: flex;
}
.contact-country-detail-contents{
width: 38%;
}
.contact-country-detail-address h6{
color: #181B5E;
font-size: 16px;
font-weight: 500;
line-height: 29px;
margin-bottom: 12px;
}
.contact-country-detail-address p{
color: #101010;
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
.contact-country-direction{
color: #181B5E;
font-size: 13px;
font-weight: 500;
line-height: 26px;
letter-spacing: 2.08px;
text-transform: uppercase;
position: relative;
display: inline-block;
margin-top: 20px;
}
.contact-country-direction:hover{
color: #009EC9;
}
.contact-country-direction:before{
content: '';
position: absolute;
width: 100%;
height: 2px;
background: #181B5E;
bottom: 0;
left: 0;
transition: .5s;
}
.contact-country-direction:hover:before{
background: #009EC9;
}
.contact-country-detail-phone{
margin-top: 32px;
display: flex;
flex-direction: column;
}
.contact-country-detail-phone span,
.contact-country-detail-mail span {
color: #2F2E2E;
font-size: 15px;
font-weight: 500;
line-height: 25px;
}
.contact-country-detail-phone a{
color: #2F2E2E;
font-size: 15px;
font-weight: 400;
line-height: 25px;
}
.contact-country-detail-phone a:hover{
color: #009EC9;
}
.contact-country-detail-mail{
margin-top: 18px;
display: flex;
flex-direction: column;
}
.contact-country-detail-mail a{
color: #009EC9;
font-size: 15px;
font-weight: 400;
line-height: 25px;
}
.contact-country-detail-mail a:hover{
color: #181B5E;
}
.contact-visit-map{
height: 594px;
width: 62%; margin-top: -185px;
}
.contact-visit-map iframe{
width: 100%;
height: 100%;
}
.our-network-section{
padding: 47px 0 53px;
}
.our-network-section .container{
padding-left: 60px;
padding-right: 60px;
}
.our-network-section h2{
color: #181B5E;
text-align: center;
font-size: 21px;
font-weight: 400;
line-height: 46px;
letter-spacing: -0.084px;
margin-bottom: 25px;
}
.our-networks{
display: flex;
flex-wrap: wrap;
}
.our-network-single{
padding-top: 20px;
padding-right: 30px;
padding-bottom: 35px;
padding-left: 30px;
border-top: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
width: 25%;
}
.our-network-single:nth-child(4n + 1){
padding-left: 0;
}
.our-network-single:nth-child(4n + 4){
padding-right: 0;
border-right: none;
}
.our-network-single:nth-child(-n + 4){
border-top: none;
}
.our-network-single h4{
color: #181B5E;
font-size: 21px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.084px;
position: relative;
margin-bottom: 35px;
}
.our-network-single h4:before{
content: '';
position: absolute;
width: 42px;
height: 3px;
background: #009EC9;
bottom: -15px;
left: 0;
}
.our-network-single p{
color: #2F2E2E;
font-size: 15px;
font-weight: 400;
line-height: 27px;
}
.our-network-single .contact-country-detail-phone {
margin-top: 22px;
}  .contact-today-section{ padding: 80px 0 65px;
} .contact-today-section .row .col-lg-5 {
display: flex;
align-items: center;
}
.contact-today-contents{
}
.contact-today-contents h2{
color: #181B5E;
font-size: 30px;
font-weight: 600;
line-height: 39px;
letter-spacing: -0.12px;
margin-bottom: 32px;
}
.contact-today-address{
}
.contact-today-address h6{
color: #181B5E;
font-size: 16px;
font-weight: 500;
line-height: 29px;
margin-bottom: 8px;
}
.contact-today-address p{
color: #101010;
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
.contact-today-direction{
color: #181B5E;
font-size: 13px;
font-weight: 500;
line-height: 26px;
letter-spacing: 2.08px;
text-transform: uppercase;
position: relative;
margin-top: 20px;
display: inline-block;
}
.contact-today-direction:hover{
color: #00b7f1;
}
.contact-today-direction:before{
content: '';
position: absolute;
width: 100%;
height: 2px;
background: #181B5E;
bottom: 0;
left: 0;
transition: .5s;
}
.contact-today-direction:hover:before{
background: #00b7f1;
}
.contact-today-method{
margin-top: 25px;
display: flex;
flex-direction: column;
}
.contact-today-method span{
color: #181B5E;
font-size: 15px;
font-weight: 400;
line-height: 25px;
letter-spacing: -0.06px;
}
.contact-today-method a{
color: #2E008B;
font-size: 25px;
font-weight: 600;
line-height: 35px;
letter-spacing: -0.1px;
}
.contact-today-method a:hover{
color: #00b7f1;
}
.contact-today-phone-qr{
display: flex;
gap: 15px;
align-items: center;
}
.contact-today-phone-qr button{
padding: 0;
position: relative;
}
.contact-today-phone-qr button > img{
}
.contact-today-phone-qr button span{
width: 170px;
height: 170px;
background: #fff;
border: 1px solid #000;
border-radius: 8px;
position: absolute;
top: 0;
left: 25px;
padding: 18px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.contact-today-phone-qr button:hover span{
opacity: 1;
visibility: visible;
}
.contact-today-phone-qr button span img{
width: 100%;
height: 100%;
}
.contact-today-map{
width: 100%;
height: 460px;
}
.contact-today-map iframe{
width: 100%;
height: 100%;
}
.contact-reach-section{
background: #F7F7F7;
padding: 55px 0 65px;
}
.contact-reach-contents-block{
}
.contact-reach-contents-block h2{
color: #181B5E;
font-size: 30px;
font-weight: 500;
line-height: 39px;
letter-spacing: -0.12px;
margin-bottom: 38px;
}
.contact-reach-contents-tab{
}
.contact-reach-contents-tab-mobile > .nav{
display: flex;
align-items: center;
gap: 50px;
width: 100%;
padding-bottom: 18px;
border-bottom: 1px solid #F1ECEC;
}
.contact-reach-contents-tab-mobile > .nav button{
padding: 0;
color: #726E6E;
font-size: 16px;
font-weight: 400;
line-height: 29px;
transition: .5s;
position: relative;
}
.contact-reach-contents-tab-mobile > .nav button.active{
color: #1E3475;
}
.contact-reach-contents-tab-mobile > .nav button:before{
content: '';
position: absolute;
width: 100%;
height: auto;
border: 2px solid #707070;
background: #009EC9;
bottom: -20px;
left: 0;
transition: .5s;
opacity: 0;
}
.contact-reach-contents-tab-mobile > .nav button.active:before{
opacity: 1;
}
.contact-reach-contents-tab > .tab-content{
margin-top: 44px;
}
.contact-reach-contents-tab > .tab-content > .tab-pane{
}
.contact-reach-tab-left-right{
display: flex;
position: relative; }
.contact-reach-sub-tabs{
width: 37%;
}
.contact-reach-sub-tabs .nav{
width: 100%;
display: flex;
flex-direction: column;
position: sticky;
top: 90px;
}
.contact-reach-sub-tabs .nav button{
background: #FEFEFE;
box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.03);
padding: 22px;
color: #383131;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 29px; display: flex;
align-items: center;
justify-content: start;
border-bottom: 1px solid #F2EDED;
transition: .5s;
position: relative;
}
.contact-reach-sub-tabs .nav button:last-child{
border-bottom: none;
}
.contact-reach-sub-tabs .nav button.active{
background: #555777;
color: #FFF;
}
.contact-reach-sub-tabs .nav button:before{
content: '';
position: absolute;
width: 9px;
height: 17px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/contact-tab-arrow.png);
right: 30px;
transition: .5s;
}
.contact-reach-sub-tabs .nav button.active:before{
filter: brightness(0) invert(1);
} .contact-reach-sub-tab-contents {
background: #F9F9F9;
padding: 22px 35px 30px 65px;
width: 63%;
}
.contact-reach-sub-tab-contents .tab-content{ }
.contact-reach-sub-tab-contents .tab-content .tab-pane{ }
.contact-reach-sub-tab-contents .tab-content .tab-pane h3{
color: #181B5E;
font-size: 24px;
font-weight: 500;
line-height: 39px;
letter-spacing: -0.096px;
margin-bottom: 18px;
}
.contact-reach-sub-detail-block{ }
.contact-reach-sub-detail-block::-webkit-scrollbar-track {
background: #F3F3F3;
}
.contact-reach-sub-detail-block::-webkit-scrollbar {
width: 4px;
background: #E2D9D9;
}
.contact-reach-sub-detail-block::-webkit-scrollbar-thumb {
background: #E2D9D9;
}
.contact-reach-sub-detail-block h5{
color: #181B5E;
font-size: 18px;
font-weight: 500;
line-height: 28px; 
letter-spacing: -0.072px;
}
.contact-reach-sub-detail-block a.contact-reach-email{
color: #009EC9;
font-size: 15px;
font-weight: 400;
line-height: 25px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.contact-reach-sub-details{
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.contact-reach-sub-single-detail{
border-top: 1px solid #DBDBDB;
border-right: 1px solid #DBDBDB;
padding: 25px 25px 25px 25px;
width: 50%;
}
.contact-reach-sub-single-detail:nth-child(Odd){
padding-left: 0;
}
.contact-reach-sub-single-detail:nth-child(Even){
padding-right: 0;
border-right: none;
}
.contact-reach-sub-single-detail:nth-child(-n + 2) {
border-top: none;
padding-top: 0;
}
.contact-reach-sub-single-detail p{
color: #262424;
font-size: 15px;
font-weight: 400;
line-height: 24px; 
}
.contact-reach-phone{
display: flex;
align-items: center;
}
.contact-reach-phone a{
color: #262424;
font-size: 15px;
font-weight: 400;
line-height: 24px; 
}
.contact-reach-direction{
display: flex;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.contact-reach-direction a{
color: #181B5E;
font-size: 13px;
font-weight: 400;
line-height: 26px;
letter-spacing: 1.3px;
text-transform: uppercase;
position: relative;
display: inline-block;
}
.contact-reach-direction a:hover{
color: #00b7f1;
}
.contact-reach-direction a:before{
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #181B5E;
bottom: 0;
left: 0;
transition: .5s;
}
.contact-reach-direction a:hover:before{
background: #00b7f1;
}
.contact-form-section{
padding: 72px 0 70px;
overflow: hidden;
}
.contact-form-contents{
}
.contact-form-contents h2{
color: #181B5E;
text-align: center;
font-size: 32px;
font-weight: 600;
line-height: 46px;
letter-spacing: -0.128px;
max-width: 752px;
margin: auto;
margin-bottom: 52px;
}
.contact-form{
max-width: 882px;
position: relative;
}
.contact-form:before{
content: '';
position: absolute;
width: 824px;
height: 672px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/contact-form-star.png);
right: -74%;
top: -30%;
}
.contact-form .form-group{
position: relative;
margin-top: 20px;
}
.contact-form .form-group label{
color: #101010;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-bottom: 7px;
}
.contact-form .form-group input{
width: 100%;
height: 48px;
border: 1px solid #B6D2E2;
background: #FFF;
border-left: 2px solid #009EC9;
border-radius: 0;
padding: 0 12px;
}
.contact-form .form-group select{
width: 100%;
height: 48px;
border: 1px solid #B6D2E2;
background: #FFF;
border-left: 2px solid #009EC9;
border-radius: 0;
padding: 0 12px;
cursor: pointer;
appearance: none;
}
.select-drop-arrow{
position: relative;
}
.select-drop-arrow:before{
content: '';
position: absolute;
width: 10px;
height: 10px;
border-left: 3px solid #707070;
border-bottom: 3px solid #707070;
border-radius: 1px;
right: 22px;
top: 18px;
transform: rotate(-45deg);
}
.contact-form .form-group textarea{
width: 100%;
height: 168px;
border: 1px solid #B6D2E2;
background: #FFF;
border-left: 2px solid #009EC9;
border-radius: 0;
padding: 10px 12px;
}
.contact-form .form-group.contact-textarea:before{
height: 168px;
}
.privacy-text{
margin-top: 20px;
}
.privacy-text p{
color: #101010;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.privacy-text p a{
color: #009EC9;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.privacy-text p a:hover{
color: #14152d;
}
.contact-btn{
margin-top: 24px;
}
.contact-btn input{
border: none;
background: #00B7F1;
width: fit-content;
height: 50px;
padding: 0 35px;
text-align: center;
color: #FFF;
font-size: 19px;
font-weight: 700;
letter-spacing: -0.076px;
transition: .5s;
}
.contact-btn input:hover {
background: #14152d;
}
.contact-reach-contents-tab-mobile > span{
display: none;
}  .page-notfound-section{
padding: 145px 0 0;
position: relative;
overflow: hidden;
}
.page-notfound-contents{
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
position: relative;
z-index: 1;
}
.page-notfound-contents:before{
content: '';
position: absolute;
width: 566px;
height: 458px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/404-overlay.png);
left: 50%;
top: -115px;
transform: translate(-50%, 0);
z-index: -1;
}
.cloud-pics{
position: relative;
z-index: 1;
}
.cloud-pics:before{
content: '';
position: absolute;
width: 208px;
height: 204px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/404-cloud-left.png);
left: 32px;
top: -65px;
z-index: -1;
}
.cloud-pics:after{
content: '';
position: absolute;
width: 245px;
height: 200px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/404-cloud-right.png);
right: 38px;
top: -115px;
z-index: -1;
}
.page-notfound-contents h2{
color: #181B5E;
font-size: 67px;
font-weight: 700;
line-height: normal;
letter-spacing: -0.268px;
position: relative;
z-index: 3;
}
.page-notfound-contents p{
color: #000;
font-size: 21px;
font-weight: 500;
line-height: 34px;
position: relative;
z-index: 3;
}
.page-notfound-contents a{
width: fit-content;
height: 51px;
background: #00B7F1;
display: flex;
align-items: center;
justify-content: center;
padding: 0 27px;
color: #FFF;
font-size: 19px;
font-weight: 700;
line-height: normal;
letter-spacing: -0.076px;
margin-top: 32px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.page-notfound-contents a:hover{
background: #14152d;
color: #FFF;
}
.block-404{
text-align: center;
margin-top: 105px;
position: relative;
z-index: 2;
padding-bottom: 138px;
}
.block-404 img{
position: relative;
z-index: 2;
animation: anim-404 7s ease-in-out infinite;
}
.block-404:before {
content: '';
position: absolute;
width: 100%;
height: 282px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/sea-bg.png);
background-repeat: no-repeat;
background-size: cover;
left: 0;
bottom: 0;
z-index: 1;
}
.block-404:after {
content: '';
position: absolute;
width: 100%;
height: 330px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/sea-top.png);
background-repeat: no-repeat;
background-size: cover;
left: 0;
bottom: 30px;
z-index: 1;
}
.block-404 span{
position: relative;
display: block;
}
.block-404 span:before {
content: '';
position: absolute;
width: 115%;
height: 220px;
background: url(//www.advantis.world/maldives/wp-content/themes/advantis/assets/img/sea-anim.png);
background-repeat: no-repeat;
background-size: cover;
left: -7%;
top: 210px;
z-index: 3;
animation: anim-sea 9s ease-in-out infinite;
}
@keyframes anim-404 {
0% {
transform: rotate(-6deg) translate(20px, 25px);
}
50% {
transform: rotate(5deg) translate(12px, 15px);
}
100% {
transform: rotate(-6deg) translate(20px, 25px);
}
}
@keyframes anim-sea {
0% {
transform: rotate(3deg) translate(-20px, -15px);
}
50% {
transform: rotate(-3deg) translate(20px, 15px);
}
100% {
transform: rotate(3deg) translate(-20px, -15px);
}
}  .sales-inquiry-section{
background: #F7F7F7;
padding: 55px 0 90px;
}
.sales-inquiry-section .container{
padding-left: 105px;
padding-right: 105px;
}
.sales-inquiry-contents{
}
.sales-inquiry-contents h2{
color: #2E008B;
font-size: 33px;
font-weight: 500;
line-height: 57px;
letter-spacing: -0.132px;
margin-bottom: 42px;
text-align: center;
}
.sales-inquiry-form{
border: 1px solid #ECEBEB;
background: #FFF;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);
padding: 56px 70px;
}
.sales-inquiry-form h3{
color: #101010;
font-size: 24px;
font-weight: 500;
line-height: 25px;
margin-bottom: 32px;
}
.sales-inquiry-form h3{
color: #101010;
font-size: 24px;
font-weight: 500;
line-height: 25px;
margin-bottom: 25px;
}
.sales-inquiry-form hr{
background: #D9D5D5;
width: 100%;
height: 1px;
margin: 40px 0 37px 0;
}
.sales-inquiry-form label{
color: #101010;
font-size: 16px;
font-weight: 500;
line-height: 25px; 
margin-top: 16px;
margin-bottom: 9px;
}
.sales-inquiry-form input{
width: 100%;
height: 48px;
border: 1px solid #C6C6C6;
background: #FFF;
box-shadow: 0px 0px 5.5px 0px rgba(0, 0, 0, 0.02);
border-radius: 0;
border-left: 3px solid #009EC9;
}
.sales-inquiry-form select{
width: 100%;
height: 48px;
border: 1px solid #C6C6C6;
background: #FFF;
box-shadow: 0px 0px 5.5px 0px rgba(0, 0, 0, 0.02);
border-radius: 0;
border-left: 3px solid #009EC9;
cursor: pointer;
appearance: none;
padding-left: 12px;
}
.sales-inquiry-form textarea{
width: 100%;
height: 125px;
border: 1px solid #C6C6C6;
background: #FFF;
box-shadow: 0px 0px 5.5px 0px rgba(0, 0, 0, 0.02);
border-radius: 0;
border-left: 3px solid #009EC9;
}
.custom-radio-block{
margin-top: 18px;
}
.custom-radio-block h6{
color: #635A5A;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.custom-radio-block label {
margin-bottom: 0;
}
.custom-radio-group{
display: flex;
flex-direction: column;
gap: 13px;
margin-top: 18px;
}
.custom-radio-group .custom-radio {
display: flex;
align-items: center;
gap: 10px;
}
.custom-radio-group .custom-radio input{
width: 21px;
height: 21px;
border-radius: 50px;
border: 1px solid #9D9797;
background: #FFF;
box-shadow: 0px 0px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.custom-radio-group .custom-radio span{
color: #2E2D2D;
font-size: 15px;
font-weight: 400;
line-height: 22px;
}
.custom-textarea-container {
margin-top: 0;
display: none;
padding-left: 32px;
}
.custom-textarea-container textarea {
width: 734px;
height: 81px;
padding: 12px; }
.privacy-checkbox-group{
margin-top: 32px;
padding-left: 5px;
}
.privacy-checkbox-group span{
display: flex;
align-items: start;
gap: 10px;
}
.privacy-checkbox-group span input[type="checkbox"]{
width: 24px;
height: 24px;
border: 1px solid #9F9F9F;
box-shadow: 0px 0px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.privacy-checkbox-group span p{
color: #101010;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.privacy-checkbox-group span p a{
color: #03769F;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.privacy-checkbox-group span p a:hover{
color: #14152d;
}
.sales-form-btn{
margin-top: 30px;
display: flex; position: relative;
}
.sales-form-btn input{
width: fit-content;
height: 50px;
background: #00B7F1;
display: flex;
align-items: center;
justify-content: center;
padding: 0 32px;
color: #FFF;
font-size: 19px;
font-weight: 700;
letter-spacing: -0.076px;
transition: .5s;
border: none;
}
.sales-form-btn input:hover{
background: #14152d;
color: #FFF;
}
.sales-form-btn span.wpcf7-spinner {
position: absolute;
left: 20%;
top: 12px;
}  .advantis-campus-section{
padding: 70px 0 70px;
}
.advantis-campus-contents{
}
.advantis-campus-contents > div > p{
color: #2E2B41;
text-align: center;
font-size: 23px;
font-weight: 400;
line-height: 39px; 
max-width: 1024px;
margin: auto;
}
.advantis-campus-blocks{
padding: 0 30px;
}
.advantis-campus-blocks .row:first-child{ }
.advantis-campus-blocks .row{
margin-top: 90px;
}
.advantis-campus-blocks .row:nth-child(Even){
flex-direction: row-reverse;
}
.advantis-campus-blocks .row .col-12{
display: flex;
align-items: center;
}
.advantis-campus-single-contents{
padding-left: 52px;
max-width: 508px;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-contents{
padding-left: 35px;
max-width: 490px;
}
.advantis-campus-single-contents h3{
color: #292267;
font-size: 41px;
font-weight: 600;
line-height: 55px;
margin-bottom: 42px;
}
.advantis-campus-single-contents p{
color: #000;
font-size: 18px;
font-weight: 400;
line-height: 31px;
}
.advantis-campus-single-pic{
position: relative;
z-index: 1;
padding-left: 22px;
width: 100%;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-pic{
padding-left: 50px;
}
.advantis-campus-single-pic:before{
content: '';
position: absolute;
width: 489px;
height: 529px;
background: #F8F8F8;
right: 0;
top: -50px;
z-index: -1;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-pic:before {
left: 0;
right: unset;
}  .privacy-banner-section{
background: #F7F7F7;
padding: 72px 0 78px;
}
.privacy-banner-contents{
}
.privacy-banner-contents h1 {
color: #2E008B;
font-size: 37px;
font-weight: 700;
line-height: 57px;
letter-spacing: -0.148px;
text-align: center;
margin-bottom: 5px;
}
.privacy-banner-contents .breadcrumb {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.privacy-banner-contents .breadcrumb li {
color: #A1A1A1;
font-size: 14px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0.784px;
text-transform: uppercase;
}
.privacy-banner-contents .breadcrumb li a {
color: #A1A1A1;
}
.privacy-banner-contents .breadcrumb-item+.breadcrumb-item::before {
padding-right: 18px;
padding-left: 15px;
}
.privacy-policy-section{
background: #F7F7F7;
padding-bottom: 60px;
}
.privacy-policy-section .container{
padding-left: 105px;
padding-right: 105px;
}
.privacy-policy-contents{
border: 1px solid #ECEBEB;
background: #FFF;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);
width: 100%;
padding: 45px 55px;
}
.privacy-policy-contents h2{
color: #3D42A6;
font-size: 28px;
font-weight: 500;
line-height: normal;
margin-bottom: 25px;
margin-top: 40px;
}
.privacy-policy-contents h2:first-child{
margin-top: 0;
}
.privacy-policy-contents h5{
color: #000;
font-size: 18px;
font-weight: 700;
line-height: 28px;
margin-bottom: 20px;
margin-top:45px;
}
.privacy-policy-contents p{
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-top: 20px;
} #menu-hamburger-menu-links {
margin-top: -15px;
}
#menu-hamburger-menu-links li {
display: block;
}
.hidden {
display: none;
}
.all-article-block {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}
.all-article-block:not(.hidden) {
max-height: 1000px !important;
opacity: 1;
transition: max-height 0.5s ease-in, opacity 0.5s ease-in;
}
.stories-gallery-images {
display: flex;
flex-wrap: wrap;
gap: 25px;
margin-top: 40px;
}
.stories-gallery-images a {
width: 31.8%;
}
.stories-gallery-images a img{
width: 100%;
}
.radio-block-group > span > span > span label {
margin-top: 0;
}
.sales-inquiry-form .radio-group {
margin-bottom: 0;
}
.country-list-name-slider .slick-dots li.slick-active button {
background: #ffffff;
}
.solution-level2-services p {
margin-top: 35px;
text-align: center;
}
.small-head-menu>ul>li.lm-block-menu>ul {
width: 184px;
}
.small-head-menu>ul>li.lm-block-menu>ul li {
width: 100%;
}
.about-intro-contents .about-intro-pic-mob{
display: none;
}
.join-team-mobile-img{
display: none !important;
}
.top-bar li.current-menu-item a {
color: #00b7f1 !important;
}
.top-bar-contents {
display: flex;
align-items: center;
justify-content: end;
gap: 40px;
}
.small-head-menu>ul>li.solution-submenus>ul {
width: 415px; padding: 0 28px 0;
}
.small-head-menu>ul>li.solution-submenus>ul>li {
width: 100%;
}
.small-head-menu>ul li.solution-submenus ul.subshow,
.small-head-menu>ul li.solution-submenus:hover ul {
padding: 15px 28px 15px;
}
.header-wrap.scrolled {
backdrop-filter: blur(4px); }
.view-only-mobile{
display: none !important;
}
.our-presence-section > video{
display: none;
}
.country-list-name-slider ul {
display: none;
}
.grecaptcha-badge {
opacity: 0;
}
.single-solution-contents a {
margin-top: 22px;
color: #332a7e;
font-weight: 500;
}
.single-solution-contents a:hover {
color: #00aeef;
} .country-field {
position: relative;
z-index: 1;
}
.code-num {
position: relative;
z-index: 1;
}
span.iti__country-name {
display: none;
}
.iti__country-list {
width: 100%;
overflow-x: hidden;
}
.iti__country-list::-webkit-scrollbar {
width: 5px;
}
.iti__country-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #ffffff;
}
.iti__country-list::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, rgb(41 98 46) 10.8%, rgb(143 186 92) 94.3%);
}
.form-field.country-field label {
top: 5px;
font-size: 12px;
z-index: 20;
}
.country-select.inside .flag-dropdown {
width: 100%;
}
.country-select.inside .selected-flag {
width: 100%;
}
.country-select .selected-flag .arrow {
border-right: none;
border-top: none;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
right: 22px;
top: 26px;
transform: rotate(-45deg);
width: 8px;
height: 8px;
}
.country-select .selected-flag .arrow {
top: 20px;
transition: .5s;
}
.country-select .selected-flag .arrow.up {
border-bottom: 1px solid #000;
transform: rotate(135deg);
top: 24px;
}
.country-select .flag {
display: none;
}
.country-select.inside input, .country-select.inside input[type=text] {
padding-left: 18px;
}
.country-select.inside .flag-dropdown:hover .selected-flag {
background-color: transparent;
}
.country-select ul.country-list {
width: 100%;
overflow-x: hidden;
}
.country-select ul.country-list::-webkit-scrollbar {
width: 10px;
}
.country-select ul.country-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #ffffff;
}
.country-select ul.country-list::-webkit-scrollbar-thumb {
background: #332a7e;
} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ff0000;
text-align: center;
margin: 25px 0 0;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
border-color: #ff0000;
text-align: center;
margin: 25px 0 0;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
text-align: center;
margin: 15px 0 0;
}
.wpcf7-not-valid-tip {
font-size: 13px;
}
.contact-btn .wpcf7-spinner {
top: 5px;
}@media only screen and (min-width: 1000px){
.header-wrap .navbar-collapse {
display: block !important;
}
}
@media only screen and (min-width: 1200px){
.inner-banner-section, .inner-banner-contents {
height: 460px;
}
}
@media only screen and (min-width: 1300px){
.stories-featured-section .container {
padding-left: 82px;
}
.stories-featured-gallery-slider .slick-track {
left: -27%;
}
.our-history-years-wrap::before {
left: 33.4%;
}
.solution-listing-section > .container {
padding-left: 80px;
}
.inner-banner-section, .inner-banner-contents {
height: 460px;
}
}
@media only screen and (min-width: 1500px){
.hamb-menus-block-left ul.nav li button.active:before {
left: -28%;
}
.slick-dots {
left: 168px;
}
.our-presence-contries:before {
width: 770px;
height: 770px;
left: 240px;
top: 22px;
}
.our-presence-contries ul {
margin-top: 65px; margin-left: 40px;
}
.our-presence-contries ul li.presence-con-2 {
right: -55px;
}
.our-presence-contries ul li.presence-con-3 {
right: -35px;
}
.our-presence-contries ul li.presence-con-4 {
right: -30px;
}
.our-presence-contries ul li.presence-con-5 {
right: -36px;
}
.our-presence-contries ul li.presence-con-6 {
right: -58px;
}
.our-presence-contries ul li.presence-con-7 {
right: -94px;
}
.our-presence-contries ul li.presence-con-8 {
right: -155px;
top: 0;
}
.bod-member-sec-title h2 {
top: 115px;
font-size: 80px;
}
.stories-featured-section .container {
padding-left: 168px;
}
.stories-featured-gallery-slider .slick-track {
left: -17%;
}
.stories-featured-section:before {
width: 41%;
}
.hamb-menus-wrap:after {
top: 53%;
}
.our-presence-contries ul:before {
width: 785px;
height: 785px;
left: 175px;
top: -165px;
background-repeat: no-repeat;
background-size: contain;
}
.our-history-years-wrap::before {
left: 35.3%;
}
.solution-listing-section > .container {
padding-left: 165px;
}
.inner-banner-section, .inner-banner-contents {
height: 540px;
}
}
@media only screen and (min-width: 1920px){
.hamb-menus-block-left ul.nav li button.active:before {
left: -15%;
}
.slick-dots {
left: 358px;
}
.our-presence-contries:before {
width: 970px;
height: 970px;
left: 290px;
top: 30px;
}
.our-presence-contries ul {
margin-top: 40px;
margin-left: 110px;
}
.our-presence-contries ul li.presence-con-2 {
right: -62px;
}
.our-presence-contries ul li.presence-con-3 {
right: -42px;
}
.our-presence-contries ul li.presence-con-4 {
right: -33px;
}
.our-presence-contries ul li.presence-con-6 {
right: -50px;
}
.our-presence-contries ul li.presence-con-7 {
right: -75px;
}
.our-presence-contries ul li.presence-con-8 {
right: -115px;
top: 0;
}
.stories-featured-section .container {
padding-left: 360px;
}
.stories-featured-gallery-slider .slick-track {
left: -2%;
}
.stories-featured-section:before {
width: 38%;
}
.hamb-menus-wrap:after {
top: 43%;
}
.our-presence-contries ul:before {
width: 975px;
height: 975px;
left: 180px;
top: -242px;
}
.our-history-years-wrap::before {
left: 38.3%;
}
.solution-listing-section > .container {
padding-left: 357px;
}
.inner-banner-section, .inner-banner-contents {
height: 650px;
}
.advantis-campus-single-pic:before {
width: 465px;
height: 500px;
}
.ecosystem-top-right img {
height: 470px;
width: 90%;
object-fit: cover;
}
}
@media only screen and (min-width: 1250px) and (max-width: 1450px){
.bod-member-sec-title h2 {
font-size: 60px;
}
.bod-member-single img { }
.advantis-campus-single-pic img {
height: 500px;
object-fit: cover;
}
.advantis-campus-single-pic {
padding-left: 38px;
}
.advantis-campus-single-pic:before {
width: 465px;
height: 500px;
}
.ecosystem-top-right img {
height: 495px;
width: 90%;
object-fit: cover;
}
.esg-intro-contents img {
width: 80%;
}
.our-goals-contents h2 {
margin-bottom: 28px;
}
.goal-percent {
font-size: 40px;
}
.our-goal-single-1 h5 {
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
}
.our-goal-single-2 h5 {
font-size: 18px;
line-height: 26px;
}
.our-goal-single-3-left h5 {
font-size: 18px;
line-height: 26px;
}
.our-goal-single-4 .goal-percent {
font-size: 45px;
margin-bottom: 0;
}
.our-goal-single-4 h5 {
font-size: 18px;
line-height: 26px;
max-width: 200px;
margin-top: 15px;
}
.our-goal-single-5 > h5 {
font-size: 18px;
line-height: 26px;
}
.our-goal-single-6-highest h5 {
font-size: 18px;
line-height: 26px;
}
.our-goals-single-block {
padding: 22px 25px 22px 25px;
}
.our-goal-single-5-coastal .goal-percent {
font-size: 50px;
}
.header-wrap.scrolled .navbar {
padding-top: 3px;
padding-bottom: 3px;
}
.our-goal-single-5-flex-cont > img {
width: 130px;
}
.our-goal-single-3-left .goal-top {
font-size: 45px;
line-height: 30px;
}
.our-goal-single-2 .goal-percent {
font-size: 45px;
line-height: 37px;
margin-bottom: 12px;
}
.our-goal-single-5-flex-cont {
margin-bottom: 20px; }
.our-goals-single-block:nth-child(6) {
padding-left: 25px;
}
.solution-listing-single-block > img {
height: 500px;
}
.hamb-menus-block-left ul.nav li button.active:before {
left: -41%;
}
.contact-visit-map {
height: 500px;
}
.country-list-banner-contents {
padding: 98px 0 50px;
}
.country-lists-single img {
height: 500px;
}
}
@media only screen and (min-width: 1360px) and (max-width: 1450px){
.bod-member-sec-title h2 {
font-size: 62px;
}
.bod-member-single img { }
.advantis-campus-single-pic img {
height: 510px;
}
.advantis-campus-single-pic {
padding-left: 35px;
}
.esg-intro-contents img {
width: 82%;
}
}
@media only screen and (min-width: 1500px) and (max-width: 1900px){
.our-goals-single-block {
padding: 25px 25px 25px 25px;
}
.our-goals-single-block:nth-child(6) {
padding-left: 25px;
}
.contact-visit-map {
height: 550px;
}
.esg-intro-contents img {
width: 90%;
}
}
@media only screen and (max-width: 1300px){
}
@media only screen and (max-width: 1200px){
.container { 
padding-left: 30px;
padding-right: 30px;
}
.hamb-menus-block-left ul.nav li button.active:before { left: -65%;
}
.hamb-menus-block-left {
width: 16%;
}
.hamb-menus-block-right {
width: 84%;
}
button.hamb-toggle-btn span:nth-child(1) {
transform: translateY(-9px);
}
button.hamb-toggle-btn span:nth-child(2) {
transform: translateY(9px);
}
button.hamb-toggle-btn.active span:nth-child(2) {
transform: translateY(-5px) rotate(315deg);
}
.solution-sec-bg-blocks {
display: none;
}
.solution-sec-single-block {
background: #11121C !important;
opacity: 1 !important;
backdrop-filter: unset;
padding: 0 10px;
}
.solution-sec-single-block ul {
display: none;
}
.solution-sec-single-block > a {
font-size: 16px;
line-height: 26px;
}
.header-wrap ul.navbar-nav > li.has-child span.nav-click {
display: block;
width: 10px;
height: 10px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
top: 22px;
}
.header-wrap ul.navbar-nav > li.has-child {
padding-right: 30px;
}
.small-head-menu>ul li:hover ul,
.top-bar ul li:hover ul {
overflow  : hidden;
max-height: 0;
padding: 0 32px 0;
}
.small-head-menu ul li ul.subshow,
.top-bar ul li ul.subshow {
position  : absolute;
transition: all 1s;
max-height: 600px;
padding: 20px 32px 20px;
margin-bottom: 15px;
}
.small-head-menu>ul li.solution-submenus:hover ul {
padding: 0 28px 0;
}
.small-head-menu>ul>li.solution-submenus>ul.subshow {
padding: 18px 28px 18px;
}
.nav-click.arrowup {
transform: rotate(135deg);
top: 17px !important;
}
.small-head-menu .nav-click.arrowup {
top: 30px !important;
}
.slick-dots {
left: 30px;
}
.our-presence-contries video {
left: 0;
}
.our-presence-section {
background-position: 0 !important;
}
.our-presence-contries:before {
width: 750px;
height: 750px;
left: 260px;
top: 15px;
}
.our-presence-contries ul {
margin-top: 85px;
margin-left: 85px;
}
.our-presence-contries ul li.presence-con-2 {
right: -57px;
}
.our-presence-contries ul li.presence-con-3 {
right: -35px;
}
.our-presence-contries ul li.presence-con-4 {
right: -30px;
}
.our-presence-contries ul li.presence-con-5 {
right: -38px;
}
.our-presence-contries ul li.presence-con-6 {
right: -58px;
}
.our-presence-contries ul li.presence-con-7 {
right: -98px;
}
.our-presence-contries ul li.presence-con-8 {
right: -160px;
top: 0;
}
.country-list-banner-contents {
padding: 80px 0 45px;
}
.country-list-name-slider {
margin-top: 48px;
}
.inner-page-head ul.navbar-nav > li.has-child span.nav-click {
border-color: #14152d;
}
.country-single-banner-section, .country-single-banner-contents {
height: 575px;
}
.country-join-team-section {
height: auto;
}
.country-join-team-section .join-team-contents-block {
height: auto;
margin: 100px 0;
}
.join-team-section .container, .join-team-section .row, .join-team-section .col-12 {
height: 100%;
}
.country-join-team-section .container,
.country-join-team-section .row,
.country-join-team-section .col-12 {
height: auto;
}
.inner-banner-section, .inner-banner-contents {
height: 550px;
}
.solution-listing-section {
overflow: hidden;
}
.single-solution-pic img {
width: 100%;
}
.single-solution-wrap .container {
padding-left: 30px;
padding-right: 30px;
}
.single-solution-sections .single-solution-wrap:first-child {
padding: 50px 0 55px;
}
.single-solution-wrap { padding: 30px 0 30px;
}
.about-intro-section { padding: 150px 0 150px;
}
.our-history-years-wrap {
padding-left: 0;
padding-right: 0;
}
.our-history-years-wrap:after {
left: 10px;
}
.our-history-single-year {
gap: 95px;
}
.our-history-year-contents {
padding-left: 60px;
}
.our-history-year-content-left:before {
left: -70px;
}
.our-history-year-content-left:after {
left: -62px;
}
.our-history-years-section {
padding: 40px 0 0;
}
.bod-members-block { gap: 38px;
}
.bod-member-single img {
width: 100%;
}
.bod-member-single { width: 30.2%;
margin-top: 45px;
} .bod-member-sec-title h2 {
margin: 0 !important;
}
.bod-member-sec-title {
padding-left: 15px;
padding-top: 45px;
} .bod-section {
padding: 60px 0 75px;
}
.gmc-section {
padding: 67px 0 75px;
}
.bod-modal-contents {
width: 48%;
}
.modal-bod .modal-dialog {
margin: 25px;
}
.ecosystem-top-content-block {
padding: 0 20px;
}
.ecosystem-top-right img {
width: 100%;
}
.ecosystem-top-left {
padding-top: 0;
}
.ecosystem-bottom-content-block {
margin-top: -30px;
}
.ecosystem-top-right-contents {
right: -20px;
bottom: -20px;
}
.we-advantis-section {
padding: 70px 0 75px;
}
.our-goal-single-2 img {
width: 100%;
}
.our-goal-single-3-left .goal-top {
font-size: 45px;
line-height: 40px;
}
.our-goals-single-block {
padding: 30px 28px 32px 28px;
}
.our-goal-single-6-highest {
flex-direction: column;
align-items: center;
}
.our-goals-single-block:nth-child(6) {
padding-left: 28px;
}
.our-goals-section {
padding: 0 0 65px;
}
.our-commitments-section {
padding: 55px 0 70px;
}
.our-commitment-titles {
padding: 22px 25px 22px 30px;
}
.our-commitment-contents {
padding-left: 20px;
}
.newsroom-latest-block {
padding: 40px 35px 32px;
}
.newsroom-latest-slider .slick-next {
right: -45px;
top: 52%;
}
.newsroom-latest-slider .slick-prev {
right: -45px;
top: 63%;
}
.newsroom-latest-slide-contents img {
height: 375px;
object-fit: cover;
width: 100%;
}
.newsroom-latest-block label {
right: -35px;
top: 78px;
}
.all-article-single-block img {
height: 200px;
}
.news-quote-block {
padding: 40px 200px 38px 40px;
}
.news-quote-block:before {
top: 45px;
right: 42px;
}
.news-single-details-section {
background: #F9F9F9;
padding-bottom: 50px;
}
.stories-featured-gallery-slider .slick-track {
left: -64%;
}
.stories-featured-section:before {
width: 45%;
}
.stories-featured-image img {
height: 555px;
}
.stories-featured-image {
margin-top: 35px;
padding: 0 30px;
}
.stories-featured-image img {
height: auto;
}
.contact-country-detail-contents {
width: 45%;
}
.contact-visit-map {
height: 590px;
width: 55%;
}
.our-network-section .container {
padding-left: 30px;
padding-right: 30px;
}
.contact-visit-section {
padding: 32px 0 32px;
}
.contact-today-phone-qr button:hover span {
opacity: 0;
visibility: hidden;
}
.contact-today-phone-qr button.active span {
opacity: 1;
visibility: visible;
}
.contact-reach-sub-tab-contents {
padding: 22px 35px 30px 40px;
}
.contact-reach-sub-tabs {
width: 40%;
}
.contact-reach-sub-tab-contents {
width: 60%;
}
.contact-form:before {
right: -45%;
}
.sales-inquiry-section .container {
padding-left: 45px;
padding-right: 45px;
}
.advantis-campus-single-pic img {
width: 90%;
height: auto;
}
.advantis-campus-single-pic:before {
width: 85%;
height: 85%;
}
.advantis-campus-blocks {
padding: 0 0;
}
.advantis-campus-single-contents {
padding-left: 25px;
max-width: unset;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-pic img {
width: 95%;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-contents {
padding-left: 28px;
max-width: unset;
}
.privacy-policy-section .container {
padding-left: 50px;
padding-right: 50px;
}
.stories-gallery-images a {
width: 31.3%;
}
.footer-copyrights {
padding-right: 0;
flex-direction: column;
}
.footer-copyrights a.cus-privacy-btn {
padding-top: 12px;
text-align: left;
}
.footer-copyrights a.cus-privacy-btn:before {
width: 30px;
height: 1px;
left: 0;
top: -2px;
}
.hamb-menus-wrap:after {
top: 58%;
}
.our-presence-contries ul:before {
width: 750px;
height: 750px;
left: 174px;
top: -148px;
background-repeat: no-repeat;
background-size: contain;
}
.newsroom-content-box a:before {
left: 125%;
}
.fixed-buttons a {
width: 30px;
}
.fixed-buttons button {
width: 30px;
}
footer:before {
right: 0;
bottom: 0;
}
.back-to-top {
bottom: 85px;
right: 30px;
}
.join-team-slider .slick-list.draggable, .join-team-slider .slick-list.draggable .slick-track {
height: 100%;
}
.solution-sec-single-block:last-child {
padding-right: 30px;
}
.solution-listing-blocks {
margin-top: 10px;
}
.solution-level2-services p {
margin-top: 30px;
text-align: center;
}
.sustainability-contents-block {
padding-right: 20px;
}
.welcome-contents-block {
padding-right: 20px;
}
.newsroom-contents-block {
padding-right: 20px;
}
.sales-form-btn span.wpcf7-spinner {
left: 24%;
}
.our-history-years-wrap:before {
left: 28.3%;
}
.top-bar ul label:hover ~ ul {
padding: 0 20px 0;
overflow: hidden;
max-height: 0;
}
.top-bar ul label ~ ul.subshow {
padding: 15px 20px 15px;
overflow: hidden;
max-height: 500px;
}
.top-bar ul label:hover:after {
transform: rotate(-45deg);
top: 12px;
}
.top-bar ul label.arrowup:after {
transform: rotate(135deg);
top: 18px;
}
.our-goal-single-5-flex-cont {
gap: 5px;
margin-bottom: 10px;
flex-direction: column;
}
}
@media only screen and (max-width: 992px){
button.navbar-toggle{
display: flex !important;
}
.header-wrap {
top: 0; height: auto;
position: fixed;
} .nav-click.arrowup {
top: 15px !important;
}
.nav-click {
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
width: 10px;
height: 10px;
}
.small-head-menu>ul>li.has-child>.nav-click, .top-bar ul>li.has-child>.nav-click {
top: 7px;
} .small-head-menu>ul>li>ul>li,
.top-bar ul>li>ul>li {
padding: 5px 0 !important;
}
.nav-click {
display: block;
} .header-wrap ul.navbar-nav { gap: 15px;
flex-direction: unset;
}
.tab-mob-only{
display: block;
}
.desktop-only{
display: none;
}
.top-bar {      
display: none;
}
button.hamb-toggle-btn, .hamb-menus-wrap {
display: none;
}
.small-head-menu ul li.has-child {
padding-right: 30px;
}
.small-head-menu {
margin-right: 42px;
} .menu-open {
width: 40px;
height: 40px;
position: relative;
}
.menu-open span{
position: absolute;
width: 100%;
height: 2px;
background: #ffffff;
border-radius: 5px;
transition: 0.5s;
left: 0;
}
.menu-open span:nth-child(1) {
transform: translateY(-10px);
}
.menu-open span:nth-child(2) {
transform: translateY(0);
}
.menu-open span:nth-child(3) {
transform: translateY(10px);
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 9;
}
.menu-container {
position: fixed;
top: 0;
right: 0;
width: 45%;
height: 100vh;
background-color: #14152d;
color: #fff;
transform: translateX(100%);
transition: transform 0.3s ease;
z-index: 999;
overflow: hidden;
padding: 18px 20px 30px;
}
.menu-container .menu-header {
display: flex;
justify-content: space-between;
align-items: center; margin-bottom: 55px;
z-index: 9999;
position: relative;
}
.menu-container .close-btn {
background: none;
color: #fff;
font-size: 20px;
border: none;
cursor: pointer;
font-size: 25px;
position: relative;
top: 7px;
}
.menu-container .menu {
list-style: none; }
.menu-container .menu li {
margin: 20px 0;
list-style: none;
}
.menu-container .menu a {
color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
font-size: 18px;
font-weight: 400;
line-height: 28px;
} .menu-container .arrow {
margin-left: auto; width: 10px;
height: 10px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-135deg);
} .menu-container .sub-menu {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background-color: #14152d;
transform: translateX(100%);
transition: transform 0.3s ease;
padding: 90px 20px 30px;
z-index: 1;
}
.menu-container .sub-menu.show {
display: block;
transform: translateX(-100%);
}
.menu-container .back-btn {
color: #fff;
border: none;
cursor: pointer;
font-size: 25px;
}
.menu-container .back-btn:hover {
background-color: #555;
} .menu-container.show {
transform: translateX(0);
}
.overlay.show {
display: block;
}
body:before {
content: '';
position: absolute;
width: 55%;
height: 100%;
background: #14152d75;
top: 0;
left: 0;
transform: translate(-100%,0);
z-index: 9999999;
transition: .7s;
backdrop-filter: blur(6px);
}
body.open-mob-menu:before {
transform: translate(0,0);
}
.menu-open, .menu-container{
display: block;
} .section {
height: auto;
}
.main-banner-contents {
height: 100%;
}
.main-banner-slides, .main-banner-contents {
height: 600px;
}
.main-banner-contents h1 {
font-size: 65px;
line-height: 78px;
max-width: unset;
}
.main-banner-contents {
padding-bottom: 110px;
}
.welcome-section, .welcome-contents-block {
height: 675px;
}
.welcome-section video {
height: 100%;
}
.welcome-contents-block {
padding-bottom: 30px;
align-items: center;
padding-right: 0;
}
.solution-sec-blocks {
flex-wrap: wrap;
}
.solution-sec-single-block {
padding: 50px 10px;
flex: 1 1 calc(33.333% - 0px);
border-right: 1px solid #ffffffa1;
border-bottom: 1px solid #ffffffa1;
}
.solution-sec-single-block:nth-child(3){
border-right: none;
}
.sustainability-contents-block {
height: auto;
padding-bottom: 30px;
padding-top: 210px;
}
.newsroom-section video {
height: 100%;
}
.newsroom-contents-block {
height: auto;
padding-bottom: 25px;
padding-top: 240px;
}
.newsroom-content-box {
height: 100%;
}
.newsroom-contents .row .col-12 {
margin-top: 30px;
}
.join-team-contents-block {
height: 100%;
padding-bottom: 60px; padding-top: 0;
}
.footer-copyrights{
display: none;
}
.tab-mob-copyright {
display: block;
margin-top: 30px;
border-top: 1px solid #fff;
padding-top: 30px;
transform: unset !important;
width: 75%;
}
.footer-link-blocks {
border-left: none;
padding-left: 0;
margin-top: 40px;   
}
.footer-copyrights p { font-size: 14px;
line-height: 24px;
max-width: 85%;
}
footer {
padding: 55px 0 30px;
}
footer:before {
width: 300px;
height: 290px;
right: 0;
bottom: 0;
background-size: contain;
}
.our-presence-contries ul{
display: none;
}
.our-presence-country-slider{
display: block !important;
}
.our-presence-contents {
max-width: unset;
}
.our-presence-contents-block {
height: auto;
}
.our-presence-section {
padding: 50px 0 45px;
position: relative;
}
.our-presence-contents h2 {
margin-bottom: 30px;
text-align: center;
}
.our-presence-contries {
margin-top: 40px;
width: 100%;
}
.our-presence-contries video {
display: none;
}
.our-presence-country-slider {
margin-left: -30px;
margin-right: -30px;
position: relative;
overflow: hidden; padding-right: 30px;
padding-left: 30px;
}
.our-presence-country-name{
}
.our-presence-contries:before{
display: none;
}
.our-presence-country-slider::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
border: 1px solid #ffffff4d;
left: 0;
top: 24px;
z-index: -1;
}
.our-presence-country-name {
color: #D8DBFF;
font-size: 20px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.072px;
position: relative;
text-align: center; 
padding-top: 65px;
}
.our-presence-country-name:before {
content: '';
position: absolute;
width: 47px;
height: 47px;
background: #00aeef21;
left: 50%;
transform: translate(-50%, 0);
border-radius: 50%;
top: 0;
}
.our-presence-country-name:after {
content: '';
position: absolute;
width: 23px;
height: 23px;
background: #FFF;
left: 50%;
transform: translate(-50%, 0);
border-radius: 50%;
z-index: 1;
top: 12px;
}
.our-presence-country-slider .slick-prev { left: 35px;
}
.our-presence-country-slider .slick-next { right: 50px;
}
.our-presence-country-slider .slick-next, 
.our-presence-country-slider .slick-prev {
top: 21%;
z-index: 1;
}
.our-presence-country-slider .slick-next:before, 
.our-presence-country-slider .slick-prev:before {
font-size: 32px;
}
.sustainability-contents-block {
align-items: center;
padding-right: 0;
}
.sustainability-contents {
display: flex;
flex-direction: column;
align-items: center;
padding: 44px 48px 44px 48px;
}
.join-team-contents-block {
align-items: center;
padding-bottom: 30px;
}
.join-team-contents {
display: flex;
flex-direction: column;
align-items: center;
}
.inner-page-head .menu-open span {
background: #14152d;
}
.country-lists-single-contents {
padding: 30px 30px 30px;
}
.country-lists-single-contents h2 {
font-size: 50px;
line-height: 60px;
}
.country-lists-single-contents p {
font-size: 18px;
line-height: 28px;
max-width: unset;
}
.country-list-banner-contents {
height: max-content;
}
.country-list-name-slider .slick-dots {
left: 0;
justify-content: center;
bottom: -32px;
display: flex;
}
.country-lists-single:before,
.country-lists-single:nth-child(Even):before {
width: 100%;
}
.multis-inner-page {
padding-top: 0;
}
.country-single-banner-section, .country-single-banner-contents {
height: 475px;
}
.country-single-banner-contents h1 {
font-size: 65px;
line-height: 85px;
}
.video-bg-content-wrap {
padding: 75px 0 75px;
}
.country-solution-section .solution-sec-single-block {
padding: 100px 10px 120px;
flex: 1 1 calc(50% - 0px); height: auto;
}
.country-solution-section {
height: auto;
}
.country-solution-section .solution-sec-blocks {
height: auto;
}
.country-solution-section .solution-sec-single-block:nth-child(3) {
border-right: 1px solid #ffffffa1;
}
.country-solution-section .solution-sec-single-block:nth-child(Even) {
border-right: none;
}
.country-join-team-section .join-team-contents-block {
margin: 120px 0;
padding-top: 0;
}
.inner-banner-section, .inner-banner-contents {
height: 420px;
}
.inner-banner-contents {
padding-bottom: 30px;
}
.solution-listing-section {
padding: 45px 0 55px;
}
.solution-listing-single-block {
flex-direction: column;
align-items: center;
}
.solution-listing-single-contents {
position: relative;
padding-bottom: 0;
margin-top: -50px;
width: auto;
justify-content: center;
}
.solution-listing-single-block > img {
width: 100%; height: auto;
}
.solution-listing-section > .container {
padding-right: 0;
padding-left: 0;
}
.solution-listing-box {
width: 90%;
align-items: center;
text-align: center;
}
.solution-level2-service-block { margin-top: 0;
height: 100%;
border-bottom: 1px solid #C9C0C0;
}
.solution-level2-services .row > .col-lg-4 {
margin-bottom: 30px;
}
.solution-level2-service-section {
padding: 42px 0 25px;
}
.solution-level2-services .row .col-12:nth-child(1) .solution-level2-service-block, 
.solution-level2-services .row .col-12:nth-child(2) .solution-level2-service-block {
margin-top: 0;
}
.inner-banner-contents .breadcrumb-item+.breadcrumb-item::before {
padding-right: 10px;
padding-left: 7px;
}
.inner-banner-contents .breadcrumb li {
font-size: 14px;
line-height: 28px;
}
.single-solution-contents {
max-width: unset;
}
.single-solution-pic {
text-align: center;
margin-top: 30px;
}
.single-solution-pic img {
width: 80%;
}
.single-solution-sections .single-solution-wrap:nth-child(Even) .single-solution-contents {
padding-left: 0;
} .single-solution-sections {
padding: 22px 0 35px;
}
.single-solution-wrap { padding: 20px 0 20px;
}
.about-intro-contents {
max-width: 400px;
}
.about-intro-contents p {
margin-top: 25px;
}
.about-intro-section { padding: 130px 0 130px;
}
.our-history-years-wrap:after {
left: 40px;
font-size: 45px;
top: 88px;
}
.our-history-year-contents {
padding-left: 40px; gap: 20px;
padding-top: 25px;
padding-bottom: 25px;
}
.our-history-year-content-left:before {
left: -52px;
}
.our-history-year-content-left:after {
left: -44px;
}
.our-history-year-content-right img {
width: -webkit-fill-available;
}
.our-history-year-content-right {
width: 30%;
}
.our-history-year span {
font-size: 55px;
line-height: 65px;
}
.our-history-single-year {
gap: 60px;
}
.bod-member-sec-title h2 {
margin: 0 !important;
transform: unset;
writing-mode: unset;
font-size: 50px;
line-height: 55px;
}
.bod-member-sec-title {
padding-left: 0;
padding-top: 0;
position: relative;
height: auto;
text-align: center;
}
.bod-members-block { padding-left: 20px;
margin-top: 20px;
gap: 0;
}
.bod-member-title { padding: 15px 20px 15px; left: -20px;
}
.bod-member-single:nth-child(Even) .bod-member-title {
left: 0;
}
.bod-member-single:nth-child(Odd) {
padding-right: 25px;
}
.bod-member-single:nth-child(Even) {
padding-left: 25px;
}
.bod-member-name { font-size: 22px;
line-height: 28px;
margin-bottom: 7px;
}
.bod-member-position {
font-size: 14px;
line-height: 20px;
width: auto;
}
.bod-member-single { margin-top: 40px;
width: 50%;
}
.modal-bod .modal-body {
flex-direction: column;
}
.bod-modal-pic {
position: relative;
text-align: center;
padding-top: 25px;
}
.bod-modal-pic img {
width: 50%;
}
.bod-modal-contents {
width: 100%;
position: relative;
padding: 40px 30px 40px 30px;
}
.bod-modal-details {
height: auto;
overflow-y: unset;
padding-right: 0;
}
.bod-modal-pic .bod-member-title {
left: 50%;
right: unset;
transform: translate(-50%, 0);
bottom: 40px;
padding: 30px 30px 30px;
min-width: unset;
width: 70%;
}
.bod-modal-member-name,
.bod-modal-member-position {
text-align: center;
}
.modal-bod .modal-content button { position: absolute;
right: 20px;
top: 28px;
}
.bod-member-single img { height: 400px;
}
.ecosystem-section {
padding: 50px 0 50px;
}
.ecosystem-section h2 { margin-bottom: 45px;
}
.ecosystem-top-left p {
max-width: unset;
}
.ecosystem-top-left h3 {
margin-bottom: 38px; }
.ecosystem-top-left {
margin-bottom: 25px;
}
.ecosystem-top-content-block {
padding: 0 30px;
}
.ecosystem-top-right {
text-align: left;
}
.ecosystem-top-right img {
width: 75%;
}
.ecosystem-bottom-content-block {
margin-top: -45px;
padding: 68px 35px 40px;
}
.ecosystem-bottom-content-single-point {
padding-top: 38px;
margin-top: 20px;
}
.ecosystem-contents-block {
margin-top: 65px;
}
.ecosystem-top-right-contents {
right: 0;
bottom: -20px;
}
.we-advantis-section {
padding: 50px 0 50px;
}
.our-goals-single-block {
padding: 30px 35px 32px 35px;
width: 50%;
}
.our-goals-section .container {
padding-left: 30px;
padding-right: 30px;
}
.our-goals-single-block:nth-child(3), .our-goals-single-block:nth-child(5) {
padding-right: 35px;
border-right: 1px solid #F0E3E3;
}
.our-goals-single-block:nth-child(Even){
border-right: none;
padding-right: 0;
}
.our-goals-single-block:nth-child(Odd){
padding-left: 0;
}
.our-goals-single-block {
border-bottom: 1px solid #F0E3E3;
}
.our-goals-single-block:nth-child(5),
.our-goals-single-block:nth-child(6) {
border-bottom: none;
}
.our-goal-single-6-highest { flex-direction: column-reverse;
}
.our-commitments-title h2 {
margin-bottom: 52px;
}
.our-commitment-titles {
padding: 25px 35px 25px 40px;
width: 65%;
position: relative;
top: 0;
left: 50%;
transform: translate(-50%, 0) !important;
}
.our-commitment-contents {
padding-left: 0;
padding-top: 35px;
}
.our-commitment-content-single h3 {
margin-bottom: 30px;
text-align: center;
}
.our-commitment-content-sub {
margin-top: 30px;
}
.our-commitment-content-single {
padding-bottom: 50px;
margin-bottom: 45px;
}
.project-detail-block {
margin-top: 40px;
}
.newsroom-latest-slide-contents img {
height: 285px;
object-fit: cover;
width: 100%;
}
.newsroom-latest-slide-contents img {
height: 285px;
}
.newsroom-latest-slider .slick-prev {
top: 52%;
right: -32px;
}
.newsroom-latest-slider .slick-next {
top: 42%;
right: -32px;
}
.newsroom-latest-block label {
width: 100px;
height: 25px;
font-size: 12px;
}
.news-single-details-contents {
padding: 38px 40px 40px;
}
.news-single-details-contents .image-caption {
max-width: 100%;
}
.news-quote-block {
padding: 35px 130px 35px 35px;
margin-top: 32px;
}
.news-quote-content {
font-size: 20px;
line-height: 30px;
margin-bottom: 25px;
}
.news-quote-author {
font-size: 18px;
line-height: 28px;
}
.news-quote-position {
font-size: 15px;
line-height: 28px;
}
.news-quote-block:before {
top: 42px;
right: 28px;
}
.single-news-repeat-contents { 
margin-top: 45px;
padding-top: 45px;
}
.single-news-repeat-content-blocks {
margin-top: 45px;
}
.single-news-zigzac-blocks {
margin-top: 18px;
}
.single-news-zigzac-blocks .row {
flex-direction: column-reverse;
margin-right: 0;
margin-left: 0;
}
.single-news-zigzac-blocks .row:nth-child(Even) {
flex-direction: column-reverse;
}
.single-news-zigzac-blocks .single-solution-contents {
margin-top: 30px;
padding-right: 0;
}
.single-news-zigzac-blocks .row:nth-child(Even) .single-solution-contents {
padding-left: 0;
}
.stories-featured-section:before{
display: none;
}
.stories-featured-contents {
max-width: unset;
text-align: center;
padding: 0 30px;
}
.stories-featured-contents p {
text-align: left;
}
.stories-featured-contents a {
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.stories-featured-section .container {
padding-right: 0;
padding-left: 0;
}
.stories-featured-right { }
.stories-featured-gallery-slider .slick-list {
padding: 45px 0 65px 38px !important;
}
.stories-featured-gallery-slider .slick-track {
left: 0;
}
.stories-featured-gallery-slider .slick-prev {
left: 46%;
transform: translate(-50%, 0);
}
.stories-featured-gallery-slider .slick-next {
left: 54%;
transform: translate(-50%, 0);
}
.all-stories-section {
padding: 5px 0 60px;
}
.all-article-section h2 {
text-align: center;
}
.stories-single-2-banners {
gap: 15px;
margin-top: 32px;
}
.stories-single-2-banners .news-single-banner-caption .image-caption {
font-size: 15px;
line-height: 22px;
}
.contact-visit-block {
padding: 22px 32px 18px 32px;
}
.contact-visit-contents-top {
max-width: 100%;
margin-top: 15px;
text-align: center;
}
.contact-visit-map {
height: 422px;
width: 55%;
margin-top: -88px;
}
.contact-visit-block:before {
width: 100%;
}
.contact-countries {
width: 42%;
}
.our-network-single {
width: 33.33%;
padding-right: 25px;
padding-bottom: 30px;
}
.our-network-single:nth-child(4n + 1) {
padding-left: 25px;
}
.our-network-single:nth-child(3n + 1) {
padding-left: 0;
}
.our-network-single:nth-child(-n + 4) {
border-top: 1px solid #E3E3E3;
}
.our-network-single:nth-child(-n + 3) {
border-top: none;
}
.our-network-single:nth-child(4n + 4) {
padding-right: 25px;
border-right: 1px solid #E3E3E3;
}
.our-network-single:nth-child(3n + 3) {
padding-right: 0;
border-right: none;
}
.contact-today-section {
padding: 55px 0 55px;
}
.contact-today-map {
height: 425px;
padding-left: 30px;
}
.contact-today-contents {
position: relative;
z-index: 1;
}
.contact-today-phone-qr button span {
left: 32px;
}
.contact-reach-section {
padding: 50px 0 55px;
}
.contact-reach-contents-block h2 {
text-align: center;
}
.contact-reach-contents-tab-mobile > span {
display: block;
}
.contact-reach-contents-tab-mobile > span {
display: flex;
width: 50%;
background: #fff;
height: 50px;
align-content: center;
justify-content: center;
flex-wrap: wrap;
left: 50%;
position: relative;
transform: translate(-50%, 0);
color: #1E3475;
font-size: 18px;
font-weight: 400;
line-height: 28px;
transition: .5s;
z-index: 5;
}
.contact-reach-contents-tab-mobile > span:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-left: 3px solid #707070;
border-bottom: 3px solid #707070;
border-radius: 1px;
right: 22px;
top: 18px;
transform: rotate(-45deg);
transition: .5s;
}
.contact-reach-contents-tab-mobile.active-contact-reach > span:before {
transform: rotate(135deg);
}
.contact-reach-contents-tab-mobile > .nav {
gap: 10px;
width: 50%;
flex-direction: column;
flex-wrap: nowrap;
border: 1px solid #F1ECEC;
background: #fff;
left: 50%;
position: absolute;
transform: translate(-50%, 0);
padding: 15px 20px 20px;
max-height: 0;
overflow: hidden;
transition: .7s;
margin-top: -40px;
z-index: 4;
}
.contact-reach-contents-tab-mobile.active-contact-reach > .nav {
max-height: 800px;
overflow: visible;
margin-top: 0;
}
.contact-reach-contents-tab-mobile > .nav button:before{
display: none;
}
.contact-reach-tab-left-right {
overflow: visible;
flex-direction: column;
}
.contact-reach-sub-tabs {
width: 100%;
}
.contact-reach-sub-tab-contents {
width: 100%;
position: relative;
}
.contact-reach-sub-tabs .nav button:before{
display: none;
}
.contact-reach-sub-tabs .nav button {
padding: 10px 20px;
border-bottom: none;
border-right: 1px solid #F2EDED;
}
.contact-reach-sub-tabs .nav button:last-child{
border-right: none;
}
.contact-reach-sub-tabs .nav {
flex-direction: unset;
flex-wrap: nowrap;
width: max-content;
}
.contact-reach-sub-tabs {
overflow: auto;
}
.contact-reach-contents-tab > .tab-content {
margin-top: 25px;
}
.contact-reach-sub-tab-contents {
padding: 20px 30px 20px 30px;
}
.contact-reach-sub-tab-contents .tab-content .tab-pane h3 {
margin-bottom: 10px;
text-align: center;
}
.contact-reach-sub-detail-block {
padding-right: 0;
padding-bottom: 0;
text-align: center;
overflow: auto;
}
.contact-reach-sub-single-detail p {
text-align: left;
}
.model-feedback .modal-dialog {
margin: 30px;
}
.sales-inquiry-section .container {
padding-left: 30px;
padding-right: 30px;
}
.sales-inquiry-form {
padding: 45px 35px;
}
.custom-textarea-container textarea {
width: 100%;
}
.advantis-campus-blocks .row {
margin-top: 60px;
}
.advantis-campus-single-contents {
padding-left: 0;
}
.advantis-campus-single-contents h3 {
margin-bottom: 30px;
text-align: center;
}
.advantis-campus-single-pic {
padding-left: 0;
margin-top: 80px;
width: 75%;
left: 50%;
transform: translate(-50%, 0) !important;
}
.advantis-campus-single-pic img {
width: 90%;
}
.advantis-campus-single-pic:before {
width: 90%;
height: 90%;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-contents {
padding-left: 0;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-pic img {
width: 90%;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-pic {
padding-left: 0;
text-align: right;
}
.privacy-policy-section .container {
padding-left: 30px;
padding-right: 30px;
}
.privacy-banner-section {
padding: 60px 0 60px;
}
.privacy-policy-contents {
padding: 40px 40px;
}
.privacy-policy-contents h5 {
margin-top: 30px;
}
.join-team-content-wrap {
height: 100%;
}
.country-join-team-section {
height: 600px;
}
.solution-level2-services {
margin-top: 35px;
}
.solution-level2-service-block img {
height: 240px;
}
.stories-gallery-images {
gap: 20px;
margin-top: 30px;
}
.stories-gallery-images a {
width: 31%;
}
.radio-group > span > span {
flex-wrap: wrap;
gap: 10px;
}
.radio-group > span > span  span.wpcf7-list-item {
width: 23%;
}
.feedback-form-btn .wpcf7-spinner {
right: 24%;
}
.footer-copyrights a.cus-privacy-btn {
padding-top: 18px;
display: block;
}
.footer-copyrights a.cus-privacy-btn:before {
top: 8px;
}
.footer-link-blocks {
padding-bottom: 12px;
}
.newsroom-content-box a:before {
left: 135%;
}
.single-solution-pic {
display: block;
}
.solution-listing-blocks {
margin-top: 15px;
}
.solution-listing-point-contents ul, .video-bg-contents ul { flex-direction: column; gap: 8px;
max-width: 100%;
}
.solution-listing-point-contents ul > li, .video-bg-contents ul > li {
width: 100%;
}
.solution-listing-point-contents ul li, .video-bg-contents ul li {
padding-right: 0;
}
.solution-level2-services p {
margin-top: 15px;
}
.our-projects-blocks {
margin-top: 45px;
}
.sales-form-btn span.wpcf7-spinner {
left: 30%;
}
.join-team-section {
height: auto !important;
}
.small-head-menu>ul>li.lm-block-menu>ul { width: 100vw;
}
.small-head-menu>ul>li.lm-block-menu>ul>li {
width: 100%;
padding: 4px 0 !important;
}
.our-history-years-wrap:before {
display: none;
}
.small-head-menu>ul>li>ul{
top: 75px;
}
.small-head-menu>ul>li.has-child>.nav-click, .top-bar ul>li.has-child>.nav-click {
display: none !important;
}
.learnmore-submenus > a, .solution-submenus > a{
padding: 33px 18px !important;
}
.learnmore-submenus.opened-submenu > a, .solution-submenus.opened-submenu > a{
color: #14152D !important;
background: #eeeeee !important;
}
.small-head-menu>ul>li>ul, .small-head-menu>ul>li.solution-submenus>ul {
top: 90px;
width: 100vw;
position: fixed !important;
background: #eeeeee;
}
.view-only-mobile{
display: block !important;
}
.inner-banner-section:before {
height: 100%;
background-position: bottom;
} .solution-submenus span.nav-click.arrowup ~ a,
.learnmore-submenus span.nav-click.arrowup ~ a {
font-weight: 500 !important;
}
.small-head-menu ul > li.has-child {
padding-right: 0 !important;
}
.home .small-head-menu ul > li > a:hover {
color: #ffffff;
}
.our-presence-section > video{
display: block;
position: absolute;
width: 100%;
top: 0;
object-fit: cover;
height: 100%;
opacity: .3;
}
.our-goal-single-5-flex-cont {
gap: 25px;
margin-bottom: 25px;
flex-direction: unset;
}
.inner-page-sections {
padding-top: 90px;
}
.single-solution-contents a {
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
}
@media only screen and (max-width: 767px){
.container{
padding-left: 20px;
padding-right: 20px;
}
a.navbar-logo {
width: 55%;
}
a.navbar-logo img {
width: 100%;
height: auto;
}
.header-wrap ul.navbar-nav {
gap: 5px;
}
.header-wrap ul.navbar-nav > li > a {
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.small-head-menu ul li.has-child {
padding-right: 22px;
}
.small-head-menu {
margin-right: 20px;
}
.menu-open {
width: 32px;
height: 35px;
}
.menu-open span:nth-child(1) {
transform: translateY(-8px);
}
.menu-open span:nth-child(3) {
transform: translateY(8px);
}
.nav-click {
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
width: 8px;
height: 8px;
}
.small-head-menu>ul>li.has-child>.nav-click, .top-bar ul>li.has-child>.nav-click {
top: 6px;
}
.menu-container {
width: 100%;
padding: 18px 30px 30px;
}
body:before {
width: 0;
}
.small-head-menu>ul>li>ul, .top-bar ul>li>ul {
padding: 0 20px;
top: 43px;
column-count: 1;
}
.small-head-menu .nav-click.arrowup {
top: 12px !important;
}
.small-head-menu>ul li:hover ul, .top-bar ul li:hover ul {
padding: 0 20px 0;
}
.small-head-menu ul li ul.subshow, .top-bar ul li ul.subshow {
padding: 12px 20px 12px;
}
.small-head-menu>ul>li>ul>li, .top-bar ul>li>ul>li {
padding: 5px 0 !important;
}
.small-head-menu>ul>li>ul>li>a, .top-bar ul>li>ul>li>a {
font-size: 16px !important;
line-height: 26px !important;
}
.nav-click.arrowup {
top: 12px !important;
}
.menu-container .close-btn {
right: -8px;
}
.main-banner-contents h1 {
font-size: 45px;
line-height: 55px;
}.main-banner-contents h1:before {
width: 80%;
height: 5px;
bottom: -18px;
}
.slick-dots {
left: 20px;
bottom: 30px;
}
.main-banner-slides, .main-banner-contents { height: 932px;
}
.main-banner-contents {
padding-bottom: 80px;
}
.welcome-contents {
width: 100%;
padding: 30px 25px 30px;
}
.welcome-contents h2 {
font-size: 32px;
line-height: 42px;
margin-bottom: 18px;
text-align: center;
}
p {
font-size: 14px !important;
line-height: 26px !important;
}
.welcome-contents p {
margin-top: 18px;
}
.welcome-contents-block {
padding-bottom: 20px;
padding-top: 200px;
}
.welcome-section, .welcome-contents-block {
height: auto;
}
.solution-sec-single-block {
padding: 38px 10px 50px;
flex: 1 1 calc(50% - 0px);
border-right: 1px solid #ffffff4a !important;
border-bottom: 1px solid #ffffff4a !important;
}
.solution-sec-single-block:nth-child(Even){
border-right: none !important;
}
.solution-sec-single-block > img {
margin-bottom: 20px;  width: auto;
}
.solution-sec-single-block > a:before {
height: 3px;
}
.our-presence-contents h2 {
font-size: 32px;
line-height: 42px;
}
.sustainability-contents {
width: 100%;
padding: 30px 25px 30px;
}
.sustainability-contents h2 {
font-size: 32px;
line-height: 42px;
margin-bottom: 22px;
}
.sustainability-contents a {
height: 40px;
padding: 0 35px;
font-size: 16px;
margin-top: 18px;
}
.sustainability-contents-block {
padding-bottom: 20px;
padding-top: 200px;
padding-right: 15px;
}
.newsroom-contents-block {
padding-bottom: 28px;
padding-top: 158px;
}
.newsroom-contents-block h3 {
font-size: 18px;
line-height: 28px;
margin-bottom: 0;
text-align: center;
}
.newsroom-content-box h4 {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}
.news-date {
font-size: 12px;
line-height: 22px;
margin-bottom: 15px;
}
.newsroom-content-box a {
font-size: 14px;
line-height: 24px;
position: relative;
bottom: 0;
}
.newsroom-content-box {
padding: 25px 25px 22px;
}
.newsroom-contents .row .col-12 {
margin-top: 22px;
}
.newsroom-view-btn {
justify-content: center;
}
.newsroom-view-btn a {
padding-bottom: 8px;
}
.join-team-contents {
width: 100%;
padding: 30px 25px 30px;
}
.join-team-contents h2 {
font-size: 32px;
line-height: 42px;
margin-bottom: 22px;
}
.join-team-contents a {
height: 40px;
padding: 0 35px;
font-size: 16px;
margin-top: 20px;
}
.join-team-contents-block { padding-bottom: 22px;
padding-top: 0;
}
.join-team-slide-image img {
width: 100%; height: auto;
}
.footer-mail {
font-size: 20px;
line-height: 28px;
}
.footer-info h6 {
font-size: 15px;
line-height: 28px;
}
.footer-logo {
margin-bottom: 18px;
width: 90%;
}
.footer-socials {
gap: 30px;
margin-top: 30px;
}
.footer-socials a i {
font-size: 20px;
}
.footer-logo img {
width: 100%;
}
.great-place-logo img {
width: 100%;
}
.great-place-logo {
padding-right: 0;
width: 35%;
margin-right: -10px;
}
.footer-contents {
padding-right: 0;
}
footer {
padding: 40px 0 30px;
}
.footer-link-blocks {
display: none;
}
footer:before {
width: 164px;
height: 159px;
}
.tab-mob-copyright {
margin-top: 28px;
padding-top: 28px;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.footer-copyrights p {
max-width: 78%;
}
footer .row {
margin-left: 0;
margin-right: 0;
}
footer .row .col-12 {
padding-left: 0;
padding-right: 0;
}
.header-wrap ul.navbar-nav > li.has-child span.nav-click {
width: 9px;
height: 9px;
top: 5px;
}
.header-wrap ul.navbar-nav > li.has-child {
padding-right: 25px;
}
.our-presence-country-name {
font-size: 18px;
line-height: 28px;
padding-top: 55px;
}
.our-presence-country-name:before {
width: 40px;
height: 40px;
}
.our-presence-country-name:after {
width: 18px;
height: 18px;
}
.our-presence-country-slider::after {
top: 20px;
}
.our-presence-country-slider .slick-next:before, .our-presence-country-slider .slick-prev:before {
font-size: 25px;
}
.our-presence-country-slider .slick-next, .our-presence-country-slider .slick-prev {
top: 25%;
}
.our-presence-country-slider .slick-prev { left: 32px;
}
.our-presence-country-slider .slick-next { right: 42px;
}
.header-wrap ul.navbar-nav > li > a {
font-size: 14px;
}
.small-head-menu>ul>li>ul>li>a, .top-bar ul>li>ul>li>a {
font-size: 15px !important;
line-height: 25px !important;
}
.small-head-menu>ul>li>ul>li, .top-bar ul>li>ul>li {
padding: 3px 0 !important;
}
.back-to-top {
bottom: 55px;
right: 20px;
width: 35px;
height: 35px;
}
a.inner-navbar-logo {
width: 55%;
}
a.inner-navbar-logo img {
width: 100%;
}
.multis-inner-page {
padding-top: 0;
}
.country-list-banner-contents h1 {
font-size: 35px;
line-height: 45px;
}
.country-list-banner-contents {
padding: 55px 0 30px;
}
.country-list-name h5 {
font-size: 13px;
line-height: 23px;
}
.country-lists-single-contents h2 {
font-size: 28px;
line-height: 38px;
}
.country-lists-single-contents {
padding: 25px 20px 25px;
}
.country-lists-single img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}
.country-lists-single-contents a {
height: 38px;
padding: 0 25px;
font-size: 14px;
margin-top: 20px;
} 
.country-lists-single {
margin-bottom: 25px;
}
.country-lists-section {
padding: 30px 0 30px;
}
.multis-head:before {
height: 340px;
top: -245px;
}
.country-single-banner-section, .country-single-banner-contents {
height: 400px;
}
.country-single-banner-contents h1 {
font-size: 40px;
line-height: 50px;
text-align: center;
}
.country-single-banner-contents label {
font-size: 16px;
line-height: 26px;
margin-bottom: 15px;
}
.video-bg-content-wrap {
padding: 45px 0 45px;
}
.country-solution-section .solution-sec-single-block > a {
font-size: 18px;
line-height: 28px;
}
.country-solution-section .solution-sec-single-block > a:before {
bottom: -25px;
}
.country-solution-section .solution-sec-single-block {
padding: 50px 10px 70px;
}
.country-join-team-section .join-team-contents {
width: 100%;
}
.country-join-team-section .join-team-contents-block {
margin: 0 0;
height: 100%;
}
.country-join-team-section .container, .country-join-team-section .row, .country-join-team-section .col-12 {
height: 100%;
}
.inner-banner-section:before {
width: 100%;
height: 100%;
background-size: cover;
background-position: bottom;
}
.inner-banner-contents h1 {
font-size: 40px;
line-height: 50px;
margin-bottom: 8px;
}
.inner-banner-contents .breadcrumb li {
font-size: 12px;
line-height: 22px;
}
.inner-banner-contents .breadcrumb-item+.breadcrumb-item::before {
padding-right: 12px;
padding-left: 8px;
}
.inner-banner-section, .inner-banner-contents {
height: 240px;
}
.inner-banner-contents {
padding-bottom: 22px;
}
.solution-listing-section {
padding: 35px 0 40px;
}
.solution-listing-blocks { margin-top: 10px;
}
.solution-listing-box {
padding: 28px 22px 28px 22px;
width: 90%;
}
.solution-listing-box h2 {
font-size: 22px;
line-height: 32px;
margin-bottom: 14px;
}
.solution-listing-box a {
height: 32px;
padding: 0 20px;
font-size: 12px;
line-height: 24px;
margin-top: 22px;
}
.solution-listing-single-block {
margin-bottom: 30px;
}
.solution-listing-single-contents {
margin-top: -25px;
}
.solution-level2-service-section h2 {
font-size: 32px;
line-height: 42px;
}
.solution-level2-service-section {
padding: 35px 0 45px;
}
.solution-level2-services { margin-top: 32px;
}
.solution-level2-service-block a {
font-size: 20px;
line-height: 30px;
padding-top: 15px;
padding-bottom: 7px;
}
.solution-level2-service-block {
margin-top: 28px;
}
.solution-level2-service-block, .solution-level2-services .row .col-12:nth-child(2) .solution-level2-service-block {
margin-top: 28px;
}
.rmf-inquiry-contents h3 {
font-size: 28px;
line-height: 38px;
margin-bottom: 25px;
}
.rmf-inquiry-contents a {
height: 45px;
padding: 0 32px;
font-size: 18px;
line-height: 39px;
}
.rmf-inquiry-section {
padding: 42px 0 48px;
}
.single-solution-wrap .container {
padding-left: 20px;
padding-right: 20px;
}
.single-solution-sections .single-solution-wrap:first-child {
padding: 10px 0 15px;
}
.single-solution-pic {
margin-top: 25px;
}
.single-solution-pic img {
width: 100%;
}
.single-solution-sections {
padding: 20px 0 30px;
}
.single-solution-wrap { padding: 15px 0 15px;
} .about-intro-contents { max-width: 100%;
}
.about-intro-contents p {
margin-top: 20px;
}
.about-intro-section {
padding: 30px 0 0;
}
.our-history-section .about-intro-contents { max-width: 100%;
}
.our-history-year span {
font-size: 25px;
line-height: 35px;
}
.our-history-years-section {
padding: 25px 0 0;
}
.our-history-years-wrap {
margin-top: 65px;
} .our-history-years-wrap:after {
left: 0;
font-size: 40px;
top: -65px;
position: absolute;
text-align: center;
width: 100%;
transform: unset;
display: inline-block;
margin-bottom: 0;
}
.our-history-year-contents:before,
.our-history-year-contents:after {
width: 5px;
}
.our-history-single-year {
gap: 15px;
}
.our-history-year-contents {
padding-left: 25px;
gap: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.our-history-year-content-left:before {
left: -32px;
width: 20px;
height: 20px;
}
.our-history-year-content-left:after {
left: -28px;
width: 12px;
height: 12px;
}
.our-history-year-content-left p {
font-size: 12px !important;
line-height: 18px !important;
}
.our-history-year-content-right {
width: 100px;
}
.our-history-year-content-right img {
width: -webkit-fill-available;
position: sticky;
top: 85px;
}
.our-history-single-year:last-child .our-history-year-contents {
padding-bottom: 32px;
}
.our-history-single-year:last-child .our-history-year-content-left:before,
.our-history-single-year:last-child .our-history-year-content-left:after {
top: 55%;
}
.bod-member-sec-title h2 {
font-size: 32px;
line-height: 42px;
margin-bottom: 12px !important;
}
.bod-section {
padding: 35px 0 45px;
}
.bod-member-single:nth-child(Odd) {
padding-right: 0;
}
.bod-member-single:nth-child(Even) {
padding-left: 0;
}
.bod-member-single {
flex-basis: 100%;
margin-top: 25px;
}
.bod-members-block {
padding-left: 20px;
margin-top: 0;
}
.bod-member-title {
padding: 13px 20px 10px;
left: -20px;
bottom: 25px;
}
.bod-member-name {
font-size: 22px;
line-height: 25px;
}
.bod-member-position {
font-size: 18px;
line-height: 28px;
}
.bod-member-single:nth-child(Even) .bod-member-title {
left: -20px;
}
.modal-bod .modal-dialog {
margin: 20px;
}
.bod-modal-pic {
text-align: left;
}
.bod-modal-pic img {
width: 75%;
}
.bod-modal-pic .bod-member-title {
left: unset;
right: 0;
transform: unset;
bottom: 25px;
padding: 20px 20px 20px;
min-width: 75%;
width: auto;
}
.bod-modal-pic .bod-member-name {
font-size: 25px;
margin-bottom: 8px;
}
.bod-modal-pic .bod-member-position {
font-size: 20px;
line-height: 25px;
}
.modal-bod .modal-content button { right: 12px;
top: 18px;
position: absolute;
}
.bod-modal-contents {
padding: 35px 20px 35px 20px;
}
.bod-modal-member-name {
font-size: 28px;
line-height: 35px;
}
.bod-modal-member-position {
font-size: 22px;
line-height: 25px;
}
.bod-modal-details h5 {
font-size: 17px;
line-height: 27px;
margin-bottom: 28px;
}
.gmc-section {
padding: 35px 0 40px;
}
.gmc-contents-block h2 {
font-size: 32px;
line-height: 42px;
margin-bottom: 5px;
}
.gmc-member-single {
margin-top: 25px;
}
.gmc-member-name {
padding: 15px 25px;
height: auto;
font-size: 22px;
line-height: 32px;
}
.bod-member-single img {
height: 450px;
}
.ecosystem-top-left h3 {
margin-bottom: 18px;
font-size: 30px;
line-height: 40px;
text-align: left;
}
.ecosystem-section h2 {
margin-bottom: 30px;
}
.ecosystem-top-content-block {
padding: 0 0;
}
.ecosystem-section {
padding: 35px 0 38px;
}
.ecosystem-bottom-content-block {
margin-top: -35px;
padding: 70px 22px 32px;
}
.ecosystem-bottom-content-block h4 {
font-size: 22px;
line-height: 32px;
}
.ecosystem-bottom-content-single-point {
padding-top: 0;
padding-left: 32px;
margin-top: 20px;
}
.ecosystem-bottom-content-single-point:before {
width: 22px;
height: 22px;
background-size: contain;
top: 2px;
left: 0;
}
.ecosystem-bottom-content-single-point h6 {
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
}
.ecosystem-contents-block {
margin-top: 35px;
}
.ecosystem-top-right-contents {
right: 0;
bottom: -17px;
width: 300px;
padding: 18px 18px;
}
.ecosystem-top-right-contents p {
font-size: 12px !important;
line-height: 22px !important;
}
.we-advantis-section {
padding: 32px 0 35px;
}
.our-goals-section .container {
padding-left: 20px;
padding-right: 20px;
}
.esg-intro-contents h3 {
font-size: 28px;
line-height: 38px;
margin-bottom: 32px;
}
.esg-intro-section {
padding: 35px 0 35px;
}
.esg-intro-contents img {
margin-top: 35px;
}
.our-goals-single-block {
padding: 25px 20px 25px 20px;  display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.goal-percent {
font-size: 40px;
line-height: 40px;
}
.our-goal-single-1 h5 {
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
}
.our-goal-single-2 .goal-percent {
font-size: 40px;
line-height: 40px;
margin-bottom: 15px;
}
.our-goal-single-2 h5 {
font-size: 16px;
line-height: 26px;
text-align: center;
}
.our-goal-single-3 {
flex-direction: column-reverse;
}
.our-goal-single-3-left {
text-align: center;
}
.our-goal-single-3-left h5 { font-size: 15px;
line-height: 24px; margin-bottom: 0;
}
.our-goal-single-4 h5 {
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
margin-top: 10px;
}
.our-goal-single-3-left .goal-top {
font-size: 38px;
line-height: 38px;
margin-bottom: 15px;
}
.our-goal-single-4 h5 {
font-size: 17px;
line-height: 27px;
max-width: unset;
margin: 0;
margin-bottom: 22px;
}
.our-goal-single-5-flex-cont {
gap: 5px;
margin-bottom: 2px;
flex-direction: column;
}
.our-goal-single-5-coastal { margin-top: 20px;
}
.our-goal-single-5-coastal h5 {
font-size: 17px;
line-height: 27px;
max-width: unset;
text-align: center;
}
.our-goal-single-5-coastal img {
width: 25px;
}
.our-goal-single-5-coastal .goal-percent {
font-size: 45px;
}
.our-goal-single-4 .goal-percent {
font-size: 45px;
}
.our-goal-single-6-highest { text-align: center;
margin-bottom: 12px;
flex-direction: column-reverse;
}
.our-goal-single-6-highest h5 { font-size: 15px;
line-height: 24px;
text-align: center;
}
.our-goals-section {
padding: 0 0 0;
}
.our-commitments-section {
padding: 40px 0 45px;
}
.our-commitments-title h2 {
margin-bottom: 35px;
}
.our-commitment-titles {
padding: 20px 28px 25px 28px;
width: 100%;
}
.our-commitment-titles .accordion .accordion-body ul li a {
font-size: 18px;
line-height: 28px;
padding: 5px 0;
}
.our-commitment-titles .accordion h2 button {
font-size: 22px;
line-height: 32px;
}
.our-commitment-titles .accordion h2 button:before {
width: 2px;
}
.our-commitment-titles .accordion h2 button:after {
height: 2px;
}
.our-commitment-content-single h3 {
margin-bottom: 25px;
font-size: 28px;
line-height: 38px;
}
.our-commitment-content-sub h4 {
font-size: 22px;
line-height: 32px;
margin-bottom: 20px;
}
.our-commitment-content-sub ul li h6 {
font-size: 17px;
line-height: 27px;
margin-bottom: 10px;
}
.our-commitment-content-sub ul li {
font-size: 14px;
line-height: 24px;
padding-left: 32px;
margin-bottom: 20px;
}
.our-commitment-content-sub {
margin-top: 22px;
}
.our-commitment-content-single {
padding-bottom: 32px;
margin-bottom: 30px;
}
.our-projects-blocks {
padding: 30px 20px 30px;
}
.our-project-top {
gap: 15px;
flex-direction: column;
align-items: center;
}
.our-project-top h4 {
font-size: 22px;
line-height: 32px;
max-width: unset;
text-align: center;
}
.our-project-contents p {
margin-top: 22px;
}
.project-gallery-slider {
margin-bottom: -12px !important;
margin-top: 28px;
}
.our-project-contents h4 {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}
.our-project-contents ul li {
margin-bottom: 18px;
}
.our-project-contents {
margin-top: 25px;
}
.project-detail-block {
margin-top: 32px;
padding: 25px 25px 30px;
}
.project-detail-top {
gap: 15px;
flex-direction: column;
}
.project-detail-top h4 {
font-size: 24px;
line-height: 34px;
}
.project-detail-block h5 {
font-size: 20px;
line-height: 30px;
margin-top: 25px;
}
.our-commitment-content-sub ul li:before {
width: 22px;
height: 22px;
top: 3px;
}
.our-commitment-content-sub ul li:after {
width: 12px;
height: 12px;
top: 8px;
}
.newsroom-latest-section {
padding: 35px 0 25px;
}
.newsroom-latest-section h2 {
font-size: 28px;
line-height: 38px;
margin-bottom: 28px;
}
.newsroom-latest-block {
padding: 32px 25px 25px;
}
.newsroom-latest-slide-contents img {
height: 145px;
}
.newsroom-latest-date .newsroom-date, 
.newsroom-latest-date .newsroom-logistics {
font-size: 14px;
line-height: 24px;
}
.newsroom-latest-slide-contents a {
font-size: 20px;
line-height: 30px;
}
.newsroom-latest-block label {
width: 75px;
height: 20px;
font-size: 9px;
right: -28px;
top: 65px;
}
.newsroom-latest-slider .slick-next:before, .newsroom-latest-slider .slick-prev:before {
width: 8px;
height: 15px;
background-size: contain !important;
}
.newsroom-latest-slider .slick-next { top: 35%;
right: -30px;
}
.newsroom-latest-slider .slick-prev { top: 45%;
right: -30px;
}
.newsroom-latest-block:after {
width: 4px;
height: 210px;
left: -3px;
}
.all-article-section h2 {
font-size: 22px;
line-height: 32px;
text-align: center;
}
.all-article-single-block img {
height: 210px;
}
.all-article-details {
padding: 15px 20px 20px;
}
.all-article-single-block {
margin-top: 20px;
}
.all-article-days {
font-size: 13px;
}
.all-article-date {
font-size: 14px;
}
.browse-news-btn {
font-size: 14px;
height: 38px;
padding: 0 18px;
margin-top: 28px;
}
.all-article-section {
padding-bottom: 28px;
}
.all-news-section {
padding: 22px 0 30px;
}
.single-news-banner-contents .breadcrumb li {
display: none;
}
.single-news-banner-section {
padding: 10px 0 35px;
}
.news-single-details-section {
padding-bottom: 35px;
}
.news-single-details-contents {
padding: 35px 25px 28px;
}
.news-single-details-contents label {
font-size: 16px;
line-height: 24px;
}
.news-single-details-contents .news-single-title {
font-size: 25px;
line-height: 35px;
}
.news-single-date {
font-size: 15px;
line-height: 25px;
}
.news-single-share {
font-size: 15px;
line-height: 25px;
gap: 15px;
}
.news-single-date-share {
margin-bottom: 28px;
}
.news-single-details-contents p {
margin-top: 20px;
}
.news-single-details-contents > img {
margin-top: 22px;
}
.news-single-details-contents .image-caption {
font-size: 12px;
line-height: 20px;
margin-top: 12px;
}
.news-quote-content {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
.news-quote-author {
font-size: 15px;
line-height: 25px;
}
.news-quote-position {
font-size: 13px;
line-height: 20px;
}
.news-quote-block:before {
top: 24px;
right: 14px;
background-size: contain;
width: 45px;
height: 50px;
}
.news-quote-block {
padding: 20px 60px 22px 20px;
margin-top: 22px;
}
.single-news-repeat-content-blocks {
margin-top: 30px;
}
.single-news-repeat-contents {
margin-top: 28px;
padding-top: 28px;
}
.single-news-repeat-contents h2 {
font-size: 25px;
text-align: center;
}
.single-news-repeat-contents h3 {
font-size: 22px;
line-height: 27px;
text-align: center;
}
.single-news-zigzac-blocks {
margin-top: 5px;
}
.single-news-zigzac-blocks .single-solution-contents {
margin-top: 25px;
}
.stories-featured-contents .stories-featured-date {
font-size: 15px;
line-height: 25px;
margin-bottom: 15px;
}
.stories-featured-contents h2 {
font-size: 28px;
line-height: 38px;
margin-bottom: 25px;
}
.stories-featured-contents {
padding: 0 20px;
}
.stories-featured-contents a {
margin-top: 25px;
height: 38px;
font-size: 14px;
line-height: 24px;
padding: 0 22px;
}
.stories-featured-gallery-pic img {
width: 250px;
height: 350px;
}
.stories-featured-gallery-slider .slick-track {
left: -34%;
}
.stories-featured-gallery-slider .slick-next {
left: 55%;
top: 90%;
}
.stories-featured-gallery-slider .slick-prev {
left: 45%;
top: 90%;
}
.stories-featured-section {
padding: 35px 0 25px;
}
.stories-featured-gallery-slider .slick-next:before, 
.stories-featured-gallery-slider .slick-prev:before {
width: 10px;
height: 18px;
background-size: contain !important;
}
.all-stories-section {
padding: 0 0 60px;
}
.all-stories-section h2 {
margin-bottom: 5px;
}
.stories-featured-image img {
height: 300px;
}
.news-single-banner-caption {
margin-top: 20px;
}
.stories-single-2-banners {
gap: 15px;
margin-top: 25px;
flex-direction: column;
}
.stories-single-2-banners .news-single-banner-caption .image-caption {
font-size: 13px;
line-height: 21px;
margin-top: 12px;
text-align: center;
}
.contact-visit-section {
padding: 22px 0 22px;
}
.contact-visit-block {
padding: 12px 20px 5px 20px;
}
.contact-country-details {
flex-direction: column;
}
.contact-country-detail-contents {
width: 100%;
}
.contact-visit-map {
height: 300px;
width: 100%;
margin-top: 20px;
}
.contact-countries {
width: 100%;
margin-top: 20px;
height: 55px;
}
.contact-visit-contents-top h2 {
font-size: 28px;
line-height: 38px;
}
.contact-countries label {
left: 20px;
top: 4px;
font-size: 10px;
line-height: 20px;
}
span.mob-click {
font-size: 17px;
line-height: 27px;
padding-left: 20px;
padding-top: 11px;
}
span.mob-click::before {
top: 20px;
}
.active-country span.mob-click::before {
top: 26px;
}
.contact-countries:after {
top: 18px;
}
.contact-countries .nav {
margin-top: -45px;
gap: 8px;
}
.active-country .nav {
margin-top: 0;
}
.contact-countries .nav button {
font-size: 15px;
line-height: 25px;
padding-right: 15px;
}
.contact-country-detail-address,
.contact-country-detail-phone,
.contact-country-detail-mail {
text-align: center;
}
.contact-country-direction {
left: 50%;
transform: translate(-50%, 0);
font-size: 12px;
line-height: 25px;
margin-top: 15px;
}
.contact-country-detail-address h6 {
font-size: 15px;
line-height: 25px;
margin-bottom: 8px;
}
.contact-country-detail-address p {
font-size: 13px !important;
line-height: 23px !important;
}
.contact-country-detail-phone {
margin-top: 25px;
}
.contact-country-detail-phone span, 
.contact-country-detail-mail span {
font-size: 14px;
line-height: 24px;
}
.contact-country-detail-phone a,
.contact-country-detail-mail a {
font-size: 14px;
line-height: 24px;
}
.our-network-section {
padding: 20px 0 22px;
}
.our-network-single h4 {
font-size: 18px;
line-height: 28px;
margin-bottom: 28px;
}
.our-network-single h4:before {
width: 36px;
height: 2px;
bottom: -14px;
}
.our-network-single p {
font-size: 13px !important;
line-height: 23px !important;
}
.our-network-single .contact-country-detail-phone,
.our-network-single .contact-country-detail-mail {
margin-top: 18px;
text-align: left;
}
.our-network-single {
width: 50%;
padding-right: 20px;
padding-bottom: 22px;
padding-left: 20px;
}
.our-network-single:nth-child(3n + 1) {
padding-left: 20px;
}
.our-network-single:nth-child(Odd) {
padding-left: 0;
}
.our-network-single:nth-child(-n + 3) {
border-top: 1px solid #E3E3E3;
}
.our-network-single:nth-child(-n + 2) {
border-top: none;
}
.our-network-single:nth-child(3n + 3) {
padding-right: 20px;
border-right: 1px solid #E3E3E3;
}
.our-network-single:nth-child(Even) {
padding-right: 0;
border-right: none;
}
.our-network-section .container {
padding-left: 20px;
padding-right: 20px;
}
.our-network-section h2 {
margin-bottom: 20px;
}
.contact-today-section {
padding: 35px 0 35px;
}
.contact-today-contents {
text-align: center;
max-width: unset;
width: 100%;
}
.contact-today-phone-qr {
justify-content: center;
}
.contact-today-map {
height: 325px;
padding-left: 0;
margin-top: 25px;
}
.contact-today-contents h2 {
font-size: 28px;
line-height: 38px;
margin-bottom: 25px;
}
.contact-today-method a {
font-size: 20px;
line-height: 30px;
}
.contact-today-phone-qr button > img {
width: 20px;
height: 20px;
}
.contact-today-phone-qr button span {
left: -50px;
width: 125px;
height: 125px;
position: absolute;
top: 25px;
} .contact-reach-contents-block h2 {
font-size: 28px;
line-height: 38px;
margin-bottom: 35px;
}
.contact-reach-contents-tab-mobile > span {
display: flex;
width: 100%;
left: 0;
transform: unset;
}
.contact-reach-contents-tab-mobile > .nav {
width: 100%;
left: 0;
transform: unset;
}
.contact-reach-section {
padding: 40px 0 30px;
}
.contact-reach-sub-tabs .nav button {
padding: 8px 15px;
font-size: 16px;
line-height: 26px;
}
.contact-reach-sub-tab-contents .tab-content .tab-pane h3 {
font-size: 22px;
line-height: 32px;
margin-bottom: 18px;
}
.contact-reach-sub-tab-contents {
padding: 25px 20px 20px 20px;
} 
.contact-form-contents h2 {
font-size: 28px;
line-height: 38px;
margin-bottom: 15px;
}
.contact-form:before{
display: none;
}
.contact-form-section {
padding: 40px 0 40px;
}
.contact-form .form-group {
margin-top: 15px;
}
.contact-form .form-group label {
margin-bottom: 2px;
}
.contact-form .form-group textarea {
height: 120px;
}
.contact-form .form-group.contact-textarea:before {
height: 120px;
}
.contact-btn input {
height: 45px;
padding: 0 35px;
font-size: 17px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.contact-reach-sub-single-detail {
border-top: 1px solid #DBDBDB;
border-right: 0;
padding: 22px 0 25px 0;
width: 100%;
}
.contact-reach-sub-single-detail:nth-child(-n + 2) {
border-top: 1px solid #DBDBDB;
padding-top: 22px;
}
.contact-reach-sub-single-detail:first-child{
border-top: none;
padding-top: 0;
}
.contact-reach-sub-single-detail:last-child{
padding-bottom: 0;
}
.contact-reach-sub-single-detail p br {
display: none;
}
.contact-reach-sub-single-detail p {
text-align: center;
}
.contact-reach-phone {
justify-content: center;
}
.contact-reach-direction {
margin-top: 15px;
justify-content: center;
}
.page-notfound-contents h2 {
font-size: 35px;
margin-bottom: 18px;
}
.page-notfound-contents a {
height: 42px;
padding: 0 22px;
font-size: 16px;
margin-top: 25px;
}
.block-404 img {
width: 75%;
}
.block-404:before {
height: 140px;
background-size: cover;
}
.block-404:after {
height: 145px;
background-size: contain;
bottom: -25px;
}
.block-404 {
margin-top: 50px;
padding-bottom: 65px;
}
.block-404 span:before {
width: 115%;
height: 100px;
left: -7%;
top: 125px;
}
.page-notfound-contents:before {
width: 90%;
height: 300px;
left: 50%;
top: -48px;
background-size: contain;
background-repeat: no-repeat;
}
.cloud-pics:before {
left: 0;
top: -85px;
}
.cloud-pics:after {
right: -25px;
top: -105px;
}
.fixed-buttons {
top: unset;
bottom: 15%;
transform: translate(0, 0);
}
.fixed-buttons button {
width: 28px;
padding: 12px 0 12px 2px;
}
.fixed-buttons a {
width: 28px;
padding: 12px 0;
}
.fixed-buttons button img {
width: 100%;
}
.fixed-buttons a img {
width: 90%;
}
.feedback-pop-top {
flex-direction: column;
gap: 12px;
}
.feedback-pop-top h2 {
font-size: 25px;
line-height: 35px;
}
.model-feedback .modal-body {
padding: 25px 20px 30px;
}
.model-feedback .modal-dialog {
margin: 20px;
}
.radio-group > span > span {
flex-wrap: wrap;
gap: 5px;
}
.radio-group > span > span  span.wpcf7-list-item {
width: 48%;
gap: 8px;
}
.radio-group > span > span  span.wpcf7-list-item input {
width: 15px;
height: 15px;
}
.feedback-form {
margin-top: 25px;
}
.radio-group > span > span  span.wpcf7-list-item span {
font-size: 14px;
line-height: 22px;
}
.radio-group {
margin-bottom: 22px;
}
.radio-block-group > span {
margin-top: 15px;
}
.radio-block-group > span > span {
gap: 5px;
}
.feedback-form .feedback-textarea {
margin-bottom: 30px !important;
}
.feedback-form .radio-group.site-recommend { }
#contact-details {
margin-bottom: 22px;
}
.feedback-form-btn input {
height: 40px;
padding: 0 20px;
font-size: 16px;
}
.feedback-form-btn {
margin-top: 5px;
}
.feedback-form .form-group input {
height: 40px;
}
.feedback-form .feedback-textarea textarea {
height: 90px;
}
.sales-inquiry-contents h2 {
font-size: 28px;
line-height: 38px;
margin-bottom: 32px;
}
.sales-inquiry-section {
padding: 38px 0 40px;
}
.sales-inquiry-section .container {
padding-left: 20px;
padding-right: 20px;
}
.sales-inquiry-form h3 {
font-size: 22px;
line-height: 25px;
margin-bottom: 12px;
text-align: center;
}
.sales-inquiry-form {
padding: 32px 25px;
}
.sales-inquiry-form input {
height: 42px;
}
.sales-inquiry-form select {
height: 42px;
}
.sales-inquiry-form hr {
margin: 30px 0 28px 0;
}
.sales-inquiry-form .select-drop-arrow:before {
top: 14px;
}
.sales-inquiry-form textarea {
height: 100px;
}
.custom-radio-block h6 {
font-size: 13px;
}
.custom-radio-group .custom-radio span {
font-size: 13px;
}
.custom-radio-group .custom-radio input {
width: 15px;
height: 15px;
}
.custom-radio-group .custom-radio {
gap: 8px;
}
.privacy-checkbox-group {
margin-top: 25px;
padding-left: 0;
}
.privacy-checkbox-group span p {
font-size: 13px !important;
line-height: 23px !important;
}
.sales-form-btn {
margin-top: 25px;
display: flex;
justify-content: center;
}
.sales-form-btn button {
height: 40px;
padding: 0 25px;
font-size: 16px;
}
.custom-radio-group {
gap: 5px;
margin-top: 12px;
}
.advantis-campus-section {
padding: 35px 0 40px;
}
.advantis-campus-single-contents h3 {
font-size: 28px;
line-height: 38px;
margin-bottom: 25px;
}
.advantis-campus-blocks .row {
margin-top: 40px;
}
.advantis-campus-single-pic {
margin-top: 55px;
width: 100%;
}
.advantis-campus-single-pic:before {
width: 85%;
height: 85%;
top: -32px;
}
.advantis-campus-single-pic img {
width: 92%;
}
.advantis-campus-blocks .row:nth-child(Even) .advantis-campus-single-pic img {
width: 92%;
}
.privacy-banner-contents h1 {
font-size: 35px;
line-height: 45px;
margin-bottom: 8px;
}
.privacy-banner-section {
padding: 42px 0 42px;
}
.privacy-policy-section .container {
padding-left: 20px;
padding-right: 20px;
}
.privacy-policy-contents {
padding: 30px 25px;
}
.privacy-policy-contents h2 {
font-size: 25px;
margin-bottom: 25px;
margin-top: 35px;
text-align: center;
}
.privacy-policy-contents h5 {
margin-top: 22px;
margin-bottom: 18px;
}
.privacy-policy-contents p {
margin-top: 15px;
}
.privacy-policy-section {
padding-bottom: 25px;
}
.small-head-menu ul li {
padding: 0 0;
}
.small-head-menu>ul>li>ul {
width: max-content;
flex-wrap: nowrap;
flex-direction: column;
}
.small-head-menu>ul>li>ul>li {
width: 100%;
}
.country-join-team-section {
height: 450px;
}
.stories-gallery-images {
gap: 15px;
margin-top: 22px;
}
.stories-gallery-images a {
width: 47.6%; 
}
.feedback-form-btn .wpcf7-spinner {
top: 8px;
right: 7%;
}
.newsroom-content-box a:before {
left: 30%;
}
.single-solution-contents ul li {
font-size: 14px;
line-height: 24px;
}
.single-solution-contents ul {
padding-left: 18px;
margin-top: 12px;
margin-bottom: 12px;
}
.solution-listing-single-block > img { height: auto;
}
.solution-listing-point-contents ul li, .video-bg-contents ul li {
font-size: 14px;
line-height: 25px;
}
ol.breadcrumb {
display: none !important;
}
.solution-level2-services p {
margin-top: 5px;
}
.bod-modal-pic {
padding-top: 20px;
padding-left: 20px;
}
.solution-listing-contents p {
text-align: left;
}
.our-projects-blocks {
margin-top: 30px;
}
.contact-btn {
position: relative;
}
.contact-btn .wpcf7-spinner {
top: 9px;
right: 12%;
position: absolute;
}
.advantis-campus-single-contents p { }
.sales-form-btn span.wpcf7-spinner {
left: unset;
top: 8px;
right: 2%;
}
.our-history-single-year .our-history-year-contents:hover:after {
height: 0;
}
.our-goal-single-5 > h5 {
text-align: center;
}
.our-goals-single-block:nth-child(3), .our-goals-single-block:nth-child(5) {
padding-right: 20px;
}
.our-goal-single-5 > h5 {
font-size: 15px;
line-height: 24px;
}
.about-intro-section{
background: unset !important;
overflow: hidden;
}
.about-intro-contents .about-intro-pic-mob{
display: block;
width: 100%;
margin-top: 28px;
}
.about-intro-section .container{
padding-right: 0;
padding-left: 0;
}
.about-intro-contents-block{
padding-right: 20px;
padding-left: 20px;
}
.esg-intro-contents p {
text-align: left;
}
.advantis-campus-contents > div > p {
text-align: left;
}
.join-team-slide-image img:first-child{
display: none;
}
.join-team-mobile-img{
display: block !important;
}
.solution-listing-point-contents > ul, .video-bg-contents > ul { margin-top: 20px;
}
.small-head-menu>ul>li.solution-submenus>ul {
width: 210px;
}
.learnmore-submenus > a, .solution-submenus > a {
padding: 27px 12px !important;
}
.small-head-menu>ul>li>ul, .small-head-menu>ul>li.solution-submenus>ul {
top: 65px;
width: 100vw;
position: fixed !important;
}
.solution-level2-service-block a:before {
width: 9px;
height: 9px;
right: 20px;
top: 26px;
}
.solution-level2-service-block {
height: auto;
}
.solution-level2-services .row > .col-lg-4 {
margin-bottom: 0;
}
.our-goal-single-4 img {
margin-bottom: 18px;
}
.our-presence-country-name:hover {
color: #00B7F1;
}
.inner-page-sections {
padding-top: 65px;
}
.video-bg-contents p {
text-align: left !important;
margin-top: 24px;
}
.video-bg-contents h3 {
font-size: 25px;
line-height: 35px;
margin-bottom: 30px;
margin-top: 30px;
}
.video-bg-contents h4 {
font-size: 22px;
line-height: 32px;
margin-bottom: 20px;
margin-top: 20px;
}
.newsroom-bg-image img {
height: auto;
object-fit: unset;
}
.single-solution-contents a {
margin-top: 18px;
font-size: 15px;
}
}
@media only screen and (max-width: 425px){
}
@media only screen and (min-width: 391px) and (max-width: 425px){
}
@media only screen and (max-width: 390px){
.contact-country-detail-phone a, .contact-country-detail-mail a {
font-size: 13px;
line-height: 23px;
}
.stories-gallery-images a {
width: 47.5%;
}
.newsroom-content-box a:before {
left: 38%;
}
}
@media only screen and (max-width: 375px){
.header-wrap ul.navbar-nav > li > a {
font-size: 12px;
}
.header-wrap ul.navbar-nav > li.has-child {
padding-right: 20px;
}
.header-wrap ul.navbar-nav > li.has-child span.nav-click {
width: 8px;
height: 8px;
top: 7px;
}
.contact-country-detail-phone span, .contact-country-detail-mail span {
font-size: 13px;
line-height: 23px;
}
.contact-country-detail-phone a, .contact-country-detail-mail a {
font-size: 12px;
line-height: 22px;
}
.stories-gallery-images a {
width: 47.3%;
}
.newsroom-latest-slider .slick-prev {
top: 42%;
}
.newsroom-latest-slider .slick-next {
top: 33%;
}
.newsroom-content-box a:before {
left: 37%;
}
}
@media only screen and (max-width: 360px){
.stories-gallery-images a {
width: 47.2%;
}
.newsroom-content-box a:before {
left: 39%;
}
}