@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/*font-family: "DM Sans", sans-serif;*/
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

@font-face {
  font-family:'TT Satoshi';
  src: url('../font/tt-satoshi-regular.eot');
src: url('../font/tt-satoshi-regular.eot?#iefix') format('embedded-opentype'),
  url('../font/tt-satoshi-regular.woff2') format('woff2'),
  url('../font/tt-satoshi-regular.woff') format('woff'),
  url('../font/tt-satoshi-regular.svg#../font/tt-satoshi-regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2074;
}

@font-face {
  font-family:'i';
  src: url('../font/tt-satoshi-medium.eot');
src: url('../font/tt-satoshi-medium.eot?#iefix') format('embedded-opentype'),
  url('../font/tt-satoshi-medium.woff2') format('woff2'),
  url('../font/tt-satoshi-medium.woff') format('woff'),
  url('../font/tt-satoshi-medium.svg#tt-satoshi-medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2074;
}

@font-face {
  font-family:'TT Satoshi DemiBold';
  src: url('../font/tt-satoshi-demiBold.eot');
src: url('../font/tt-satoshi-demiBold.eot?#iefix') format('embedded-opentype'),
  url('../font/tt-satoshi-demiBold.woff2') format('woff2'),
  url('../font/tt-satoshi-demiBold.woff') format('woff'),
  url('../font/tt-satoshi-demiBold.svg#tt-satoshi-demiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2074;
}

@font-face {
  font-family:'Helvetica Neue';
  src: url('../font/Helvetica Neue Bold.eot');
src: url('../font/Helvetica Neue Bold.eot?#iefix') format('embedded-opentype'),
  url('../font/Helvetica Neue Bold.woff2') format('woff2'),
  url('../font/Helvetica Neue Bold.woff') format('woff'),
  url('../font/Helvetica Neue Bold.svg#Helvetica Neue Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family:'Helvetica Neue';
  src: url('../font/Helvetica Neue Medium.eot');
src: url('../font/Helvetica Neue Medium.eot?#iefix') format('embedded-opentype'),
  url('../font/Helvetica Neue Medium.woff2') format('woff2'),
  url('../font/Helvetica Neue Medium.woff') format('woff'),
  url('../font/Helvetica Neue Medium.svg#Helvetica Neue Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family:'Helvetica Neue';
  src: url('../font/Helvetica Neue Roman.eot');
src: url('../font/Helvetica Neue Roman.eot?#iefix') format('embedded-opentype'),
  url('../font/Helvetica Neue Roman.woff2') format('woff2'),
  url('../font/Helvetica Neue Roman.woff') format('woff'),
  url('../font/Helvetica Neue Roman.svg#Helvetica Neue Roman') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family:'Suisse Intl';
  src: url('../font/SuisseIntl-Book.eot');
src: url('../font/SuisseIntl-Book.eot?#iefix') format('embedded-opentype'),
  url('../font/SuisseIntl-Book.woff2') format('woff2'),
  url('../font/SuisseIntl-Book.woff') format('woff'),
  url('../font/SuisseIntl-Book.svg#SuisseIntl-Book') format('svg');
  font-weight: 450;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

:root {
  --main-color: #C5AC70;
  --second-color: #021240;
  --title-font: 'Helvetica Neue';
  --Suisse-font: 'Suisse Intl';
}

html, body {
  font-weight: 400;
  font-size:18px;
  line-height:1.5;
  padding:0;
  margin:0;
}

a {
  color:var(--main-color);
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}


.contact-page label {color: red !important;font-size: 16px;}
.main-wapper{padding-top: 108px;}
.container{max-width: 1367px; }
.pdbottom{padding-bottom: 50px !important;}
.main-header{background: #fff; padding: 32px 0; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9;}
.main-header .container{display: flex; justify-content: space-between; align-items: center;}
.main-header .rightside{display: flex; align-items: center;}
.main-header .rightside ul.main-menu{margin: 0px; padding: 0px; list-style: none; display: flex;}
.main-header .rightside ul.main-menu li{margin-left: 36px;}
.main-header .rightside ul.main-menu li a{font-size: 14px; line-height: 17px; font-weight: 500; font-family: var(--title-font); color: var(--second-color); text-transform: uppercase; letter-spacing: 0.5px;}
.main-header .rightside ul.main-menu li a:hover,.main-header .rightside ul.main-menu li.current-menu-item > a,
.main-header .rightside ul.main-menu li a.active{color: var(--main-color);}
.main-header .rightside .in-icon{width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; margin-left: 36px;}
.main-header .rightside .in-icon svg path{fill: var(--main-color);}
.main-header .rightside .in-icon:hover svg path{fill: var(--second-color);}

.main-header .btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;  margin-left: 15px; display: none}
.main-header .btn-menu span{width: 100%; height: 2px; background: var(--second-color); display: block;  transition: all .5s ease;}
.main-header .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.main-header .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.main-header .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.main-header .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.main-header .btn-menu.active span:nth-of-type(3n+2){display: none;}
.main-header .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}


.top-main-slider-area{margin: 0px;}
.top-main-slider-area .inner-photo-block{width: 100%; height: 678px; position: relative; overflow: hidden;}
.top-main-slider-area .inner-photo-block img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; width: 100%; height: 100%;}
.top-main-slider-area .inner-photo-block .content-area{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1; padding: 66px 0;}
.top-main-slider-area .inner-photo-block .content-area h2{font-size: 40px; line-height: 52px; color: var(--second-color); font-weight: 400; text-transform: uppercase; text-align: center; font-family: var(--title-font);}
.top-main-slider-area .inner-photo-block .content-area h2 span{font-weight: 700; border-bottom: var(--second-color) 1px solid;}

.atmco-holdings-area{padding: 52px 0 0 0;}
.atmco-holdings-area .subtitle{font-family:var(--Suisse-font); color: var(--second-color); font-size: 12px; line-height: 16px; letter-spacing: 0.43em; text-transform: uppercase; position: relative; padding-left: 22px; margin: 0 0 17px 0;}
.atmco-holdings-area .subtitle::before{content: ''; position: absolute; top: 3px; left: 0px; width: 9px; height: 9px; background: var(--main-color);}
.atmco-holdings-area h1{font-size: 40px; line-height: 48px; color: var(--second-color); font-weight: 500; margin: 0 0 16px 0; font-family: var(--title-font);}
.atmco-holdings-area p{font-size: 18px; line-height: 30px; color: #000; font-family:'TT Satoshi'; margin: 0 0 20px 0;}
.atmco-holdings-area a.btn-read{background: var(--main-color); color: #fff; font-size: 12px; line-height: 16px; padding: 17px 42px; border-radius: 10px; text-transform: uppercase; font-weight: 500; margin-top: 20px;}
.atmco-holdings-area a.btn-read:hover{background: var(--second-color);}


.companies-area{padding: 52px 0 0 0;}
.companies-area .subtitle{font-family:var(--Suisse-font); color: var(--second-color); font-size: 12px; line-height: 16px; letter-spacing: 0.43em; text-transform: uppercase; position: relative; padding-left: 22px; margin: 0 0 17px 0;}
.companies-area .subtitle::before{content: ''; position: absolute; top: 3px; left: 0px; width: 9px; height: 9px; background: var(--main-color);}
.companies-area h2{font-size: 40px; line-height: 48px; color: var(--second-color); font-weight: 500; font-family: var(--title-font); margin: 0 0 16px 0; max-width: 220px;}
.companies-area p{font-size: 18px; line-height: 30px; color: var(--second-color); font-family:'TT Satoshi'; margin: 0 0 20px 0; padding-right: 60px;}
.companies-area ul.company-list{margin: 0px -8px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.companies-area ul.company-list li{width: 33.33%; padding: 0 8px; margin-bottom: 16px;}
.companies-area ul.company-list li .atmco-banner{background: #F5F7F8; border-radius: 15px; min-height: 516px; position: relative; overflow: hidden;}
.companies-area ul.company-list li .atmco-banner img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; width: 100%; height: 100%;}
.companies-area ul.company-list li .company-block{background: #F5F7F8; border-radius: 15px; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; min-height: 516px;}
.companies-area ul.company-list li .company-block .company-logo{margin-bottom: 30px; position: relative; width: 180px; height: 60px;}
.companies-area ul.company-list li .company-block .company-logo img{max-width: 100%; max-height: 100%; margin: auto; top: 0px; bottom: 0px; position: absolute;}
.companies-area ul.company-list li .company-block .company-logo::before{content: ''; position: absolute; bottom: -30px; left: 0px; width: 40px; height: 3px; background: var(--second-color);}
.companies-area ul.company-list li .company-block p{padding: 0px; margin: 0 0 24px 0;}
.companies-area ul.company-list li .company-block .btn-read{display: flex; border-top: var(--main-color) 1px dashed; padding: 34px 0 0 0; color: var(--second-color); font-size: 16px; line-height: 18px; font-family:var(--Suisse-font);}
.companies-area ul.company-list li .company-block .btn-read .icon{margin-left: 16px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.companies-area ul.company-list li .company-block .btn-read:hover .icon{margin-left: 30px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.companies-area ul.company-list li .company-block .btn-read:hover{border-top: var(--main-color) 1px solid; }



.our-legacy-area{padding: 58px 0 58px 0;}
.our-legacy-area .subtitle{font-family:var(--Suisse-font); color: var(--second-color); font-size: 12px; line-height: 16px; letter-spacing: 0.43em; text-transform: uppercase; position: relative; padding-left: 22px; margin: 0 0 17px 0;}
.our-legacy-area .subtitle::before{content: ''; position: absolute; top: 3px; left: 0px; width: 9px; height: 9px; background: var(--main-color);}
.our-legacy-area h2{font-size: 40px; line-height: 48px; color: var(--second-color); font-family: var(--title-font); font-weight: 500; margin: 0 0 50px 0; max-width: 220px;}
.our-legacy-area .legacy-block{display: flex;}
.our-legacy-area .legacy-block .leftside{width: 64.5%; padding-right: 18px; min-height: 645px;}
.our-legacy-area .legacy-block .leftside .photo-video{width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 15px;}
.our-legacy-area .legacy-block .leftside .photo-video img,
.our-legacy-area .legacy-block .leftside .photo-video video{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.our-legacy-area .legacy-block .content{width: 35.5%; background: #F3F4EE; border-radius: 15px; padding: 44px 50px 50px 50px; display: flex; flex-direction: column; justify-content: space-between;}
.our-legacy-area .legacy-block .content .number{font-size: 61px; line-height: 78px; color: #BEBFB9; font-family: var(--title-font); font-weight: 600; padding-bottom: 34px; position: relative; margin-bottom: 34px;}
.our-legacy-area .legacy-block .content .number span{color: var(--second-color);}
.our-legacy-area .legacy-block .content .number::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 94px; height: 1px; background: #BEBFB9;}
.our-legacy-area .legacy-block .content h3{font-size: 24px; line-height: 25px; color: var(--second-color); font-family:'TT Satoshi DemiBold'; margin: 0 0 16px 0;}
.our-legacy-area .legacy-block .content p{font-size: 18px; line-height: 32px; color: #655E55; font-family:'TT Satoshi'; max-width: 294px;}
.our-legacy-area .legacy-block .content .swiper-button-next.bottom-part{position: relative; top: auto; left: auto; display: flex; width: 300px; align-items: end; height: auto; right: 0px;}
.our-legacy-area .legacy-block .content .swiper-button-next.bottom-part::after{content: none;}
.our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .photo-block{width: 44%; height: 78px; position: relative; overflow: hidden;}
.our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .photo-block img,
.our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .photo-block video{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .next-info{width: 56%; padding-left: 15px;}
.our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .next-info .next{font-size: 14px; line-height: 18px; color: #000; margin: 0 0 15px 0; font-family:var(--Suisse-font);}
.our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .next-info h4{font-size: 12px; line-height: 16px; color: #000; margin: 0; font-family:var(--Suisse-font);}
.our-legacy-area .swiper-pagination{position: absolute; z-index: 9; width: 35.5% !important; left: 64.5% !important; padding-left: 198px; display: flex; bottom: 88px !important; top: auto;}
.our-legacy-area .swiper-pagination .swiper-pagination-bullet{margin: 0 8px 0 0 !important; opacity: 0.3 !important; width: 20px; height: 1px; border-radius: 0px;}
.our-legacy-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000; opacity: 1 !important;}


/*.latest-insights-area{padding: 68px 0 80px 0;}
.latest-insights-area .subtitle{font-family:var(--Suisse-font); color: var(--second-color); font-size: 12px; line-height: 16px; letter-spacing: 0.43em; text-transform: uppercase; position: relative; padding-left: 22px; margin: 0 0 17px 0;}
.latest-insights-area .subtitle::before{content: ''; position: absolute; top: 3px; left: 0px; width: 9px; height: 9px; background: var(--main-color);}
.latest-insights-area h2{font-size: 40px; line-height: 48px; color: var(--second-color); font-family: var(--title-font); font-weight: 500; margin: 0 0 50px 0; }
.latest-insights-area .insight-block{background: var(--second-color); display: flex; flex-direction: column; justify-content: space-between; min-height: 478px; border-radius: 15px; padding: 42px 48px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block .date{font-size: 14px; line-height: 24px; color: #fff; font-family: var(--title-font); font-weight: 700; margin: 0 0 40px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block h3{font-size: 24px; line-height: 38px; color: var(--main-color); font-family:'TT Satoshi DemiBold'; margin: 0 0 14px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block p{font-size: 18px; line-height: 33px; color: #fff; font-weight: 400; font-family:'TT Satoshi'; margin: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block .link{font-size: 14px; line-height: 24px; color: #fff; font-family:var(--Suisse-font); font-weight: 400; display: flex; align-items: center; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block .link .icon{width: 60px; height: 60px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; margin-right: 12px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block .link .icon svg path{fill: var(--second-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block:hover{background: #F3F4EE; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block:hover .date,
.latest-insights-area .insight-block:hover h3,
.latest-insights-area .insight-block:hover .link{color: var(--second-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block:hover .icon{background: var(--second-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block:hover .icon svg path{fill: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.latest-insights-area .insight-block:hover p{color: #000000; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}*/

.footer-area{background-color:#161923; overflow: hidden;}
.footer-area .d-flex{max-width: 1240px; margin: 0 auto; padding: 50px 0 40px 0;}
.footer-area .about-info{width: 32%; padding-right: 90px; min-height: 266px;}
.footer-area .link-part{width: 20%; padding-right: 60px; min-height: 266px;}
.footer-area .contact-info{width: 28%;  min-height: 266px; display: flex; flex-direction: column; justify-content: space-between;}
.footer-area .logo{margin: 0 0 22px 0;}
.footer-area p{font-size: 14px; line-height: 24px; color: #fff; font-family:'TT Satoshi'; margin: 0px;}
.footer-area h2{font-size: 20px; line-height: 26px; color: #fff; margin: 0 0 22px 0; font-family:var(--Suisse-font);}
.footer-area ul.link{margin: 0px; padding: 0px; list-style: none;}
.footer-area ul.link li a{color: #9C9DA2; font-size: 16px; line-height: 36px; font-family:'i';}
.footer-area ul.link li a:hover{color: #fff;}
.footer-area .location{font-size: 17px; line-height: 25px; color: #9C9DA2; margin: 30px 0 16px 0; font-family:'TT Satoshi';}
.footer-area .info{font-size: 14px; line-height: 26px; color: var(--main-color);}
.footer-area .info a{color: #9C9DA2;}
.footer-area .policy-link{font-size: 14px; line-height: 30px; color: #9C9DA2;}
.footer-area .policy-link a{color: #9C9DA2; position: relative;}
.footer-area .policy-link a::before{content: '|';  margin: 0 8px;}
.footer-area .policy-link a:first-child::before{content: none;}
.footer-area .copyright{border-top: #7779805C 1px solid; padding: 33px 0;}
.footer-area .copyright .inner-flex{display: flex; max-width: 1240px; margin: 0 auto; justify-content: space-between;}
.footer-area .copyright .inner-flex p{font-size: 14px; line-height: 30px; color: #77797F; margin: 0px; font-family:'TT Satoshi';}
.footer-area .copyright .inner-flex a{font-size: 14px; line-height: 30px; color: #77797F; margin: 0px; font-family:'TT Satoshi';}

.inner-photo-area{position: relative; width: 100%; height: 336px; overflow: hidden;}
.inner-photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.inner-photo-area .content-area{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.inner-photo-area .content-area h1{font-size: 40px; line-height: 52px; color: #fff; font-family: var(--title-font); font-weight: 500; margin: 0 0 10px 0; padding: 0 0 6px 0; text-align: center; position: relative; text-transform: uppercase;}
.inner-photo-area .content-area h1::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: #fff; height: 1px;}
.inner-photo-area .breadcrumb{margin: 0px;}
.inner-photo-area .breadcrumb .breadcrumb-item{font-family:var(--Suisse-font); font-size: 13px; line-height: 14px; font-weight: 500; letter-spacing: 0.43em; text-transform: uppercase;}
.inner-photo-area .breadcrumb .breadcrumb-item a{color: #fff;}
.inner-photo-area .breadcrumb .breadcrumb-item.active {color: #fff; letter-spacing: 0.43em;}
.inner-photo-area .breadcrumb .breadcrumb-item + .breadcrumb-item::before {color: #fff;}


.what-we-do-page{padding: 50px 0;}
.what-we-do-page ul.company-list{margin: 0px; padding: 0px; list-style: none;}
.what-we-do-page ul.company-list li{display: flex; margin-bottom: 50px; scroll-margin-top: 130px;}
.what-we-do-page ul.company-list li .photo-block{width: 34%; padding-right: 20px; min-height: 500px;}
.what-we-do-page ul.company-list li .photo-block .inner{width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 15px;}
.what-we-do-page ul.company-list li .photo-block .inner img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.what-we-do-page ul.company-list li .content-area{width: 66%; background: #F5F7F8; border-radius: 15px; padding: 42px 50px; display: flex;flex-direction: column; justify-content: center; align-items: baseline;}
.what-we-do-page ul.company-list li .content-area .logo{margin-bottom: 25px; position: relative; padding-bottom: 34px;}
.what-we-do-page ul.company-list li .content-area .logo::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 40px; height: 3px; background: var(--second-color);}
.what-we-do-page ul.company-list li .content-area p{font-size: 18px; line-height: 32px; color: #021240;  font-family:'TT Satoshi'; margin: 0 0 20px 0;}
.what-we-do-page ul.company-list li .content-area a.btn-link{background: var(--main-color); color: #fff; font-size: 12px; line-height: 16px; padding: 17px 42px; border-radius: 10px; text-transform: uppercase; font-weight: 500; text-decoration: none;}
.what-we-do-page ul.company-list li .content-area a.btn-link:hover{background: var(--second-color);}
.what-we-do-page ul.company-list li:nth-child(2n){flex-direction: row-reverse;}
.what-we-do-page ul.company-list li:nth-child(2n) .photo-block{padding-left: 20px; padding-right: 0px;}

.about-area{padding: 70px 0; background:#021240; position: relative; overflow: hidden;}
.about-area .container{display: flex; position: relative;}
.about-area h2{width: 37%; font-size: 40px; line-height: 48px; color: #fff; font-family: var(--title-font); font-weight: 500; margin: 0 0 50px 0;}
.about-area .content-block{width: 63%; position: relative; z-index: 1;}
.about-area p{font-size: 18px; line-height: 30px; color: #fff; font-family:'TT Satoshi'; margin: 0 0 20px 0;}
.about-area p:last-child{margin: 0px;}
.about-area .logo-icon{position: absolute; bottom: -158px; left: -64px;}
.about-area li{color: #fff;}
.about-area ul{list-style: square;  margin-left: 21px;  padding: 0;}
.about-area .full_area_d{width: 100%;}
.about-area .full_area_d h2{width: 100%;margin-bottom: 20px;  margin-top: 30px;}


.our-businesses-area{background: #F5F7F8; padding: 60px 0;}
.our-businesses-area .container{display: flex;}
.our-businesses-area .leftside{width: 60%; padding-right: 150px;}
.our-businesses-area ul.logo-list{width: 40%; margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.our-businesses-area ul.logo-list li{width: 50%; text-align: center; margin: 0;}
.our-businesses-area ul.logo-list li .logo-area{width: 100%; height: 90px; position: relative;}
.our-businesses-area ul.logo-list li .logo-area img{max-width: 100%; max-height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain; margin: auto;}
.our-businesses-area .subtitle{font-family:var(--Suisse-font); color: var(--second-color); font-size: 12px; line-height: 16px; letter-spacing: 0.43em; text-transform: uppercase; position: relative; padding-left: 22px; margin: 0 0 17px 0;}
.our-businesses-area .subtitle::before{content: ''; position: absolute; top: 3px; left: 0px; width: 9px; height: 9px; background: var(--main-color);}
.our-businesses-area h2{font-size: 40px; line-height: 48px; color: var(--second-color); font-family: var(--title-font); font-weight: 500; margin: 0 0 15px 0; }
.our-businesses-area p{font-size: 18px; line-height: 30px; color: #000000; font-family:'TT Satoshi'; margin: 0;}

.career-page{padding: 56px 0 74px 0;}
.career-page p{text-align: center; font-size: 18px; line-height: 30px; color: #655E55; margin: 0 auto 24px auto; max-width: 576px;}
.career-page .career-form{background: #F3F4EE; padding: 52px; }
.career-page .career-form h2{font-size: 40px; line-height: 48px; color: #000; font-family: var(--title-font); font-weight: 500; margin: 0 0 15px 0; }
.career-page .career-form .input-block{margin-bottom: 22px;}
.career-page .career-form .input-block .form-control{border: none; border-bottom: var(--main-color) 1px solid; border-radius: 0px; padding: 25px 0; font-size: 16px; line-height: 25px; color: var(--second-color); background: transparent;}
.career-page .career-form .input-block .form-control::placeholder{color:var(--second-color)}
.career-page .career-form .input-block .form-control:focus{border-bottom: var(--second-color) 1px solid; box-shadow: none;}
.career-page .career-form .form-input--file{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; justify-content: space-between; background: transparent; border-bottom: var(--main-color) 1px solid; border-radius: 0px; padding: 20px 0; font-size: 16px; line-height: 25px; color: var(--second-color); }
.career-page .career-form .form-input--file .border {font-family: var(--font-dubai); font-size: 12px; line-height: 14px; padding: 10px 26px; font-weight: 400; border: var(--second-color) 1px solid !important; color: var(--second-color); border-radius: 10px; text-transform: uppercase;}
.career-page .career-form .form-input--file .form-input-file {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;}
.career-page .career-form .btn-submit{border: var(--second-color) 1px solid !important; background: transparent; color: var(--second-color); font-size: 12px; line-height: 24px; padding: 12px 80px 12px 30px; border-radius: 10px; position: relative; margin-top: 27px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.career-page .career-form .btn-submit::before{content: ''; position: absolute; top: 12px; right: 28px; width: 24px; height: 24px; background: url(../images/arrow-icon.png) center center no-repeat; background-size: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.career-page .career-form .btn-submit:hover{background: var(--second-color); color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.career-page .career-form .btn-submit:hover::before{filter: brightness(0) invert(1); transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.contact-page{padding: 50px 0 100px 0;}
.contact-page .light-bg{background: #F3F4EE; margin: 0 auto; padding: 68px 80px 80px 80px;}
.contact-page .inner-flex{display: flex;}
.contact-page h2{font-size: 64px; line-height: 82px; color: var(--second-color); font-weight: 700; font-family: var(--title-font); padding: 0 0 32px 0; margin-bottom: 35px; position: relative;}
.contact-page h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 196px; height: 1px; background: var(--main-color);}
.contact-page h3{font-size: 35px; line-height: 44px; font-weight: 600; color: var(--main-color); margin: 0 0 5px 0;}
.contact-page p{font-size: 18px; line-height: 32px; color: #655E55; font-weight: 400; margin: 0 0 20px 0;}
.contact-page .form-area{width: 60%; padding-right: 100px;}
.contact-page .contact-info{width: 40%;}
.contact-page .form-area .input-block{margin-bottom: 7px;}
.contact-page .form-area .input-block .form-control{border: none; border-bottom: var(--main-color) 1px solid; border-radius: 0px; padding: 32px 0; font-size: 16px; line-height: 25px; color: var(--second-color); background: transparent;}
.contact-page .form-area .input-block .form-control::placeholder{color:var(--second-color)}
.contact-page .form-area .input-block .form-control:focus{border-bottom: var(--second-color) 1px solid; box-shadow: none;}

.contact-page .form-area .btn-submit{border: var(--second-color) 1px solid !important; background: transparent; color: var(--second-color); font-size: 12px; line-height: 24px; padding: 12px 80px 12px 30px; border-radius: 10px; position: relative; margin-top: 27px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.contact-page .form-area .btn-submit::before{content: ''; position: absolute; top: 12px; right: 28px; width: 24px; height: 24px; background: url(../images/arrow-icon.png) center center no-repeat; background-size: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.contact-page .form-area .btn-submit:hover{background: var(--second-color); color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.contact-page .form-area .btn-submit:hover::before{filter: brightness(0) invert(1); transform: rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.contact-page .map-area{width: 100%; height: 400px;}
.contact-page h4{font-size: 24px; line-height: 25px; color: var(--second-color); font-family: var(--title-font); font-weight: 300; padding-bottom: 20px; margin-bottom: 12px; position: relative;}
.contact-page h4::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 25px; height: 1px; background: var(--main-color);}
.contact-page .info{font-size: 14px; line-height: 26px; color: var(--main-color); margin: 0 0 40px 0;}
.contact-page .info a{color: var(--second-color);}
.contact-page .location{font-size: 14px; line-height: 26px; color: var(--second-color); margin: 0 0 20px 0;}

.news-insight-page{padding: 50px 0;}
.news-insight-page .inner-flex{display: flex; margin-bottom: 35px;} 
.news-insight-page .inner-flex .titlebar{width: 34%;}
.news-insight-page .inner-flex .titlebar .subtitle{font-family:var(--Suisse-font); color: var(--second-color); font-size: 12px; line-height: 16px; letter-spacing: 0.43em; text-transform: uppercase; position: relative; padding-left: 22px; margin: 0 0 17px 0;}
.news-insight-page .inner-flex .titlebar .subtitle::before{content: ''; position: absolute; top: 3px; left: 0px; width: 9px; height: 9px; background: var(--main-color);}
.news-insight-page .inner-flex .titlebar h2{font-family: var(--title-font); font-size: 40px; line-height: 48px; color: var(--second-color); font-weight: 600; margin: 0 0 50px 0; }
.news-insight-page .rightside{width: 66%;}
.news-insight-page .rightside .news-block .photo-block{height: 460px;}
.news-insight-page ul.news-list{margin: 0px -14px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.news-insight-page ul.news-list li{padding: 0 14px; width: 33.33%;}
.news-insight-page .news-block{width: 100%;}
.news-insight-page .news-block .photo-block{width: 100%; height: 420px; position: relative; overflow: hidden;}
.news-insight-page .news-block .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.news-insight-page .news-block .news-content{padding: 18px 0 0 32px;}
.news-insight-page .news-block .news-content .date{font-size: 14px; line-height: 24px; color: var(--second-color); font-family: var(--title-font); font-weight: 300; margin: 0 0 5px 0;}
.news-insight-page .news-block .news-content h3{font-size: 24px; line-height: 36px; color: var(--second-color); margin: 0 0 10px 0; font-family: var(--title-font); position: relative;}
.news-insight-page .news-block .news-content h3 a{color: var(--second-color);}
.news-insight-page .news-block .news-content h3::before{content: ''; position: absolute; top: 13px; left: -32px; width: 10px; height: 10px; background: var(--main-color);}
.news-insight-page .news-block .news-content .btn-read{font-size: 14px; line-height: 24px; color: var(--main-color); font-weight: 400; font-family: var(--title-font);}
.news-insight-page .news-block .news-content .btn-read:hover{color: var(--second-color);}
.news-insight-page .news-block .news-content .btn-read span{ transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; margin-top: -5px;}
.news-insight-page .news-block .news-content .btn-read:hover span{margin-left: 5px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}


.privacy-policy-page-area{padding:50px 0}
.privacy-policy-page-area .privacy-list{margin:0;padding:0;list-style-type: none;}
.privacy-policy-page-area .privacy-list li{font-size: 18px;line-height: 32px;color: #021240;font-family: 'TT Satoshi';margin: 0 0 20px 0;position:relative;padding-left:33px;}
.privacy-policy-page-area .privacy-list li::before {content: '';position: absolute;top: 11px;left: 0px;width: 9px;height: 9px;background: var(--main-color);}



.leadership-area{padding: 75px 0 0px 0;}
.leadership-area .subtitle{font-family:var(--Suisse-font); color: var(--second-color); font-size: 12px; line-height: 16px; letter-spacing: 0.43em; text-transform: uppercase; position: relative; padding-left: 22px; margin: 0 0 17px 0;}
.leadership-area .subtitle::before{content: ''; position: absolute; top: 3px; left: 0px; width: 9px; height: 9px; background: var(--main-color);}
.leadership-area h2{font-size: 40px; line-height: 48px; color: var(--second-color); font-family: var(--title-font); font-weight: 500; margin: 0 0 43px 0; }
.leadership-area .leadership-block{display:flex;}
.leadership-area .leadership-block .leadership-block-inner{width:33.33%;margin-bottom:0;padding:0 0 0 25px;/*min-height:842px;*/}
.leadership-area .leadership-block .leadership-block-inner:first-child{padding-left:0;}

.leadership-area .leadership-block .leadership-block-inner:second-child{padding:0 0 0 25px;}
.leadership-area .leadership-block .leadership-block-inner .leadership-block {background:#F3F4EE;border-radius: 15px;text-align:left;padding: 30px 30px;display: flex;flex-direction: column;height:100%;justify-content:space-between;}
.leadership-area .leadership-block .photo{height:180px;width:180px;border-radius:50%;background-color:white;position:relative;margin:0 0 36px 0;display:none;}
.leadership-area .leadership-block .photo img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;bottom:0;}
.leadership-area .leadership-block .name{margin:0 0 0px 0;font-size:35px;line-height:43px;color:var(--second-color);font-family:var(--title-font);font-weight:500;}
.leadership-area .leadership-block .name span{font-size:22px;line-height:26px;color:var(--main-color);display:block}
.leadership-area .leadership-block p{font-size:16px;line-height:30px;color:var(--second-color);margin:31px 6px 31px 0 ;font-family:'TT Satoshi';font-weight:400;}
 .leadership-area .leadership-block .link{font-size: 14px; line-height:18px; color:var(--second-color); font-family:var(--Suisse-font); font-weight: 400; display: flex; align-items: center; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; cursor: pointer;}
.leadership-area .leadership-block .link .icon{width: 60px; height: 60px; border-radius: 50%; background:var(--second-color); display: flex; align-items: center; justify-content: center; margin-right: 12px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.leadership-area .leadership-block .link .icon svg path{fill:#fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.leadership-area .leadership-block .link {border:none}
.modal-body{padding:0;}
.modal-content .modal-details{padding:40px;}
.modal-content .modal-details .modal-detail-inner{display:block;margin-top:15px;}
.modal-content .modal-details .modal-detail-inner .modal-photo{width:30%;margin-right:30px;}
.modal-content .modal-details .modal-detail-inner .modal-detail{width:100%;}
.modal.show .modal-dialog{max-width:1000px;}
.modal-content .close{position:absolute;top:0px;right:29px;background: none;
    border: none;
    font-size: 37px;z-index:5;}
    .modal-content .modal-details .modal-detail-inner .modal-detail .name{font-size:32px;line-height:40px;margin:0 0 20p x0;};









.tooltiplink{position: relative;}
.tooltiplink .tooltiptext {
  visibility: hidden;
  width: 120px;
  bottom: 56px;
  left: 50%;
  margin-left: -60px;
  background-color: var(--second-color);
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltiplink .tooltiptext:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: var(--second-color);
	border-width: 5px;
	margin-left: -5px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltiplink:hover .tooltiptext {
  visibility: visible;
}