/* @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); */ @font-face { font-family: 'EzerBasic'; src: url('../css/fonts/EzerBasic-Light.woff2') format('woff2'), url('../css/fonts/EzerBasic-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'EzerBasic'; src: url('../css/fonts/EzerBasic-Regular.woff2') format('woff2'), url('../css/fonts/EzerBasic-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'EzerBasic'; src: url('../css/fonts/EzerBasic-Medium.woff2') format('woff2'), url('../css/fonts/EzerBasic-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'EzerBasic'; src: url('../css/fonts/EzerBasic-Bold.woff2') format('woff2'), url('../css/fonts/EzerBasic-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Outfit'; src: url('../css/fonts/Outfit-ExtraLight.eot'); src: url('../css/fonts/Outfit-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Outfit-ExtraLight.woff2') format('woff2'), url('../css/fonts/Outfit-ExtraLight.woff') format('woff'), url('../css/fonts/Outfit-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../css/fonts/Outfit-Light.eot'); src: url('../css/fonts/Outfit-Light.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Outfit-Light.woff2') format('woff2'), url('../css/fonts/Outfit-Light.woff') format('woff'), url('../css/fonts/Outfit-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } :root{ --body-font: 'EzerBasic'; --secondary-font: 'Outfit'; --yellow:#F2BE1A; --blue:#1A3299; --white:#ffffff; --black:#000000; } /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} html {scroll-behavior: smooth; scroll-padding-top: 54px;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl, li {margin:0; padding:0;} ul, ol {margin:0 20px 30px 0;} html, body{ -webkit-appearance:none; appearance:none; border:none; -webkit-text-size-adjust:none;} ul {list-style-type: none} ul li {position: relative;} ul li:before { position: absolute; right: -20px; top: 15px; width: 4px; height: 4px; background-color: var(--blue); border-radius: 0; content: ""; } html.touch {scroll-behavior: initial;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ body{padding: 0;margin: 0;font-family: var(--body-font); font-size:20px; font-weight: 400; color: var(--blue); line-height:32px; letter-spacing:0; box-sizing: border-box; overflow-x: hidden; direction: rtl; text-align: start; background-color:var(--white);} *,*:after, *:before {box-sizing: border-box;} .bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;} .bg-cover > img {opacity: 0; width: 100%;} h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {margin: 0; font-family: var(--body-font); font-weight: 400; color:var(--blue); line-height:1; padding-bottom: 30px;} h1,.h1 {font-size:50px;} h2,.h2 {font-size:48px; line-height: 50px; } h3,.h3 {font-size:30px;} h4,.h4 {font-size:25px;} h5,.h5 {font-size:22px;} h6,.h6 {font-size:18px;} p {margin-bottom:30px; font-weight: 300;} p:last-child {margin-bottom: 0;} strong {font-weight: 700;} hr {border:0 #231F20 solid; border-top-width: 2px; clear: both; height: 0;} ol {list-style: decimal;} /* 3. Images ------------------------------------------------------------------------------*/ img{max-width: 100%; border: 0; border-style: none; height: auto; vertical-align: top; } /* 4. Links ------------------------------------------------------------------------------*/ a {color: var(--blue); text-decoration:none;transition: 0.3s; display: inline-block;} /* 5. Forms ------------------------------------------------------------------------------*/ .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {margin: 0 0 0 0; padding:7px 16px 7px 7px; border-radius:40px; background-color:var(--white); border: 2px solid var(--blue); display: inline-flex; align-items: center; vertical-align: middle; font-family: var(--body-font); font-weight:400; color: var(--blue); font-size: 16px; line-height:24px; position: relative; outline: none; box-shadow:none; text-align: center; text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0; cursor: pointer; justify-content: center;} .button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color:var(--blue); color: var(--white); border-color:var(--blue); } .button.black, a.button.black, button.black, html input[type="button"].black, input[type="reset"].black, input[type="submit"].black {background-color: var(--blue); color: var(--white);} .button.black:hover, a.button.black:hover, button.black:hover, html input[type="button"].black:hover, input[type="reset"].black:hover, input[type="submit"].black:hover {background-color: var(--yellow); border-color: var(--yellow); color: var(--blue);} input[type="search"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {margin: 0 0 0 0; padding:0px 8px; height: 48px; border-radius:0px; background-color:transparent; border: 0; border-bottom:2px solid #23415A; display: inline-block; vertical-align: middle; font-family: var(--body-font); font-weight: 400; color: #23415A; font-size:18px; line-height:48px; position: relative;outline: none;box-shadow: none;text-align: start;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0; width: 100%; text-align: right;} select {height:48px; color: #99A5AF; appearance: none; background-image: url(../images/select-box-arrow.svg); background-repeat: no-repeat; background-position: 15px center; } input::-webkit-input-placeholder {color: #99A5AF;opacity:1;} input:-moz-placeholder {color:#99A5AF; opacity:1;} input::-moz-placeholder {color: #99A5AF; opacity:1;} input:-ms-input-placeholder {color: #99A5AF;opacity:1;} textarea::-webkit-input-placeholder {color: #99A5AF; opacity:1;} textarea:-moz-placeholder {color:#99A5AF; opacity:1;} textarea::-moz-placeholder {color: #99A5AF; opacity:1;} textarea:-ms-input-placeholder {color: #99A5AF;opacity:1;} textarea {resize: none;} fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ table {border-spacing: 0; border-collapse: collapse;} td {text-align: start; font-weight: normal;} /* 7. Framework ------------------------------------------------------------------------------*/ .admin-bar header.scrolling_header { top: 32px;} .container{max-width: 1678px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto;} .row{display: flex;flex-wrap: wrap; margin-left: -12px; margin-right: -12px; } .col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 12px; padding-left: 12px; } .col-12 {max-width: 100%;} .col-11 {max-width: 91.66666667%;} .col-10 {max-width: 83.33333333%;} .col-9 {max-width: 75%;} .col-8 {max-width: 66.66666667%;} .col-7 {max-width: 58.33333333%;} .col-6 {max-width: 50%;} .col-5 {max-width: 41.66666667%;} .col-4 {max-width: 33.33333333%;} .col-3 {max-width: 25%;} .col-2 {max-width: 16.66666667%;} .col-1 {max-width: 8.33333333%;} .d-flex{ display:flex;} .flex-wrap{flex-wrap:wrap;} .justify-content-start{justify-content:flex-start;} .justify-content-center{justify-content:center;} .justify-content-end{justify-content:flex-end;} .justify-content-between{justify-content:space-between;} .align-items-start{align-items: flex-start;} .align-items-center{align-items: center;} .align-items-end{align-items: flex-end;} .row-reverse{flex-direction: row-reverse;} .text-center{text-align: center;} .text-left{text-align: start;} .text-right{text-align: end;} .font-light {font-weight: 300;} .wp-block-image .alignleft, .alignleft {margin: 0 20px 20px 0; float: left;} .wp-block-image .alignright, .alignright {margin: 0 0 20px 20px; float: right;} .wp-block-image .aligncenter, .aligncenter {margin:20px auto 20px auto; float: none; display: block; text-align: center;} .wp-block-image .alignnone, .alignnone {margin-top:20px; margin-bottom: 20px; } .article-details-part .left-cl a {display: initial;} .mySwiper-home-banner .banner-text, .future-part .text, .future-part .image, .north-south-text, .north-south-slider-part, .north-btn, .choice-part .video, .choice-part .tex, .numbers-section h2, .numbers-section .numbers-list, .highlight-text, .numbers-section .logo-blue, .wipers-section h2, .wipers-section .wipers-list, .mySwiper-about-banner .about-banner-text2, .mySwiper-about-text, .mySwiper-about-desc, .industry-part .text, .industry-part .image, .success-top-text, .success-slider-part, .management-top-text, .management-list ul, .projects-top-text, .project-filter-menu, .projects-part .projects-list, .additional-btn, .backwater-part, .knowledge-section h2, .knowledge-part .video, .knowledge-part .text, .job-part h2, .job-top-part .share-box, .jobs-list, .not-find-job-part, .instagram-career-section h2, .instagram-career-part, .contact-page-part .right-cnt, .contact-page-part .left-cnt, .logo-contact, .news-banner-section .text, .breadcrumb-section, .news-list, .vision-part .text, .vision-part .vision-chart-part, .publications-part, .numbers-list, .development-part .dev-text, .development-part .development-list, .information-section h2, .information-part, .project-contact-section .container, .existence-part .text, .existence-part .image, .donations-top-text, .double-donation-part, .donations-section > h2, .associations-slider-part, .community-testimonial-slider-part, .bustling-business-section h2, .bustling-business-video, .architectural-top-text, .architectural-slider-part, .project-map-part .text, .project-map-part .map, .project-brand-part, .ecosystem-part, .ecosystem-slider-part, .page-title-text, .default-content-part, .additional-btn2, .article-banner-section .text, .article-banner-info-part, .article-details-part .right-cl, .article-details-part .left-cl, .news-list-section h2 { transition: 0.8s ease all; transform: translateY(100px); opacity: 0; } .mySwiper-home-banner .banner-text.come-in, .future-part .text.come-in, .future-part .image.come-in, .north-south-text.come-in, .north-south-slider-part.come-in, .north-btn.come-in, .choice-part .video.come-in, .choice-part .tex.come-in, .numbers-section h2.come-in, .numbers-section .numbers-list.come-in, .numbers-section .logo-blue.come-in, .highlight-text.come-in, .logo-blue.come-in, .wipers-section h2.come-in, .wipers-section .wipers-list.come-in, .mySwiper-about-banner .about-banner-text2.come-in, .mySwiper-about-text.come-in, .mySwiper-about-desc.come-in, .industry-part .text.come-in, .industry-part .image.come-in, .success-top-text.come-in, .success-slider-part.come-in, .management-top-text.come-in, .management-list ul.come-in, .projects-top-text.come-in, .project-filter-menu.come-in, .projects-part .projects-list.come-in, .additional-btn.come-in, .backwater-part.come-in, .knowledge-section h2.come-in, .knowledge-part .video.come-in, .knowledge-part .text.come-in, .job-part h2.come-in, .job-top-part .share-box.come-in, .jobs-list.come-in, .not-find-job-part.come-in, .instagram-career-section h2.come-in, .instagram-career-part.come-in, .contact-page-part .right-cnt.come-in, .contact-page-part .left-cnt.come-in, .logo-contact.come-in, .news-banner-section .text.come-in, .breadcrumb-section.come-in, .news-list.come-in, .vision-part .text.come-in, .vision-part .vision-chart-part.come-in, .publications-part.come-in, .numbers-list.come-in, .development-part .dev-text.come-in, .development-part .development-list.come-in, .information-section h2.come-in, .information-part.come-in, .project-contact-section .container.come-in, .existence-part .text.come-in, .existence-part .image.come-in, .donations-top-text.come-in, .double-donation-part.come-in, .donations-section > h2.come-in, .associations-slider-part.come-in, .community-testimonial-slider-part.come-in, .bustling-business-section h2.come-in, .bustling-business-video.come-in, .architectural-top-text.come-in, .architectural-slider-part.come-in, .project-map-part .text.come-in, .project-map-part .map.come-in, .project-brand-part.come-in, .ecosystem-part.come-in, .ecosystem-slider-part.come-in, .page-title-text.come-in, .default-content-part.come-in, .additional-btn2.come-in, .article-banner-section .text.come-in, .article-banner-info-part.come-in, .article-details-part .right-cl.come-in, .article-details-part .left-cl.come-in, .news-list-section h2.come-in { opacity: 1; transform: translateY(0); } .header{padding: 0; position: fixed; left: 0; top: 0; right: 0; z-index: 12; transition: 0.3s all;} .header-in{padding: 41px 0 0px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition: 0.3s all; position: relative;} header.open-menu .top_right_menu { opacity: 0; visibility: hidden; right:-100PX; pointer-events: none; /*transition: opacity 1s ease, right 1s ease, visibility 0s 1s;*/ transform: translateX(70px); } header .top_right_menu {transition: all 0.7s;} .logo{padding: 0 0 0 60px;} .logo a{display: inline-block;} .logo img{width: auto; vertical-align: top;} .nav{padding:0 0; margin: 0 0 0 auto;} .nav ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: center; transform: translateX(0); } .nav ul li{padding: 0; margin: 0 12px; list-style: none; position: relative; } .nav ul li::before{display: none; } .nav ul li a{padding: 4px 8px; font-size: 16px; line-height: 46px; color: var(--white); font-weight: 400; position: relative; display: block;} .nav ul li a::before{position: absolute; left: 0; right: 0; bottom: 0px; height: 2px; background-color: var(--yellow); content: ""; opacity: 0; visibility: hidden; transition: all 0.6s;} .nav ul li:hover > a:before, .nav ul li.current-menu-item > a:before{opacity: 1; visibility: visible;} .nav ul li.hase-menu .sub-menu li a.active_section:before {opacity: 1; visibility: visible;} .nav ul li .sub-menu{position: absolute; right: 0; top: 100%; background: var(--blue); display: block; min-width: 269px; border-radius: 8px; padding: 1px 0 7px 0; display: block; opacity: 0; visibility: hidden; transition:all 0.3s;} .nav ul li .sub-menu li a{line-height: 40px; transition: none;} .nav ul li .sub-menu li a::before{bottom: 3px;} .nav ul li:hover .sub-menu{opacity: 1; visibility: visible; transition:all 0.5s;} .hamburger {padding: 0;height: 40px;width: 40px; border:2px solid #F2BE1A; outline: none !important;background-color: inherit;border-radius: 50%; position: relative;z-index: 9999; cursor: pointer; transition: all 0.3s;} @media screen and (min-width: 992px) { .hamburger:hover .hamburger_inner {transform: rotate(-90deg); width:4px; height: 4px; transition: all 0.3s;} .hamburger:hover .hamburger_inner::before, .hamburger:hover .hamburger_inner::after {width:4px;height: 4px; transition: all 0.3s;} } .hamburger .hamburger_inner, .hamburger .hamburger_inner:after, .hamburger .hamburger_inner:before {width: 16px;height: 2px;transition-timing-function: ease;transition-duration: 0.3s;transition-property: transform;border-radius: 4px; background-color: var(--white); position: absolute; /* right: 3px;left:1px;*/ right: 0; left: 0; margin: 0 auto;} .hamburger .hamburger_inner{transition: top 75ms ease 0.12s,transform 75ms cubic-bezier(.55,.055,.675,.19);top: 0;bottom: 0;margin: auto; transition: all 0.3s;} .hamburger .hamburger_inner:after, .hamburger .hamburger_inner:before {display: block;content: "";} .hamburger .hamburger_inner:before {transition: top 75ms ease 0.12s,opacity 75ms ease;top: -7px; /*right: 3px;*/ width: 8px; } .hamburger .hamburger_inner:after {transition: bottom 75ms ease 0.12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom: -7px; width: 8px; /*left: auto;*/} .hamburger.active{background-color: var(--white-off); background:rgba(242, 190, 26, 0.2);} .hamburger.active .hamburger_inner {/*transition: top 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;*/transform: rotate(-90deg);top: 0;background-color: var(--white); width: 16px; right: 1px; height: 2px;} .hamburger.active .hamburger_inner:before {/*top: 0;transition: top 75ms ease,opacity 75ms ease 0.12s;*/opacity: 0;background-color: var(--white);} .hamburger.active .hamburger_inner:after {bottom: -7px;/*transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;transform: rotate(90deg);*/background-color: var(--white); /*width: 22px;*/ height: 2px; opacity: 0;} .hamburger:hover{background-color: rgba(242, 190, 26, 0.2); } .main-menu{padding: 0; } .menu-list{position: absolute; left: 0; top: calc(100% + 16px); background-color: var(--blue); width: 100%; border-radius: 8px; display: flex; justify-content: flex-start; /*align-items: flex-start;*/ align-items: stretch; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.5s;} .hamburger.active + .menu-list{display: flex;align-items: stretch;opacity: 1; visibility: visible;} .left-megamenu{padding: 0; max-width: 440px; flex: 1;} .megamenu-slider-part{padding: 0; height:100%;} .megamenu-slider-part .swiper-slide .box{padding: 0; position: relative; height:100%;} .megamenu-slider-part .swiper-slide .box .image{position: relative; padding: 100% 0 0 0; height:100%; } .megamenu-slider-part .swiper-slide .box .image img{width: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; height: 100%; } .megamenu-slider-part .swiper-slide .box .mn-logo{padding: 0; text-align: center; position: absolute; left: 0; right: 0; top: 27px; } .megamenu-slider-part .swiper-slide .box .mn-logo img{width: auto; vertical-align: top; } .megamenu-slider-part .swiper-slide .box .text{position: absolute; left: 0; bottom: 0; right: 0; top: 0; text-align: center; padding: 24px 40px; display: flex; justify-content: flex-end; flex-flow: column; background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 23.75%, rgba(0, 0, 0, 0) 47.78%); } .megamenu-slider-part .swiper-horizontal { height: 100%;} .megamenu-slider-part .swiper-slide .box .text h3{font-size: 24px; line-height: 34px; font-weight: 400; margin: 0; padding: 0 0 20px 0; color: var(--white); text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45); } .megamenu-slider-part .swiper-slide .box .text .menu-btn .button{background-color: transparent; color: var(--white); border-color: var(--white); } .megamenu-slider-part .swiper-slide .box .text .menu-btn .button:hover{background-color: var(--blue); border-color: var(--blue); } .right-megamenu{padding: 40px 40px 10px 15px; display: flex; justify-content: flex-start; align-items: flex-start; flex: 1;} .mn-col{padding: 0;} .mn-box{padding:4px 24px 4px 44px; border-right: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 40px;} .mn-box ul{padding: 0; margin: 0; } .mn-box ul li{padding: 0 0 25px 0; margin: 0; list-style: none; font-size: 14px; line-height: 32px; color: var(--white); font-weight: 400; } .mn-box ul li:last-child{padding: 0;} .mn-box ul li::before{display: none;} .mn-box ul li a{color: var(--white); position: relative; display: block;} .mn-box ul li a::before{position: absolute; left: -8px; right: -8px; bottom: -3px; height: 2px; background-color: var(--yellow); content: ""; opacity: 0; visibility: hidden; transition: all 0.5s;} .mn-box ul li a:hover::before{opacity: 1; visibility: visible;} .mn-box ul li:first-child a{color: var(--yellow); } .megamenu-slider-part .swiper-button-prev{width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(242, 190, 26, 0.2); background: url(../images/megamenu-slider-next.svg) center center no-repeat; right: 16px; bottom: 28px; top: auto; transition: 0.3s all; overflow: hidden; } .megamenu-slider-part .swiper-button-prev::after{ background: url(../images/megamenu-slider-next.svg) center center no-repeat; font-size: 0; width: 40px; height: 40px; border-radius: 50%; left: -40px; position: absolute; transition: 0.3s all; } .megamenu-slider-part .swiper-button-prev:hover{background-color: rgba(242, 190, 26, 0.2); border-color: var(--yellow); background-position: 64px center; } .megamenu-slider-part .swiper-button-prev:hover::after{left: 0;} .megamenu-slider-part .swiper-button-next{width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(242, 190, 26, 0.2); background: url(../images/megamenu-slider-prev.svg) center center no-repeat; left: 16px; bottom: 28px; top: auto; transition: 0.3s all; overflow: hidden; } .megamenu-slider-part .swiper-button-next::after{ background: url(../images/megamenu-slider-prev.svg) center center no-repeat; font-size: 0; width: 40px; height: 40px; border-radius: 50%; right: -40px; position: absolute; transition: 0.3s all; } .megamenu-slider-part .swiper-button-next:hover{background-color: rgba(242, 190, 26, 0.2); border-color: var(--yellow); background-position: -64px center; } .megamenu-slider-part .swiper-button-next:hover::after{right: 0; } .mobile-menu-part{display: none;} .search-header-part{padding: 0 8px;} .search-header-btn{padding: 0;} .search-header-btn a{width: 40px; height: 40px; line-height: 36px; line-height: 40px; border: 2px solid var(--yellow); border-radius: 50%; vertical-align: middle; text-align: center;} .search-header-btn a strong{width: 18px; height: 18px; background: url(../images/search-icon.svg) center center no-repeat; display: inline-block; margin: 0 auto; vertical-align: baseline; transition: 0.3s all; position: relative; top: -1px; } .search-header-btn a:hover{background-color: rgba(242, 190, 26, 0.2);} .search-header-btn a:hover strong{transform: rotate(45deg); top: -3px;} .header-call-btn{padding: 0; } .header-call-btn a{font-size: 20px; line-height: 20px; color: var(--white); font-weight: 300; border: 2px solid var(--yellow); border-radius: 32px; padding: 6px 10px; } .header-call-btn a strong{background: url(../images/call-icon-header.svg) no-repeat; width: 26px; height: 24px; display: inline-block; vertical-align: middle; margin: 0 0 0 2px; transition: 0.3s all;} .header-call-btn a small{vertical-align: middle; } .header-call-btn a:hover{background-color: rgba(242, 190, 26, 0.2); } .lang-part{padding: 0 0 0 12px;} .lang-btn{padding: 0;} .lang-btn a{display: inline-block; font-size: 16px; line-height: 32px; color: var(--white); font-weight: 300; position: relative; } .lang-btn a::before{position: absolute; left: -8px; right: -8px; bottom: -11px; height: 2px; background-color: var(--yellow); content: ""; display: none; } .lang-btn a:hover::before{display: block;} .logo svg g path{transition: 0.3s all;} .scrolling_header{background-color: var(--white);} .scrolling_header .header-in{padding: 0px 0; border-bottom: 1px solid #c8cde3; } .scrolling_header .nav > ul > li > a{color: var(--blue); padding: 6px 8px 5px 8px;} .scrolling_header .lang-btn a{color: var(--blue);} .scrolling_header .header-call-btn a{color: var(--blue);} .scrolling_header .search-header-btn a strong{background: url(../images/search-icon-blue.svg) center center no-repeat;} .scrolling_header .header-call-btn a strong{background: url(../images/call-icon-header-blue.svg) no-repeat;} .scrolling_header .logo svg path[fill="white"] {fill: var(--blue);} .scrolling_header .hamburger .hamburger_inner, .scrolling_header .hamburger .hamburger_inner:after, .scrolling_header .hamburger .hamburger_inner:before{background-color: var(--blue);} .banner-section{padding: 0; position: relative;} .banner-section .swiper-slide .box{padding: 0 0; position: relative; z-index: 3;} .banner-section .swiper-slide .box::before{background: linear-gradient(180deg, rgba(0, 11, 57, 0.3) 0%, rgba(0, 0, 0, 0) 30.43%); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .banner-section .swiper-slide .box .image{padding: 0;} .banner-section .swiper-slide .box .image img{width: 100%; height: 100vh; object-fit: cover; object-position: center; } .banner-section .swiper-slide .box a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9;} .banner-section .swiper-slide .banner-text{/*padding:150px 0;*/ padding:0; text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; flex-flow: column; max-width: 1034px; margin: 0 auto; z-index: 2;} .banner-section .swiper-slide .banner-text h1, .banner-section .swiper-slide .banner-text h2{font-size: 72px; line-height: 72px; margin: 0; padding: 0; font-weight: 500; color: var(--white); text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45); } .banner-section.investors-banner .swiper-slide .box .image img, .tax-project-category .banner-section .swiper-slide .box .image img, .page-template-community-relations .banner-section .swiper-slide .box .image img, .page-template-ecosystem-gavyam .banner-section .swiper-slide .box .image img {height: 672px; max-height: 100%;} .inner-banner-section.investors-banner .swiper-slide .banner-text {bottom: 0;} .tax-project-category .inner-banner-section .swiper-slide .banner-text, .page-template-contact-us-page .inner-banner-section .swiper-slide .banner-text, .page-template-careers .inner-banner-section .swiper-slide .banner-text, .single-project .inner-banner-section .swiper-slide .banner-text {bottom: 0; padding-top: 0;} .page-template-community-relations .inner-banner-section .swiper-slide .banner-text, .page-template-ecosystem-gavyam .inner-banner-section .swiper-slide .banner-text {bottom: 0; padding-top: 0;} .banner-section .swiper-slide .box .image.for-mobile-only {display: none;} .about-banner-text .h1 em {/*transform: translateY(100%); transition: transform 1s ease; opacity: 0;*/} .about-banner-text .h1 strong {/*transform: translateY(100%); transition: transform 1s ease; opacity: 0;*/} .banner-section .swiper-slide .banner-text p{font-size: 20px; line-height: 32px; color: var(--white); margin: 0; padding: 41px 0 0 0; font-weight: 300; } .inner-banner-section .swiper-slide .banner-text h1 span { display: block; line-height: 1; overflow: hidden; } .inner-banner-section .swiper-slide.swiper-slide-thumb-active .banner-text h1 em, .inner-banner-section .swiper-slide.swiper-slide-thumb-active .banner-text h1 strong { transform: none; opacity: 1;} /*.swiper-slide-active .slide-text { transform: translateY(0); }*/ .banner-video{padding: 0; } .banner-video video{width: 100%; height: 100vh; vertical-align: top; padding: 0; object-fit: cover; } .inner-banner-section .swiper-slide .banner-text{bottom: auto; padding-top: 191px;} .page-template-investors-page .inner-banner-section .swiper-slide .banner-text{padding-top: 0;} .inner-banner-section .swiper-slide .banner-text h1{font-size: 64px; line-height: 64px; font-weight: 300; text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);} .inner-banner-section .swiper-slide .banner-text .h2{font-size: 32px; line-height: 32px; color: var(--yellow); margin: 0; padding: 24px 0 0 0; font-weight: 300; } .inner-banner-section .swiper-slide .box::before{background: linear-gradient(180deg, rgba(0, 24, 60, 0.6) 0%, rgba(0, 24, 60, 0) 100%);} .inner-banner-section .banner-bottom-btn{bottom: -27px; } .banner-section .swiper-button-next{width: 48px; height: 64px; background: url(../images/nav-next.png) right center no-repeat; border-radius: 0 40px 40px 0; border: 0px solid rgba(255, 255, 255, 0.5); left: 0; transition: 0.3s all; overflow: hidden;} .banner-section .swiper-button-next::after{color: #e4e0e2; font-size: 20px; margin: 0 7px 0 0px; transition: 0.3s all;} .banner-section .swiper-button-next:hover{background: var(--yellow); width: 54px;} .banner-section .swiper-button-next:hover::after{color: var(--black); margin: 0 19px 0 0;} .banner-section .swiper-button-prev{width: 48px; height: 64px; background: url(../images/nav-prev.png) left center no-repeat; border-radius: 40px 0 0 40px; border: 0px solid rgba(255, 255, 255, 0.5); right: 0px; transition: 0.3s all; overflow: hidden;} .banner-section .swiper-button-prev::after{ color: #e4e0e2;font-size: 18px; margin: 0 0 0 7px; transition: 0.3s all;font-weight: 600;} .banner-section .swiper-button-prev:hover{background: var(--yellow); width: 54px; } .banner-section .swiper-button-prev:hover::after{color: var(--black); margin: 0 0 0 19px;} .banner-bottom-btn{position: absolute; left: 0; right: 0; bottom: 117px; text-align: center; z-index: 1;} .banner-bottom-btn a{display: inline-block; width: 54px; height: 54px; line-height: 50px; border-radius: 50%; vertical-align: top; position: relative; } .banner-bottom-btn a::before{width: 96px; height: 96px; border-radius: 50%; content: ""; position: absolute; left: -22px; top: -22px; background-color: var(--yellow); opacity: 0.5; transition: 0.3s all; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);} .banner-bottom-btn a strong{width: 54px; height: 54px; background: var(--yellow); border-radius: 50%; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; transition: 0.3s all; } .banner-bottom-btn a em{width: 14px; height: 31px; background: url(../images/banner-btn-arrow-blue.svg) center center no-repeat; display: inline-block; vertical-align: middle; transition: 0.3s all; position: relative; z-index: 1; } .banner-bottom-btn a:hover::before{-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .page-template-careers .banner-bottom-btn a:hover em {background-image: url(../images/hover-blue-arrow.svg) !important;} .page-template-investors-page .banner-bottom-btn a:hover em, .page-template-community-relations .banner-bottom-btn a:hover em, .page-template-ecosystem-gavyam .banner-bottom-btn a:hover em {background-image: url(../images/hover-blue-arrow.svg) !important;} .banner-bottom-btn a:hover em{background-image: url(../images/banner-btn-arrow-white.svg); height: 48px; margin: 40px 0 0 0; } .banner-bottom-btn a:hover strong{transform: scale(0.6);} .single-project .banner-bottom-btn a:hover em {background: url(../images/banner-btn-arrow-blue.svg) center center no-repeat;} .future-section{padding:216px 0 240px 0; overflow: hidden; } .future-part{padding: 0; display: flex; justify-content: space-between; align-items: center; } .future-part .image{padding: 0; max-width: 952px; width: 100%; flex: none; margin: 0 0 0 -136px; position: relative; height: 504px; } .future-part .image-in{padding: 100% 0 0 0; } .future-part .image img{vertical-align: top; width: 100%; border-radius: 0 4px 4px 0; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; height: 100%;} .future-part .text{padding: 0 208px 0 203px; } .future-part .text h2{padding: 0 0 44px 0;} .coin-image-box{position: absolute; right: -37px; bottom: 33px; } .coin-image{padding: 0; width: 192px; height: 192px; line-height: 152px; background: url(../images/coin-anim.png) center center no-repeat var(--blue); border-radius: 50%; animation:spin 14s linear infinite; overflow: hidden; } .coin-image-box h3{font-size: 24px; line-height: 24px; color: var(--white); margin: 0; padding: 20px 25px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;} @keyframes spin{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} } .button .dot{width: 32px; height: 32px; border-radius: 50%; background:url(../images/btn-arrow.svg) 200% center no-repeat var(--yellow); display: inline-block; margin: 0 16px 0 0; transition: 0.3s all; -moz-transform: scale(0.54); -webkit-transform: scale(0.54); -o-transform: scale(0.54); -ms-transform: scale(0.54); transform: scale(0.54); flex: none; } .button:hover .dot{background-position: center center; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .future-btn{padding: 30px 0 0 0;} .north-south-section{padding:140px 0 128px 0; background-color: #FBFBFB; overflow: hidden; position: relative;} .north-south-section:before { content: ""; background: linear-gradient(180deg, #EFEFEF 0%, rgba(236, 236, 236, 0) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 12%; pointer-events: none;} .north-south-text{margin: 0 208px 0 0; padding: 0 0 32px 0; max-width: 900px; } .north-south-text h2{font-size: 40px; margin: 0; padding: 0 0 16px 0; } .north-south-slider-part{padding: 0;} .north-south-slider-part .swiper{margin: 0 0px 0 -385px; padding: 0 64px 0 0; overflow: visible;} .box-pro{padding: 0; position: relative; border-radius: 4px; overflow: hidden; position: relative;} .box-pro .image{padding:100% 0 0 0; overflow: hidden;} .box-pro .image img{width: 100%; vertical-align: top; border-radius: 4px; transition: 0.5s all; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; height: 100%; } .box-pro .n-logo{padding: 0; position: absolute; right: 32px; top: 24px; z-index: 1;} .box-pro .n-logo img{width: auto; vertical-align: top; filter: drop-shadow(0px 4px 4px rgba(24, 39, 75, 0.25));} .box-pro .text{padding: 34px 48px 24px 48px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(26,50,153,0.8) 0%, rgba(26,50,153,0.97) 100%); display: flex; justify-content: flex-end; flex-flow: column; opacity: 0; visibility: hidden; transition: 0.5s all; } .box-pro .overlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 1;} .box-pro .text h3{font-size: 24px; line-height:48px; color: var(--white); margin: 0; padding: 0px 0 0 0; font-weight: 300; } .box-pro .text h3 strong{font-size: 48px; font-weight: 200; font-family: var(--secondary-font); } .box-pro .dot-circle{width: 48px; height: 48px; border:3px solid var(--yellow); border-radius: 50%; background: transparent; position: absolute; left: 32px; bottom: 32px; transition: 0.5s all;} .box-pro .dot-circle::before{width: 16px; height: 16px; background-color: var(--yellow); border-radius: 50%; content: ""; position: absolute; left: calc(50% - 8px); top: calc(50% - 8px);} .box-pro .dot-circle:hover{border-color: var(--blue) !important;} .box-pro .dot-circle .button{padding: 0; border: 0; background: none;} .box-pro .dot-circle .button .dot{margin: 5px 0 0 0;} .box-pro:hover .dot-circle {border-color: var(--blue) !important;} .box-pro:hover .dot-circle .button .dot { background-position: center center; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .box-pro a{ display:block} .box-pro:hover .image img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .box-pro:hover .text{opacity: 1; visibility: visible; } .box-pro:hover .dot-circle{border-color: var(--white);} .north-south-slider-part .swiper-button-next{width: 48px; height: 64px; background: url(../images/nav-next.png) right center no-repeat; border-radius: 0 40px 40px 0; border: 0px solid rgba(255, 255, 255, 0.5); left: 385px; transition: 0.3s all; overflow: hidden; background-color: var(--blue); } .north-south-slider-part .swiper-button-next::after{color: #e4e0e2; font-size: 20px; margin: 0 7px 0 0px; transition: 0.3s all;} .north-south-slider-part .swiper-button-next:hover{background: var(--yellow); width: 54px;} .north-south-slider-part .swiper-button-next:hover::after{color: var(--black); margin: 0 19px 0 0;} .north-south-slider-part .swiper-button-prev{width: 48px; height: 64px; background: url(../images/nav-prev.png) left center no-repeat; border-radius: 40px 0 0 40px; border: 0px solid rgba(255, 255, 255, 0.5); right: 0px; transition: 0.3s all; overflow: hidden; background-color: var(--blue); } .north-south-slider-part .swiper-button-prev::after{color: #e4e0e2; font-size: 20px; margin: 0 0 0 7px; transition: 0.3s all;} .north-south-slider-part .swiper-button-prev:hover{background: var(--yellow); width: 54px; } .north-south-slider-part .swiper-button-prev:hover::after{color: var(--black); margin: 0 0 0 19px;} .north-btn{display: flex; gap: 30px; padding: 64px 103px 0 0; position: relative; max-width: 1440px; margin: 0 auto; } .north-btn::before{height: 1px; background-color: #D9D9D9; content: ""; position: absolute; left: 0; bottom: 23px; right: 0;} .choice-section{padding:129px 0 275px 0; background: linear-gradient(188.54deg, #007AFF -7.39%, #1A3299 55.09%); } .choice-part{padding: 0; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1457px; margin: 0 auto; } .choice-part .video{padding: 0; max-width: 784px; flex: none; position: relative; transition: 0.3s all; } .choice-part .video img{vertical-align: top; border-radius: 4px;} .choice-part .video a{display: block;} .choice-part .video .play{width: 68px; height: 68px; line-height: 64px; background-color: rgba(0, 0, 0, 0.40); border-radius: 50%; display: block; text-align: center; position: absolute; left: calc(50% - 34px); top: calc(50% - 34px); transition: 0.3s all; } .choice-part .video .play img{width: auto; vertical-align: middle; } .choice-part .video:hover{box-shadow: 0 0px 20px 8px rgba(0,0,0,0.17); } .choice-part .video:hover .play{ background-color: rgba(0, 0, 0, 0.60); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .choice-part .text{padding: 0 170px 0 45px; } .choice-part .text h2{color: var(--white); font-weight: 300;} .choice-part .text p{color: var(--white); } .choice-btn{padding:22px 0 0 0;} .choice-btn .button{border-color: var(--white); background-color: var(--blue); color: var(--white);} .choice-btn .button:hover{border-color: var(--blue); box-shadow: 0 3px 8px 1px rgba(0,0,0,0.1); } /**** modal coman *****/ .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; z-index: 1040; background-color: rgba(26, 50, 153, 0.8);} .fade { opacity: 0; transition: opacity .15s linear; } .fade.show { opacity: 1; display: block; } .modal { text-align: center; padding: 0!important; } .modal-close {margin: 0; padding: 0; position: absolute; cursor: pointer; width: 40px; height: 40px; background:url(../images/close-modal-icon.svg) center center no-repeat #1A3299; border-radius: 4px; right: -48px; left: auto; top: 0; } /* .modal-close:before {margin: 0; padding: 0; position: absolute; top: 0; left: 8px; width: 1px; height: 100%; background-color: #3F4553; content: ""; transform: rotate(45deg);} */ /* .modal-close:after {margin: 0; padding: 0; position: absolute; top: 0; left: 8px; width: 1px; height: 100%; background-color: #3F4553; content: ""; transform: rotate(-45deg);} */ .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog {padding:0; display: inline-block; text-align: right; vertical-align: middle; background-color: #fff; border-radius:12px; border: 1px solid #F1EBFD;} .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 1; visibility: visible; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: calc(100% - 30px); margin: 0.5rem; pointer-events: none; } .modal-dialog { max-width: 1168px; margin: 1.75rem auto; } .modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-25%); transform: translate(0,-25%); } .modal.show .modal-dialog { -webkit-transform: translate(0,0); transform: translate(0,0); } .modal-open { overflow: hidden; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; pointer-events: auto; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .modal-vendor .modal-dialog { width: 95%; max-width: 548px;} .modal-open .search-header-btn a{ transform: rotate(45deg); top: -3px; background-color: rgba(242, 190, 26, 0.2); } /**** modal coman end *****/ .choice-modal-video{background-color: rgba(26, 50, 153, 0.8);} .choice-modal-video .modal-dialog{max-width: 1400px; padding: 0; border: 0; } .choice-modal-video .modal-body .iframe-video { width: 100%;} .choice-modal-video .modal-body video{width: 100%; height: 770px; vertical-align: top; padding: 0; object-fit: cover; border-radius: 4px;} .choice-modal-video .modal-body iframe{width: 100%; height:770px; vertical-align: top; padding: 0; object-fit: cover; border-radius: 4px;} .choice-modal-video .modal-close{width: 40px; height: 40px; background:url(../images/close-modal-icon.svg) center center no-repeat #1A3299; border-radius: 4px; right: -48px; left: auto; top: 0; } .choice-modal-video .modal-close::before{background-color: var(--yellow); display: none;} .choice-modal-video .modal-close::after{background-color: var(--yellow); display: none;} #modal-choice-video1 .modal-dialog, #modal-choice-video .modal-dialog {height: auto;} #modal-choice-videopopup .modal-body .iframe-video, #modal-choice-video1 .modal-body .iframe-video, #modal-choice-video .modal-body .iframe-video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #modal-choice-videopopup .modal-body video, #modal-choice-video1 .modal-body video, #modal-choice-video .modal-body video {width: 100%; height: 100%; vertical-align: top; padding: 0; object-fit: cover; border-radius: 4px; position: absolute; top: 0; bottom: 0; left: 0; right: 0;} #modal-choice-videopopup .modal-body iframe, #modal-choice-video1 .modal-body iframe, #modal-choice-video .modal-body iframe {width: 100%; height:100%; vertical-align: top; padding: 0; object-fit: cover; border-radius: 4px;} .search-modal-section{padding: 0; background-color: rgba(26, 50, 153, 0.8); } .search-modal-section .modal-dialog{max-width: 1488px; padding: 16px 16px 16px 16px; border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0.2); box-shadow: 0px 8px 22px -6px rgba(24, 39, 75, 0.12); background-color: var(--blue); vertical-align: top; margin: 7.75rem auto;} .search-modal-section .modal-close{background-color: #0C2282; right: -10px; top: -10px;} .search-form{display: flex; justify-content: space-between; align-items: center; padding: 0 66px 0 0;} .search-form h2{font-size: 20px; line-height: 24px; font-weight: 500; margin: 0; padding: 0 0 0 37px; color: var(--yellow); } .form-group-modal{flex: 1; padding: 0 0 0 16px; } .form-group-modal select{background:url(../images/select-box-arrow.svg) 27px center no-repeat var(--white); border-radius: 4px; font-size: 20px; font-weight: 400; height: 64px; padding: 9px 13px; color: var(--blue); width: 100%; appearance: none; } .send-modal-btn{padding: 0;} .send-modal-btn .btn{background-color: #00183C; font-size: 20px; font-weight: 500; color: var(--white); height: 64px; border-radius: 4px; padding: 9px 16px; min-width: 200px; } .send-modal-btn .btn:hover{background-color: var(--yellow); color: var(--blue);} .numbers-section{padding: 0 0 227px 0; margin-top: -136px; } .numbers-section h2{text-align: center; color: var(--white); font-size: 40px; font-weight: 300; } .numbers-list{padding:56px 80px 56px 80px; max-width: 1440px; margin: 0 auto; background-color: var(--white); border-radius: 4px; border: 1px solid #CFD8DC; box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.05); } .numbers-list ul{padding: 0; margin: 0; display: flex; justify-content: space-between; /*align-items: flex-start;*/} .numbers-list ul li{padding: 0; margin: 0; list-style: none; flex: 1;} .numbers-list ul li::before{width: 1px; height: 72px; background-color: #858994; content: ""; position: absolute; left: 0; top: 35px; right: auto;} .numbers-list ul li:last-child:before{display: none;} .numbers-list ul li .box{padding: 0 40px; text-align: center;} .numbers-list ul li .box h3{font-size: 88px; line-height: 88px; color: var(--blue); font-weight: 200; margin: 0; padding: 0 0 15px 0; letter-spacing: -4px; font-family: var(--secondary-font); } .numbers-list ul li .box h3 strong{font-weight: 200; font-size: 40px; font-weight: 500; font-family: 'EzerBasic'; letter-spacing: -1px; } .numbers-list ul li .box h4{font-size: 18px; line-height: 22px; font-weight: 400; margin: 0; padding: 0; } .numbers-list ul li .box.numbers-text-center {display: flex; flex-direction: column; height: 100%; justify-content: center;} .logo-blue{padding:80px 0 0 0; text-align: center; } .logo-blue img{width: auto; } .highlight-text{padding:270px 0 0 0; text-align: center; max-width: 1120px; margin: 0 auto; } .highlight-text h3{font-size: 67px; line-height: 80px; font-weight: 500; margin: 0; padding: 0; text-transform: uppercase; color: var(--blue); text-align: justify; direction: ltr;} .highlight-text h3 strong{color: var(--yellow); font-weight: 500; } .brand-section{padding: 1px 0 136px 0; overflow: hidden;} .brand-part{padding: 0; position: relative;} .brand-part::before{width: 136px; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; top: -1px; bottom: 0; content: ""; z-index: 2; } .brand-part::after{width: 136px; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); position: absolute; right: 0; top: -1px; bottom: 0; content: ""; z-index: 1; } .brand-part ul{padding: 0; margin: 0 -148px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: 2199px; } .brand-part ul li{padding: 0 8px; margin: 0; list-style: none; flex: none;} .brand-part ul li::before{display: none;} .brand-part ul li .box{padding: 0; text-align: center; box-shadow: 0 0 0 1px #CFD8DC; border-radius: 4px; margin-bottom: 16px; width: 280px; height: 152px; transition: 0.3s all;} .brand-part ul li .box .image{padding: 0; } .brand-part ul li .box .image img{width: auto; vertical-align: middle; display: inline-block; object-fit: contain; filter: grayscale(1); transition: 0.2s all;} .brand-part ul li .box:hover{box-shadow: 0 0 0 1px var(--blue);} .brand-part ul li .box:hover .image img{filter: none; } .brand-part ul li:first-child{margin-right: 140px;} .brand-part ul li:nth-child(7){margin-left: -16px;} .brand-part ul li:nth-child(15){margin-right: 120px;} .brand-slider-part{padding: 0;} .brand-slider-part .box{padding: 0; text-align: center; box-shadow: 0 0 0 1px #CFD8DC; border-radius: 4px; margin-bottom: 8px; margin-top: 8px; width: auto; height: auto; transition: 0.3s all;} .brand-slider-part .box .image{padding:59% 0 0 0; position: relative;} .brand-slider-part .box .image img{width: 100%; vertical-align: middle; display: inline-block; object-fit: contain; filter: grayscale(1); transition: 0.2s all; position: absolute; left: 0; top: 0; height: 100%;} .brand-slider-part .box .image a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .brand-slider-part .box:hover{box-shadow: 0 0 0 1px var(--blue);} .brand-slider-part .box:hover .image img{filter: none; } .brand-slider-part .swiper-wrapper { -webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important; } .brand-slider-part {direction: ltr;} .wipers-section{padding:96px 0 128px 0; background-color: #FBFBFB; } .wipers-section h2{text-align: center; } .wipers-list{padding:40px 0 0 0; max-width: 1456px; margin: 0 auto; } .wipers-list ul{padding: 0; margin: 0 -16px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .wipers-list ul li{padding: 0 16px; margin: 0; list-style: none; flex: 1 50%; max-width: 50%; } .wipers-list ul li::before{display: none; } .wipers-list ul li .box{padding: 0; background: var(--white); border-radius: 4px; padding: 0 14px 22px 14px; margin-bottom: 40px; transition: 0.3s all; box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.05); border: 2px solid var(--white); } .wipers-list ul li .box .image{padding: 0; margin-top:0; overflow: hidden;} .wipers-list ul li .box .image img{width: 100%; border-radius: 0 0 4px 4px; transition: 0.3s all; } .wipers-list ul li .box .text{padding: 32px 16px 30px 16px; border-bottom: 1px solid #D9D9D9; min-height: 240px;} .wipers-list ul li .box .text h3{font-size: 28px; line-height: 32px; font-weight: 400; margin: 0; padding: 0 0 30px 0; color: var(--blue);} .wipers-list ul li .box .text p{font-size: 16px; line-height: 24px; font-weight: 400; margin: 0; padding: 0 0 0 0; } .wipers-list ul li .box .text2{padding: 24px 0 0 0; display: flex; justify-content: space-between; align-items: center;} .wipers-list ul li .box .text2 h4{font-size: 18px; color: #858994; font-weight: 400; margin: 0; padding: 0; } .wipers-list ul li .box {position: relative;} .wipers-list ul li .box .overlink {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .wipers-list ul li .box:hover{border-color: var(--blue); } .wipers-list ul li .box:hover .text{border-color: var(--yellow);} .wipers-list ul li .box:hover .image img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .footer{padding:78px 0 0 0; background-color: var(--blue); } .top-footer{padding: 0 0 23px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.20); } .logo-footer{padding: 0; } .logo-footer a{display: inline-block;} .logo-footer a img{vertical-align: top; } .social{padding: 0 0 0 8px;} .social ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start;} .social ul li{padding: 0 24px 0 0; margin: 0; list-style: none; } .social ul li::before{display: none;} .social ul li a{display: block; width: 40px; height: 40px; border: 2px solid var(--yellow); border-radius: 50%; display: inline-block;} .social ul li a:hover{background-color: rgba(242, 190, 26, 0.2);} .bottom-footer{padding:31px 0 30px 0;} .menu-footer{padding: 0 0 56px 0;} .menu-footer ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start;} .menu-footer ul li{padding: 0 16px 0 40px; margin: 0; list-style: none; border-right: 1px solid rgba(255, 255, 255, 0.2); } .menu-footer ul li::before{display: none;} .menu-footer ul li a{font-size: 15px; line-height: 38px; color: var(--white); font-weight: 400; display: inline-block; padding: 0 8px; border-bottom: 2px solid var(--blue);} .menu-footer ul li a:hover{border-color: var(--yellow); } .menu-footer ul li a.active{color: var(--yellow); } .foot-address{padding: 0; margin: 0 0 30px 0; display: flex; justify-content: flex-start; align-items: center;} .foot-address .icon{padding: 0; text-align: center; width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--yellow); margin: 0 0 0 16px; flex: none; } .foot-address .icon img{width: auto; vertical-align: middle;} .foot-address p{font-size: 18px; line-height: 24px; color: var(--white); font-weight: 400; margin: 0; padding: 0; } .foot-address p strong{color: var(--yellow); display: block; font-weight: 400;} .foot-address p a{color: var(--yellow);} .foot-call p{font-size: 36px;} .foot-call p strong{display: inline-block; font-size: 48px; font-weight: 400; vertical-align: middle; margin: 3px 0 0 0; } .foot-call p small{ position: relative; top:7px;} .footer-develop-part{padding:17px 0 0 0; display: flex; justify-content: space-between; align-items: center; } .footer-develop-part .links{padding: 0;} .footer-develop-part .links ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: center;} .footer-develop-part .links ul li{padding: 0 16px; margin: 0; list-style: none; font-size: 16px; line-height: 16px; color: #EEF5FF; font-weight: 400; border-left:1px solid #EEF5FF; } .footer-develop-part .links ul li:last-child{border-left: none;} .footer-develop-part .links ul li:first-child{padding-right: 0; } .footer-develop-part .links ul li::before{display: none; } .footer-develop-part .links ul li a{padding: 0; color: #599AFF; } .devlop-by{padding: 0;} .devlop-by p{font-size: 14px; line-height: 1; color: #3D73C4; font-weight: 400; margin: 0; padding: 0; } .devlop-by p a { padding: 2px 0 0 0;} .complexes-section{padding: 0; position: relative; } .complexes-map-box{padding: 0; } .complexes-map-box img{width: 100%; } .complexes-map-box .project-map-part{max-width: inherit;} .complexes-map-box .project-map-part .google-map{width: 100% !important; height: 848px !important;} .complexes-map-box .project-map-part .google-map .map-marker-logo-wrapper{padding: 0;} .complexes-map-box .project-map-part .google-map .map-marker-logo-wrapper .marker{width: 28px; height: 28px; border-radius: 50%; background-color: var(--yellow); border: 7px solid #faf9df; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -22px; transition: 0.3s all; z-index: -1; } .complexes-map-box .project-map-part .google-map .map-marker-logo{background-color: var(--blue); border-radius: 4px; padding:4px 4px 5px 4px; display: flex; flex-flow: row-reverse; transition: 0.2s all; color: var(--white); } .complexes-map-box .project-map-part .google-map .map-marker-logo .logo-name{font-size: 16px; line-height: 1; font-weight: 500; color: var(--white); white-space: nowrap; padding-right: 5px; } .complexes-map-box .project-map-part .google-map .map-marker-logo img.white-logo {display: none;} .term-residence .complexes-map-box .project-map-part .google-map .map-marker-logo .logo-name {padding-right: 0px !important;} .term-residence .complexes-map-box .project-map-part .google-map .map-marker-logo img {display: none !important;} .complexes-map-box .project-map-part .google-map .map-marker-logo .arrow{width: 0px; height: 0px; border-style: solid; border-width: 4px 3px 0 3px; left: calc(50% - 3px); top: 100%; position: absolute;border-color: #1a3299 transparent transparent transparent; transform: rotate(0deg); z-index: 1;} .complexes-map-box .project-map-part .google-map .map-marker-logo-wrapper:hover .map-marker-logo, .complexes-map-box .project-map-part .google-map .highlight .map-marker-logo-wrapper .map-marker-logo{background-color: var(--blue); transform: translateY(-5px); } .complexes-map-box .project-map-part .google-map .map-marker-logo-wrapper:hover .map-marker-logo .logo-name, .complexes-map-box .project-map-part .google-map .highlight .map-marker-logo-wrapper .map-marker-logo .logo-name{color: var(--yellow);} .complexes-map-box .project-map-part .google-map .map-marker-logo-wrapper:hover .map-marker-logo .arrow, .complexes-map-box .project-map-part .google-map .highlight .map-marker-logo-wrapper .map-marker-logo .arrow {border-color: var(--blue) transparent transparent transparent;} .complexes-map-box .project-map-part .google-map .map-marker-logo-wrapper:hover .marker, .complexes-map-box .project-map-part .google-map .highlight .map-marker-logo-wrapper .marker{border-width: 10px; border-color: #7eddfc; width: 40px; height: 40px; background-color: var(--blue); } .complexes-map-box .project-map-part .google-map .map-marker-logo-wrapper:hover .map-marker-logo img, .complexes-map-box .project-map-part .google-map .highlight .map-marker-logo-wrapper .map-marker-logo img{display: none;} .complexes-map-box .project-map-part .google-map .map-marker-logo-wrapper:hover .map-marker-logo img.white-logo, .complexes-map-box .project-map-part .google-map .highlight .map-marker-logo-wrapper .map-marker-logo img.white-logo{display: block;} .complexes-part{padding: 0 60px 0 0; max-width: 590px; position: absolute; left: 200px; top: 0; bottom: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-flow: column; z-index: 1; overflow: hidden;} .complexes-part-in{width:520px; position: relative;} .complexes-part-in::before{position: absolute; top: 0; right: -60px; bottom: 0; width: 1px; background-color: var(--blue); content: ""; } .complexes-content{padding: 48px 56px 40px 56px; background-color: #ddeaf8; width: 100%; transition: 0.3s all; } .complexes-part-in.complexes-hover .complexes-content{transform: translateX(130%);} .complexes-content h2{font-size: 48px; line-height: 40px; color: var(--blue); margin: 0; padding: 0 0 32px 0; font-weight: 500; } .complexes-content p{font-size: 20px; line-height: 32px; color: var(--blue); margin: 0; padding: 0; font-weight: 400; } .complexes-hover-box{padding: 0; width: calc(100% - 0px); position: absolute; top: 50%; left: 100%; opacity: 0; visibility: hidden; transition: 0.3s all; transform: translateY(-50%);} .complexes-hover-box.show{left: 0; opacity: 1; visibility: visible;} .complexes-hover-box .image{padding: 0; position: relative;} .complexes-hover-box .image img{width: 100%; border-radius: 4px 4px 0 0; } .complexes-hover-box .image .close-box{width: 48px; height: 48px; border-radius: 50%; display: inline-flex; background: url(../images/close-complexes-icon.svg) center center no-repeat var(--yellow); position: absolute; top: 48px; right: -24px; } .complexes-hover-box .text{background-color: var(--white); padding: 0 14px;} .complexes-hover-box .text p{font-size: 18px; line-height: 22px; color: var(--blue); margin: 0; padding: 0 0 24px 0; font-weight: 300; } .complexes-hover-box .text p:last-child{padding: 0; } .com-logo{padding: 26px 10px 30px 10px; border-bottom: 1px solid #DCE3F4; } .com-logo img{width: auto; max-width: 250px;} .sub-text{padding: 24px 10px; } .sub-bottom{padding: 24px 10px 16px 10px; border-top: 1px solid #DCE3F4; display: flex; justify-content: space-between; align-items: center; } .sub-bottom h3{font-size: 16px; line-height: 46px; color: var(--blue); margin: 0; padding: 0; font-weight: 300; line-height: 1;} .sub-bottom h3 strong{font-size: 28px; font-family: var(--secondary-font); font-weight: 300; } .googlemapbox954 .sub-bottom h3 strong, .googlemapbox955 .sub-bottom h3 strong {display: block;} .sub-bottom .info{display: flex; } .sub-bottom .info h3{padding-left: 20px; } .sub-bottom .info h3:last-child{padding-left: 0px; } .sub-bottom .button{border-color: var(--white); padding: 7px 7px; } .sub-bottom .button .dot{margin: 0;} .projects-section{padding:150px 0 200px 0; } .projects-part{padding: 0;} .projects-top-text{max-width: 1100px; padding: 0 36px;} .projects-top-text h2{font-size: 40px; line-height: 50px; color: var(--blue); margin: 0; padding: 0 0 32px 0; font-weight: 400; } .projects-top-text p{font-weight: 300;} .projects-list{padding: 31px 36px 96px 36px; border-top: 1px solid #E0E1E2; } .projects-list ul{padding: 0; margin: 0 -16px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .projects-list ul li{padding: 0 16px; margin: 0; list-style: none; flex: 1 33.33%; max-width: 33.33%; } .projects-list ul li::before{display: none; } .projects-list ul li .box-pro{margin-bottom: 32px;} body:not(.term-residence) .projects-list ul li .box-pro .badge {display: none !important;} .projects-list ul li .box-pro .badge {position: absolute;z-index: 11;top: 0;left: 0;color: var(--white);height: 120px;width: 120px;display: flex;align-items: center;justify-content: center;padding-bottom: 0px;overflow: hidden;} .projects-list ul li .box-pro .badge:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-top: 60px solid var(--blue);border-left: 60px solid var(--blue);border-bottom: 60px solid transparent;border-right: 60px solid transparent;z-index: -1;transition: 0.5s all;} .projects-list ul li .box-pro:hover .badge:after {border-top-color: var(--white);border-left-color: var(--white);} .projects-list ul li .box-pro .badge span {text-transform: capitalize;transform: rotate(-45deg);transform-origin: center center;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding-bottom: 45px;font-size: 14px;line-height: 1.5;transition: 0.5s all;} .projects-list ul li .box-pro:hover .badge span {color: var(--blue)} .additional-btn{position: relative; text-align: center; } .additional-btn::before{height: 1px; background-color: #D9D9D9; content: ""; position: absolute; left: 0; top: 50%; right: 0; z-index: 0; } .additional-btn .button .dot{background-image: url(../images/plus-btn-icon.svg); background-position: center center; background-size: 0; transition: 0.3s all; } .additional-btn .button:hover .dot{background-size: 18px; background-image: url(../images/plus-btn-icon.svg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .project-filter-menu{padding: 40px 36px 32px 36px; display: flex; justify-content: flex-start; align-items: center; } .project-filter-menu h3{ font-size: 20px; line-height: 32px; color: var(--blue); margin: 0; padding: 0 0 0 24px; font-weight: 500; } .project-filter-menu ul{padding: 0 0 0 32px; margin: 0 0 0 32px; display: flex; justify-content: flex-start; align-items: center; position: relative;} .project-filter-menu ul::after{width: 2px; height: 18px; background-color: var(--blue); content: ""; position: absolute; left: 0; top: 12px; } .project-filter-menu ul:last-child:after{display: none;} .project-filter-menu ul li{padding: 0 0 0 8px; margin: 0; list-style: none; } .project-filter-menu ul li::before{display: none; } .project-filter-menu ul li .link{ font-size: 16px; line-height: 24px; color: var(--blue); margin: 0; padding: 8px 16px; font-weight: 400; background-color: #ECEEF7; border-radius: 4px; } .project-filter-menu ul li .link:hover{background-color: var(--yellow);} .project-filter-selectbox-mobile{display: none; width: 100%; } .project-filter-selectbox-mobile .form-control{background:url(../images/selectbox-arrow-filter.svg) 8px center no-repeat #ECEEF7; border-radius: 4px; border: 0; appearance: none; width: 100%; font-size: 16px; color: var(--blue); font-weight: 400; } .pb-0{padding-bottom: 0;} .gray-bg{background-color: #F8F8F8;} .project-filter-menu.with-bg ul{background: var(--white); padding: 8px 8px 8px 0; border-radius: 8px; } .future-section.residential .future-part .text{padding: 0 208px 0 120px; } .future-section.residential .future-part .text h2{font-size: 37px; padding: 0 0 38px 0; } .future-section.residential .future-part .image{height: 600px;} .inner-banner-section.projectpage .swiper-slide .banner-text{bottom: 0; } .future-section.meeting-point .future-part .image{height: 600px;} .future-section.meeting-point .future-part .text{padding: 0 208px 0 109px; } .future-section.meeting-point .future-part .text h2{font-size: 40px; } .future-part .future-btn a + a{margin-right: 10px; } .bustling-business-section{margin: 0px 0 0 0; padding:136px 0 0 0; background: linear-gradient(188.54deg, #007AFF -7.39%, #1A3299 55.09%); } .numbers-list.bustling{padding: 56px 0px 56px 0px; position: relative; top: 0px; margin-bottom: -128px; } .numbers-list.bustling ul li .box{padding: 0 25px; } .numbers-list.bustling ul li .box h3{font-size: 72px; padding: 0 0 10px 0; } .numbers-list.bustling ul li .box h3 strong{font-size: 24px; line-height: 24px; font-weight: 400; } .numbers-list.bustling ul li .box h4 strong{font-weight: 400; display: block;} .bustling-business-section h2{font-size: 40px; line-height: 58px; margin: 0; padding: 88px 0 40px 0; font-weight: 300; text-align: center; color: var(--white); } .bustling-business-section p{color: var(--white); text-align: center; max-width: 1152px; margin: 0 auto; padding: 0 0 40px 0; } .bustling-business-video{padding: 0; max-width: 1152px; margin: -165px auto 0 auto; position: relative; bottom: -165px; width: 100%;} .bustling-business-video::before{background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); height: 64px; position: absolute; left: 0; top: 0; right: 0; content: ""; border-radius: 6px 6px 0 0;} .bustling-business-video video{width: 100%; /*height: 633px;*/ vertical-align: top; padding: 0; object-fit: cover; border-radius: 6px; position: absolute; top: 0; left: 0; height: 100%;} .bustling-business-video iframe{width: 100%; /*height: 633px;*/ vertical-align: top; padding: 0; object-fit: cover; border-radius: 6px; position: absolute; top: 0; left: 0; height: 100%;} .bustling-business-video img {width: 100%; height: auto; vertical-align: top; padding: 0; object-fit: cover; border-radius: 6px; position: absolute; top: 0; left: 0; height: 100%;} .architectural-section{padding: 248px 0 0px 0; } .architectural-top-text{padding: 102px 0 56px 0; background-color: #FBFBFB; } .architectural-top-text h2{font-size: 40px; padding: 0 0 16px 0; } .architectural-top-text .text{margin: 0 auto; max-width: 1232px; } .architectural-slider-part{padding: 0 0 88px 0; background-color: #FBFBFB; } .architectural-slider-part .swiper{direction: ltr; } .architectural-slider-part .swiper-slide{width: 1024px; } .architectural-slider-part .swiper-slide .box{padding: 0; position: relative; border-radius: 4px; overflow: hidden; height: 640px; } .architectural-slider-part .swiper-slide .box::before{background: linear-gradient(91.67deg, rgba(0,122,255,0.6) 0%, rgba(26,50,153,0.6) 99.15%); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; transition: 0.3s all; opacity: 0; visibility: hidden; } .architectural-slider-part .swiper-slide .box .image{padding:0 0 0 0; } .architectural-slider-part .swiper-slide .box .image img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; } .architectural-slider-part .swiper-slide .box .text{position: absolute; left: 0; bottom: -100%; right: 0; top: auto; padding: 8px 16px; display: flex; align-items: flex-end; justify-content: flex-end; transition: 0.3s all; z-index: 2; } .architectural-slider-part .swiper-slide .box .text h3{font-size: 16px; line-height: 32px; color: var(--white); margin: 0; padding: 0; font-weight: 400; } .architectural-slider-part .swiper-slide .box .overlay-icon{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: flex; justify-content: center; align-items: center; transition: 0.3s all; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .architectural-slider-part .swiper-slide .box:hover .overlay-icon{-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .architectural-slider-part .swiper-slide .box:hover .text{bottom: 0;} .architectural-slider-part .swiper-slide .box:hover::before{opacity: 1; visibility: visible; } .architectural-slider-part .swiper-slide.box2{width: 736px; } .architectural-slider-part .swiper-slide.box2 .box{height: 312px;} .architectural-slider-part .swiper-slide.box2 .box:nth-child(2){margin-top: 16px;} .architectural-slider-part .swiper-slide.small{width: 520px; } .architectural-slider-part .swiper-slide.medium{width: 784px; } .architectural-slider-part .swiper-button-next{width: 48px; height: 64px; background: url(../images/nav-prev.png) right center no-repeat; border-radius: 40px 0px 0px 40px; border: 0px solid rgba(255, 255, 255, 0.5); right:0px; transition: 0.3s all; overflow: hidden; background-color: var(--blue); } .architectural-slider-part .swiper-button-next::after{color: #e4e0e2; font-size: 20px; margin: 0 0 0 7px; transition: 0.3s all;} .architectural-slider-part .swiper-button-next:hover{background: var(--yellow); width: 54px;} .architectural-slider-part .swiper-button-next:hover::after{color: var(--black); margin: 0 0 0 19px;} .architectural-slider-part .swiper-button-prev{width: 48px; height: 64px; background: url(../images/nav-next.png) left center no-repeat; border-radius:0 40px 40px 0; border: 0px solid rgba(255, 255, 255, 0.5); left:0px; transition: 0.3s all; overflow: hidden; background-color: var(--blue); left: auto; } .architectural-slider-part .swiper-button-prev::after{color: #e4e0e2; font-size: 20px; margin: 0 7px 0 0px; transition: 0.3s all;} .architectural-slider-part .swiper-button-prev:hover{background: var(--yellow); width: 54px; } .architectural-slider-part .swiper-button-prev:hover::after{color: var(--black); margin: 0 19px 0 0; } .architectural-gallery-mobile {display: none;} .fancybox__nav .is-next{width: 50px; height: 64px; background: url(../images/nav-prev.png) right center no-repeat; border-radius: 40px 0px 0px 40px; border: 0px solid rgba(255, 255, 255, 0.5); right:0px !important; transition: 0.3s all; overflow: hidden; background-color: var(--blue); } .fancybox__nav .is-next::after{color: #e4e0e2; font-size: 20px; margin: 0 0 0 7px; transition: 0.3s all;} .fancybox__nav .is-next:hover{background: var(--yellow); width: 54px;} .fancybox__nav .is-next:hover::after{color: var(--black); margin: 0 0 0 19px;} .fancybox__nav .is-prev{width:50px; height: 64px; background: url(../images/nav-next.png) left center no-repeat; border-radius:0 40px 40px 0; border: 0px solid rgba(255, 255, 255, 0.5); left:0px !important; transition: 0.3s all; overflow: hidden; background-color: var(--blue); left: auto; } .fancybox__nav .is-prev::after{color: #e4e0e2; font-size: 20px; margin: 0 7px 0 0px; transition: 0.3s all;} .fancybox__nav .is-prev:hover{background: var(--yellow); width: 54px; } .fancybox__nav .is-prev:hover::after{color: var(--black); margin: 0 19px 0 0; } .play-icon{position: absolute; left: calc(50% - 29px); top: calc(50% - 29px); } .play-icon a{background: url(../images/play-video.svg) center center no-repeat; width: 58px; height: 58px; } .play-icon a.playing{background: url(../images/pause-icon.svg) center center no-repeat;} .project-map-section{padding:196px 0 156px 0; } .project-map-part{padding: 0; display: flex; justify-content: flex-end; align-items: flex-start; max-width: 1336px; margin: 0 auto; } .project-map-section .project-map-part {justify-content: space-between;} .project-map-part .text{margin: 0 0px 0 0; max-width: 398px; padding: 0; position: sticky; top: 80px; } .project-map-part .text h2{font-size: 40px; padding: 0 0 20px 0; } .project-map-part .text p{font-weight: 300; } .project-map-part .map{max-width: 816px; position: relative; width: 100%;} .project-map-part .map .google-map{width: 100% !important; height: 803px !important; border-radius: 4px;} .project-map-part .map::before{position: absolute; right: -3px; bottom: -3px; content: ""; background-color: var(--yellow); border-radius: 4px; width: 100%; height: 100%; z-index: -1; } .project-map-part .project-map-part .google-map .map-marker-logo-wrapper{padding: 0;} .project-map-part .project-map-part .google-map .map-marker-logo-wrapper .marker{width: 38px; height: 14px; border-radius: 50%; background-color: var(--blue); border: 13px solid #9fd6e9; border-top-width: 5px; border-bottom-width: 5px; position: absolute; left: calc(50% - 19px); bottom: -14px; transition: 0.3s all; } .project-map-part .project-map-part .google-map .map-marker-logo{background-color: var(--blue); border-radius: 4px; padding: 8px 16px; display: flex; flex-flow: row-reverse; transition: 0.2s all; } .project-map-part .project-map-part .google-map .map-marker-logo img{max-width: 115px;} .project-map-part .project-map-part .google-map .map-marker-logo .logo-name{font-size: 13px; line-height: 13px; font-weight: 500; color: var(--blue); white-space: nowrap; padding-right: 5px; } .project-map-part .project-map-part .google-map .map-marker-logo .arrow{width: 0px; height: 0px; border-style: solid; border-width: 4px 3px 0 3px; left: calc(50% - 3px); top: 100%; position: absolute; border-color: var(--blue) transparent transparent transparent; transform: rotate(0deg); z-index: 1; } .project-map-part .property .map-point-wrapper.undefined { display: none;} .project-map-part .map-point-wrapper{font-size: 14px; color: var(--white); background: var(--blue); border-radius: 4px; padding:3px 4px 5px 4px; position: relative; font-family: var(--body-font); line-height: 20px;} .project-map-part .map-point-wrapper .arrow{width: 0px; height: 0px; border-style: solid; border-width: 4px 3px 0 3px; left: calc(50% - 3px); top: 100%; position: absolute; border-color: var(--blue) transparent transparent transparent; transform: rotate(0deg); z-index: 1; } .project-map-part .map-point-wrapper .marker{width: 38px; height: 14px; border-radius: 50%; background-color: var(--blue); border: 13px solid #9fd6e9; border-top-width: 5px; border-bottom-width: 5px; position: absolute; left: calc(50% - 19px); bottom: -14px; transition: 0.3s all; } .term-6 .project-map-part .map-point-wrapper{display: none;} .only-desktop{display: block;} .only-mobile{display: none;} .project-brand-section{padding:120px 0 120px 0; background-color: #F8F8F8; border-top: 1px solid rgba(26, 50, 153, 0.2); } .project-brand-part{max-width: 1440px; margin: 0 auto; } .project-brand-part h2{font-size: 40px; } .pb-title{position: relative; margin: 58px 0 0 0; } .pb-title::before{height: 1px; background: #D9D9D9; content: ""; position: absolute; left: 0; right: 0; top: 50%; } .pb-title h3{font-size: 24px; line-height: 52px; margin: 0 34px 0 0; padding: 0 8px; color: var(--blue); font-weight: 500; background-color: #F8F8F8; position: relative; display: inline-flex; } .project-brand-list{padding: 12px 0 0 0; } .project-brand-list ul{padding: 0; margin: 0 -16px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .project-brand-list ul li{padding: 0 16px; margin: 0; list-style: none; flex: 1 25%; max-width: 25%; } .project-brand-list ul li::before{display: none; } .project-brand-list ul li .box{padding: 0; text-align: center; background-color: var(--white); border-radius: 4px; box-shadow: 0 0 0 1px #CFD8DC; margin-top: 32px; transition: 0.3s all; } .project-brand-list ul li .box .image{padding: 0; height: 176px; display: flex; justify-content: center; align-items: center; } .project-brand-list ul li .box .image img{vertical-align: middle; object-fit: contain; object-position: center; filter: grayscale(1); transition: 0.2s all; } .project-brand-list ul li .box:hover{box-shadow: 0 0 0 1px var(--blue); } .project-brand-list ul li .box:hover .image img{filter: none; } .project-contact-section{padding:128px 0 136px 0; background-size: cover; background-position: center center; } .project-contact-form-part{padding: 32px 32px 32px 32px; box-shadow: 0px 8px 20px 0px rgba(24, 39, 75, 0.12); background: var(--white); max-width: 712px; width: 100%; border-radius: 4px; margin: 0 auto 0 104px; position: relative;} .project-contact-form-part h2{font-size: 40px; padding: 0 0 14px 0; } .pc-sub-title{position: relative; margin:0 0 20px 0; } .pc-sub-title::before{height: 1px; background: #D9D9D9; content: ""; position: absolute; left: -24px; right: -24px; top: 50%; } .pc-sub-title h3{font-size: 18px; line-height: 32px; margin: 0 0 0 0; padding: 0 8px; color: var(--blue); font-weight: 400; background-color: var(--white); position: relative; display: inline-flex; } label{font-size: 16px; line-height: 20px; font-weight: 500; color: #23415A; } .form-control:focus{border-color: #73AAFF; background-color: #F7FAFF; } .form-control.wpcf7-not-valid{border-color: #EB5757; color: #EB5757; background-image: url(../images/error-form-icon.svg); background-position: 16px center; background-repeat: no-repeat; background-color: var(--white); } .form-control.wpcf7-not-valid::placeholder{color: #EB5757;} .form-group p.error label{color: #EB5757;} .form-group{margin-bottom: 20px; } .checkbox-custom .wpcf7-form-control-wrap .wpcf7-list-item{display: block;} .checkbox-custom{padding: 0; position: relative; width: 32px; margin: 0 0 0 16px; } .checkbox-custom input{position: absolute; left: 0; top: 0; cursor: pointer; font-size: 0; opacity: 0; width: 32px; height: 32px; border-radius: 0; } .checkbox-custom .wpcf7-list-item-label{border: 2px solid #99A5AF; width: 32px; height: 32px; display: inline-flex; vertical-align: top; color:transparent;} .checkbox-custom input:checked + .wpcf7-list-item-label{background-image: url(../images/checkbox-icon.svg); background-repeat: no-repeat; background-position: center center; } .checkbox-custom .wpcf7-not-valid .wpcf7-list-item-label{border-color: #EB5757;} .terms-link{display: flex; align-items: center; padding: 6px 0 30px 0;} .terms-link p{color: var(--blue); font-size: 16px; font-weight: 400; margin: 0; padding: 0; } .terms-link p a{color: #599AFF; text-decoration: underline; } /* .terms-link a{color: #599AFF; text-decoration: underline; } */ .terms-link p a:hover{text-decoration: none; } .call-part{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D9D9D9; padding: 0 0 49px 0; } .send-btn .button{width: 240px; border-radius: 4px; padding: 15px 16px; background-color: var(--blue); color: var(--white); } .send-btn .button:hover{background-color: var(--yellow); color: var(--blue); border-color: var(--yellow); } .call-btn{background-color: #F3F3F3; padding: 15px 37px; border-radius: 0 30px 30px 0; margin: 0 0 0 -32px; } .call-btn p{font-size: 22px; line-height: 24px; color: var(--blue); margin: 0; padding: 0; font-weight: 400; } .call-btn a{font-size: 26px; font-weight: 400; } .call-btn a span{font-weight: 500; display: inline-flex ; align-items: center;} .call-btn a span strong, .call-btn a span small { margin: 0 4px 0 0; line-height: 22px; height: 12px; font-weight: 500; } .call-btn em{font-style: normal; vertical-align: middle; display: inline-flex; font-size: 32px; margin: 2px 2px 0 0; } .project-contact-img-box{display: flex; justify-content: flex-start; align-items: flex-end; padding: 32px 0 0 0; } .project-contact-img-box img{margin: 0 0 0 45px; } .call-part-investors{padding: 0 0 24px 0; border-bottom: 0;} .vision-section{padding:232px 0 136px 0;} .vision-part{padding: 0; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1440px; margin: 0 auto; } .vision-part .text{ max-width: 616px; } .vision-part .text h2{padding: 0 0 24px 0;} .vision-chart-part{border-radius: 4px; border: 1px solid var(--blue); max-width: 711px; width: 100%;} .vision-chart-box{padding: 25px 29px; } .vision-chart-info{background-color: var(--blue); padding: 18px 27px 15px 32px; display: flex; justify-content: space-between; align-items: center; } .vision-chart-info .text-info{display: flex; justify-content: space-between; align-items: center; } .vision-chart-info .text-info img{margin: 0 0 0 29px; } .vision-chart-info .text-info h3{font-size: 56px; line-height: 50px; color: var(--white); margin: 0; padding: 0; font-weight: 300; } .vision-chart-info .text-info h3 strong{font-size: 24px; line-height: 24px; font-weight: 300; display: inline-flex; } .vision-chart-info .text-info h3 em{font-style: normal; color: #599AFF; border-right: 2px solid #599AFF; padding: 0 10px 0 0; margin: 0 10px 0 0; direction: ltr; } .vision-chart-info .text-info p{line-height: 24px; color: var(--white); font-weight: 300; margin: 0; padding:6px 0 0 0; } .vision-chart-info .button{color: var(--white); background-color: var(--blue); border-color: var(--white); } .market-cap-data{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 15px; } .market-cap-data p{font-size: 18px; } .investors-numbers-section{padding:160px 0; background-color: var(--blue); } .development-section{padding:200px 0 192px 0; background-color: #F8F8F8; border-bottom: 1px solid rgba(26, 50, 153, 0.2); } .development-part{padding: 0; max-width: 1440px; margin: 0 auto; } .dev-text{padding: 0 0 56px 0; } .dev-text h2{padding: 0 0 14px 0; font-size: 40px; } .dev-text p{margin: 0; } .dev-text p strong{font-weight: 500; } .development-list{padding: 0;} .development-list ul{padding: 0; margin: 0 -12px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .development-list ul li{padding: 0 12px; margin: 0; list-style: none; flex: 1 33.33%; max-width: 33.33%; } .development-list ul li::before{display: none;} .development-list ul li .box{padding: 0; position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 24px; } .development-list ul li .box .image{padding: 0;} .development-list ul li .box .image img{width: 100%; object-fit: cover; object-position: center; } .development-list ul li .box .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 21px 32px 32px 32px; display: flex; flex-flow: column; justify-content: space-between; transition: 0.3s all; background: url(../images/blue-mask.png) no-repeat; } .development-list ul li .box .text h3{font-size: 32px; line-height: 32px; font-weight: 400; margin: 0; padding: 0; color: var(--white); } .development-list ul li .box .text p{font-size: 20px; line-height: 24px; font-weight: 300; margin: 0; padding: 0 0 18px 0; color: var(--white); } .development-list ul li .box .text h4{font-size: 20px; line-height: 32px; color: var(--white); margin: 0; padding:0px 0 0 0; font-weight: 400; } .development-list ul li .box .text .textsub{padding: 0; } .development-list ul li .box .text .share-text{position: relative; padding: 29px 0 0 0; min-height: 61px; } .development-list ul li .box .text .share-text::before{height: 1px; background-color: var(--white); content: ""; position: absolute; left: 0; right: 0; top: 0; transition: 0.3s all; } .development-list ul li .box .dev-link{position: absolute; left: 24px; bottom: 24px; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); transition: 0.3s all; } .development-list ul li .box .dev-link .button{ padding: 6px 6px 6px 6px; background: none; border-color: var(--yellow); } .development-list ul li .box .dev-link .button:hover{border-color: var(--blue) !important;} .development-list ul li .box .dev-link .button .dot{margin: 0; } .development-list ul li .box:hover .text{background: url(../images/blue-mask-hover.png) no-repeat; } .development-list ul li .box:hover .dev-link{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);} .development-list ul li .box:hover .dev-link .button{border-color: var(--white);} .development-list ul li .box:hover .text .share-text::before{background-color: var(--yellow); left: -8px;} .development-list ul li .box .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .development-list ul li .box:hover .dev-link .button .dot{ background-position: center center; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .development-list ul li .box:hover .dev-link .button {border-color: transparent;} .information-section{padding:184px 0 200px 0; } .information-section h2{text-align: center; padding: 0 0 62px 0; font-size: 40px; } .information-part{padding: 0; } .information-part ul{padding: 0; margin: 0 -8px; display: flex; justify-content: center; align-items: flex-start; } .information-part ul li{padding: 0 8px; margin: 0; list-style: none;} .information-part ul li::before{display: none;} .information-part ul li .box{padding: 41px 15px 32px 15px; border: 1px solid #CFD8DC; box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.05); border-radius: 4px; text-align: center; width: 296px; background: var(--white); line-height: 24px; transition: all 0.5s;} .information-part ul li .box .image{line-height: 47px; margin: 0 0 22px 0;} .information-part ul li .box .image img{vertical-align: middle;} .information-part ul li .box h3{font-size: 20px; line-height: 24px; color: var(--blue); margin: 0; padding: 22px 0 0 0; font-weight: 400; } .information-part ul li .box .overlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .information-part ul li .box:hover {border-color:#1A3299;} .publications-section{padding:88px 0 160px 0; } .publications-part{padding: 0; margin: 0 auto; max-width: 1440px; border: 1px solid #CFD8DC; border-radius: 4px; box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.05); display: flex; justify-content: flex-start; align-items: flex-start; } .publications-part .right-cl{padding: 16px; border-left: 1px solid #CFD8DC; background-color: #F8F8F8; max-width: 312px; flex: auto; align-self: stretch;} .publications-part .right-cl .accordion-item{margin: 0 0 11px 0; } .publications-part .right-cl .accordion-header{font-size: 24px; line-height: 30px; color: var(--blue); margin: 0; padding: 13px 16px 13px 25px; font-weight: 400; background-color:#E6EDF3; border-radius: 4px; transition: 0.3s all; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .publications-part .right-cl .accordion-header span{background:url(../images/accordion-arrow.svg) no-repeat; width: 6px; height: 11px; display: inline-flex; transition: 0.3s all; } .publications-part .right-cl .accordion-content{padding:11px 0 0 0;} .publications-part .right-cl .accordion-content ul{padding: 0; margin: 0;} .publications-part .right-cl .accordion-content ul li{padding: 0 0 8px 0; margin: 0; list-style: none;} .publications-part .right-cl .accordion-content ul li::before{display: none; } .publications-part .right-cl .accordion-content ul li a{padding: 0 16px; margin: 0; font-size: 20px; line-height: 40px; color: var(--blue); margin: 0; display: block; border-radius: 4px; } .publications-part .right-cl .accordion-content ul li a:hover{background-color: #E6EDF3;} .publications-part .right-cl .accordion-content ul li a:hover{padding-right: 26px;} .publications-part .right-cl .accordion-content ul li.active a{background-color: #E6EDF3;} .publications-part .right-cl .accordion-header:hover{padding-right: 26px; background-color: #00255D; color: var(--yellow); } .publications-part .right-cl .accordion-header.active{background-color: #00255D; color: var(--yellow); } .publications-part .right-cl .accordion-header.active span{transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .publications-part .left-cl{padding: 40px 104px 144px 104px; flex: 1; } .publications-part .left-cl h2{font-size: 40px; line-height: 40px; color: var(--blue); font-weight: 400; margin: 0; padding: 0 0 24px 0; border-bottom: 1px solid #DBE1E5; } .publications-part .left-cl h2 strong{font-weight: 400; border-right: 4px solid var(--blue); display: inline-flex; vertical-align: top; padding: 0 22px 0 0; margin: 2px 12px 0 0; } .publications-list{padding:23px 0 0 0; } .publications-list ul{padding: 0; margin: 0;} .publications-list ul li{padding: 0; margin: 0; list-style: none;} .publications-list ul li + li{padding: 16px 0 0 0;} .publications-list ul li::before{display: none;} .publications-list ul li .box{padding: 16px 16px; display: flex; border: 1px solid #E6EDF3; border-radius: 4px; justify-content: space-between; align-items: center; } .publications-list ul li .box .icon{padding: 0; flex: none;} .publications-list ul li .box .title{font-size: 20px; line-height: 48px; color: var(--blue); margin: 0 0 0 auto; padding: 0 24px 0 0; font-weight: 400; transition: 0.3s all; } .publications-list ul li .box .date{font-size: 20px; line-height: 48px; color: var(--blue); margin: 0 0 0 0; padding: 0 0 0 30px; font-weight: 400; } .publications-list ul li .box .arrow{background:url(../images/publications-arrow.svg) center center no-repeat #F8F8F8; width: 48px; height: 48px; border-radius: 4px; transition: 0.3s all; flex: none;} .publications-list ul li .box:hover{background: #F8F8F8;} .publications-list ul li .box:hover .arrow{background-image: url(../images/publications-arrow-yellow.svg); background-color: var(--blue); } .publications-list ul li .box:hover .title{padding: 0 34px 0 0; } .inner-banner-section.community-relations .swiper-slide .box .image img{height: auto;} .inner-banner-section.community-relations .swiper-slide .banner-text{bottom: 0;} .existence-section{padding: 200px 0 192px 0;} .existence-part{padding: 0; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1440px; margin: 0 auto; } .existence-part .text{padding: 0 0 0 20px; max-width: 544px; } .existence-part .text .h2{font-size: 40px; padding: 0 0 24px 0; } .existence-certi{display: flex; padding: 6px 0 0 0; } .existence-certi img{margin: 0 0 0 38px; max-width: 122px; } .existence-part .image{padding:53.9% 0 0 0; max-width: 712px; flex: none; position: relative; width: 100%; } .existence-part .image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .donations-section{padding:96px 0 80px 0; background-color: var(--blue); } .donations-section .h2{color: var(--white); font-size: 40px; padding: 0 0 22px 0; text-align: center; font-weight: 400; } .donations-section p{color: var(--white); text-align: center; } .donations-top-text{max-width: 1024px; margin: 0 auto; padding: 0 0 54px 0; } .double-donation-part{padding: 49px 23px 36px 23px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.20); max-width: 1232px; margin: 0 auto 72px auto; display: flex; justify-content: space-between; align-items: flex-start;} .double-donation-part .box{padding: 0 60px; text-align: center; flex: 1; position: relative;} .double-donation-part .box::before{background: #858994; width: 1px; height: 72px; content: ""; position: absolute; left: 0; top: 32px;} .double-donation-part .h3{font-size: 72px; line-height: 58px; color: var(--white); margin: 0; padding: 0 0 24px 0; font-weight: 300; font-family: var(--secondary-font); letter-spacing: -4px;} .double-donation-part .h3 strong{font-weight: 500; font-family: var(--body-font); font-size: 24px; line-height: 24px; letter-spacing: 0;} .double-donation-part p{color: var(--white); margin: 0; padding: 0; } .double-donation-part .box + .box::before{display: none;} #associations_slider_content { padding-top: 72px; } .community-testimonial-section{padding:104px 0 152px 0; background-color:#F8F8F8;} .community-testimonial-slider-part{max-width: 1232px; margin: 0 auto; position: relative;} .community-testimonial-slider-part .swiper-slide{background-color: var(--white); border: 1px solid #CFD8DC; border-radius: 4px; } .community-testimonial-slider-part .swiper-slide .box{padding: 41px 80px 38px 80px; text-align: center; } .community-testimonial-slider-part .swiper-slide .box .icon{padding: 0 0 27px 0;} .community-testimonial-slider-part .swiper-slide .box p{font-size: 24px; line-height: 32px; color: var(--blue); margin: 0; padding: 0 0 24px 0; } .community-testimonial-slider-part .swiper-slide .box .auth{font-weight: 500; font-size: 20px; line-height: 32px; color: var(--blue); } .community-testimonial-slider-part .swiper-slide .box .auth-designation{font-size: 20px; line-height: 32px; color: #858994; font-weight: 400; } .community-testimonial-slider-part .swiper-button-next{width: 48px; height: 64px; background: url(../images/nav-prev.png) right center no-repeat; border-radius: 40px 0px 0px 40px; border: 0px solid rgba(255, 255, 255, 0.5); right:100%; transition: 0.3s all; overflow: hidden; background-color: var(--blue); } .community-testimonial-slider-part .swiper-button-next::after{color: #e4e0e2; font-size: 20px; margin: 0 0 0 7px; transition: 0.3s all; transform: rotate(180deg); } .community-testimonial-slider-part .swiper-button-next:hover{background: var(--yellow); width: 60px;} .community-testimonial-slider-part .swiper-button-next:hover::after{color: var(--black); } .community-testimonial-slider-part .swiper-button-prev{width: 48px; height: 64px; background: url(../images/nav-next.png) left center no-repeat; border-radius:0 40px 40px 0; border: 0px solid rgba(255, 255, 255, 0.5); left:100%; right: auto; transition: 0.3s all; overflow: hidden; background-color: var(--blue); } .community-testimonial-slider-part .swiper-button-prev::after{color: #e4e0e2; font-size: 20px; margin: 0 7px 0 0px; transition: 0.3s all; transform: rotate(180deg); } .community-testimonial-slider-part .swiper-button-prev:hover{background: var(--yellow); width: 60px; } .community-testimonial-slider-part .swiper-button-prev:hover::after{color: var(--black); } .associations-slider-part{padding:24px 0 0 0;} .associations-slider-part .swiper{padding: 0 136px 0 8px; } .mySwiper-associations .swiper-slide {height: auto;} .associations-slider-part .swiper-slide .box{padding: 16px 36px 52px 36px; text-align: center; background-color: var(--white); border-radius: 4px; height: 100%;} .associations-slider-part .swiper-slide .box .icon{padding: 57% 0 0 0; margin: 0 auto 13px auto; position: relative; max-width: 240px; } .associations-slider-part .swiper-slide .box .icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .associations-slider-part .swiper-slide .box .h3{font-size: 24px; line-height: 48px; color: var(--blue); margin: 0; padding: 0 0 24px 0; position: relative; display: inline-flex; } .associations-slider-part .swiper-slide .box .h3::before{width: auto; height: 2px; background-color:#D9D9D9; content: ""; position: absolute; left: 42px; right: 42px; bottom: 0; transition: 0.3s all; } .associations-slider-part .swiper-slide .box p{font-size: 18px; color: var(--blue); margin: 0; padding:26px 0 0 0; font-weight: 300; } .associations-slider-part .swiper-slide .box:hover .h3::before{left: 0; right: 0; background-color: var(--blue);} .associations-slider-part .swiper-button-next{width: 48px; height: 64px; background: url(../images/nav-next.png) right center no-repeat; border-radius: 0 40px 40px 0; border: 0px solid rgba(255, 255, 255, 0.5); left: 0; transition: 0.3s all; overflow: hidden; background-color: #203fc3; } .associations-slider-part .swiper-button-next::after{color: #e4e0e2; font-size: 20px; margin: 0 7px 0 0px; transition: 0.3s all;} .associations-slider-part .swiper-button-next:hover{background: var(--yellow); width: 54px;} .associations-slider-part .swiper-button-next:hover::after{color: var(--black); margin: 0 19px 0 0;} .associations-slider-part .swiper-button-prev{width: 48px; height: 64px; background: url(../images/nav-prev.png) left center no-repeat; border-radius: 40px 0 0 40px; border: 0px solid rgba(255, 255, 255, 0.5); right: 0px; transition: 0.3s all; overflow: hidden; background-color: #203fc3; } .associations-slider-part .swiper-button-prev::after{color: #e4e0e2; font-size: 20px; margin: 0 0 0 7px; transition: 0.3s all;} .associations-slider-part .swiper-button-prev:hover{background: var(--yellow); width: 54px; } .associations-slider-part .swiper-button-prev:hover::after{color: var(--black); margin: 0 0 0 19px;} .associations-modal-section .modal-dialog{background-color: var(--blue); border-color: var(--blue); max-width: 1216px; border-radius: 8px; } .associations-modal-section .modal-close{right: 8px; top: 8px; background-color: #0C2282; } .associations-modal-section .modal-content{padding: 72px 112px 67px 112px; } .associations-modal-section .modal-content h2{font-size: 32px; line-height: 32px; color: var(--white); margin: 0 0 47px 0; padding: 0 0 24px 0; font-weight: 400; border-bottom: 1px solid var(--yellow); } .associations-modal-part{padding: 0; display: flex; justify-content: space-between; align-items: flex-start; } .associations-modal-part .image{padding:62px 10px; width: 296px; position: relative; background-color: var(--white); text-align: center; border-radius: 4px; } .associations-modal-part .image img{width: auto; height: auto; object-fit: contain; } .associations-modal-part .text{padding: 0 102px 0 0; flex: 1; } .associations-modal-part .text h2{display: none;} .associations-modal-part .text h3{font-size: 20px; line-height: 32px; color: var(--white); margin: 0; padding: 0 0 30px 0; font-weight: 500;} .associations-modal-part .text .h3{font-size: 20px; line-height: 32px; color: var(--white); margin: 0; padding: 0 0 30px 0; font-weight: 500;} .associations-modal-part .text p{color: var(--white); font-weight: 300; } .associations-modal-section{background-color: rgba(26, 50, 103, 0.8); } .modal-btn2{padding: 28px 0 0 0; } .modal-btn2 .button{background-color: #0F2586; border-radius: 4px; font-size: 20px; font-weight: 500; color: var(--white); padding: 18px 24px; } .modal-btn2 .button:hover{background-color: var(--yellow); color: var(--blue);} .inner-banner-section.ecosystem .swiper-slide .box .image img{height: auto; } .inner-banner-section.ecosystem .swiper-slide .box::before{bottom: auto; height: 312px; background: linear-gradient(180deg, rgba(0, 24, 60, 0.3) 0%, rgba(0, 24, 60, 0) 100%);} .inner-banner-section.ecosystem .swiper-slide .banner-text{bottom: 0;} .backwater-section{padding: 104px 0 88px 0;} .backwater-part{text-align: center; padding: 0; max-width: 1112px; margin: 0 auto; } .backwater-part .h2{font-weight: 300; margin: 0; padding: 0 0 24px 0; } .backwater-part p strong{font-weight: 700;} .ecosystem-section{padding:88px 0 80px 0; background-color: var(--blue);} .ecosystem-part{padding: 0 0 48px 0; max-width: 1336px; margin: 0 auto; } .ecosystem-part .h2{color: var(--white); font-size: 40px; margin: 0; padding: 0 0 24px 0; } .ecosystem-part p{color: var(--white); font-weight: 300; } .ecosystem-btn{padding: 18px 0 0 0; } .ecosystem-btn .button{background-color: var(--blue); border-color: var(--white); color: var(--white); margin-left: 13px; } .ecosystem-btn .button:hover{border-color: var(--blue); box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15); } .ecosystem-slider-part{padding: 0 0 0 124px; } .ecosystem-slider-part .swiper-slide:nth-child(4n+1){width: 328px;} .ecosystem-slider-part .swiper-slide:nth-child(4n+2){width: 602px;} .ecosystem-slider-part .swiper-slide:nth-child(4n+3){width: 296px;} .ecosystem-slider-part .swiper-slide:nth-child(4n+4){width: 504px;} .ecosystem-slider-part .swiper-slide .box{padding: 0; position: relative; border-radius: 4px; overflow: hidden; height: 384px; } .ecosystem-slider-part .swiper-slide .box::before{background: linear-gradient(91.67deg, rgba(0,122,255,0.6) 0%, rgba(26,50,153,0.6) 99.15%); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; transition: 0.3s all; opacity: 0; visibility: hidden; } .ecosystem-slider-part .swiper-slide .box .image{padding:0 0 0 0; } .ecosystem-slider-part .swiper-slide .box .image img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; } .ecosystem-slider-part .swiper-slide .box .text{position: absolute; left: 0; bottom: -100%; right: 0; top: auto; padding: 8px 16px; display: flex; align-items: flex-end; justify-content: flex-start; transition: 0.3s all; z-index: 2; } .ecosystem-slider-part .swiper-slide .box .text h3{font-size: 16px; line-height: 32px; color: var(--white); margin: 0; padding: 0; font-weight: 400; } .ecosystem-slider-part .swiper-slide .box .overlay-icon{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; display: flex; justify-content: center; align-items: center; transition: 0.3s all; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .ecosystem-slider-part .swiper-slide .box .overlay-icon a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .ecosystem-slider-part .swiper-slide .box:hover .overlay-icon{-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ecosystem-slider-part .swiper-slide .box:hover .text{bottom: 0;} .ecosystem-slider-part .swiper-slide .box:hover::before{opacity: 1; visibility: visible; } .ecosystem-section:nth-child(odd){background-color: #F8F8F8; } .ecosystem-section:nth-child(odd) .ecosystem-part .h2{color: var(--blue);} .ecosystem-section:nth-child(odd) .ecosystem-part p{color: var(--blue);} .ecosystem-section:nth-child(odd) .ecosystem-btn .button{background-color: #f8f8f8; color: var(--blue); border-color:var(--blue) ;} .ecosystem-section:nth-child(odd) .ecosystem-btn .button:hover{background-color: var(--blue); color: var(--white);} .ecosystem-section:nth-child(odd) .ecosystem-slider-part{padding: 0 124px 0 0; } .ecosystem-section:nth-child(odd) .ecosystem-slider-part .swiper-slide:nth-child(4n+1){width: 608px;} .ecosystem-section:nth-child(odd) .ecosystem-slider-part .swiper-slide:nth-child(4n+2){width: 400px;} .ecosystem-section:nth-child(odd) .ecosystem-slider-part .swiper-slide:nth-child(4n+3){width: 296px;} .ecosystem-section:nth-child(odd) .ecosystem-slider-part .swiper-slide:nth-child(4n+4){width: 432px;} .inner-banner-section.careers .swiper-slide .box .image img{height: auto;} .inner-banner-section.careers .swiper-slide .banner-text{bottom: 0;} .inner-banner-section.careers .swiper-slide .box::before{background: linear-gradient(180deg, rgba(0, 24, 60, 0.4) 0%, rgba(0, 24, 60, 0) 100%); height: 121px;} .inner-banner-section.careers .swiper-slide .box::after{background: linear-gradient(180deg, rgba(0, 24, 60, 0) 11.13%, rgba(0, 24, 60, 0.5) 100%); position: absolute; left: 0; right: 0; bottom: 0; content: ""; height: calc(100% - 121px); } .knowledge-section{padding:80px 0 154px 0; background-color: var(--blue);} .knowledge-section .h2{color: var(--white); text-align: center; font-weight: 300; } .knowledge-part{padding: 54px 0 0 0; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1440px; margin: 0 auto; } .knowledge-part .video{max-width: 784px; position: relative; width: 100%; flex: none; } .knowledge-part .video video{width: 100%; height: 452px; vertical-align: top; object-fit: cover; } .knowledge-part .video .play-icon a.playing{background:url(../images/pause-icon-career.svg) center center no-repeat rgba(0, 0, 0, 0.40); background-size: 17px 20px; } .knowledge-part .video .play-icon a{background: url(../images/play-icon-career.svg) center center no-repeat rgba(0, 0, 0, 0.40); background-size: 17px 20px; width: 68px; height: 68px; border-radius: 50%; } .knowledge-part .text{padding: 0 85px 0 0; flex: 1; } .knowledge-part .text .h3{font-size: 40px; line-height: 50px; color: var(--yellow); margin: 0; padding: 0 0 8px 0; font-weight: 400; } .knowledge-part .text p{color: var(--white); margin: 0; padding: 0 0 38px 0; } .instagram-career-section{padding:112px 0 128px 0; } .instagram-career-section .h2{text-align: center; font-size: 32px; line-height: 40px; margin: 0; padding: 0 0 40px 0; } .instagram-career-section .h2 img{vertical-align: middle;} .job-section{padding:142px 0 168px 0; background-color: #f8f8f8; } .job-part{max-width: 1232px; margin: 0 auto;} .job-part .h2{font-weight: 300; } .job-top-part{padding: 0; display: flex; justify-content: space-between; align-items: flex-start; } .job-top-part .project-filter-menu{padding: 0; } .job-top-part .project-filter-menu ul{margin: 0 0 0 64px; } .job-top-part .project-filter-menu ul:last-child{margin: 0; } .job-top-part .project-filter-menu ul::after{left: -32px; top: 22px; } .share-box{ position: relative;} .share-btn{padding: 0;} .share-btn .button{border: 8px solid var(--white); border-radius: 8px; padding: 0; } .share-btn .button img{margin-left: 8px; } .share-btn .button strong{font-weight: 400; display: inline-flex; padding: 8px 16px 8px 16px; border-radius: 4px; transition: 0.3s all;} .share-btn .button:hover{border-color: var(--white); color: var(--blue); background-color: var(--white);} .share-btn .button:hover strong{background-color: #eaf3ff;} .share-list{position: absolute; z-index: 9999997; width: 152px; height: 129px; border-radius: 8px; background: #FFFFFF; box-shadow: 0px 2.68036px 17.869px rgb(0 0 0 / 7%), 0px 0.798012px 5.32008px rgb(0 0 0 / 5%), 0px 24px 34px rgb(137 200 255 / 10%); padding: 5px 10px 25px; box-sizing: border-box; right: -18px; margin: auto; bottom: calc(100% + 12px); opacity: 0; transition: 0.4s ease all; pointer-events: none; } .share-list:after {position: absolute; bottom: -8px; right: 65px; margin-left: -10px; content: ""; display: block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FFFFFF;} .share-list .h3{font-size: 16px; line-height: 32px; font-weight: 400; margin: 0; padding: 0; text-align: center; } .share-links{padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .share-links a{display: block; width: 32px; height: 32px; margin: 0 5px 12px 5px; } .share-list.open {opacity: 1; pointer-events: all; } .jobs-list{padding:47px 0 96px 0; margin: 24px 0 0 0; border-top: 1px solid #E0E1E2; } .jobs-list ul{padding: 0; margin: 0 -8px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .jobs-list ul li{padding: 0 8px; margin: 0; list-style: none; flex: 1 33.33%; max-width: 33.33%; align-self: stretch; } .jobs-list ul li::before{display: none;} .jobs-list ul li .box{padding:39px 32px 66px 32px; margin: 0 0 16px 0; background-color: var(--white); border-radius: 4px; position: relative; height: calc(100% - 16px);} .jobs-list ul li .box .icon{padding: 0 0 16px 0; } .jobs-list ul li .box .icon img{width: auto; vertical-align: top; max-width: 22px;} .jobs-list ul li .box .text{min-height: 191px; } .jobs-list ul li .box .h3{font-size: 24px; line-height: 38px; color: var(--blue); margin: 0; padding: 0 0 14px 0; font-weight: 400; } .jobs-list ul li .box p{font-size: 18px; line-height: 24px; color: var(--blue); margin: 0; padding: 0; font-weight: 300; } .jobs-info{padding: 10px 0 0 0; display: flex; position: absolute; right: 32px; bottom: 24px;} .jobs-info .info1{font-size: 16px; line-height: 24px; font-weight: 400; margin: 0; padding: 4px 12px 4px 16px; display: inline-flex; background-color: #EEF5FF; border-radius: 32px; transition: 0.3s all; } .jobs-info .info1 img{width: auto; max-width: 16px; margin-left: 8px; } .jobs-info .info1 + .info1{margin-right: 6px; } .jobs-list ul li .box .circle{padding: 7px; border-color: var(--yellow); position: absolute; left: 16px; bottom: 14px; transform: scale(0.56); } .jobs-list ul li .box .circle .dot{margin: 0; } .jobs-list ul li .box:hover{box-shadow: 0 0 0 2px #599aff inset; } .jobs-list ul li .box:hover .jobs-info .info1{background-color: #D2E4FF; } .jobs-list ul li .box:hover .circle{background-color: var(--blue); border-color: var(--blue); transform: scale(0.66);} .jobs-list ul li .box:hover .circle .dot{background-position: center center; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .not-find-job-part{padding: 16px 16px 16px 44px; background-color: var(--white); display: flex; justify-content: space-between; align-items: center; border-radius: 8px; margin-top: 64px; } .not-find-job-part .icon{width: 80px; height: 80px; line-height: 80px; text-align: center; background-color: #EEF5FF; margin: 0 0 0 29px; border-radius: 8px;} .not-find-job-part .icon img{vertical-align: middle; max-width: 16px; } .not-find-job-part .h3{font-size: 24px; line-height: 24px; font-weight: 400; margin: 0 0 0 auto; padding: 0; color: var(--blue); } .jobdetails-modal-section{background-color: rgba(26, 50, 153, 0.8); } .jobdetails-modal-section .modal-dialog{max-width: 1216px; border-radius: 4px; border: 0; overflow: hidden; } .jobdetails-modal-section .modal-close{right: 20px; top: 21px; } .jobdetails-modal-section .modal-header{padding: 23px 88px 23px 32px; border-bottom: 1px solid #CFD8DC; background-color: #F8F8F8; display: flex; justify-content: space-between; align-items: center; } .jobdetails-modal-section .modal-header .h2{font-size: 40px; line-height: 32px; color: var(--blue); margin: 0; padding: 0; font-weight: 400; } .jobdetails-modal-section .modal-header .jobs-info{position: static; padding: 0; flex: none; } .jobdetails-modal-section .modal-header .jobs-info .info1{font-weight: 500; border:1px solid var(--blue); } .jobdetails-modal-section .modal-header .jobs-info .info1 + .info1{margin-right: 16px;} .jobdetails-modal-section .modal-body{padding:48px 104px 18px 285px; position: relative; max-height: 536px; overflow-x: hidden; overflow-y: auto; direction: ltr; } .jobdetails-modal-section .modal-body::-webkit-scrollbar{width:4px; border-radius: 3px;} .jobdetails-modal-section .modal-body::-webkit-scrollbar-track{background: rgba(187, 212, 255, 0.40); } .jobdetails-modal-section .modal-body::-webkit-scrollbar-thumb{background: #7BACFF; } .jobdetails-modal-section .modal-body .content{direction: rtl;} .jobdetails-modal-section .modal-body h3{font-size: 20px; line-height: 24px; color: var(--blue); margin: 0; padding: 0; font-weight: 500; } .jobdetails-modal-section .modal-body p{font-size: 20px; line-height: 24px; color: var(--blue); margin: 0; padding: 0 0 30px 0; font-weight: 400; } .jobdetails-modal-section .modal-body ul{margin: 0 30px 0 0; padding: 0 0 30px 0;} .jobdetails-modal-section .modal-body ul li{font-size: 20px; line-height: 24px; color: var(--blue); margin: 0; padding: 0; font-weight: 400; } .jobdetails-modal-section .modal-body ul li::before{top: 13px; } .jobdetails-modal-section .modal-body .image{position: fixed; left: 0px; top: calc(50% - 83px); } .jobdetails-modal-section .modal-body .image img{max-width: 80px; object-fit: contain; } .jobdetails-modal-section .modal-footer{background-color: #EEF5FF; padding: 16px; border-top: 1px solid #CFD8DC; display: flex; justify-content: center; align-items: center; } .jobdetails-modal-section .modal-footer .share-btn .button{font-size: 22px; border: 1px solid #CFD8DC; border-radius: 4px;} .jobdetails-modal-section .modal-footer .share-btn .button strong{padding: 19px 24px 19px 24px;} .jobdetails-modal-section .modal-footer .share-list{right: 46px;} .resume-btn{padding: 0 16px 0 0; } .resume-btn .button{border-radius: 4px; font-size: 22px; font-weight: 400; padding: 18px 16px 18px 16px; min-width: 232px; } .news-banner-section{padding: 0; display: flex; justify-content: space-between; align-items: flex-start; } .news-banner-section .image{padding:65% 0 0 0; width: 100%; max-width: 61%; position: relative; } .news-banner-section .image img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: center; } .news-banner-section .text{background-color: var(--blue); flex: 1; padding: 160px 120px 120px 240px; align-self: stretch; } .news-banner-section .text .h1{font-size: 40px; line-height: 50px; color: var(--white); margin: 0; padding: 0 0 24px 0; font-weight: 400; } .news-banner-section .text p{font-size: 24px; line-height: 40px; color: #f8f8f8; margin: 0; padding: 0 0 24px 0; font-weight: 300;} .news-banner-section .banner-video{padding:65% 0 0 0; width: 100%; max-width: 61%; position: relative; } .news-banner-section .banner-video video, .news-banner-section .banner-video iframe{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;} .news-banner-section .text-sub{position: sticky; top: 160px; } .news-date{padding: 0; border-top: 1px solid #599AFF; border-bottom: 1px solid #599AFF; font-size: 20px; line-height: 48px; color: #599AFF; font-weight: 300; margin: 0 0 24px 0; } .news-btn .button{background-color: var(--blue); border-color: var(--white); color: var(--white); } .news-btn .button:hover{box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15);} .breadcrumb-section{padding:12px 0; background-color: var(--white); box-shadow: 0px 8px 16px -6px rgba(24, 39, 75, 0.13); position: relative;} .breadcrumb-part{padding: 0; max-width: 1456px; margin: 0 auto;} .breadcrumb-part ul{padding: 0; margin: 0 -21px; display: flex; } .breadcrumb-part ul li{padding: 0 21px; margin: 0; list-style: none; font-size: 18px; font-weight: 500; color: var(--blue); position: relative; } .breadcrumb-part ul li::before{width: 10px; height: 10px; background-color: var(--yellow); border-radius: 50%; content: ""; position: absolute; right: -5px; top: 12px; } .breadcrumb-part ul li:first-child:before{display: none; } .breadcrumb-part ul li a{font-weight: 400; } .news-list-section{padding:56px 0 104px 0; background-color: #FBFBFB; } .news-list{padding: 0 0 128px 0; max-width: 1456px; margin: 0 auto; } .news-list ul{padding: 0; margin: 0 -16px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .news-list ul li{padding: 0 16px; margin: 0; list-style: none; flex: 1 50%; max-width: 50%; align-self: stretch; } .news-list ul li::before{display: none; } .news-list ul li .box{padding:0 16px 16px 16px; border-radius: 4px; background-color: var(--white); margin-bottom: 48px; height: calc(100% - 48px); transition: 0.3s all; position: relative; } .news-list ul li .box::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.05); } .news-list ul li .box .image{padding:44.70% 0 0 0; overflow: hidden; position: relative; } .news-list ul li .box .image img{width: 100%; transition: 0.4s all; border-radius: 0 0 4px 4px; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: center; } .news-list ul li .box .text{padding:16px 16px 0 16px; min-height: 237px; } .news-list ul li .box .text .h3{font-size: 28px; line-height: 32px; color: var(--blue); margin: 0; padding: 0 0 24px 0; font-weight: 400; } .news-list ul li .box .text p{font-size: 16px; line-height: 24px; color: var(--blue); margin: 0; padding: 0 0 20px 0; font-weight: 400; } .news-list ul li .box .text-bottom{padding: 24px 16px 8px 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #D9D9D9; } .news-list ul li .box .text-bottom .date{font-size: 18px; line-height: 32px; color: #858994; margin: 0; padding: 0; font-weight: 400; } .news-list ul li .box .text-bottom .button{flex: none; } .news-list ul li .box:hover{box-shadow: 0 0 0 2px var(--blue); } .news-list ul li .box:hover .text-bottom{border-color: var(--yellow); } .news-list ul li .box:hover .image img{transform: scale(1.2);} .news-list-section.article{padding: 96px 0 152px 0; } .news-list-section.article .h2{text-align: center; margin: 0; padding: 0 0 97px 0; } .news-list-section.article .news-list{padding: 0 0 68px 0; } .article-banner-section{padding: 0; position: relative; } .article-banner-section::before{background: linear-gradient(180deg, rgba(0, 24, 60, 0) 11.13%, #00183C 100%); position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1;} .article-banner-section::after{background: linear-gradient(180deg, rgba(0, 24, 60, 0.4) 0%, rgba(0, 24, 60, 0) 100%); position: absolute; left: 0; top: 0; right: 0; content: ""; z-index: 1; height: 121px; } .article-banner-section .image{padding: 42% 0 0 0; position: relative; z-index: 0;} .article-banner-section .image img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: center; } .article-banner-section .text{padding: 0; text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 926px; margin: auto auto; display: flex; align-items: center; justify-content: center; flex-flow: column; z-index: 1; } .article-banner-section .text .h1{font-size: 64px; line-height: 64px; color: var(--white); font-weight: 300; margin: 0; padding: 0; text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45); } .article-banner-info-part{padding: 3px 0; border-top: 1px solid #599AFF; border-bottom: 1px solid #599AFF; position: absolute; left: 0; right: 0; bottom: 56px; max-width: 1456px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; z-index: 1; } .article-banner-info-part .date{font-size: 20px; color: #599AFF; font-weight: 400; margin: 0 0 0 auto; padding: 0; } .article-banner-info-part .button{color: var(--white); background: none; border: 0; border-radius: 4px; padding: 8px 16px; } .article-banner-info-part .button img{margin-left: 8px; } .article-banner-info-part .button strong{padding: 0; background: none;} .article-banner-info-part .button:hover{background-color: var(--white); color: var(--blue);} .article-banner-info-part .button:hover strong{background: none; } .article-banner-info-part .button:hover img{filter: invert(89%) sepia(82%) saturate(2701%) hue-rotate(223deg) brightness(99%) contrast(91%); } .article-banner-info-part .share-list{right: 12px;} .portal-btn{padding-left: 5px;} .article-video-section{padding:30px 0 110px 0; } .article-video-section .play-icon a{background: url(../images/play-icon-career.svg) center center no-repeat rgba(255, 255, 255, 0.10); background-size: 17px 20px; width: 68px; height: 48px; border-radius: 10px;} .article-video-section .play-icon a.playing{background: url(../images/pause-icon-career.svg) center center no-repeat rgba(255, 255, 255, 0.10); background-size: 17px 20px; } .article-video-section .bustling-business-video{margin: 0 auto; max-width: 1128px; bottom: 0; } .article-video-section .bustling-business-video {} .article-video-section-inner { margin: 0 auto;max-width: 1456px; width: 100%;} .article-video-section .bustling-business-video {margin: 0 auto 0 0; max-width: 1294px;} .article-details-section {padding:80px 0 0 0;} .article-details-part{padding: 0; display: flex; align-items: flex-start; justify-content: space-between; max-width: 1456px; margin: 0 auto; } .article-details-part .right-cl{padding: 0; width: 100%; max-width: 400px; } .article-details-part .right-cl .image{padding:80% 0 0 0; position: relative; } .article-details-part .right-cl .image img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: center; } .article-details-part .right-cl .text{padding:56px 40px; background-color: var(--blue); } .article-details-part .right-cl .text p{font-size: 24px; line-height: 40px; color: var(--white); margin: 0; padding: 0 0 48px 0; font-weight: 400; } .article-details-part .right-cl .text .user-name{font-size: 16px; line-height: 30px; color: var(--white); margin: 0; padding: 5px 0 5px 0; font-weight: 500; } .article-details-part .right-cl .text .user-des{font-size: 16px; line-height: 30px; color: #599AFF; margin: 0; padding: 5px 0 5px 0; font-weight: 400; } .article-details-part .left-cl{flex: 1; padding: 0 120px 0 0; } .article-details-part .left-cl .title{font-size: 32px; line-height: 48px; color: var(--blue); margin: 0; padding:31px 0 24px 0; font-weight: 400; border-top: 1px solid #599AFF; border-bottom: 1px solid #599AFF; margin: 0 0 51px 0; } .article-details-part .left-cl p{font-size: 18px; line-height: 32px; color: var(--blue); margin: 0; padding: 0 0 30px 0; font-weight: 400;} .article-details-part .left-cl p a{color:#599AFF; } .article-details-part .left-cl ul li{font-size: 18px;} .article-details-part .left-cl ol li{font-size: 18px;} .inner-banner-section.contactus .swiper-slide .box .image img{height: auto; } .inner-banner-section.contactus .swiper-slide .banner-text{bottom: 0;} .contactus-bottom-section{padding: 0; position: relative;} .contactus-bottom-section .image{padding: 48% 0 0 0; position: relative; } .contactus-bottom-section .image::before{background: linear-gradient(180deg, rgba(26, 50, 153, 0) 0%, rgba(26, 50, 153, 0.09) 54.17%, #1A3299 100%); position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 1; content: ""; } .contactus-bottom-section .image img{padding: 0; width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; } .logo-contact{padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; max-width: 576px; margin: 0 auto; display: flex; z-index: 1;} .logo-contact img{width: 100%; object-fit: contain; } .contact-page-section{padding:192px 0 200px 0; } .contact-page-part{padding: 0; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1232px; margin: 0 auto; border-radius: 4px; overflow: hidden; box-shadow: 0px 8px 24px 0px rgba(24, 39, 75, 0.08), 0px 8px 24px 0px rgba(24, 39, 75, 0.08); } .contact-page-part .right-cnt{width: 100%; max-width: 414px; background-color: var(--blue); padding:32px 42px; align-self: stretch; flex: none; } .contact-page-part .right-cnt .h2{font-size: 32px; line-height: 50px; color: var(--yellow); margin: 0; padding: 0 0 31px 0; font-weight: 400; } .contact-page-part .right-cnt .contact-mail p a{color: var(--white); font-weight: 300;} .contact-page-part .cnt-address{align-items: flex-start; } .contact-page-part .foot-address p strong{font-weight: 500; } .contact-page-part .left-cnt{flex: 1; padding: 32px 10px 40px 10px; align-self: stretch; } .contact-page-part .left-cnt .h2{font-size: 30px; border-bottom: 1px solid #D9D9D9; padding: 0 136px 30px 0; } .contact-page-part .call-btn{display: none;} .contact-page-part .call-part{padding: 0; border-bottom: 0;} .contact-page-part .call-part .send-btn{position: relative;} .wpcf7-spinner{z-index: 10; background-color: var(--white);} .wpcf7-spinner::before{background-color: var(--blue);} .contactus-page-form{padding: 35px 136px 0 54px; } .thanks-message-part{padding: 40px 0; text-align: center; display: flex; justify-content: center; align-items: center; } .thanks-message-part .box{padding: 0;} .thanks-message-part .icon{padding: 0 0 23px 0; } .thanks-message-part .icon img{width: 100px; height: 100px; border-radius: 50%; } .thanks-message-part .h3{font-size: 32px; line-height: 50px; color: var(--blue); margin: 0; padding: 0; } .thanks-message-part p{font-size: 24px; line-height: 50px; color: #858994; margin: 0; padding: 0; font-weight: 400; } .page-not-found-section{padding:79px 0 200px 0; } .page-not-found-part{padding: 0; text-align: center; } .page-not-found-part .icon{padding: 0 0 45px 0; } .page-not-found-part .icon img{width: 100px; height: 100px; border-radius: 50%;} .page-not-found-part .h2{font-size: 32px; line-height: 50px; margin: 0; padding: 0 0 14px 0; } .page-not-found-part p{font-size: 24px; line-height: 50px; margin: 0; padding: 0 0 54px 0; color: #858994; } .page-title-section{padding: 0; position: relative;} .page-title-section .image{padding: 23.7% 0 0 0; position: relative;} .page-title-section .image::before{background: linear-gradient(180deg, rgba(0, 24, 60, 0.7) 0%, rgba(0, 24, 60, 0) 100%); position: absolute; left: 0; top: 0; right: 0; content: ""; height: 121px; z-index: 1;} .page-title-section .image img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: center; } .page-title-text{padding: 85px 15px 0 15px; text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .page-title-text h1{font-size: 64px; line-height: 64px; color: var(--white); margin: 0; padding: 0; text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15); } .default-content-section{padding:72px 0 208px 0; } .default-content-part{padding: 0 0 168px 0; max-width: 1128px; margin: 0 auto; } .default-content-part h2{font-size: 32px; padding: 0 0 24px 0; } .default-content-part ol li{padding-bottom: 30px; font-size: 18px; } .default-content-part ol li:last-child{padding-bottom: 0;} .default-content-part ul li{padding-bottom: 30px; font-size: 18px; } .default-content-part ul li:last-child{padding-bottom: 0;} .default-content-part h3{font-size: 18px; line-height: 32px; font-weight: 700; margin: 0; padding: 0; } .default-content-part p{font-size: 18px; font-weight: 400; line-height: 32px;} .default-content-part p a{text-decoration: underline; } .additional-btn2{text-align: center; position: relative;} .additional-btn2::before { height: 1px; background-color: #D9D9D9; content: ""; position: absolute; left: 0; top: 50%; right: 0; z-index: 0; } .about-banner-text{overflow: hidden; padding-top: 0 !important;} .about-banner-text .h1{color: var(--white); font-size: 64px; line-height: 64px; } .about-banner-text .h1 em{display: block; font-style: normal; font-size: 112px; line-height: 100px; font-weight: 200; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); font-family: var(--secondary-font); } .about-banner-text .h1 strong{font-size: 32px; font-weight: 400; /*border-top: 1px solid var(--white); border-bottom: 1px solid var(--white);*/ padding:7px 18px 12px 18px; line-height: 42px; display: inline-flex; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); } .mySwiper-about-desc .swiper-wrapper + .slider-line { bottom: 2px; } .slider-line {border-top: 1px solid var(--white); margin: 0 auto; position: relative; transition: linear 1s;} .mySwiper-about-text{position: absolute; left: 0; right: 0; top: 154px; bottom: 0; max-width: 1025px; margin: 0 auto; width: 100%; height: 110px; } .mySwiper-about-desc { position: absolute; left: 0; right: 0; top:265px; bottom: 0; max-width: 1025px; margin: 0 auto; width: 100%; height:64px; } .mySwiper-about-text .box::before, .mySwiper-about-desc .box::before {display: none;} .banner-section .mySwiper-about-text .swiper-slide .banner-text, .banner-section .mySwiper-about-desc .swiper-slide .banner-text {position: relative;} .mySwiper-about-desc .box .banner-text h1 {font-size: 0 !important; line-height: 1 !important;} .success-slider-part{padding:15px 0 0 0;} .success-slider-part .horizontal-timeline .timeline{flex-flow: row-reverse;} .success-slider-part .scroll-left{display: none;} .success-slider-part .scroll-right{display: none;} .success-slider-part .horizontal-timeline .events{height: 2px; background: #4C67DD; bottom: 0; margin: 60px 0 0 0; position: relative; display: flex; justify-content: space-around; } .success-slider-part .horizontal-timeline .filling-line{background: #4C67DD;} .success-slider-part .horizontal-timeline .events a{color: rgba(255, 255, 255, 0.50); font-size: 32px; line-height: 32px; font-weight: 300; font-family: var(--body-font); text-decoration: none; padding: 0 5px; position: static; margin-top: -60px; } .success-slider-part .horizontal-timeline .events a.selected{color: var(--white);} .success-slider-part .horizontal-timeline .events a::after{background: #4C67DD; width: 2px; height: 17px; left: 50%; bottom: 0; transition: 0.3s all;} .success-slider-part .horizontal-timeline .events a:hover{color: var(--white);} .success-slider-part .horizontal-timeline .events a:hover::after{height: 25px; background: var(--white); } .success-slider-part .events-wrapper{padding: 0 0px;} .success-slider-part .timeline-navigation .next{width: 30px; height: 30px; background: url(../images/next-timeline.svg) center center no-repeat; display: inline-block; vertical-align: top; margin: 0px 10px 0 0; position: absolute; top: -30px; right: 0;} .success-slider-part .timeline-navigation .next::before{display: none;} .success-slider-part .timeline-navigation .prev{width: 30px; height: 30px; background: url(../images/prev-timeline.svg) center center no-repeat; display: inline-block; vertical-align: top; margin: 0px 0 0 10px; position: absolute; top: -30px; left: 0;} .success-slider-part .timeline-navigation .prev::before{display: none;} .success-slider-part .events-content{padding: 0 0 0 0; margin:54px 0 0 0; } .success-slider-part .events-content ol{margin: 0;} .success-slider-part .events-content ol li{background: none; border-radius: 0; padding: 0; } .success-slider-part .events-content ol li::marker{display: none; font-size: 0;} .success-slider-part .events-content ol li:nth-child(2n){padding-top: 56px;} .box-success{padding: 0; display: flex; justify-content: flex-start; align-items: flex-end; position: relative; margin-top: 124px;} .box-success .image-box{padding: 0; flex: none; display: flex; justify-content: space-between; align-items: flex-start; } .box-success .image-box .image{width: 400px; height: 416px; padding:0 0 0 0; border-radius: 4px; overflow: hidden; position: relative;} .box-success .image-box .image::before{background: linear-gradient(91.67deg, rgba(0,122,255,0.6) 0%, rgba(26,50,153,0.6) 99.15%); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; transition: 0.3s all; opacity: 0; visibility: hidden;} .box-success .image-box .image > img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: center; } .box-success .text{padding: 0 48px; text-align: right;} .box-success .text h2{font-size: 80px; line-height: 88px; color: var(--white); margin: 0; padding: 0; font-weight: 200; font-family: var(--secondary-font); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .box-success .text h3{font-size: 44px; line-height: 46px; color: var(--white); margin: 0; padding: 0 0 24px 0; font-weight: 300; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .box-success .text p{font-size: 20px; line-height: 28px; color: var(--white); margin: 0; padding: 0; } .box-success .text-hover{position: absolute; left: 0; right: 0; bottom: -100%; padding: 8px 16px; text-align: right; z-index: 1; transition: 0.3s all; } .box-success .text-hover p{font-size: 16px; color: var(--white); margin: 0; padding: 0; } .box-success .image-box .image.small{width: 200px; height: 216px; padding: 0 0 0 0; margin-left: 39px; } .box-success .image-box .image.extrasmall{width: 191px; height: 96px; } .box1{max-width: 1185px;} .box2{max-width: 1163px;} .box3{max-width: 1292px;} .box3 .image-box .image.small{width: 353px; height: 186px; } .box3 .image-box .image.extrasmall{margin-top: 24px;} .box3 .image-box{max-width: 777px; flex-wrap: wrap;} .box3 .box-success .image-box{justify-content: flex-end;} .box3 .box-success .text{padding-bottom: 115px; } .box4{max-width: 907px;} .box5{max-width: 1411px;} .box5 .box-success{align-items: center; } .box5 .box-success .image-box .image{width: 560px; } .box5 .image-box{align-items: flex-start;} .box5 .image-box .image.small{width: 288px; height: 392px; margin-top: 137px; } .box6{max-width: 811px; } .box6 .box-success .image-box .image{width: 296px; height: 376px; } .box7{max-width: 915px;} .box8{max-width: 915px;} .box-success .overlay-icon{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; display: flex; justify-content: center; align-items: center; transition: 0.3s all; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .box-success .overlay-icon a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .box-success .overlay-icon img{width: auto !important; } .box-success .image:hover .overlay-icon{-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .box-success .image:hover::before{opacity: 1; visibility: visible; } .box-success .image:hover .text-hover{bottom: 0;} .inner-banner-section .mySwiper-about-banner .swiper-slide .box::before{height: 121px; } .inner-banner-section .mySwiper-about-banner .swiper-slide .box::after{background: linear-gradient(180deg, rgba(0, 24, 60, 0) 0%, #00183C 100%); height: 552px; position: absolute; left: 0; bottom: 0; right: 0; content: ""; z-index: 0; opacity: 0.8; } .inner-banner-section.aboutus .banner-bottom-btn{bottom: 300px; } .about-banner-text2{padding: 0; margin: 0 auto; max-width: 1025px; text-align: center; position: absolute; left: 0; right: 0; bottom: 170px; z-index: 1; } .about-banner-text2 p{font-size: 24px; line-height: 32px; font-weight: 400; color: var(--white); margin: 0; padding: 0; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); } .industry-section{padding:208px 0 232px 0; overflow: hidden; } .industry-part{padding: 0 0 112px 0; display: flex; justify-content: space-between; align-items: center; max-width: 1440px; margin: 0 auto; } .industry-part .text{padding: 0 104px 0 120px; max-width: 728px; } .industry-part .text .h2{font-size: 39px; padding: 0 0 24px 0; } .industry-part .text p{padding: 0 0 24px 0; margin: 0; } .industry-part .image{padding:31.11% 0 0 0; max-width: 712px; width: 100%; position: relative; box-shadow: 4px 4px 0px 0px #F2BE1A; border-radius: 4px; overflow: hidden; } .industry-part .image img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: center; } .industry-part:nth-child(even){flex-direction: row-reverse; } .industry-part:first-child .image{max-width: 952px; margin: 0 0 0 -240px; padding: 35.51% 0 0 0; } .inner-banner-section.aboutus .swiper-button-prev{background-color: var(--blue); top: 270px; } .inner-banner-section.aboutus .swiper-button-prev:hover{background-color: var(--yellow); } .inner-banner-section.aboutus .swiper-button-next{background-color: var(--blue); top: 270px; } .inner-banner-section.aboutus .swiper-button-next:hover{background-color: var(--yellow); } .success-section{/*padding:40px 0 152px 0;*/ padding:40px 0 60px 0; background:url(../images/timeline-bg.png) left bottom no-repeat var(--blue); background-size: 100%; } .success-top-text{padding: 0; text-align: center; } .success-top-text .h2{font-size: 48px; color: var(--white); font-weight: 300; padding: 0 0 18px 0; } .success-top-text p{color: var(--white); padding: 0 0 14px 0; margin: 0;} .success-top-text h3{color: #4C67DD; font-size: 16px; line-height: 32px; margin: 0; padding: 0;} .management-section{padding:143px 0 200px 0;} .management-top-text{padding: 0 0 73px 0; text-align: center; max-width: 1232px; margin: 0 auto; } .management-top-text .h2{font-size: 40px; margin: 0; padding: 0 0 16px 0; } .management-list{padding: 0; max-width: 1408px; margin: 0 auto; } .management-list ul{padding: 0; margin: 0 -16px; display: flex; justify-content: center; flex-wrap: wrap; } .management-list ul li{padding: 0 16px; margin: 0; list-style: none; flex: 1 25%; max-width: 25%; } .management-list ul li::before{display: none; } .management-list ul li .box{padding: 0; border-radius: 4px; overflow: hidden; position: relative; margin-bottom: 32px; display: block;} .management-list ul li .box::before{border: 4px solid var(--blue); position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; z-index: 2; border-radius: 4px; opacity: 0; visibility: hidden; transition: 0.2s all; } .management-list ul li .box .image{padding:121.9% 0 0 0; position: relative; overflow: hidden;} .management-list ul li .box .image::before{background: linear-gradient(180deg, rgba(0, 24, 60, 0) 65.65%, #00183C 100%); position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; z-index: 1; opacity: 0.5; transition: 0.3s all;} .management-list ul li .box .image img{width: 100%; transition: 0.4s all; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;} .management-list ul li .box .text{padding: 22px 33px; position: absolute; left: 0; bottom: 0; right: 0; z-index: 2;} .management-list ul li .box .text .h3{font-size: 20px; line-height: 32px; color: var(--white); margin: 0; padding: 0; font-weight: 500; transition: 0.3s all;} .management-list ul li .box .text p{font-size: 16px; line-height: 32px; color: var(--white); margin: 0; padding: 0; font-weight: 300;} .management-list ul li .box .circle-more{background: url(../images/circle-more-icon.svg) center center no-repeat; width: 32px; height: 32px; position: absolute; left: 32px; bottom: 38px; opacity: 0; visibility: hidden; transition: 0.3s all; z-index: 1; } .management-list ul li .box:hover::before{opacity: 1; visibility: visible;} .management-list ul li .box:hover .image::before{opacity: 1;} .management-list ul li .box:hover .circle-more{opacity: 1; visibility: visible;} .management-list ul li .box:hover .image img{transform: scale(1.03); } .management-list ul li .box:hover .text .h3{color: var(--yellow);} .management-list ul.ceo{padding-bottom: 40px;} .management-list ul.ceo li{max-width: 31.1%; flex: 1 31.1%; } .management-list ul.ceo li .box .image{padding: 115.1% 0 0 0; } .management-modal-section{background-color: rgba(26, 50, 153, 0.8); } .management-modal-section .modal-dialog{max-width: 1216px; border: 0; border-radius: 8px; overflow: hidden;} .management-modal-section.fade .modal-dialog{ -webkit-transform: translate(0, 75%); transform: translate(0, 75%); transition: transform .4s ease-out, -webkit-transform .4s ease-out;} .management-modal-section.fade.show .modal-dialog{ -webkit-transform: translate(0, 0); transform: translate(0, 0);} .management-modal-section .modal-body{display: flex; justify-content: space-between; align-items: flex-start; background-color: var(--blue);} .management-modal-section .modal-body .image{flex: 1 50%; max-width: 50%; padding:59.2% 0 0 0; position: relative; } .management-modal-section .modal-body .image img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; } .management-modal-section .modal-body .text{padding: 64px 78px 37px 78px; flex: 1 50%; max-width: 50%; max-height: 720px; overflow: auto;} .management-modal-section .modal-body .text::-webkit-scrollbar{width:4px; border-radius: 3px;} .management-modal-section .modal-body .text::-webkit-scrollbar-track{background: #00183C; } .management-modal-section .modal-body .text::-webkit-scrollbar-thumb{background: #7BACFF; } .management-modal-section .modal-body .text .h2{font-size: 32px; line-height: 32px; color: var(--white); margin: 0; padding: 0 0 8px 0; font-weight: 400;} .management-modal-section .modal-body .text .h3{font-size: 24px; line-height: 32px; color: var(--yellow); margin: 0; padding: 0 0 62px 0; font-weight: 400;} .management-modal-section .modal-body .text p{font-size: 24px; line-height: 32px; color: var(--white); margin: 0; padding: 0 0 24px 0; font-weight: 300; } .management-modal-section .modal-close{right: 8px; top: 8px; z-index: 1; } .success-slider2{color: var(--white); position: relative; } .years-bar{position: absolute; left: 0; top: 88px; right: 0; height: 19px; display: flex; z-index: 2;} .years-bar::before{background: rgba(76, 103, 221, 0.50); content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0px; right: 0;} .years-one{width: 24px; height: 80px; background: url(../images/line-years-repeat.png) center bottom no-repeat; margin-top: -62px; flex: none; transition: 0.2s all;} .years-one:hover{background: url(../images/line-years-repeat-hover.png) center bottom no-repeat; } /*.page-id-788 .swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;display: block;cursor: grab;}*/ .success-slider2 .swiper .swiper-slide:first-child{padding-right: 266px; } .success-slider2 .swiper-button-next{top: 20px;} .success-slider2 .swiper-button-next::after{font-size: 12px;font-weight: 900;color: #ffffff;background-color: #253eae;min-width: 40px;min-height: 40px;border-radius: 100px;vertical-align: middle; margin: 20px;text-align: center;filter: drop-shadow(0px 8px 16px rgba(24, 39, 75, 0.18)) drop-shadow(0px 6px 8px rgba(6, 16, 41, 0.12));padding-top: 14px;margin-left: 56px;} .success-slider2 .swiper-button-prev{top: 20px;} .success-slider2 .swiper-button-prev::after{font-size: 12px;font-weight: 900;color: #ffffff;background-color: #253eae;min-width: 40px;min-height: 40px;border-radius: 100px;vertical-align: middle;margin: 20px;text-align: center;filter: drop-shadow(0px 8px 16px rgba(24, 39, 75, 0.18)) drop-shadow(0px 6px 8px rgba(6, 16, 41, 0.12));padding-top: 14px;margin-right: 56px;} .success-slider2 .year{font-size: 32px; font-weight: 300; display: inline-flex; cursor: pointer; color: rgba(255, 255, 255, 0.50); position: relative;} .success-slider2 .year::before{width: 2px; height: 42px; background: #4C67DD; content: ""; position: absolute; left: calc(50% - 1px); bottom: -74px; z-index: 2;} .success-slider2 .swiper-slide-active .year{color: var(--white); } .success-slider2 .swiper-slide-active .year::before{height: 60px; background: var(--white); } .swiper-success2, .swiper-success2 * {cursor: grab;} .success-slider2 .swiper-slide{overflow: hidden;} .success-slider2 .swiper-slide:nth-child(2n) .box-success{margin-top: 184px;} .box2 .year{margin-right: 239px;} .box3 .year{margin-right: 359px;} .box5 .year{margin-right: 311px;} .box6 .year{margin-right: 214px;} .box7 .year{margin-right: 19px;} .box8 .year{margin-right: 20px;} .ecosystem-slider-part .swiper-button-next{width: 48px; height: 64px; background: url(../images/nav-next.png) right center no-repeat; border-radius: 0 40px 40px 0; border: 0px solid rgba(255, 255, 255, 0.5); left: 0; transition: 0.3s all; overflow: hidden; background-color: var(--blue); display: flex;align-items: center;justify-content: center; } .ecosystem-slider-part .swiper-button-next::after{color: #e4e0e2; font-size: 20px; margin: 0 7px 0 0px; transition: 0.3s all;} .ecosystem-slider-part .swiper-button-next:hover{background: var(--yellow); width: 54px;} .ecosystem-slider-part .swiper-button-next:hover::after{color: var(--black); margin: 0 19px 0 0;} .ecosystem-slider-part .swiper-button-prev{width: 48px; height: 64px; background: url(../images/nav-prev.png) left center no-repeat; border-radius: 40px 0 0 40px; border: 0px solid rgba(255, 255, 255, 0.5); right: 0px; transition: 0.3s all; overflow: hidden; background-color: var(--blue); display: flex;align-items: center;justify-content: center; } .ecosystem-slider-part .swiper-button-prev::after{color: #e4e0e2; font-size: 20px; margin: 0 0 0 7px; transition: 0.3s all;} .ecosystem-slider-part .swiper-button-prev:hover{background: var(--yellow); width: 54px; } .ecosystem-slider-part .swiper-button-prev:hover::after{color: var(--black); margin: 0 0 0 19px;} .page-id-343 .project-contact-img-box{display: none;} .page-id-343 .call-part{padding: 0 0 24px 0; border-bottom: 0;} .contact-page-part .project-contact-img-box{display: none;} .yNHHyP-marker-view[tabindex="0"]{z-index: 2;} .gm-style {font-family: var(--body-font) !important;} .script_image p:empty {display: none;} .tradingview-widget-copyright {display: none;} .script_image iframe {height: 380px !important;} html.nextsection {scroll-behavior: auto;} .chart_disclaimer {padding:15px 0;margin: 0 -1px -1px; background-color: #fff; text-align: justify; color: #4b4f59; font-size: 16px; line-height: 24px;} .mySwiper-brand {display: flex ; white-space: nowrap;} .mySwiper-brand-inner {display: flex ; white-space: nowrap; animation:marquee 45s linear infinite; -webkit-animation:marquee 45s linear infinite} .brand-slider-part:nth-child(odd) .mySwiper-brand-inner {animation-direction:reverse;} .mySwiper-brand .brand-slide {margin:0; padding: 0 8px; width: 274px; flex-shrink: 0; width:14.2857143vw;} .chart_disclaimer a {color: #00a3ff; text-decoration: underline;} .mySwiper-brand .slick-track {display: flex; width: 100%;} @keyframes moveSlideshow { 100% { transform: translateX(-66.6666%); } } @-webkit-keyframes moveSlideshow { 100% { transform: translateX(-66.6666%); } } @keyframes marquee { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } } @-webkit-keyframes marquee { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } } .mySwiper-brand .slick-track {-webkit-animation: moveSlideshow 35s linear infinite; animation: moveSlideshow 35s linear infinite;} .brand-slider-part:nth-child(2n+1) .mySwiper-brand .slick-track {animation-direction: reverse;} .slider-stop .mySwiper-brand .slick-track { animation-play-state: paused; } .slider-stop .mySwiper-brand-inner {animation-play-state: paused;} .tax-project-category .banner-bottom-btn a:hover em {background-image: url('../images/hover-blue-arrow.svg') !important;} .script_image { border: 6px solid #f7f7f7; border-bottom: 0; border-radius:4px 4px 0 0;} .vision-chart-info {border: 6px solid #f7f7f7; border-top: 0; } .chart_disclaimer {border-top: 1px solid var(--blue);} #modal-choice-videopopup .div-load {background-color: rgba(0, 0, 0, 1); display: flex; justify-content: center; align-items: center; transition: all 0.4s; opacity: 0; visibility: hidden; border-radius: 12px;} #modal-choice-videopopup .div-load.show {display: flex; opacity: 1; visibility: visible;} #modal-choice-videopopup .modal-body, #modal-choice-video1 .modal-body, #modal-choice-video .modal-body {position: relative; padding:56.25% 0 0 0;} .choice-modal-video .modal-body .iframe-video iframe {border-radius: 12px;} .fancybox__backdrop {background: rgba(26, 50, 153, 0.8) !important;} .contactus-page-form .call-btn a span strong {line-height: 20px;} .north-south-slider-part { position: relative; z-index: 1; } .bustling-business-video-inner {padding: 56.25% 0 0 0; position: relative;} .project-contact-form-part .send-btn {position: relative;} .project-contact-form-part .send-btn .wpcf7-spinner {right: auto; left: -30px;} .project-contact-img-box.imglogo-1 {justify-content: center;} .project-contact-img-box.imglogo-1 img {margin: 0;} .swiper, .swiper * {cursor:grab;} .privacy_policy_jobcandidates{} .jobcandidates_btn{ display: flex ; justify-content: center; align-items: center; margin-top: 88px; background-color: #EEF5FF; width: fit-content; margin: 88px auto 0; padding: 8px 16px; border: 1px solid #599AFF; border-radius: 8px;} .jobcandidates_btn img{margin-left: 8px;} .jobcandidates_btn:hover{background-color: #d6e7ff;} #modal-job-pdf .pdf_content{height: 85vh;}