/*Common CSS*/
html{ font-size: 62.5%;}
*{outline: none;}
*::-moz-selection{background:#3079ed; color:#fff; text-shadow:none;} 
body{ margin:0; padding:0; width:100%; font-size:14px; font-weight: 400; font-family: 'Manrope';}
label{display: block; font-family:'Manrope'; font-weight: 400;}
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
select option{ color: #282828;}
option{font-family:'Manrope'; font-weight: 400;}
h1, h2, h3, h4, h5, h6, p{margin:0; padding:0; font-family:'Manrope'; line-height: normal;}
ul, li{ list-style:none; margin:0; padding:0; font-family: 'Manrope';}
img{vertical-align:middle; border:none}
a, input, select, textarea, .btn {transition: all 0.35s ease-in 0s; outline:none; font-family:'Manrope'; text-decoration:none;}
a{ color:#666; cursor: pointer;}
a:hover{ outline:none; cursor:pointer; color:#212121; text-decoration:none;}
a:focus {outline:none; text-decoration:none}
video{ width: 100%;}
button{transition:all 0.25s ease-in 0s; border: none; padding: 0; background-color: transparent;}
textarea:focus, input:focus{ outline:none; transition-duration: 0.1s; box-shadow:none;}
.form-control::-moz-placeholder{ opacity:1; color:#120E3450;}
.form-control::-webkit-input-placeholder{ opacity:1; color:#120E3450;}
/* select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
select::-ms-expand {display: none;} */
.form-control, .form-control:focus{ box-shadow: none;}

.swiper-button-next, .swiper-button-prev{ bottom: 30px; top: auto; background-color: #000; color: #fff; width: 48px; height: 48px; transition: .5s all; border: 1px solid #000;}
.swiper-button-next{ right: 30px;}
.swiper-button-next:hover, .swiper-button-prev:hover{ background-color: #fff; color: #000;}
.swiper-button-prev{ left: auto; right: 82px;}
.swiper-button-next::after, .swiper-button-prev::after{ font-size: 20px;}
.swiper-pagination{ bottom: 30px; left: 0; width: 100%; display: flex; justify-content: center; column-gap: 30px;}
.swiper-pagination-bullet{ width: 195px; height: 4px; background-color: #ffffff33; border-radius: 0; opacity: 1;}
.swiper-pagination-bullet-active{ background-color: #fff;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: .75;}

.nav-tabs{ border: none; justify-content: center; column-gap: 20px; padding-bottom: 40px;}
.nav-tabs .nav-link{ border-radius: 10px; background-color: #E9F1FD; color: #120E34; font-size: 20px; font-weight: 700; padding: 19px 20px; border: none; margin-bottom: 0; line-height: normal;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background: linear-gradient(180deg, #0061E5 8.41%, #060756 151.97%); color: #fff;}

.container{ max-width: 1159px; position: relative;}
.img_block > img{ width: 100%;}
picture > img{ width: 100%;}
.btn{ color: #120E34; background-color: #00E0C1; border: 1px solid #00E0C1; border-radius: 18px; padding: 19px 40px; font-size: 18px; font-weight: 700;}
.btn:hover{ background-color: transparent; color: #fff;}
.heading{ padding-bottom: 40px;}
.title{ color: #1D54DF; font-size: 36px; font-weight: 800; line-height: 120%;}
.title.white{ color: #fff;}
.subtitle{ color: #181636; font-size: 16px; font-weight: 700; line-height: normal; padding-bottom: 10px;}
.subtitle img{ margin-right: 10px;}
.subtitle.yellow{ color: #FADE6D;}
.list{ padding-bottom: 20px; display: flex; flex-wrap: wrap; row-gap: 10px;}
.list > li{ color: #120E34; font-size: 16px; font-weight: 500; padding-left: 30px; line-height: 140%; position: relative; width: 100%;}
.list > li:before{ content: '\f00c';  font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 1px; background-color: #00E0C1; width: 20px; line-height: 20px; border-radius: 100%; color: #120E34; font-size: 14px; text-align: center;}

header{ width: 100%; z-index: 99; padding: 0; position: absolute; left: 0; top: 64px;}
header .container{ display: flex; justify-content: space-between; align-items: center; max-width: 94%;}
header .left{ display: flex;}
.navigation{ column-gap: 43px; align-items: center; display: flex;}
header .navigation > li > a{ color:#fff; font-size:  16px;  font-weight: 500; line-height: 40px; border-bottom: 1px solid transparent; display: inline-block;}
header .navigation > li > a:hover{ border-bottom-color: #fff;}
header .navigation > li.gs_btn > a{ color: #fff; background-color: #0461E5; border: 1px solid #0461E5; border-radius: 4px; padding: 0 40px;}
header .navigation > li.gs_btn > a:hover{ background-color: transparent; color: #fff;}

.toggle{ display: none;}
.hamburger{ width: 44px; height: 44px; background-color: #00E0C1; border: none; margin: 0; padding: 0; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; position: relative;}
.hamburger > span{ position: absolute; left: 50%; top: 50%; width: 24px; height: 20px; transform: translate(-50%, -50%);}
.hamburger > span >  span{ display: block; position: absolute; height: 3px; width: 100%; background-color: #120E34; border-radius: 4px; opacity: 1;  left: 0;  transform: rotate(0deg); transition: .25s ease-in-out;}
.hamburger > span > span:nth-child(1) { top: 0px;}
.hamburger > span > span:nth-child(2) { top: 8px; left: 0;}
.hamburger > span > span:nth-child(3) { top: 16px;}
.hamburger.open > span > span{ height: 3px;}
.hamburger.open > span > span:nth-child(1) { top: 10px; transform: rotate(135deg);}
.hamburger.open > span > span:nth-child(2) {opacity: 0; left: -22px;}
.hamburger.open > span > span:nth-child(3) { top: 10px; transform: rotate(-135deg);}

.banner_section{ position: relative; background: linear-gradient(196deg, #00367F 8.41%, #060756 151.97%);}
.banner_section .cpation{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; display: flex; align-items: center;}
.banner_section .cpation .copy{ width: 60%;}
.banner_section .cpation h1{ color: #fff; padding-bottom: 20px; font-size: 48px; font-weight: 800; line-height: 120%;} 
.banner_section .cpation h2{ color: #FFF; font-size: 36px; font-weight: 600; line-height: 140%; padding-bottom: 20px;}
.banner_section .cpation p{ color: #fff; font-size: 16px; font-weight: 500; line-height: 140%;}

.below_banner{ position: relative; margin-top: -107px;}
.below_banner:after{ content: ''; background: rgba(1, 37, 123, 0.05);; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 1;}
.below_banner ul{ border-radius: 16px; background: #FFF; box-shadow: 0px 0px 37px 0px rgba(6, 16, 88, 0.05); padding: 40px 80px; position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 45px;}
.below_banner ul li .icon{ padding-bottom: 10px;}
.below_banner ul li p{ color: #181636; font-size: 16px; font-weight: 500; line-height: 140%;}

.advisory_services{ background-color: rgba(1, 37, 123, 0.05);; padding: 70px 0 80px;}
.as_list{ display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 19px;}
.as_list li{ border-radius: 16px; background: #FFF; padding: 20px 20px 35px;}
.as_list li .icon{ padding-bottom: 10px;}
.as_list li p{ color: #181636; font-size: 16px; font-weight: 500; line-height: 140%; width: 95%;}
.as_list li p span{ font-weight: 800; display: block;} 

.technology_platform{ padding: 80px 0;}
.tp_list{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.tp_list li{ border-radius: 16px; background: rgba(1, 37, 123, 0.05);; padding: 30px;}
.tp_list li p{ color: #181636; font-size: 16px; font-weight: 500; line-height: 140%;}
.tp_list li p span{ font-weight: 800; display: block;} 

.client_solutions{ background-color: rgba(1, 37, 123, 0.05); padding: 80px 0 60px;}
.cs_row{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.cs_col .icon{ padding-bottom: 20px;}
.cs_col h3{ color: #0461E5; font-size: 20px; font-weight: 700; line-height: 150%; padding-bottom: 10px;}
.cs_col ul{ display: flex; flex-wrap: wrap; row-gap: 15px;}
.cs_col ul li{ width: 100%; font-size: 16px;}
.cs_col ul li p{ color: #181636; font-size: 16px; font-weight: 500; line-height: 140%;}
.cs_col ul li span{ font-weight: 800;}

.about_us{ background: linear-gradient(263deg, #6D9FF7 -32.93%, #1D54DF 65.77%); padding: 80px 0;}
.about_us p{ color: #FFF; font-size: 16px; font-weight: 500; line-height: 140%; padding-bottom: 20px;}
.about_us .list li{ color: #FFF;}
.about_us .list li span{ font-weight: 800;}
.about_us h3{ color: #fff; font-size: 20px; font-weight: 700; line-height: 140%; padding-bottom: 10px;}

.contact_section{ padding: 80px 0 50px; background: #181636;}
.contact_section h3{ color: #FFF; font-size: 20px; font-weight: 700; line-height: 150%; padding-bottom: 5px;}
.contact_section p{ color: #FFF; font-size: 16px; font-weight: 500; line-height: 140%;}
.contact_list2{ padding-bottom: 15px;}
.contact_list2 li{ color: #FFF; font-size: 16px; font-weight: 500; line-height: 140%;}
.contact_list2 li a{ color: #FFF; }
.contact_list2 li span{ font-weight: 800; padding-right: 10px;}
.contact_list{ padding-bottom: 15px;}
.contact_list li{ color: #FFF; font-size: 16px; font-weight: 500; line-height: 140%;}
.contact_list li a{ color: #FFF; }
.contact_list li span{ font-weight: 800; display: block;}


footer{ background: var(--light-gradient-blue-aqua, linear-gradient(225deg, rgba(62,227,197,.1) 0%, rgba(29,84,223,.1) 100%));}
footer .container{ max-width: 94%;}
.top_footer{ padding: 80px 0 40px; display: flex; flex-wrap: wrap;}
.tf_row{ display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 15px; width: 100%;}
.top_footer h3{ color: #0461E5; font-size: 20px; font-weight: 700; line-height: 150%; padding-bottom: 20px;}
.top_footer p{ color: #181636;  font-size: 16px; font-weight: 500; line-height: 180%;}
.top_footer p span{ display: block; font-size: 18px; font-weight: 800;}

.footer_list{ display: flex; flex-wrap: wrap; row-gap: 5px;}
.footer_list li{ width: 100%;}

.footer_list li a{ color: #181636; font-size: 16px; border-bottom: 1px solid transparent; line-height: 180%; font-weight: 700;}
.footer_list li a:hover{ border-bottom-color: #181636;}

.footer_list li{
    color: #181636; font-size: 16px; border-bottom: 1px solid transparent; line-height: 180%; font-weight: 700;
}

.footer_disclaimer{ padding: 40px 0; border-top: 1px solid #181636; border-bottom: 1px solid #181636;}
.footer_disclaimer p{ color: #181636; font-size: 16px; font-weight: 500; line-height: 1.4;}
.footer_disclaimer p span{ font-weight: 800;}
.bottom_footer{ text-align: center; padding: 20px 0 35px;}
.bottom_footer p{ color: #181636; font-size: 16px; font-weight: 800; line-height: 140%;}

.btn-close{ background: none; opacity: 1; width: auto; height: auto; top: 20px; right: 20px; position: absolute; z-index: 99;}
.modal-dialog{ width: 100%; max-width: 100%; margin: 0;}
.modal-content{ border-radius: 0;}
.modal-dialog-scrollable{ height: 100%;}
.modal-body{ padding: 100px 0 50px;}
.modal-body .container{ max-width: 1000px;}
.modal-content{ height: 100%;}
.common_modal .title{ text-align: center;}
.common_modal p{ color: #000; font-size: 16px; font-weight: 500; line-height: 140%; padding-bottom: 20px;}
.common_modal p strong{ font-weight: 700;}
.common_modal h4{ color: #000; font-size: 18px; font-weight: 700; line-height: 140%; padding-bottom: 20px;}
.table-responsive{ margin-bottom: 20px;}
.table{ border: 1px solid #000; border-left: none;}
.table thead > tr > th{ color: #000; font-size: 14px; font-weight: 700; line-height: 140%; vertical-align: middle; text-align: center; border-left: 1px solid #000; padding: 10px;}
.table tbody > tr > td{ color: #000; font-size: 14px; font-weight: 500; line-height: 140%; text-align: center; border-left: 1px solid #000; padding: 10px;}
.list_disc{ padding: 0 0 20px 20px; display: flex; flex-wrap: wrap; row-gap: 7px;}
.list_disc li{ color: #000; font-size: 16px; font-weight: 500; line-height: 140%; list-style: disc; width: 100%;}
.list_disc li a{ color: #000;}
.list_disc li a:hover{ text-decoration: underline;}
.list_disc li ul{ padding: 0 0 10px 20px;}

.list_num{ padding: 0 0 20px 20px; display: flex; flex-wrap: wrap; row-gap: 7px;}
.list_num li{ color: #000; font-size: 16px; font-weight: 500; line-height: 140%; list-style: decimal; width: 100%;}
.list_num li strong{ font-weight: 800;}
.list_num li a{ color: #000;}
.list_num li a:hover{ text-decoration: underline;}
.list_num li ul{ padding: 0 0 10px 20px;}
.list_num li ul li ul li{ list-style: disc;}
.table_left tbody > tr > td, .table_left thead > tr > th{ text-align: left;}
.list_num li ul.sub li{ list-style: disc;}